* {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
}

*::-webkit-media-controls-panel {
  display: none !important;
  -webkit-appearance: none;
}

*::-webkit-media-controls-play-button {
  display: none !important;
  -webkit-appearance: none;
}

*::-webkit-media-controls-start-playback-button {
  display: none !important;
  -webkit-appearance: none;
}

.each-link img {
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important;
}
.each-link h3 {
  font-size: 17px !important;
}

#overlay {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.4392156863);
  position: fixed;
  display: none;
  z-index: 99;
}

.page-content-options {
  position: relative;
  border: 2px solid transparent;
}
.page-content-options img.option {
  display: block;
  width: 16px !important;
  margin: 0 5px;
  cursor: pointer;
}
.page-content-options img.option:first-of-type {
  margin-left: 0;
}
.page-content-options img.option:last-of-type {
  margin-right: 0;
}

.page-content-options.active {
  background: #fff !important;
  color: #000 !important;
  cursor: pointer !important;
  z-index: 99999999999 !important;
}

.swal2-container.swal2-shown {
  z-index: 99999 !important;
}

.scale1 {
  -webkit-transform: scale(1) !important;
  -ms-transform: scale(1) !important;
  transform: scale(1) !important;
}

.feedback-slideshow-wrapper .slick-disabled {
  -webkit-transform: scale(0) !important;
  -ms-transform: scale(0) !important;
  transform: scale(0) !important;
}

.opacity1 {
  opacity: 1 !important;
}

.to-second {
  top: 70px !important;
}

.to-third {
  top: 117px !important;
}

.to-fourth {
  top: 165px !important;
}

.swal2-confirm {
  background-image: -o-linear-gradient(left, #f6b92f 0%, #fcb03c 50%) !important;
  background-image: -webkit-gradient(linear, left top, right top, from(#f6b92f), color-stop(50%, #fcb03c)) !important;
  background-image: linear-gradient(to right, #f6b92f 0%, #fcb03c 50%) !important;
  height: 55px !important;
  width: 220px !important;
  color: white !important;
  font-family: "exo-regular", sans-serif !important;
  font-size: 15px !important;
  border: none !important;
  border-radius: 30px !important;
  cursor: pointer !important;
  position: relative !important;
  background-size: 200% auto !important;
  -webkit-transition: 0.5s !important;
  -o-transition: 0.5s !important;
  transition: 0.5s !important;
  margin: 20px auto !important;
  margin-bottom: 0 !important;
  display: block !important;
}

.swal2-confirm:hover {
  background-position: right center !important;
}

.swal2-styled:focus {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.swal2-popup {
  width: 700px !important;
}

#swal2-content img {
  padding-bottom: 20px;
}
#swal2-content h2 {
  font-family: "exo-semibold";
  color: #2c2c2c;
  padding-bottom: 20px;
}
#swal2-content p {
  font-family: "exo-regular";
  color: #898989;
  font-size: 15px;
  line-height: 1.5;
  padding-bottom: 20px;
}

.fp-tableCell {
  height: 100% !important;
}

.section {
  height: auto !important;
}

.feedback-slideshow-wrapper .slick-track {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.feedback-slideshow-wrapper .slick-slide {
  -webkit-transform: scale(0.6) !important;
  -ms-transform: scale(0.6) !important;
  transform: scale(0.6) !important;
  opacity: 0.4 !important;
  -webkit-transition: 0.3s !important;
  -o-transition: 0.3s !important;
  transition: 0.3s !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.feedback-slideshow-wrapper .slick-current {
  -webkit-transform: scale(1) !important;
  -ms-transform: scale(1) !important;
  transform: scale(1) !important;
  opacity: 1 !important;
  z-index: 99;
  position: relative;
  width: 691px !important;
}
.feedback-slideshow-wrapper .slick-next {
  background-image: url("../img/home-slide-next.png") !important;
  width: 51px;
  height: 50px;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  z-index: 99;
  background-size: contain;
  background-repeat: no-repeat;
  top: calc(50% - 25px);
}
.feedback-slideshow-wrapper .slick-prev {
  background-image: url("../img/home-slide-prev.png") !important;
  width: 51px;
  height: 50px;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  z-index: 99;
  background-size: contain;
  background-repeat: no-repeat;
  top: calc(50% - 25px);
}
.feedback-slideshow-wrapper .slick-next:hover,
.feedback-slideshow-wrapper .slick-prev:hover {
  -webkit-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
}
.feedback-slideshow-wrapper .slick-next::before,
.feedback-slideshow-wrapper .slick-prev:before {
  display: none;
}

@font-face {
  font-family: "Caveat Regular";
  font-display: swap;
  src: url("../fonts/Caveat-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Raleway Thin";
  font-display: swap;
  src: url("../fonts/Raleway-Thin.ttf") format("truetype");
}
@font-face {
  font-family: "exo-semibold";
  font-display: swap;
  src: url("../fonts/exo/Exo2-SemiBold.ttf") format("truetype");
}
@font-face {
  font-family: "exo-bold";
  font-display: swap;
  src: url("../fonts/exo/Exo2-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "exo-regular";
  font-display: swap;
  src: url("../fonts/exo/Exo2-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "exo-light";
  font-display: swap;
  src: url("../fonts/exo/Exo2-Light.ttf") format("truetype");
}
@font-face {
  font-family: "exo-thin";
  font-display: swap;
  src: url("../fonts/exo/Exo2-Thin.ttf") format("truetype");
}
@font-face {
  font-family: "Open Sans Light";
  font-display: swap;
  src: url("../fonts/open-sans/OpenSans-Light.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto Light";
  font-display: swap;
  src: url("../fonts/Roboto/Roboto-Light.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto Regular";
  font-display: swap;
  src: url("../fonts/Roboto/Roboto-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto Medium";
  font-display: swap;
  src: url("../fonts/Roboto/Roboto-Medium.ttf") format("truetype");
}
.wrapper {
  width: 1200px;
  margin: auto;
}

body {
  overflow-x: hidden;
}

.set-lang {
  height: 70px;
  width: 100%;
  z-index: 99991;
  position: relative;
  background-color: #282828;
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.set-lang .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.set-lang .wrapper p {
  font-family: "Open Sans Light", sans-serif;
  color: #eeeeee;
  font-size: 15px;
  margin-right: auto;
}
.set-lang .wrapper .right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.set-lang .wrapper select {
  height: 40px;
  width: 150px;
  border-radius: 5px;
  border: 2px solid #eeeeee;
  padding-left: 10px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  margin-right: 10px;
  background-image: url("../img/check.png");
  background-position: 10px center;
  background-repeat: no-repeat;
  padding-left: 30px;
  background-color: #eee;
}
.set-lang .wrapper button {
  background-image: -o-linear-gradient(left, #f6b92f 0%, #fcb03c 50%);
  background-image: -webkit-gradient(linear, left top, right top, from(#f6b92f), color-stop(50%, #fcb03c));
  background-image: linear-gradient(to right, #f6b92f 0%, #fcb03c 50%);
  height: 40px;
  width: 125px;
  color: white;
  font-family: "exo-regular", sans-serif;
  font-size: 15px;
  border: none;
  border-radius: 30px;
  cursor: pointer;
  position: relative;
  background-size: 200% auto;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  display: block;
  margin-right: 20px;
}
.set-lang .wrapper .close {
  cursor: pointer;
}

header {
  background-color: #1c3069;
  height: 70px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
}
header .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100%;
}
header .wrapper .hamburger-menu {
  display: none;
  width: 34px;
  height: 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
header .wrapper .hamburger-menu .line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  pointer-events: none;
  margin-left: auto;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
header .wrapper .hamburger-menu .line span {
  background-color: #fff;
  height: 4px;
  border-radius: 3px;
  display: block;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
header .wrapper .hamburger-menu .line:nth-child(2) span:nth-child(2) {
  -webkit-box-flex: 0.4;
  -ms-flex: 0.4;
  flex: 0.4;
}
header .wrapper .hamburger-menu.active .line {
  gap: 2px;
}
header .wrapper .hamburger-menu.active .line:nth-child(2) {
  width: calc(100% - 10px) !important;
}
header .wrapper .hamburger-menu.active .line:nth-child(2) span:nth-child(2) {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
header .wrapper .hamburger-menu.active .line:nth-child(3) {
  width: calc(100% - 20px) !important;
}
header .wrapper .brand {
  cursor: pointer;
}
header .wrapper .brand img {
  width: 118px;
  height: 47px;
}
header .wrapper nav {
  height: 100%;
}
header .wrapper nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
header .wrapper nav ul li {
  list-style: none;
  padding: 0 15px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
header .wrapper nav ul li span:not(.page-content-options) {
  position: absolute;
  border-radius: 100px;
  height: 35px;
  width: 35px;
  background-color: #354fb5;
  z-index: 99;
  top: calc(100% - 10px);
  opacity: 0;
  pointer-events: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
}
header .wrapper nav ul li a {
  color: #ededed;
  text-decoration: none;
  font-family: "Open Sans Light", sans-serif;
  position: relative;
  z-index: 999;
  height: 60%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 15px;
}
header .wrapper nav ul li:hover:after {
  top: calc(100% - 2px);
}
header .wrapper nav ul li:hover span:not(.page-content-options) {
  opacity: 1;
  pointer-events: all;
  -webkit-transition: 2s;
  -o-transition: 2s;
  transition: 2s;
}
header .wrapper nav ul li:after {
  position: absolute;
  content: "";
  background-image: url("../img/drop-nav.png");
  width: 125px;
  height: 33px;
  top: -20px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
header .wrapper nav ul li.services::after {
  display: none;
}
header .wrapper nav ul li.services {
  position: relative;
}
header .wrapper nav ul li.services ul {
  position: absolute;
  left: 0;
  top: 100%;
  display: none;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: auto;
  background-color: #1f346e;
  padding: 10px 0;
}
header .wrapper nav ul li.services ul li {
  width: 360px;
  text-align: left;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin: 10px 0;
  -webkit-transform: translate(50px);
  -ms-transform: translate(50px);
  transform: translate(50px);
  opacity: 0;
}
header .wrapper nav ul li.services ul li a {
  text-align: left;
}
header .wrapper nav ul li.services ul li a br {
  display: none;
}
header .wrapper nav ul li.services ul li:hover a {
  color: #8bfffb;
}
header .wrapper nav ul li.services ul li::after {
  display: none;
}
header .wrapper nav ul li.services:hover {
  background-color: #1f346e;
}
header .wrapper nav ul li.services:hover ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
header .wrapper nav ul li.services:hover ul li {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate(50px);
    transform: translate(50px);
    opacity: 0;
  }
  to {
    -webkit-transform: translate(0);
    transform: translate(0);
    opacity: 1;
  }
}
@keyframes slideInLeft {
  from {
    -webkit-transform: translate(50px);
    transform: translate(50px);
    opacity: 0;
  }
  to {
    -webkit-transform: translate(0);
    transform: translate(0);
    opacity: 1;
  }
}

.terms-popup {
  background-color: #2c2c2c;
  padding: 20px;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100vw;
  z-index: 9999;
  display: none;
}
.terms-popup .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.terms-popup .wrapper p {
  color: white;
  font-family: "Exo 2", sans-serif;
  font-size: 15px;
  margin-right: auto;
}
.terms-popup .wrapper p a {
  color: white;
}
.terms-popup .wrapper .accept-terms {
  height: 30px;
  color: white;
  text-decoration: none;
  width: 120px;
  font-family: "exo", sans-serif;
  font-size: 15px;
  background-image: -o-linear-gradient(left, #64b0f9 0%, #4974de 50%);
  background-image: -webkit-gradient(linear, left top, right top, from(#64b0f9), color-stop(50%, #4974de));
  background-image: linear-gradient(to right, #64b0f9 0%, #4974de 50%);
  background-size: 200% auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 3px;
  border: none;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  margin-right: 15px;
  padding: 0 10px;
  cursor: pointer;
  margin-left: 15px;
}
.terms-popup .wrapper .accept-terms:hover {
  background-position: right center;
}

main #euProjectsBanner {
  background-image: url("../img/eu-projects-banner.jpg");
  background-size: cover;
  background-position: top center;
  margin-top: 70px;
  border-bottom-left-radius: 230px;
  border-bottom-right-radius: 230px;
}
main #euProjectsBanner h1 {
  font-family: "exo-semibold", sans-serif;
  text-align: left;
  font-size: 61px;
  color: white;
  line-height: 1.1;
  position: relative;
  min-height: 260px;
  padding-top: 60px;
}
main #euProjectsBanner h1:after {
  content: "";
  width: 69px;
  height: 62px;
  background-image: url("../img/eu-banner-star.png");
  position: absolute;
  left: 150px;
  bottom: -20px;
}
main #euProjects {
  padding: 40px 0;
  background-size: 100% auto;
  background-position: center top;
  background-image: url("../img/eu-projects-bg.jpg");
}
main #euProjects .wrapper ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -40px;
  list-style: none;
}
main #euProjects .wrapper ul li {
  background-color: #ffffff;
  padding: 20px;
  border-radius: 3px;
  margin-right: 40px;
  margin-bottom: 40px;
  width: calc(50% - 40px);
  -webkit-box-shadow: 0px 0px 45px 0px rgb(232, 230, 244);
  box-shadow: 0px 0px 45px 0px rgb(232, 230, 244);
  background-image: url("../img/eu-project-decor.png");
  background-position: bottom left;
  background-repeat: no-repeat;
}
main #euProjects .wrapper ul .first-type {
  width: 100%;
}
main #euProjects .wrapper ul .first-type .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
main #euProjects .wrapper ul .first-type h2 {
  font-family: "exo-semibold", sans-serif;
  color: #2c2c2c;
  font-size: 25px;
  margin-bottom: 15px;
}
main #euProjects .wrapper ul .first-type p {
  font-family: "Roboto Regular", sans-serif;
  font-size: 15px;
  color: #2c2c2c;
}
main #euProjects .wrapper ul .second-type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
main #euProjects .wrapper ul .second-type h2 {
  font-family: "exo-semibold", sans-serif;
  color: #1c3069;
  font-size: 30px;
  margin-bottom: 15px;
}
main #euProjects .wrapper ul .second-type p {
  font-family: "exo-regular", sans-serif;
  color: #1c3069;
  font-size: 15px;
  margin-bottom: 15px;
}
main #euProjects .wrapper ul .second-type .bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: auto;
}
main #participate {
  padding-top: 110px;
  background-image: url("../img/internship-contact-bg.jpg");
  background-position: top center;
  padding-bottom: 70px;
  background-size: auto 100%;
}
main #participate .wrapper h1 {
  font-family: "exo-semibold", sans-serif;
  text-align: center;
  font-size: 25px;
  padding-bottom: 10px;
  color: #ffffff;
  line-height: 1.1;
  position: relative;
  margin-bottom: 20px;
}
main #participate .wrapper h1::before {
  content: "";
  width: 100%;
  max-width: 900px;
  height: 2px;
  position: absolute;
  top: calc(100% + 8px);
  left: calc(50% - 450px);
  background-image: -o-linear-gradient(left, rgba(147, 191, 249, 0), #93bff9 80%, rgba(147, 191, 249, 0));
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(147, 191, 249, 0)), color-stop(80%, #93bff9), to(rgba(147, 191, 249, 0)));
  background-image: linear-gradient(to right, rgba(147, 191, 249, 0), #93bff9 80%, rgba(147, 191, 249, 0));
}
main #participate .wrapper h3 {
  text-align: center;
  font-family: "exo-semibold";
  color: #ffffff;
  font-size: 50px;
  line-height: 1.1;
}
main #participate .wrapper p {
  position: relative;
  z-index: 1;
  font-family: "exo-regular", sans-serif;
  text-align: center;
  font-size: 20px;
  color: #adfce8;
  line-height: 1.4;
  padding: 0 250px;
  margin-bottom: 40px;
}
main #participate .wrapper form {
  width: 700px;
  margin: auto;
  border-radius: 2px;
  padding: 30px;
  background-color: white;
}
main #participate .wrapper form .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 20px;
}
main #participate .wrapper form .row .input-holder {
  width: calc(50% - 25px);
  text-align: left;
}
main #participate .wrapper form .row .input-holder label {
  font-family: "Roboto Light", sans-serif;
  color: #1f3642;
  font-size: 13px;
  padding-left: 10px;
  margin-bottom: 5px;
  display: block;
}
main #participate .wrapper form .row .input-holder .validation-holder {
  height: 50px;
  width: 100%;
  position: relative;
}
main #participate .wrapper form .row .input-holder .validation-holder input {
  height: 50px;
  width: 100%;
  position: relative;
  border-radius: 5px;
  background-color: #f1f5fb;
  padding-left: 10px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  font-family: "Roboto Light", sans-serif;
  font-size: 14px;
  border: 1px solid #eaf3ff;
  color: #1f3642;
}
main #participate .wrapper form .row .input-holder .validation-holder input:focus {
  background-color: #ffffff;
}
main #participate .wrapper form .row .input-holder .validation-holder .validation {
  font-family: "Roboto Light", sans-serif;
  color: #fe638c;
  border: 1px solid #e9578c;
  border-radius: 5px;
  font-size: 14px;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  opacity: 0;
  pointer-events: none;
  padding-left: 10px;
}
main #participate .wrapper form .row .input-holder .validate .validation {
  opacity: 1;
}
main #participate .wrapper form .row .message {
  width: 100%;
  height: auto;
}
main #participate .wrapper form .row .message .validation-holder {
  height: 85px;
}
main #participate .wrapper form .row .message textarea {
  width: 100%;
  border-radius: 5px;
  border: 1px solid #eaf3ff;
  background-color: #f1f5fb;
  padding-left: 10px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  resize: none;
  padding-top: 10px;
  height: 85px;
}
main #participate .wrapper form .row .message textarea:focus {
  background-color: #ffffff;
}
main #participate .wrapper form .upload {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 20px;
}
main #participate .wrapper form .upload .mask-button {
  height: 50px;
  width: 135px;
  border-radius: 3px;
  background-color: #1f5eb6;
  position: relative;
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: "exo-regular", sans-serif;
  font-size: 15px;
  /* IE11 (if it doesn't work, try maybe also on the parent/wrapper) */
}
main #participate .wrapper form .upload .mask-button img {
  margin-right: 5px;
}
main #participate .wrapper form .upload .mask-button input {
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
  font-size: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
main #participate .wrapper form .upload .mask-button ::-webkit-file-upload-button {
  cursor: pointer;
}
main #participate .wrapper form .upload .mask-button input[type=file] {
  cursor: pointer;
}
main #participate .wrapper form .upload label {
  font-family: "exo-regular", sans-serif;
  color: #1f3642;
  font-size: 13px;
  padding-bottom: 5px;
  margin-top: 5px;
  margin-left: 10px;
  border-bottom: 1px solid rgba(233, 87, 141, 0);
}
main #participate .wrapper form .upload .validate {
  border-bottom: 1px solid #e9578c;
}
main #participate .wrapper form .agree {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-right: 10px;
}
main #participate .wrapper form .agree input {
  height: 18px;
  width: 18px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 10px;
}
main #participate .wrapper form .agree label {
  font-family: "exo-regular", sans-serif;
  color: #1f3642;
  font-size: 13px;
  padding-bottom: 5px;
  border-bottom: 1px solid rgba(233, 87, 141, 0);
}
main #participate .wrapper form .agree label a {
  color: #1f3642;
  font-family: "exo-regular", sans-serif;
  font-size: 13px;
}
main #participate .wrapper form .agree .validate {
  border-bottom: 1px solid #e9578d;
}
main #participate .wrapper form .button-holder button {
  background-image: -o-linear-gradient(left, #f6b92f 0%, #fcb03c 50%);
  background-image: -webkit-gradient(linear, left top, right top, from(#f6b92f), color-stop(50%, #fcb03c));
  background-image: linear-gradient(to right, #f6b92f 0%, #fcb03c 50%);
  height: 55px;
  width: 220px;
  color: white;
  font-family: "exo-regular", sans-serif;
  font-size: 15px;
  border: none;
  border-radius: 30px;
  cursor: pointer;
  position: relative;
  background-size: 200% auto;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 0;
  display: block;
}
main #participate .wrapper form .button-holder button:hover {
  background-position: right center;
}
main #participate .wrapper form .button-holder .loader {
  margin: 20px auto;
  margin-bottom: 0;
  display: block;
  height: 55px;
  -o-object-fit: contain;
  object-fit: contain;
  display: none;
}
main #workBanner {
  padding-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #a2aadf;
  background-image: -o-linear-gradient(bottom, #4696f7, #637be1);
  background-image: -webkit-gradient(linear, left bottom, left top, from(#4696f7), to(#637be1));
  background-image: linear-gradient(to top, #4696f7, #637be1);
}
main #workBanner .wrapper {
  background-repeat: no-repeat;
  background-position: left calc(100% - 20px);
  min-height: 240px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
main #workBanner .wrapper .left-left {
  margin-right: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
main #workBanner .wrapper .first {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
main #workBanner .wrapper h1 {
  font-family: "exo-semibold", sans-serif;
  text-align: left;
  font-size: 45px;
  color: white;
  line-height: 1.1;
}
main #workBanner .wrapper p {
  position: relative;
  z-index: 1;
  font-family: "exo-regular", sans-serif;
  text-align: left;
  font-size: 25px;
  color: white;
  text-transform: uppercase;
}
main #workBanner .wrapper .right {
  position: relative;
  z-index: 1;
  font-family: "exo-regular", sans-serif;
  font-size: 20px;
  color: #adfce8;
  margin-left: auto;
  text-transform: initial;
}
main #workDescription {
  background-color: #e5e9ec;
  padding-bottom: 20px;
}
main #workDescription .wrapper {
  background-color: #fdfdfd;
  border-radius: 30px;
  top: -20px;
  padding: 20px 50px;
  position: relative;
}
main #workDescription .wrapper h2 {
  font-family: "exo-semibold", sans-serif;
  text-align: center;
  font-size: 45px;
  padding-bottom: 29px;
  color: #468ced;
  padding-top: 12px;
  line-height: 1.1;
}
main #workDescription .wrapper p {
  position: relative;
  z-index: 1;
  font-family: "exo-regular", sans-serif;
  text-align: center;
  font-size: 15px;
  color: #2b2b2b;
  line-height: 1.7;
  padding: 0 120px;
  margin-bottom: 40px;
}
main #workDescription .wrapper .requirements {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
main #workDescription .wrapper .requirements .left,
main #workDescription .wrapper .requirements .right {
  padding: 20px;
  width: 100%;
  max-width: 500px;
  border-radius: 3px;
  background-color: white;
}
main #workDescription .wrapper .requirements h3 {
  font-family: "exo-semibold", sans-serif;
  color: #468ced;
  font-size: 20px;
  line-height: 1.1;
  padding-bottom: 10px;
  text-align: left;
}
main #workDescription .wrapper .requirements ul li {
  list-style: none;
  color: #2b2b2b;
  font-family: "exo", sans-serif;
  font-size: 15px;
  line-height: 1.1;
  text-align: left;
  padding: 0;
  padding-left: 15px;
  position: relative;
  margin-bottom: 5px;
}
main #workDescription .wrapper .requirements ul li::before {
  content: "";
  width: 5px;
  height: 5px;
  background-color: #468ced;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 5px;
}
main #workDescription .wrapper .button-holder {
  border-top: 1px solid #e0e1ed;
  width: 90%;
  padding-top: 35px;
  margin-top: 35px;
  margin-left: auto;
  margin-right: auto;
}
main #workDescription .wrapper .button-holder a {
  height: 55px;
  color: white;
  text-decoration: none;
  width: 220px;
  font-family: "exo", sans-serif;
  font-size: 15px;
  background-image: -o-linear-gradient(left, #f6b92f 0%, #fcb03c 50%);
  background-image: -webkit-gradient(linear, left top, right top, from(#f6b92f), color-stop(50%, #fcb03c));
  background-image: linear-gradient(to right, #f6b92f 0%, #fcb03c 50%);
  background-size: 200% auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 30px;
  border: none;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  margin: auto;
  padding: 0 10px;
  cursor: pointer;
}
main #workDescription .wrapper .button-holder a:hover {
  background-position: right center;
}
main #internBanner {
  padding-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #a2aadf;
}
main #internBanner .wrapper {
  background-repeat: no-repeat;
  background-position: left calc(100% - 20px);
  min-height: 330px;
}
main #internBanner .wrapper h1 {
  font-family: "exo-semibold", sans-serif;
  text-align: left;
  font-size: 45px;
  padding-bottom: 10px;
  color: #233075;
  padding-left: 420px;
  padding-top: 65px;
  line-height: 1.1;
}
main #internBanner .wrapper p {
  position: relative;
  z-index: 1;
  font-family: "exo-regular", sans-serif;
  text-align: left;
  font-size: 15px;
  color: #233075;
  line-height: 1.7;
  padding-left: 420px;
}
main .programmers {
  background-image: -o-linear-gradient(bottom, #c6cefd, #b4b7fe);
  background-image: -webkit-gradient(linear, left bottom, left top, from(#c6cefd), to(#b4b7fe));
  background-image: linear-gradient(to top, #c6cefd, #b4b7fe);
}
main .programmers .wrapper {
  background-image: url("../img/programmer-image-banner.png");
}
main .linguists {
  background-image: -o-linear-gradient(bottom, #192489, #222fa0 25%, #cb7eec);
  background-image: -webkit-gradient(linear, left bottom, left top, from(#192489), color-stop(25%, #222fa0), to(#cb7eec));
  background-image: linear-gradient(to top, #192489, #222fa0 25%, #cb7eec);
}
main .linguists .wrapper {
  background-image: url("../img/linguist-image-banner.png");
}
main .linguists .wrapper h1 {
  color: white !important;
}
main .linguists .wrapper p {
  color: white !important;
}
main #internDescription {
  background-color: #e5e9ec;
  padding-bottom: 20px;
}
main #internDescription .wrapper {
  background-color: #ffffff;
  border-radius: 30px;
  top: -20px;
  padding: 20px 50px;
  position: relative;
}
main #internDescription .wrapper h2 {
  font-family: "exo-semibold", sans-serif;
  text-align: center;
  font-size: 45px;
  padding-bottom: 29px;
  color: #233075;
  padding-top: 12px;
  line-height: 1.1;
}
main #internDescription .wrapper p {
  position: relative;
  z-index: 1;
  font-family: "exo-regular", sans-serif;
  text-align: center;
  font-size: 15px;
  color: #233075;
  line-height: 1.7;
  padding: 0 120px;
}
main #internDescription .wrapper ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
main #internDescription .wrapper ul li {
  list-style: none;
  width: calc(33.3333333333% - 45px);
}
main #internDescription .wrapper ul li span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 115px;
  width: 115px;
  border-radius: 30px;
  background-color: #f7f6fe;
  margin: 25px auto;
  margin-top: 40px;
  -webkit-box-shadow: 10px 10px 15px -10px rgba(53, 43, 133, 0.15);
  box-shadow: 10px 10px 15px -10px rgba(53, 43, 133, 0.15);
}
main #internDescription .wrapper ul li h3 {
  font-family: "exo-semibold", sans-serif;
  color: #2b409c;
  font-size: 20px;
  line-height: 1.1;
  padding-bottom: 12px;
  text-align: center;
  margin: auto;
}
main #internDescription .wrapper ul li p {
  color: #b1b7d5;
  font-family: "exo", sans-serif;
  font-size: 15px;
  line-height: 1.1;
  text-align: center;
  padding: 0;
}
main #internDescription .wrapper .button-holder {
  border-top: 1px solid #e0e1ed;
  width: 90%;
  padding-top: 35px;
  margin-top: 35px;
  margin-left: auto;
  margin-right: auto;
}
main #internDescription .wrapper .button-holder a {
  height: 55px;
  color: white;
  text-decoration: none;
  width: 220px;
  font-family: "exo", sans-serif;
  font-size: 15px;
  background-image: -o-linear-gradient(left, #f6b92f 0%, #fcb03c 50%);
  background-image: -webkit-gradient(linear, left top, right top, from(#f6b92f), color-stop(50%, #fcb03c));
  background-image: linear-gradient(to right, #f6b92f 0%, #fcb03c 50%);
  background-size: 200% auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 30px;
  border: none;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  margin: auto;
  padding: 0 10px;
  cursor: pointer;
}
main #internDescription .wrapper .button-holder a:hover {
  background-position: right center;
}
main #careers {
  background-color: #e5e9ec;
  background-image: url("../img/careers-top.png");
  background-position: top center;
  background-repeat: no-repeat;
  min-height: 790px;
  padding-top: 135px;
  padding-bottom: 50px;
  position: relative;
}
main #careers .top-wrapper {
  padding-right: 650px;
  padding-bottom: 145px;
}
main #careers .top-wrapper h1 {
  font-family: "exo-semibold", sans-serif;
  text-align: left;
  font-size: 61px;
  padding-bottom: 30px;
  color: white;
}
main #careers .top-wrapper p {
  position: relative;
  z-index: 1;
  font-family: "exo-regular", sans-serif;
  text-align: left;
  font-size: 15px;
  color: white;
  padding-top: 20px;
  line-height: 1.7;
}
main #careers .bottom-wrapper h2 {
  font-family: "exo-bold", sans-serif;
  color: #2b2b2b;
  font-size: 45px;
  padding: 10px 0;
  text-align: center;
  line-height: 1.2;
  font-weight: 600;
  margin-top: 70px;
  width: 100%;
  padding-bottom: 50px;
}
main #careers .bottom-wrapper .wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
main #careers .bottom-wrapper .wrap .each-position {
  background-color: #f3f5f6;
  padding: 25px 40px;
  width: calc(50% - 12.5px);
  border-radius: 2px;
  margin-bottom: 25px;
  -webkit-box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.1);
}
main #careers .bottom-wrapper .wrap .each-position ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  background-color: #dddbe6;
  padding: 5px 10px;
  border-radius: 5px;
}
main #careers .bottom-wrapper .wrap .each-position ul li {
  list-style: none;
  color: #6e6c77;
  font-size: 13px;
  font-family: "exo-regular", sans-serif;
  padding: 0 5px;
  border-right: 1px solid #6e6c77;
}
main #careers .bottom-wrapper .wrap .each-position ul li:first-of-type {
  border-left: none;
  padding-left: 0;
}
main #careers .bottom-wrapper .wrap .each-position ul li:last-of-type {
  border-right: none;
  padding-right: 0;
}
main #careers .bottom-wrapper .wrap .each-position .on-mobile {
  display: none;
}
main #careers .bottom-wrapper .wrap .each-position .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 35px;
}
main #careers .bottom-wrapper .wrap .each-position .top .left {
  margin-right: 20px;
}
main #careers .bottom-wrapper .wrap .each-position .top .right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
main #careers .bottom-wrapper .wrap .each-position .top .right h3 {
  font-family: "exo-bold", sans-serif;
  color: #2b2b2b;
  font-size: 30px;
  margin-top: -5px;
}
main #careers .bottom-wrapper .wrap .each-position .top .right p {
  font-family: "exo-bold", sans-serif;
  color: #e3487b;
  font-size: 20px;
  margin-bottom: 5px;
}
main #careers .bottom-wrapper .wrap .each-position .position-description {
  color: #8c8d8f;
  font-size: 15px;
  font-family: "exo-regular", sans-serif;
  line-height: 1.6;
  margin-bottom: 15px;
}
main #careers .bottom-wrapper .wrap .each-position a {
  height: 40px;
  color: white;
  text-decoration: none;
  width: 160px;
  font-family: "exo", sans-serif;
  font-size: 15px;
  background-image: -o-linear-gradient(left, #64b0f9 0%, #4974de 50%);
  background-image: -webkit-gradient(linear, left top, right top, from(#64b0f9), color-stop(50%, #4974de));
  background-image: linear-gradient(to right, #64b0f9 0%, #4974de 50%);
  background-size: 200% auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 30px;
  border: none;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  margin-right: 15px;
  padding: 0 10px;
  cursor: pointer;
}
main #careers .bottom-wrapper .wrap .each-position a:hover {
  background-position: right center;
}
main #careers::after {
  content: "";
  background-image: url("../img/career-bottom.png");
  background-repeat: no-repeat;
  background-position: center top;
  width: 100%;
  height: 179px;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
}
main #interns {
  position: relative;
  z-index: 9;
  background-color: #e5e9ec;
  padding-top: 85px;
  padding-bottom: 75px;
}
main #interns .wrapper {
  margin-top: -250px;
}
main #interns .wrapper h2 {
  font-family: "exo-bold", sans-serif;
  color: #2b2b2b;
  font-size: 45px;
  padding: 10px 0;
  text-align: center;
  line-height: 1.1;
  font-weight: 600;
  margin-top: 70px;
  width: 100%;
  padding-bottom: 20px;
  padding-left: 300px;
  padding-right: 300px;
}
main #interns .wrapper p {
  position: relative;
  z-index: 1;
  font-family: "exo-bold", sans-serif;
  text-align: center;
  padding: 0 200px;
  font-size: 15px;
  color: #2b2b2b;
  line-height: 1.7;
  margin-bottom: 55px;
}
main #interns .wrapper .wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}
main #interns .wrapper .wrap .each-internship {
  border-radius: 10px;
  background-color: #f3f5f6;
  width: calc(50% - 37.5px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
main #interns .wrapper .wrap .each-internship a {
  height: 40px;
  color: white;
  text-decoration: none;
  width: 210px;
  font-family: "exo", sans-serif;
  font-size: 15px;
  background-image: -o-linear-gradient(left, #64b0f9 0%, #4974de 50%);
  background-image: -webkit-gradient(linear, left top, right top, from(#64b0f9), color-stop(50%, #4974de));
  background-image: linear-gradient(to right, #64b0f9 0%, #4974de 50%);
  background-size: 200% auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 30px;
  border: none;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  margin-right: 30px;
  margin-bottom: 30px;
  padding: 0 10px;
  cursor: pointer;
}
main #interns .wrapper .wrap .each-internship a img {
  margin-left: 10px;
}
main #interns .wrapper .wrap .each-internship a:hover {
  background-position: right center;
}
main #interns .wrapper .wrap .each-internship .on-mobile {
  display: none;
}
main #interns .wrapper .wrap .each-internship .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  height: 310px;
  border-radius: 10px;
}
main #interns .wrapper .wrap .each-internship .lang {
  background-image: url("../img/lang-img.png"), -o-linear-gradient(bottom, #192489, #222fa0 25%, #cb7eec);
  background-image: url("../img/lang-img.png"), -webkit-gradient(linear, left bottom, left top, from(#192489), color-stop(25%, #222fa0), to(#cb7eec));
  background-image: url("../img/lang-img.png"), linear-gradient(to top, #192489, #222fa0 25%, #cb7eec);
  background-repeat: no-repeat;
  background-position: 5px center, center center;
}
main #interns .wrapper .wrap .each-internship .programmers {
  background-image: url("../img/programmers-img.png"), -o-linear-gradient(bottom, #c6cefd, #b4b7fe);
  background-image: url("../img/programmers-img.png"), -webkit-gradient(linear, left bottom, left top, from(#c6cefd), to(#b4b7fe));
  background-image: url("../img/programmers-img.png"), linear-gradient(to top, #c6cefd, #b4b7fe);
  background-repeat: no-repeat;
  background-position: left center, center center;
}
main #interns .wrapper .wrap .each-internship h3 {
  font-family: "exo-bold", sans-serif;
  color: #2b2b2b;
  font-size: 25px;
  padding: 15px 25px;
  padding-bottom: 7px;
}
main #interns .wrapper .wrap .each-internship p {
  font-family: "exo-regular", sans-serif;
  color: #747474;
  text-align: left;
  padding: 15px 25px;
  padding-top: 0;
  margin: 0;
}
main #softwareMasters {
  background-image: url("../img/academy-bg.jpg");
  background-color: #202543;
  background-repeat: no-repeat;
  background-position: top center;
  min-height: 437px;
  padding: 50px 0;
}
main #softwareMasters .wrapper img {
  display: block;
  margin: 0 auto;
}
main #softwareMasters .wrapper h3 {
  font-family: "exo-bold", sans-serif;
  color: #ffffff;
  font-size: 30px;
  padding: 10px 0;
  text-align: center;
  line-height: 1.2;
  font-weight: 600;
  margin-top: 25px;
  width: 100%;
  padding-bottom: 55px;
  padding-left: 55px;
  padding-right: 55px;
}
main #softwareMasters .wrapper a {
  height: 40px;
  color: white;
  text-decoration: none;
  width: 180px;
  font-family: "exo", sans-serif;
  font-size: 15px;
  background-image: -o-linear-gradient(left, #64b0f9 0%, #4974de 50%);
  background-image: -webkit-gradient(linear, left top, right top, from(#64b0f9), color-stop(50%, #4974de));
  background-image: linear-gradient(to right, #64b0f9 0%, #4974de 50%);
  background-size: 200% auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 30px;
  border: none;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  padding: 0 10px;
  cursor: pointer;
  margin: 0 auto;
}
main #softwareMasters .wrapper a img {
  margin: 0;
  margin-left: 10px;
}
main #softwareMasters .wrapper a:hover {
  background-position: right center;
}
main #entertainment {
  padding: 40px 0;
  background-color: white;
}
main #entertainment .wrapper h2 {
  font-family: "exo-semibold", sans-serif;
  text-align: left;
  font-size: 45px;
  padding-bottom: 30px;
  color: #2c2c2c;
}
main #entertainment .wrapper .wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
main #entertainment .wrapper .wrap .col {
  width: calc(33.3333333333% - 10px);
}
main #entertainment .wrapper .wrap .col h3 {
  font-family: "exo-semibold", sans-serif;
  text-align: left;
  font-size: 25px;
  padding-bottom: 20px;
  color: #2c2c2c;
}
main #entertainment .wrapper .wrap .col p {
  position: relative;
  z-index: 1;
  font-family: "exo-regular", sans-serif;
  text-align: left;
  font-size: 15px;
  color: #2b2b2b;
  line-height: 1.7;
}
main #entertainment .wrapper .wrap .mid p {
  margin-bottom: 50px;
}
main #notFound {
  background-image: url("../img/404-bg.jpg");
  background-position: center top;
  background-repeat: no-repeat;
  min-height: 100%;
  padding-bottom: 50px;
  padding-top: 230px;
  background-size: auto 330px;
  margin-top: 100px;
}
main #notFound .wrapper h1 {
  font-family: "Open Sans", sans-serif;
  text-align: center;
  font-size: 100px;
  padding-bottom: 10px;
  color: white;
  text-shadow: 5px 5px 10px rgba(123, 123, 123, 0.6);
}
main #notFound .wrapper h2 {
  font-family: "Open Sans", sans-serif;
  text-align: center;
  font-size: 45px;
  padding-bottom: 0;
  color: #2c2c2c;
}
main #notFound .wrapper p {
  font-family: "Open Sans", sans-serif;
  text-align: center;
  font-size: 25px;
  padding-bottom: 10px;
  color: #7d7d7d;
}
main #notFound .wrapper a {
  height: 40px;
  color: white;
  text-decoration: none;
  width: 150px;
  font-family: "exo", sans-serif;
  font-size: 15px;
  background-image: -o-linear-gradient(left, #8768fe 0%, #4c43fe 50%);
  background-image: -webkit-gradient(linear, left top, right top, from(#8768fe), color-stop(50%, #4c43fe));
  background-image: linear-gradient(to right, #8768fe 0%, #4c43fe 50%);
  background-size: 200% auto;
  border-radius: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 20px auto;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
main #notFound .wrapper a:hover {
  background-position: right center;
}
main #serverError {
  background-image: url("../img/500-bg.jpg");
  background-position: center top;
  background-repeat: no-repeat;
  min-height: 100%;
  padding-bottom: 50px;
  padding-top: 230px;
  background-size: auto 330px;
  margin-top: 100px;
}
main #serverError .wrapper h1 {
  font-family: "Open Sans", sans-serif;
  text-align: center;
  font-size: 100px;
  padding-bottom: 10px;
  color: white;
  text-shadow: 5px 5px 10px rgba(123, 123, 123, 0.6);
}
main #serverError .wrapper h2 {
  font-family: "Open Sans", sans-serif;
  text-align: center;
  font-size: 45px;
  padding-bottom: 0;
  color: #2c2c2c;
}
main #serverError .wrapper p {
  font-family: "Open Sans", sans-serif;
  text-align: center;
  font-size: 25px;
  padding-bottom: 10px;
  color: #7d7d7d;
}
main #serverError .wrapper a {
  height: 40px;
  color: white;
  text-decoration: none;
  width: 150px;
  font-family: "exo", sans-serif;
  font-size: 15px;
  background-image: -o-linear-gradient(left, #8768fe 0%, #4c43fe 50%);
  background-image: -webkit-gradient(linear, left top, right top, from(#8768fe), color-stop(50%, #4c43fe));
  background-image: linear-gradient(to right, #8768fe 0%, #4c43fe 50%);
  background-size: 200% auto;
  border-radius: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 20px auto;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
main #serverError .wrapper a:hover {
  background-position: right center;
}
main #personalData {
  padding-top: 120px;
  padding-bottom: 30px;
}
main #personalData .wrapper h1 {
  font-family: "exo-semibold", sans-serif;
  text-align: center;
  font-size: 65px;
  padding-bottom: 40px;
}
main #personalData .wrapper article {
  font-family: "exo", sans-serif;
  font-size: 15px;
}
main #cookies {
  padding-top: 120px;
  padding-bottom: 30px;
}
main #cookies .wrapper h1 {
  font-family: "exo-semibold", sans-serif;
  text-align: center;
  font-size: 65px;
  padding-bottom: 40px;
}
main #cookies .wrapper article {
  font-family: "exo", sans-serif;
  font-size: 15px;
}
main #terms {
  padding-top: 120px;
  padding-bottom: 30px;
}
main #terms .wrapper h1 {
  font-family: "exo-semibold", sans-serif;
  text-align: center;
  font-size: 65px;
  padding-bottom: 40px;
}
main #terms .wrapper article {
  font-family: "exo", sans-serif;
  font-size: 15px;
}
main #erp {
  background-color: #ffffff;
  position: relative;
}
main #erp .wrapper h1 {
  font-family: "exo-semibold", sans-serif;
  padding-top: 135px;
  font-size: 45px;
  text-align: center;
  line-height: 1;
  color: #2c2c2c;
  width: 715px;
  margin: auto;
  position: relative;
  z-index: 1;
}
main #erp .wrapper .erp-inside-top-img {
  display: none;
}
main #erp .wrapper p {
  position: relative;
  z-index: 1;
  font-family: "exo-regular", sans-serif;
  text-align: center;
  font-size: 20px;
  color: #99999b;
  padding-top: 20px;
}
main #erp .wrapper .erp-services-wrapper {
  width: 100%;
  margin-top: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
main #erp .wrapper .erp-services-wrapper .each-erp-service {
  width: 33.3333333333%;
  height: 400px;
  text-align: center;
  padding: 20px;
  padding-left: 33px;
  padding-right: 15px;
}
main #erp .wrapper .erp-services-wrapper .each-erp-service img {
  padding: 10px 0;
  margin-left: -18px;
}
main #erp .wrapper .erp-services-wrapper .each-erp-service h2 {
  font-family: "exo-bold", sans-serif;
  color: #ffffff;
  font-size: 24px;
  padding: 10px 0;
  text-align: left;
  line-height: 1.2;
}
main #erp .wrapper .erp-services-wrapper .each-erp-service p {
  color: #e0eafd;
  font-family: "exo-regular", sans-serif;
  font-size: 14px;
  padding: 10px 0;
  text-align: left;
  line-height: 1.5;
}
main #erp .wrapper .erp-services-wrapper .first-erp-service {
  background-color: #4b84f5;
}
main #erp .wrapper .erp-services-wrapper .second-erp-service {
  background-color: #6254ea;
}
main #erp .wrapper .erp-services-wrapper .third-erp-service {
  background-color: #51beff;
}
main #erp .wrapper .erp-services-wrapper .fourth-erp-service {
  background-color: #264fab;
}
main #erp .wrapper .erp-services-wrapper .fourth-erp-service .logistic-mobile-img {
  display: none;
}
main #erp .wrapper .erp-services-wrapper .fifth-erp-service {
  background-color: #fff;
}
main #erp .wrapper .erp-services-wrapper .fifth-erp-service h2 {
  color: #d3a559;
}
main #erp .wrapper .erp-services-wrapper .fifth-erp-service p {
  color: #363636;
}
main #erp .wrapper .erp-services-wrapper .sixth-erp-service {
  background-color: #fff;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
main #erp .wrapper .erp-services-wrapper .sixth-erp-service .sixth-erp-service-image {
  padding: 0;
  position: absolute;
  left: 0;
  top: -40px;
}
main #erp .wrapper .erp-services-wrapper .seventh-erp-service {
  background-color: #264fab;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
}
main #erp .wrapper .erp-services-wrapper .seventh-erp-service .seventh-erp-service-image {
  position: absolute;
  top: -10px;
  right: 40px;
}
main #erp .wrapper .erp-services-wrapper .eight-erp-service {
  background-color: #2a8bd8;
}
main #erp .wrapper .erp-services-wrapper .ninth-erp-service h2,
main #erp .wrapper .erp-services-wrapper .ninth-erp-service p {
  color: black;
}
main #erp .wrapper .erp-services-wrapper .tenth-erp-service h2 {
  color: #ebb763;
}
main #erp .wrapper .erp-services-wrapper .tenth-erp-service p {
  color: black;
}
main #erp .wrapper .erp-services-wrapper .eleventh-erp-service {
  background-color: #5356c5;
}
main #erp .wrapper .erp-services-wrapper .twelfth-erp-service {
  background-color: #51beff;
}
main #erp .wrapper .erp-services-wrapper .erp-service-big {
  background-color: #4873d1;
  text-align: center;
  height: 400px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}
main #erp .wrapper .erp-services-wrapper .erp-service-big .erp-service-big-holder {
  width: 100%;
  padding-bottom: 30px;
}
main #erp .wrapper .erp-services-wrapper .erp-service-big .erp-service-big-holder h2 {
  font-family: "exo-bold", sans-serif;
  color: #ffffff;
  font-size: 24px;
  padding: 10px 0;
  line-height: 1.2;
  width: 300px;
  margin: auto;
}
main #erp .wrapper .erp-services-wrapper .erp-service-big .erp-service-big-holder p {
  color: #e0eafd;
  font-family: "exo-regular", sans-serif;
  font-size: 14px;
  padding: 10px 0;
  line-height: 1.5;
  width: 550px;
  margin: auto;
}
main #erp .wrapper .erp-services-wrapper .erp-service-big:before {
  content: "";
  background-image: url("../img/erp-service-big-img.png");
  width: 1013px;
  height: 289px;
  position: absolute;
  top: 35px;
}
main #erp .wrapper .erp-services-wrapper .erp-service-left {
  background-color: #7a7ed3;
  width: 50%;
  height: 400px;
  text-align: center;
  padding: 20px;
  padding-left: 40px;
  padding-right: 5px;
}
main #erp .wrapper .erp-services-wrapper .erp-service-left img {
  padding: 10px 0;
  margin-left: -35px;
}
main #erp .wrapper .erp-services-wrapper .erp-service-left h2 {
  font-family: "exo-bold", sans-serif;
  color: #ffffff;
  font-size: 24px;
  padding: 10px 0;
  text-align: left;
  line-height: 1.2;
}
main #erp .wrapper .erp-services-wrapper .erp-service-left p {
  color: #e0eafd;
  font-family: "exo-regular", sans-serif;
  font-size: 14px;
  padding: 10px 0;
  text-align: left;
  line-height: 1.5;
}
main #erp .wrapper .erp-services-wrapper .erp-service-right {
  width: 50%;
  height: 400px;
  text-align: center;
  padding: 20px;
  padding-left: 40px;
  padding-right: 5px;
}
main #erp .wrapper .erp-services-wrapper .erp-service-right img {
  padding: 10px 0;
  margin-left: -35px;
}
main #erp .wrapper .erp-services-wrapper .erp-service-right h2 {
  font-family: "exo-bold", sans-serif;
  color: #ebb763;
  font-size: 24px;
  padding: 10px 0;
  text-align: left;
  line-height: 1.2;
}
main #erp .wrapper .erp-services-wrapper .erp-service-right p {
  color: black;
  font-family: "exo-regular", sans-serif;
  font-size: 14px;
  padding: 10px 0;
  text-align: left;
  line-height: 1.5;
}
main #erp .wrapper .erp-services-wrapper .erp-service-big-second {
  background-color: #2d3c66;
  text-align: center;
  height: 455px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}
main #erp .wrapper .erp-services-wrapper .erp-service-big-second .erp-service-big-second-img {
  position: absolute;
  top: -50px;
}
main #erp .wrapper .erp-services-wrapper .erp-service-big-second .erp-service-big-second-holder {
  width: 100%;
  padding-bottom: 60px;
}
main #erp .wrapper .erp-services-wrapper .erp-service-big-second .erp-service-big-second-holder h2 {
  font-family: "exo-bold", sans-serif;
  color: #ffffff;
  font-size: 24px;
  padding: 10px 0;
  line-height: 1.2;
  margin: auto;
}
main #erp .wrapper .erp-services-wrapper .erp-service-big-second .erp-service-big-second-holder p {
  color: #e0eafd;
  font-family: "exo-regular", sans-serif;
  font-size: 14px;
  padding: 10px 0;
  line-height: 1.5;
  width: 600px;
  margin: auto;
}
main #erp .wrapper .erp-services-wrapper .erp-service-big-second:before {
  content: "";
  position: absolute;
  background-image: url(../img/erp-service-big-second-left.png);
  top: 0;
  right: calc(100% - 260px);
  width: 492px;
  height: 514px;
}
main #erp .wrapper .erp-services-wrapper .erp-service-big-second:after {
  content: "";
  position: absolute;
  background-image: url(../img/erp-service-big-second-right.png);
  bottom: -7px;
  left: calc(100% - 213px);
  width: 478px;
  height: 481px;
  overflow: hidden;
}
main #erp .wrapper .links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  padding-bottom: 50px;
}
main #erp .wrapper .links h2 {
  font-family: "exo-bold", sans-serif;
  color: #2b2b2b;
  font-size: 45px;
  padding: 10px 0;
  text-align: center;
  line-height: 1.2;
  font-weight: 600;
  margin-top: 70px;
  width: 100%;
  padding-bottom: 50px;
}
main #erp .wrapper .links .each-link {
  width: 28.5714285714%;
  text-align: center;
}
main #erp .wrapper .links .each-link .link-head {
  border-radius: 12px;
  height: 95px;
  width: 240px;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  padding: 5px 10px;
}
main #erp .wrapper .links .each-link .link-head h3 {
  font-family: "exo-bold", sans-serif;
  color: white;
  font-weight: 600;
  line-height: 1.2;
  text-transform: uppercase;
  font-size: 20px;
  text-align: left;
  margin-right: auto;
}
main #erp .wrapper .links .each-link .mobile-apps-head {
  background-image: url("../img/mobile-app-link-bg.png"), -o-linear-gradient(left, #1d5e6d, #50bb83);
  background-image: url("../img/mobile-app-link-bg.png"), -webkit-gradient(linear, left top, right top, from(#1d5e6d), to(#50bb83));
  background-image: url("../img/mobile-app-link-bg.png"), linear-gradient(to right, #1d5e6d, #50bb83);
  background-position: center left;
  background-repeat: no-repeat;
}
main #erp .wrapper .links .each-link .technical-support-head {
  background-image: url("../img/technical-support-link-bg.png"), -o-linear-gradient(left, #91266b, #eb7365);
  background-image: url("../img/technical-support-link-bg.png"), -webkit-gradient(linear, left top, right top, from(#91266b), to(#eb7365));
  background-image: url("../img/technical-support-link-bg.png"), linear-gradient(to right, #91266b, #eb7365);
  background-position: center left;
  background-repeat: no-repeat;
}
main #erp .wrapper .links .each-link .strategy-head {
  background-image: url("../img/strategy-link-bg.png"), -o-linear-gradient(left, #9f5acc, #5babda);
  background-image: url("../img/strategy-link-bg.png"), -webkit-gradient(linear, left top, right top, from(#9f5acc), to(#5babda));
  background-image: url("../img/strategy-link-bg.png"), linear-gradient(to right, #9f5acc, #5babda);
  background-position: center left;
  background-repeat: no-repeat;
}
main #erp .wrapper .links .each-link p {
  color: #2b2b2b;
  font-family: "exo-regular", sans-serif;
  font-size: 15px;
  line-height: 1.5;
  padding-bottom: 25px;
}
main #erp .wrapper .links .each-link a {
  text-decoration: none;
  color: white;
  border-radius: 20px;
  height: 39px;
  width: 100px;
  font-family: "exo-semibold", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 10px auto;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
main #erp .wrapper .links .each-link a img {
  margin-left: 5px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  right: 0;
}
main #erp .wrapper .links .each-link a:hover img {
  right: -5px;
}
main #erp .wrapper .links .each-link .mobile-apps-button {
  background-image: -o-linear-gradient(left, #1d5e6d, #50bb83);
  background-image: -webkit-gradient(linear, left top, right top, from(#1d5e6d), to(#50bb83));
  background-image: linear-gradient(to right, #1d5e6d, #50bb83);
}
main #erp .wrapper .links .each-link .technical-support-button {
  background-image: -o-linear-gradient(left, #91266b, #eb7365);
  background-image: -webkit-gradient(linear, left top, right top, from(#91266b), to(#eb7365));
  background-image: linear-gradient(to right, #91266b, #eb7365);
}
main #erp .wrapper .links .each-link .strategy-button {
  background-image: -o-linear-gradient(left, #9f5acc, #5babda);
  background-image: -webkit-gradient(linear, left top, right top, from(#9f5acc), to(#5babda));
  background-image: linear-gradient(to right, #9f5acc, #5babda);
}
main #erp::after {
  content: "";
  position: absolute;
  height: 222px;
  width: 1041px;
  background-image: url("../img/erp-top-decor.png");
  left: 0;
  top: 70px;
  z-index: 0;
  pointer-events: none;
}
main #gdpr .banner {
  background-image: url("../img/gdpr-banner.png");
  background-position: center;
  height: 730px;
  padding-top: 70px;
}
main #gdpr .banner .wrapper {
  text-align: center;
}
main #gdpr .banner .wrapper h1 {
  font-family: "exo-semibold", sans-serif;
  color: #fff;
  font-size: 60px;
  padding-top: 50px;
}
main #gdpr .banner .wrapper h2 {
  font-family: "exo-semibold", sans-serif;
  color: #fff;
  padding-bottom: 40px;
  padding-top: 10px;
  font-size: 25px;
}
main #gdpr .banner .wrapper p {
  font-family: "exo", sans-serif;
  color: #fff;
  width: 800px;
  margin: auto;
  line-height: 1.5;
  font-size: 15px;
}
main #gdpr .gdpr-mission {
  padding-top: 30px;
}
main #gdpr .gdpr-mission .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
main #gdpr .gdpr-mission .wrapper .mission-left {
  text-align: left;
  width: 38%;
}
main #gdpr .gdpr-mission .wrapper .mission-left h2 {
  padding-top: 20px;
  color: #2c2c2c;
  font-family: "exo-semibold", sans-serif;
  font-size: 45px;
  line-height: 1;
}
main #gdpr .gdpr-mission .wrapper .mission-left p {
  color: #2c2c2c;
  font-size: 15px;
  line-height: 1.5;
  font-family: "exo", sans-serif;
  padding-top: 40px;
}
main #gdpr .gdpr-mission .wrapper .mission-right {
  width: 57%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
main #gdpr .gdpr-mission .wrapper .mission-right .each-gdpr-service {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: 50%;
  padding-right: 40px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding-bottom: 40px;
}
main #gdpr .gdpr-mission .wrapper .mission-right .each-gdpr-service .head {
  background-color: #e2ecfe;
  height: 103px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  width: 70px;
  margin-left: 40px;
}
main #gdpr .gdpr-mission .wrapper .mission-right .each-gdpr-service .head::before {
  content: "";
  position: absolute;
  background-image: url("../img/each-gdpr-service-left.png");
  height: 103px;
  width: 40px;
  right: 100%;
  top: 0;
}
main #gdpr .gdpr-mission .wrapper .mission-right .each-gdpr-service .head::after {
  content: "";
  position: absolute;
  background-image: url("../img/each-gdpr-service-right.png");
  height: 103px;
  width: 38px;
  left: 100%;
  top: 0;
}
main #gdpr .gdpr-mission .wrapper .mission-right .each-gdpr-service h2 {
  color: #2c2c2c;
  width: 100%;
  font-family: "exo-semibold", sans-serif;
  font-size: 22px;
}
main #gdpr .gdpr-mission .wrapper .mission-right .each-gdpr-service p {
  color: #2c2c2c;
  width: 100%;
  font-family: "exo", sans-serif;
  line-height: 1.5;
  font-size: 15px;
  padding-top: 20px;
}
main #gdpr .gdpr-mission .wrapper .mission-right .web p {
  padding-right: 30px;
}
main #gdpr .gdpr-mission .wrapper .mission-right .mobile p {
  padding-right: 30px;
}
main #gdpr .gdpr-mission .wrapper .mission-right .system {
  padding-right: 0;
  padding-left: 40px;
}
main #gdpr .gdpr-mission .wrapper .mission-right .product {
  padding-right: 0;
  padding-left: 40px;
}
main #gdpr .gdpr-info {
  padding-top: 75px;
  height: 1000px;
  background-image: url("../img/gdpr-info-bg.png");
  background-position: 414px 213px;
  background-repeat: no-repeat;
  position: relative;
}
main #gdpr .gdpr-info .wrapper .gdpr-info-wrapper {
  width: 70%;
  margin-left: auto;
  position: relative;
  margin-top: 100px;
  opacity: 0;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
main #gdpr .gdpr-info .wrapper .gdpr-info-wrapper h2 {
  font-size: 45px;
  line-height: 1;
  color: #2c2c2c;
  font-family: "exo-semibold", sans-serif;
  padding-bottom: 40px;
}
main #gdpr .gdpr-info .wrapper .gdpr-info-wrapper p {
  color: #2c2c2c;
  font-family: "exo", sans-serif;
  font-size: 15px;
  line-height: 1.5;
}
main #gdpr .gdpr-info .wrapper .gdpr-info-wrapper::before {
  content: "";
  background-image: url(../img/gdpr-info-left-image.png);
  position: absolute;
  left: -550px;
  top: 50px;
  width: 378px;
  height: 451px;
}
main #gdpr .gdpr-info .who-section-top {
  width: 100%;
  height: 213px;
  background-image: url("../img/who-section-top.png");
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
}
main #gdpr .who {
  position: relative;
  background-color: #2b61d8;
}
main #gdpr .who .who-section-right {
  position: absolute;
  top: calc(50% - 63px);
  right: 0;
}
main #gdpr .who .wrapper {
  padding-top: 180px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
main #gdpr .who .wrapper .heading-holder {
  position: absolute;
  bottom: calc(100% - 215px);
  z-index: 9;
  opacity: 0;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
main #gdpr .who .wrapper .heading-holder h2 {
  color: #fff;
  font-family: "exo-semibold", sans-serif;
  font-size: 45px;
}
main #gdpr .who .wrapper .heading-holder p {
  color: #fff;
  font-family: "exo", sans-serif;
  font-size: 15px;
  line-height: 1.5;
  padding-top: 30px;
  max-width: 1200px;
}
main #gdpr .who .wrapper .left-who-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  z-index: 10;
  width: 38.4615384615%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
main #gdpr .who .wrapper .left-who-wrapper .each-who {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  text-align: left;
  width: 100%;
  padding: 0 0 70px 100px;
}
main #gdpr .who .wrapper .left-who-wrapper .each-who h3 {
  color: #fff;
  font-family: "exo-semibold", sans-serif;
  font-size: 22px;
}
main #gdpr .who .wrapper .left-who-wrapper .last {
  padding-bottom: 20px;
}
main #gdpr .who .wrapper .right-who-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  z-index: 10;
  width: 38.4615384615%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
main #gdpr .who .wrapper .right-who-wrapper .each-who {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  text-align: left;
  width: 100%;
  padding: 0 100px 40px 0;
}
main #gdpr .who .wrapper .right-who-wrapper .each-who h3 {
  color: #fff;
  font-family: "exo-semibold", sans-serif;
  font-size: 22px;
}
main #gdpr .who .wrapper .right-who-wrapper .last {
  padding-bottom: 20px;
}
main #gdpr .who .who-section-bottom {
  background-image: url("../img/who-section-bottom.png");
  height: 718px;
  width: 100%;
  position: absolute;
  bottom: -175px;
  left: 0;
  right: 0;
  background-position: center;
  background-repeat: no-repeat;
  pointer-events: none;
  z-index: 9;
}
main #gdpr .security {
  padding-top: 320px;
  background-image: url("../img/security-fog-bg.png");
  background-position: top right;
  background-repeat: no-repeat;
  min-height: 815px;
  padding-bottom: 100px;
  position: relative;
}
main #gdpr .security .wrapper {
  position: relative;
  z-index: 9;
}
main #gdpr .security .wrapper .security-heading-holder {
  width: 53%;
  margin-left: auto;
  position: relative;
}
main #gdpr .security .wrapper .security-heading-holder h2 {
  font-family: "exo-semibold", sans-serif;
  color: #2c2c2c;
  padding-bottom: 30px;
  font-size: 45px;
  line-height: 1.1;
  margin-top: 100px;
  opacity: 0;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
main #gdpr .security .wrapper .security-heading-holder p {
  font-family: "exo", sans-serif;
  color: #2c2c2c;
  font-size: 15px;
  line-height: 1.5;
  margin-top: 100px;
  opacity: 0;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
main #gdpr .security .wrapper .security-heading-holder:before {
  content: "";
  background-image: url("../img/security-img.png");
  position: absolute;
  width: 410px;
  height: 715px;
  top: -301px;
  left: -600px;
}
main #gdpr .security .wrapper .gdpr-link {
  text-align: center;
  padding-top: 300px;
}
main #gdpr .security .wrapper .gdpr-link h2 {
  color: #2c2c2c;
  font-family: "exo-semibold", sans-serif;
  font-size: 45px;
  padding-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
}
main #gdpr .security .wrapper .gdpr-link h2:before {
  content: "";
  background-image: url("../img/gdpr-logo.png");
  position: absolute;
  bottom: calc(100% + 10px);
  width: 250px;
  height: 80px;
  background-size: inherit;
  background-position: center center;
  background-repeat: no-repeat;
  border-bottom: 1px solid #898989;
}
main #gdpr .security .wrapper .gdpr-link h2::after {
  content: "";
  background-image: url("../img/lock-decor.png");
  position: absolute;
  bottom: calc(100% + 20px);
  right: 0;
  width: 57px;
  height: 64px;
  background-repeat: no-repeat;
}
main #gdpr .security .wrapper .gdpr-link h3 {
  color: #898989;
  font-family: "exo-semibold", sans-serif;
  font-size: 25px;
  padding-bottom: 36px;
}
main #gdpr .security .wrapper .gdpr-link p {
  color: #2c2c2c;
  font-family: "exo", sans-serif;
  font-size: 15px;
  line-height: 1.5;
  padding: 0 100px;
  padding-bottom: 60px;
  font-weight: 600;
}
main #gdpr .security .wrapper .gdpr-link .link-highlight {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 160px;
  width: 580px;
  margin: auto;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  border-radius: 5px;
  background-image: -o-linear-gradient(left, #3573bf, #3d95c8);
  background-image: -webkit-gradient(linear, left top, right top, from(#3573bf), to(#3d95c8));
  background-image: linear-gradient(to right, #3573bf, #3d95c8);
}
main #gdpr .security .wrapper .gdpr-link .link-highlight .gdpr-link-bg {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
}
main #gdpr .security .wrapper .gdpr-link .link-highlight .highlighted-text-holder {
  position: relative;
  z-index: 9;
  margin-top: -20px;
}
main #gdpr .security .wrapper .gdpr-link .link-highlight .highlighted-text-holder h2 {
  font-family: "exo-semibold", sans-serif;
  color: #fff;
  width: 100%;
  padding: 0;
  font-size: 30px;
  line-height: 2;
}
main #gdpr .security .wrapper .gdpr-link .link-highlight .highlighted-text-holder h2:before {
  display: none;
}
main #gdpr .security .wrapper .gdpr-link .link-highlight .highlighted-text-holder h2::after {
  display: none;
}
main #gdpr .security .wrapper .gdpr-link .link-highlight .highlighted-text-holder h3 {
  font-family: "exo-semibold", sans-serif;
  color: #fff;
  width: 100%;
  padding: 0;
  font-size: 18px;
  line-height: 0.6;
}
main #gdpr .security .wrapper .gdpr-link .link-highlight a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-decoration: none;
  bottom: -40px;
  position: absolute;
  color: #fff;
  font-family: "exo", sans-serif;
  border-radius: 5px;
  background-color: rgba(255, 255, 255, 0.274);
  width: 200px;
  height: 80px;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
main #gdpr .security .wrapper .gdpr-link .link-highlight a span {
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 60px;
  width: 180px;
  font-weight: 600;
  background-color: #f9b615;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
main #gdpr .security .wrapper .gdpr-link .link-highlight a:hover {
  background-color: rgba(255, 255, 255, 0);
}
main #gdpr .security .wrapper .gdpr-link .link-highlight a:hover span {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
main #gdpr .security .wrapper .gdpr-link .link-highlight::before {
  content: "";
  background-image: url("../img/links-top.png");
  bottom: 100%;
  height: 26px;
  position: absolute;
  width: 526px;
}
main #gdpr .security::before {
  position: absolute;
  content: "";
  background-image: url("../img/gdpr-bottom-decor.png");
  bottom: -190px;
  left: 0;
  width: 930px;
  height: 914px;
  z-index: 0;
}
main #gdpr .security:after {
  content: "";
  position: absolute;
  background-image: url("../img/right-lock.png");
  bottom: 50px;
  right: 0;
  width: 199px;
  height: 583px;
}
main #technicalSupport {
  padding-top: 70px;
}
main #technicalSupport .banner {
  background-image: url("../img/technical-support-banner.jpg");
  background-position: center;
  height: 920px;
  width: 100%;
  position: relative;
}
main #technicalSupport .banner .waves {
  width: 100%;
  bottom: 0;
  height: 197px;
  background-position: center;
  position: absolute;
  background-image: url("../img/technical-support-waves.png");
}
main #technicalSupport .banner .wrapper {
  text-align: center;
}
main #technicalSupport .banner .wrapper h1 {
  color: #fff;
  font-family: "exo-bold", sans-serif;
  font-size: 59px;
  padding-top: 51px;
  padding-bottom: 7px;
}
main #technicalSupport .banner .wrapper h2 {
  color: #fff;
  font-family: "exo-semibold", sans-serif;
  font-size: 25px;
  padding-bottom: 40px;
}
main #technicalSupport .banner .wrapper p {
  color: #fff;
  font-family: "exo", sans-serif;
  font-size: 15px;
  line-height: 1.5;
}
main #technicalSupport .your-product {
  position: relative;
}
main #technicalSupport .your-product .wrapper .your-product-info-holder {
  width: 60%;
  text-align: right;
  margin-left: auto;
  position: relative;
}
main #technicalSupport .your-product .wrapper .your-product-info-holder h2 {
  font-family: "exo-semibold", sans-serif;
  font-size: 45px;
  line-height: 1.2;
  color: #2c2c2c;
  padding-bottom: 10px;
  margin-top: 100px;
  opacity: 0;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
main #technicalSupport .your-product .wrapper .your-product-info-holder h3 {
  font-family: "exo-semibold", sans-serif;
  color: #898989;
  padding-bottom: 30px;
  margin-top: 100px;
  opacity: 0;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
main #technicalSupport .your-product .wrapper .your-product-info-holder p {
  font-family: "exo", sans-serif;
  color: #2c2c2c;
  font-size: 15px;
  line-height: 1.5;
  margin-top: 100px;
  opacity: 0;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
main #technicalSupport .your-product .wrapper .your-product-info-holder:before {
  content: "";
  position: absolute;
  left: -460px;
  top: -72px;
  background-image: url("../img/your-prodct-img.png");
  width: 425px;
  height: 454px;
}
main #technicalSupport .your-product::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -550px;
  background-image: url("../img/your-product-right-decor.png");
  width: 299px;
  height: 733px;
}
main #technicalSupport .service-and-tech-support {
  padding-top: 150px;
  position: relative;
}
main #technicalSupport .service-and-tech-support .technical-support-left-decor {
  position: absolute;
  left: 0;
  top: 0;
}
main #technicalSupport .service-and-tech-support .wrapper h2 {
  font-family: "exo-semibold", sans-serif;
  font-size: 45px;
  line-height: 1.2;
  color: #2c2c2c;
  padding-bottom: 40px;
}
main #technicalSupport .service-and-tech-support .wrapper p {
  color: #2c2c2c;
  font-size: 15px;
  line-height: 1.5;
  font-family: "exo", sans-serif;
  padding-bottom: 50px;
}
main #technicalSupport .service-and-tech-support .wrapper .product-services-wrapper {
  background-image: -o-linear-gradient(bottom, #c26bfb, #539ff0);
  background-image: -webkit-gradient(linear, left bottom, left top, from(#c26bfb), to(#539ff0));
  background-image: linear-gradient(to top, #c26bfb, #539ff0);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
main #technicalSupport .service-and-tech-support .wrapper .product-services-wrapper .left-product-services .each-product-service,
main #technicalSupport .service-and-tech-support .wrapper .product-services-wrapper .right-product-services .each-product-service {
  text-align: center;
  background-color: #fff;
}
main #technicalSupport .service-and-tech-support .wrapper .product-services-wrapper .left-product-services .each-product-service img,
main #technicalSupport .service-and-tech-support .wrapper .product-services-wrapper .right-product-services .each-product-service img {
  margin-bottom: 10px;
}
main #technicalSupport .service-and-tech-support .wrapper .product-services-wrapper .left-product-services .each-product-service h2,
main #technicalSupport .service-and-tech-support .wrapper .product-services-wrapper .right-product-services .each-product-service h2 {
  color: #1c62eb;
  font-family: "exo-semibold", sans-serif;
  font-size: 22px;
  padding-bottom: 15px;
}
main #technicalSupport .service-and-tech-support .wrapper .product-services-wrapper .left-product-services .each-product-service p,
main #technicalSupport .service-and-tech-support .wrapper .product-services-wrapper .right-product-services .each-product-service p {
  color: #2c2c2c;
  font-size: 15px;
  line-height: 1.5;
  font-family: "exo", sans-serif;
}
main #technicalSupport .service-and-tech-support .wrapper .product-services-wrapper .left-product-services .each-product-service-on-mobile,
main #technicalSupport .service-and-tech-support .wrapper .product-services-wrapper .right-product-services .each-product-service-on-mobile {
  display: none;
}
main #technicalSupport .service-and-tech-support .wrapper .product-services-wrapper .left-product-services {
  width: 30%;
  height: 604px;
  margin-right: 1.5px;
}
main #technicalSupport .service-and-tech-support .wrapper .product-services-wrapper .left-product-services .each-product-service {
  width: 100%;
  padding: 0 20px;
  height: 100%;
  padding-left: 0;
}
main #technicalSupport .service-and-tech-support .wrapper .product-services-wrapper .left-product-services .each-product-service p {
  padding: 0 30px;
}
main #technicalSupport .service-and-tech-support .wrapper .product-services-wrapper .right-product-services {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 70%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
main #technicalSupport .service-and-tech-support .wrapper .product-services-wrapper .right-product-services .each-product-service {
  height: 301px;
  width: calc(50% - 1px);
  padding: 0 20px;
}
main #technicalSupport .service-and-tech-support .wrapper .product-services-wrapper .right-product-services .lowers {
  margin-top: 1.5px;
  padding-top: 20px;
  position: relative;
}
main #technicalSupport .service-and-tech-support .wrapper .product-services-wrapper .right-product-services .lowers::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 100px;
  background-image: -o-linear-gradient(bottom, #c26bfb, #539ff0);
  background-image: -webkit-gradient(linear, left bottom, left top, from(#c26bfb), to(#539ff0));
  background-image: linear-gradient(to top, #c26bfb, #539ff0);
  left: -10px;
  top: -10px;
}
main #technicalSupport .service-and-tech-support .wrapper .product-services-wrapper .right-product-services .right {
  margin-right: -1.5px;
  width: calc(50% + 1px);
}
main #technicalSupport .service-and-tech-support .wrapper .product-services-wrapper .right-product-services .tops {
  position: relative;
}
main #technicalSupport .service-and-tech-support .wrapper .product-services-wrapper .right-product-services .tops::before {
  content: "";
  position: absolute;
  height: 50px;
  width: 2px;
  left: -2px;
  top: 0;
  background-color: white;
}
main #technicalSupport .care {
  padding-top: 175px;
  position: relative;
}
main #technicalSupport .care .care-left-decor {
  position: absolute;
  left: 0;
  bottom: 30px;
}
main #technicalSupport .care .care-right-decor {
  position: absolute;
  right: 0;
  bottom: 30px;
}
main #technicalSupport .care .wrapper .care-info-wrapper {
  text-align: right;
  position: relative;
  width: 600px;
  margin-left: auto;
}
main #technicalSupport .care .wrapper .care-info-wrapper h2 {
  color: #2c2c2c;
  font-family: "exo-semibold", sans-serif;
  font-size: 45px;
  margin-left: auto;
  padding-bottom: 30px;
  margin-top: 100px;
  opacity: 0;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
main #technicalSupport .care .wrapper .care-info-wrapper p {
  font-size: 15px;
  line-height: 1.5;
  color: #2c2c2c;
  font-family: "exo", sans-serif;
  width: 450px;
  margin-left: auto;
  margin-top: 100px;
  opacity: 0;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
main #technicalSupport .care .wrapper .care-info-wrapper::before {
  content: "";
  position: absolute;
  background-image: url("../img/handshake.png");
  width: 704px;
  height: 440px;
  top: -79px;
  left: -596px;
}
main #technicalSupport .improving {
  margin-top: 100px;
  padding-top: 55px;
  background-image: url("../img/improving-bg.png");
  background-position: center top;
  background-repeat: no-repeat;
  padding-bottom: 50px;
  position: relative;
}
main #technicalSupport .improving .improving-info-wrapper {
  text-align: left;
  position: relative;
  width: 600px;
  margin-right: auto;
}
main #technicalSupport .improving .improving-info-wrapper h2 {
  color: #2c2c2c;
  font-family: "exo-semibold", sans-serif;
  font-size: 45px;
  padding-bottom: 30px;
}
main #technicalSupport .improving .improving-info-wrapper p {
  font-size: 15px;
  line-height: 1.5;
  color: #2c2c2c;
  font-family: "exo", sans-serif;
}
main #technicalSupport .improving .improving-services-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 55px;
  background-image: url("../img/improving-services-wrapper-bg.png");
  background-position: center 95px;
  background-repeat: no-repeat;
}
main #technicalSupport .improving .improving-services-wrapper .each-improving-service {
  width: 27.027027027%;
  text-align: center;
  margin-top: 100px;
  opacity: 0;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
main #technicalSupport .improving .improving-services-wrapper .each-improving-service h2 {
  color: #3b4d9f;
  font-family: "exo-semibold", sans-serif;
  font-size: 30px;
  padding-bottom: 10px;
}
main #technicalSupport .improving .improving-services-wrapper .each-improving-service p {
  font-size: 15px;
  line-height: 1.5;
  color: #2c2c2c;
  font-family: "exo", sans-serif;
}
main #technicalSupport .improving .improving-services-wrapper .second {
  margin-top: -21px;
}
main #technicalSupport .improving .improving-services-wrapper .second img {
  margin-top: -29px;
}
main #technicalSupport .improving .improving-services-wrapper .third {
  margin-top: 28px;
}
main #technicalSupport .improving .improving-services-wrapper .third img {
  margin-top: 28px;
}
main #technicalSupport .solutions {
  background-color: #184889;
  height: 850px;
  width: 100%;
  position: relative;
  -webkit-transition: 5s;
  -o-transition: 5s;
  transition: 5s;
}
main #technicalSupport .solutions .solutions-top {
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 274px;
  background-image: url("../img/solutions-top.png");
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9;
}
main #technicalSupport .solutions .solutions-bottom {
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 139px;
  background-image: url("../img/solutions-bottom.png");
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
main #technicalSupport .solutions .wrapper {
  position: relative;
  overflow: hidden;
}
main #technicalSupport .solutions .wrapper .solutions-info-wrapper {
  padding-top: 215px;
  text-align: center;
  width: 550px;
  position: relative;
}
main #technicalSupport .solutions .wrapper .solutions-info-wrapper h2 {
  color: #fff;
  font-family: "exo-semibold", sans-serif;
  font-size: 45px;
  padding-bottom: 30px;
  text-align: left;
}
main #technicalSupport .solutions .wrapper .solutions-info-wrapper p {
  color: #fff;
  font-size: 15px;
  line-height: 1.5;
  font-family: "exo", sans-serif;
  text-align: left;
}
main #technicalSupport .solutions .wrapper .solutions-info-wrapper::before {
  content: "";
  position: absolute;
  background-image: url("../img/workers.png");
  width: 520px;
  height: 411px;
  bottom: -57px;
  right: -675px;
  z-index: 9;
}
main #technicalSupport .solutions .wrapper::before {
  content: "";
  background-image: url("../img/lights.png");
  position: absolute;
  top: 0;
  right: 0;
  width: 483px;
  height: 301px;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
main #technicalSupport .solutions .wrapper::after {
  content: "";
  background-image: url("../img/window.png");
  position: absolute;
  top: 110px;
  right: 34px;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  width: 521px;
  height: 416px;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
main #technicalSupport .to-day {
  background-color: #7dbcf1;
}
main #technicalSupport .lights-up .wrapper::before {
  top: -300px;
}
main #technicalSupport .lights-up .wrapper::after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-animation-name: windows;
  animation-name: windows;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
@-webkit-keyframes windows {
  0% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  25% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.01);
    transform: scale(1.01);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes windows {
  0% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  25% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.01);
    transform: scale(1.01);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
main #technicalSupport .solutions::before {
  content: "";
  background-image: url(../img/solutions-bottom-decor.png);
  position: absolute;
  bottom: 85%;
  left: 0;
  width: 634px;
  height: 300px;
  z-index: 99;
  pointer-events: none;
}
main #technicalSupport .software-support {
  padding-top: 30px;
  margin-top: -1px;
  position: relative;
  z-index: 9;
  background-color: white;
}
main #technicalSupport .software-support .wrapper .software-support-info-holder {
  text-align: right;
  width: 60%;
  margin-left: auto;
  position: relative;
}
main #technicalSupport .software-support .wrapper .software-support-info-holder h2 {
  color: #2c2c2c;
  font-family: "exo-semibold", sans-serif;
  font-size: 45px;
  padding-bottom: 30px;
  margin-top: 100px;
  opacity: 0;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
main #technicalSupport .software-support .wrapper .software-support-info-holder p {
  font-size: 15px;
  line-height: 1.5;
  color: #2c2c2c;
  font-family: "exo", sans-serif;
  padding-left: 100px;
  margin-top: 100px;
  opacity: 0;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
main #technicalSupport .software-support .wrapper .software-support-info-holder::before {
  background-image: url("../img/software-support-image.png");
  content: "";
  width: 662px;
  height: 510px;
  position: absolute;
  left: -644px;
  top: -81px;
}
main #technicalSupport .extra-service {
  background-image: url("../img/extra-service-bg.jpg");
  height: 650px;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  margin-top: 175px;
}
main #technicalSupport .extra-service .wrapper .extra-service-info-wrapper {
  width: 600px;
  margin: auto;
  text-align: center;
  padding-top: 50px;
}
main #technicalSupport .extra-service .wrapper .extra-service-info-wrapper h2 {
  color: #2c2c2c;
  font-family: "exo-semibold", sans-serif;
  font-size: 45px;
  padding-bottom: 30px;
  margin-top: 100px;
  opacity: 0;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
main #technicalSupport .extra-service .wrapper .extra-service-info-wrapper p {
  font-size: 15px;
  line-height: 1.5;
  color: #2c2c2c;
  font-family: "exo", sans-serif;
  margin-top: 100px;
  opacity: 0;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
main #technicalSupport .wrapper .links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  margin-top: -100px;
  padding-bottom: 50px;
}
main #technicalSupport .wrapper .links h2 {
  font-family: "exo-bold", sans-serif;
  color: #2b2b2b;
  font-size: 45px;
  padding: 10px 0;
  text-align: center;
  line-height: 1.2;
  font-weight: 600;
  margin-top: 70px;
  width: 100%;
  padding-bottom: 50px;
}
main #technicalSupport .wrapper .links .each-link {
  width: 28.5714285714%;
  text-align: center;
}
main #technicalSupport .wrapper .links .each-link .link-head {
  border-radius: 12px;
  height: 95px;
  width: 240px;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  padding: 5px 10px;
  margin-bottom: 10px;
}
main #technicalSupport .wrapper .links .each-link .link-head h3 {
  font-family: "exo-bold", sans-serif;
  color: white;
  font-weight: 600;
  line-height: 1.2;
  text-transform: uppercase;
  font-size: 20px;
  text-align: left;
  margin-right: auto;
}
main #technicalSupport .wrapper .links .each-link .mobile-apps-head {
  background-image: -o-linear-gradient(left, #9f5acc, #5caada);
  background-image: -webkit-gradient(linear, left top, right top, from(#9f5acc), to(#5caada));
  background-image: linear-gradient(to right, #9f5acc, #5caada);
}
main #technicalSupport .wrapper .links .each-link .technical-support-head {
  background-image: -o-linear-gradient(left, #274f93, #62c7ea);
  background-image: -webkit-gradient(linear, left top, right top, from(#274f93), to(#62c7ea));
  background-image: linear-gradient(to right, #274f93, #62c7ea);
}
main #technicalSupport .wrapper .links .each-link .strategy-head {
  background-image: -o-linear-gradient(left, #feb46c, #db508c);
  background-image: -webkit-gradient(linear, left top, right top, from(#feb46c), to(#db508c));
  background-image: linear-gradient(to right, #feb46c, #db508c);
}
main #technicalSupport .wrapper .links .each-link p {
  color: #2b2b2b;
  font-family: "exo-regular", sans-serif;
  font-size: 15px;
  line-height: 1.5;
  padding-bottom: 25px;
}
main #technicalSupport .wrapper .links .each-link a {
  text-decoration: none;
  color: white;
  border-radius: 20px;
  height: 39px;
  width: 100px;
  font-family: "exo-semibold", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 10px auto;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
main #technicalSupport .wrapper .links .each-link a img {
  margin-left: 5px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  right: 0;
}
main #technicalSupport .wrapper .links .each-link a:hover img {
  right: -5px;
}
main #technicalSupport .wrapper .links .each-link .mobile-apps-button {
  background-image: -o-linear-gradient(left, #9f5acc, #5caada);
  background-image: -webkit-gradient(linear, left top, right top, from(#9f5acc), to(#5caada));
  background-image: linear-gradient(to right, #9f5acc, #5caada);
}
main #technicalSupport .wrapper .links .each-link .technical-support-button {
  background-image: -o-linear-gradient(left, #274f93, #62c7ea);
  background-image: -webkit-gradient(linear, left top, right top, from(#274f93), to(#62c7ea));
  background-image: linear-gradient(to right, #274f93, #62c7ea);
}
main #technicalSupport .wrapper .links .each-link .strategy-button {
  background-image: -o-linear-gradient(left, #feb46c, #db508c);
  background-image: -webkit-gradient(linear, left top, right top, from(#feb46c), to(#db508c));
  background-image: linear-gradient(to right, #feb46c, #db508c);
}
main #mobileApps {
  position: relative;
  padding-top: 60px;
  background-image: url("../img/mobile-app-top-waves.png");
  background-position: top center;
  background-repeat: no-repeat;
}
main #mobileApps .wrapper .development-info-wrapper {
  width: 80%;
  margin-right: auto;
  position: relative;
}
main #mobileApps .wrapper .development-info-wrapper h1 {
  font-family: "exo-semibold", sans-serif;
  color: #363030;
  font-size: 60px;
  padding-top: 50px;
  line-height: 1.1;
  padding-right: 300px;
}
main #mobileApps .wrapper .development-info-wrapper h3 {
  font-family: "exo-semibold", sans-serif;
  color: #898989;
  padding-bottom: 40px;
  font-size: 20px;
  padding-right: 400px;
}
main #mobileApps .wrapper .development-info-wrapper p {
  font-family: "exo", sans-serif;
  color: #363030;
  width: 800px;
  line-height: 1.5;
  font-size: 15px;
  padding-right: 300px;
}
main #mobileApps .wrapper .development-info-wrapper::after {
  content: "";
  background-image: url("../img/phone-and-tablet-image.png");
  position: absolute;
  right: -228px;
  top: 50px;
  width: 570px;
  height: 643px;
  z-index: 9;
}
main #mobileApps .wrapper .concept {
  padding-top: 200px;
  text-align: center;
}
main #mobileApps .wrapper .concept h2 {
  font-family: "exo-semibold", sans-serif;
  color: #363030;
  font-size: 45px;
  padding-top: 25px;
}
main #mobileApps .wrapper .concept h3 {
  font-family: "exo-semibold", sans-serif;
  color: #898989;
  padding-bottom: 35px;
  font-size: 20px;
  padding-top: 10px;
}
main #mobileApps .wrapper .concept p {
  font-family: "exo", sans-serif;
  color: #363030;
  line-height: 1.5;
  font-size: 15px;
}
main #mobileApps .wrapper .concept .concept-services-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 60px;
  margin-top: 100px;
  opacity: 0;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
main #mobileApps .wrapper .concept .concept-services-wrapper .each-concept-service {
  width: 26.3157894737%;
  text-align: center;
}
main #mobileApps .wrapper .concept .concept-services-wrapper .each-concept-service h2 {
  color: #4f2e99;
  font-size: 24px;
  width: 200px;
  margin: auto;
  margin-top: -60px;
  padding-bottom: 10px;
  font-weight: 900;
  font-family: "exo-semibold", sans-serif;
}
main #mobileApps .wrapper .concept .concept-services-wrapper .each-concept-service p {
  color: #9885c1;
  font-family: "exo", sans-serif;
  line-height: 1.5;
  font-size: 15px;
}
main #mobileApps .wrapper .concept .concept-services-wrapper .last h2 {
  width: 100%;
}
main #mobileApps .your-clients {
  height: 700px;
  width: 100%;
  position: relative;
  margin-top: 265px;
  background-image: url("../img/right-watch.png"), -o-linear-gradient(bottom, #f3f7ff, #f2f6fe);
  background-image: url("../img/right-watch.png"), -webkit-gradient(linear, left bottom, left top, from(#f3f7ff), to(#f2f6fe));
  background-image: url("../img/right-watch.png"), linear-gradient(to top, #f3f7ff, #f2f6fe);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-position: top right;
  background-repeat: no-repeat;
}
main #mobileApps .your-clients .wrapper {
  position: absolute;
  top: -100px;
  z-index: 9;
}
main #mobileApps .your-clients .wrapper h2 {
  color: #2c2c2c;
  font-size: 45px;
  margin: auto;
  padding-bottom: 10px;
  font-family: "exo-semibold", sans-serif;
  position: relative;
}
main #mobileApps .your-clients .wrapper h2:before {
  content: "";
  background-image: url("../img/your-clients-dots.png");
  right: 100%;
  top: 32px;
  position: absolute;
  width: 265px;
  height: 93px;
  left: -337px;
}
main #mobileApps .your-clients .wrapper h3 {
  color: #898989;
  font-family: "exo-semibold", sans-serif;
  width: 50%;
}
main #mobileApps .your-clients .wrapper .your-clients-services-wrapper {
  padding-top: 100px;
  width: 70%;
  position: relative;
}
main #mobileApps .your-clients .wrapper .your-clients-services-wrapper .each-clients-service {
  list-style: none;
  position: relative;
  padding-bottom: 75px;
  text-align: left;
}
main #mobileApps .your-clients .wrapper .your-clients-services-wrapper .each-clients-service h2 {
  padding-left: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #2c2c2c;
  font-size: 25px;
  margin: auto;
  font-family: "exo-semibold", sans-serif;
  line-height: 1.1;
  height: 85px;
  padding-bottom: 0;
  margin-right: auto;
  padding-right: 215px;
}
main #mobileApps .your-clients .wrapper .your-clients-services-wrapper .each-clients-service h2 img:nth-child(1) {
  display: none;
}
main #mobileApps .your-clients .wrapper .your-clients-services-wrapper .each-clients-service h2 img {
  margin-left: 20px;
}
main #mobileApps .your-clients .wrapper .your-clients-services-wrapper .each-clients-service h2::before {
  display: none;
}
main #mobileApps .your-clients .wrapper .your-clients-services-wrapper .each-clients-service h2::after {
  position: absolute;
  content: "";
  width: 20px;
  height: 40px;
  border-radius: 50px;
  background-image: -o-linear-gradient(bottom, #ffd92f, #ffc668);
  background-image: -webkit-gradient(linear, left bottom, left top, from(#ffd92f), to(#ffc668));
  background-image: linear-gradient(to top, #ffd92f, #ffc668);
  left: 0;
  top: calc(50% - 20px);
}
main #mobileApps .your-clients .wrapper .your-clients-services-wrapper .each-clients-service p {
  color: #2c2c2c;
  font-family: "exo", sans-serif;
  line-height: 1.5;
  font-size: 15px;
  padding-bottom: 0;
}
main #mobileApps .your-clients .wrapper .your-clients-services-wrapper .mid {
  background: -o-linear-gradient(left, #f2f6fe, #e6eefe, #f2f6fe);
  background: -webkit-gradient(linear, left top, right top, from(#f2f6fe), color-stop(#e6eefe), to(#f2f6fe));
  background: linear-gradient(to right, #f2f6fe, #e6eefe, #f2f6fe);
}
main #mobileApps .your-clients .wrapper .your-clients-services-wrapper .last {
  position: relative;
}
main #mobileApps .your-clients .wrapper .your-clients-services-wrapper .last::before {
  content: "";
  position: absolute;
  right: 100%;
  top: -67px;
  background-image: url("../img/purple-dots.png");
  width: 333px;
  height: 179px;
}
main #mobileApps .your-clients .wrapper .your-clients-services-wrapper::before {
  content: "";
  background-image: url("../img/left-watches.png");
  width: 592px;
  height: 656px;
  position: absolute;
  right: 105%;
  top: -63px;
}
main #mobileApps .your-clients .wrapper .your-clients-services-wrapper::after {
  content: "";
  background-image: url("../img/floating-devices.png");
  position: absolute;
  right: -510px;
  top: -131px;
  width: 570px;
  height: 1037px;
}
main #mobileApps .your-clients::before {
  content: "";
  background-image: url("../img/your-clients-top.png");
  background-position: center;
  position: absolute;
  width: 100%;
  bottom: 100%;
  height: 415px;
  left: 0;
  right: 0;
}
main #mobileApps .your-clients::after {
  content: "";
  background-image: url("../img/your-clients-bottom.png");
  background-position: center;
  position: absolute;
  width: 100%;
  top: 100%;
  height: 430px;
  left: 0;
  right: 0;
}
main #mobileApps .developing-mobile {
  padding-top: 260px;
  background-image: url("../img/developing-mobile-bg.png");
  background-position: center 200px;
  background-repeat: no-repeat;
}
main #mobileApps .developing-mobile .wrapper {
  text-align: center;
}
main #mobileApps .developing-mobile .wrapper h2 {
  color: #2c2c2c;
  font-size: 45px;
  font-family: "exo-semibold", sans-serif;
  opacity: 0;
  margin-top: 100px;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
main #mobileApps .developing-mobile .wrapper h3 {
  color: #898989;
  font-family: "exo-semibold", sans-serif;
  padding-bottom: 40px;
  opacity: 0;
  margin-top: 100px;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
main #mobileApps .developing-mobile .wrapper p {
  color: #2c2c2c;
  font-size: 15px;
  font-family: "exo", sans-serif;
  line-height: 1.5;
  padding-bottom: 40px;
  opacity: 0;
  margin-top: 100px;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
main #mobileApps .developing-mobile .wrapper .developing-mobile-slideshow-wrapper {
  width: 1014px;
  height: 543px;
  background-image: url("../img/phone-bg.png");
  margin: auto;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
main #mobileApps .developing-mobile .wrapper .developing-mobile-slideshow-wrapper .cms-slider-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  padding: 0 10%;
  margin: auto;
  padding-right: 70px;
}
main #mobileApps .developing-mobile .wrapper .developing-mobile-slideshow-wrapper .cms-slider-wrapper .cms-each-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 52px 0;
  position: relative;
  text-align: left;
}
main #mobileApps .developing-mobile .wrapper .developing-mobile-slideshow-wrapper .cms-slider-wrapper .cms-each-slide img {
  position: absolute;
}
main #mobileApps .developing-mobile .wrapper .developing-mobile-slideshow-wrapper .cms-slider-wrapper .cms-each-slide h2 {
  color: #2c2c2c;
  font-size: 25px;
  font-family: "exo-semibold", sans-serif;
  width: 55%;
  max-width: 480px;
  margin-left: auto;
  padding-bottom: 25px;
  opacity: 1;
  margin-top: 0;
  padding-right: 20px;
}
main #mobileApps .developing-mobile .wrapper .developing-mobile-slideshow-wrapper .cms-slider-wrapper .cms-each-slide p {
  color: #2c2c2c;
  font-size: 15px;
  font-family: "exo", sans-serif;
  line-height: 1.5;
  padding-bottom: 40px;
  width: 55%;
  max-width: 480px;
  margin-left: auto;
  opacity: 1;
  margin-top: 0;
  padding-right: 20px;
}
main #mobileApps .developing-mobile .wrapper .developing-mobile-slideshow-wrapper .cms-slider-wrapper .slick-dots {
  bottom: 100px;
}
main #mobileApps .developing-mobile .wrapper .developing-mobile-slideshow-wrapper .cms-slider-wrapper .slick-dots li {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #e5e1f9;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
main #mobileApps .developing-mobile .wrapper .developing-mobile-slideshow-wrapper .cms-slider-wrapper .slick-dots li button::before {
  display: none;
}
main #mobileApps .developing-mobile .wrapper .developing-mobile-slideshow-wrapper .cms-slider-wrapper .slick-dots .slick-active {
  background-image: -o-linear-gradient(bottom, #ab63f9, #7460e5);
  background-image: -webkit-gradient(linear, left bottom, left top, from(#ab63f9), to(#7460e5));
  background-image: linear-gradient(to top, #ab63f9, #7460e5);
  width: 40px;
  border-radius: 30px;
}
main #mobileApps .developing-mobile .wrapper .developing-mobile-slideshow-wrapper::before {
  content: "";
  background-image: url("../img/phone-top.png");
  position: absolute;
  top: -50px;
  height: 131px;
  width: 940px;
  z-index: -1;
}
main #mobileApps .notifications {
  background-image: url("../img/notify-bg.png");
  background-position: center;
  background-repeat: no-repeat;
}
main #mobileApps .notifications .wrapper .notify {
  background-image: -o-linear-gradient(bottom, #dae7f8, #f5faff);
  background-image: -webkit-gradient(linear, left bottom, left top, from(#dae7f8), to(#f5faff));
  background-image: linear-gradient(to top, #dae7f8, #f5faff);
  padding: 70px;
  border-radius: 30px;
  position: relative;
}
main #mobileApps .notifications .wrapper .notify h2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
}
main #mobileApps .notifications .wrapper .notify h2 span {
  color: #2c2c2c;
  font-size: 45px;
  margin: auto;
  padding-bottom: 10px;
  font-weight: 900;
  font-family: "exo-semibold", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 700px;
  margin-right: auto;
  margin-left: 0;
  line-height: 1;
  padding-left: 50px;
}
main #mobileApps .notifications .wrapper .notify h2 .belt {
  position: relative;
  background-image: url("../img/belt.png");
  width: 70px;
  height: 86px;
  padding-right: 50px;
  -webkit-transform: rotateY(90deg);
  transform: rotateY(90deg);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
main #mobileApps .notifications .wrapper .notify h2 .belt::before {
  content: "1";
  position: absolute;
  right: 11px;
  bottom: 50px;
  font-family: "exo", sans-serif;
  color: white;
  background-color: #eb4545;
  border-radius: 50px;
  height: 25px;
  width: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 18px;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
main #mobileApps .notifications .wrapper .notify .notify-me .belt::before {
  -webkit-animation-name: belt;
  animation-name: belt;
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes belt {
  0% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  25% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes belt {
  0% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  25% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
main #mobileApps .notifications .wrapper .notify p {
  color: #2c2c2c;
  font-family: "exo", sans-serif;
  line-height: 1.5;
  font-size: 15px;
  padding: 20px 0;
  width: 700px;
}
main #mobileApps .notifications .wrapper .notify::before {
  content: "";
  position: absolute;
  background-image: url("../img/notify-left-decor.png");
  bottom: -29px;
  left: -190px;
  width: 237px;
  height: 197px;
}
main #mobileApps .notifications .wrapper .notify::after {
  content: "";
  position: absolute;
  background-image: url("../img/notify-phone.png");
  right: 38px;
  bottom: -44px;
  width: 296px;
  height: 382px;
}
main #mobileApps .integration {
  background-color: #faf8f5;
  position: relative;
  height: 200px;
  margin-top: 450px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-image: url("../img/integration-left-decor.png");
  background-position: top left;
  background-repeat: no-repeat;
}
main #mobileApps .integration .wrapper {
  position: absolute;
  top: -320px;
  bottom: -320px;
  z-index: 9;
}
main #mobileApps .integration .wrapper h2 {
  color: #2c2c2c;
  font-size: 45px;
  font-family: "exo-csemibold", sans-serif;
  text-align: center;
  padding-bottom: 20px;
}
main #mobileApps .integration .wrapper p {
  font-family: "exo-regular";
  color: #2c2c2c;
  font-size: 15px;
  line-height: 1.5;
  padding-bottom: 20px;
  text-align: center;
  position: relative;
  z-index: 9;
}
main #mobileApps .integration .wrapper .integration-selects-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 50px;
}
main #mobileApps .integration .wrapper .integration-selects-wrapper .left-side {
  width: 365px;
  position: relative;
  z-index: 9;
}
main #mobileApps .integration .wrapper .integration-selects-wrapper .left-side .info-option {
  border-radius: 10px;
  background-color: white;
  padding: 20px;
  height: 150px;
  -webkit-box-shadow: 0px 0px 9px 2px rgba(0, 0, 0, 0);
  box-shadow: 0px 0px 9px 2px rgba(0, 0, 0, 0);
  cursor: pointer;
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  list-style: none;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
main #mobileApps .integration .wrapper .integration-selects-wrapper .left-side .info-option a {
  display: none;
}
main #mobileApps .integration .wrapper .integration-selects-wrapper .left-side .info-option h2 {
  color: #929191;
  font-size: 20px;
  font-family: "exo-csemibold", sans-serif;
  text-align: left;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  width: calc(100% - 45px);
  padding-bottom: 0px;
  margin-bottom: -50px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
main #mobileApps .integration .wrapper .integration-selects-wrapper .left-side .info-option h2:after {
  content: "";
  position: absolute;
  left: 100%;
  width: 37px;
  height: 27px;
  background-image: url("../img/right-arrow.png");
  display: none;
  top: 10px;
}
main #mobileApps .integration .wrapper .integration-selects-wrapper .left-side .info-option p {
  color: #929191;
  font-size: 15px;
  font-family: "exo", sans-serif;
  line-height: 1.5;
  opacity: 0;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  width: 100%;
  height: 0;
  text-align: left;
}
main #mobileApps .integration .wrapper .integration-selects-wrapper .left-side .info-option:hover h2 {
  color: #2c2c2c;
}
main #mobileApps .integration .wrapper .integration-selects-wrapper .left-side .option-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  height: 215px;
  display: block;
  -webkit-box-shadow: 0px 0px 9px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 9px 2px rgba(0, 0, 0, 0.05);
}
main #mobileApps .integration .wrapper .integration-selects-wrapper .left-side .option-active h2 {
  color: #2c2c2c;
  padding-bottom: 10px;
  margin-bottom: 0px;
}
main #mobileApps .integration .wrapper .integration-selects-wrapper .left-side .option-active h2:after {
  display: block;
}
main #mobileApps .integration .wrapper .integration-selects-wrapper .left-side .option-active p {
  color: #2c2c2c;
  opacity: 1;
  display: block;
  height: auto;
  width: 100%;
}
main #mobileApps .integration .wrapper .integration-selects-wrapper figure {
  position: absolute;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  top: 25px;
}
main #mobileApps .integration .wrapper .integration-selects-wrapper figure .option-img {
  display: none;
  position: absolute;
  z-index: 0;
  right: 0;
}
main #mobileApps .integration .wrapper .integration-selects-wrapper figure .third-option-img {
  left: auto;
  right: auto;
}
main #mobileApps .integration .wrapper .integration-selects-wrapper figure .active-option-img {
  display: block;
}
main #mobileApps .integration .wrapper .integration-selects-wrapper .right-side {
  width: 380px;
}
main #mobileApps .integration .wrapper .integration-selects-wrapper .right-side .info-bubble {
  border-radius: 10px;
  background-color: white;
  padding: 20px;
  height: 200px;
  -webkit-box-shadow: 0px 0px 9px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 9px 2px rgba(0, 0, 0, 0.05);
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  list-style: none;
  margin-bottom: 10px;
  -webkit-transform: rotateX(90deg);
  transform: rotateX(90deg);
}
main #mobileApps .integration .wrapper .integration-selects-wrapper .right-side .info-bubble h2 {
  color: #2c2c2c;
  padding-bottom: 10px;
  font-size: 20px;
  font-family: "exo-csemibold", sans-serif;
  text-align: left;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  width: 100%;
  position: relative;
}
main #mobileApps .integration .wrapper .integration-selects-wrapper .right-side .info-bubble p {
  color: #2c2c2c;
  font-size: 15px;
  font-family: "exo", sans-serif;
  line-height: 1.5;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
main #mobileApps .integration .wrapper .integration-selects-wrapper .right-side .info-bubble h2:before {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  background-color: #ffdb4b;
  border-radius: 50%;
  bottom: 100%;
  right: calc(100% + 5px);
  top: 10px;
}
main #mobileApps .integration .wrapper .integration-selects-wrapper .right-side .bubble-active {
  display: block !important;
}
main #mobileApps .integration .wrapper .integration-selects-wrapper .right-side .transformed {
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
}
main #mobileApps .integration::before {
  content: "";
  background-image: url("../img/integration-top.png");
  width: 100%;
  height: 375px;
  bottom: 100%;
  background-position: center;
  position: absolute;
}
main #mobileApps .integration::after {
  content: "";
  background-image: url("../img/integration-bottom.png");
  width: 100%;
  height: 354px;
  top: 100%;
  background-position: center;
  position: absolute;
}
main #mobileApps .planning {
  position: relative;
  padding-top: 415px;
}
main #mobileApps .planning .wrapper h2 {
  color: #2c2c2c;
  font-size: 45px;
  font-family: "exo-semibold", sans-serif;
  width: 750px;
  line-height: 1;
  padding-bottom: 20px;
  margin-top: 100px;
  opacity: 0;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
main #mobileApps .planning .wrapper h3 {
  color: #898989;
  font-family: "exo-semibold", sans-serif;
  padding-bottom: 40px;
  width: 600px;
  margin-top: 100px;
  opacity: 0;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
main #mobileApps .planning .wrapper p {
  color: #2c2c2c;
  font-size: 15px;
  font-family: "exo", sans-serif;
  line-height: 1.5;
  padding-bottom: 40px;
  width: 600px;
  margin-top: 100px;
  opacity: 0;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
main #mobileApps .planning .domain {
  padding-top: 200px;
  position: relative;
}
main #mobileApps .planning .domain .wrapper h2 {
  width: 520px;
  margin-left: auto;
  position: relative;
  z-index: 2;
  padding-bottom: 40px;
}
main #mobileApps .planning .domain .wrapper p {
  margin-left: auto;
  width: 520px;
  position: relative;
  z-index: 9;
}
main #mobileApps .planning .domain .wrapper p:before {
  content: "";
  position: absolute;
  right: calc(100% + 25px);
  width: 1353px;
  height: 842px;
  top: -340px;
  background-image: url("../img/pet-img.png");
}
main #mobileApps .planning .domain::after {
  content: "";
  position: absolute;
  background-image: url("../img/www-img.png");
  width: 842px;
  height: 492px;
  right: 0;
  top: 75px;
  z-index: 0;
}
main #mobileApps .planning::after {
  content: "";
  width: 718px;
  height: 639px;
  background-image: url("../img/planning-img.png");
  position: absolute;
  right: 0;
  top: 350px;
}
main #mobileApps .marketing {
  background-image: url("../img/marketing-bg.png");
  height: 840px;
  width: 100%;
  background-position: top center;
  background-repeat: no-repeat;
  margin-top: 30px;
  overflow: hidden;
}
main #mobileApps .marketing .wrapper {
  padding-top: 460px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-right: 200px;
}
main #mobileApps .marketing .wrapper h2 {
  color: #fff;
  font-size: 45px;
  font-family: "exo-semibold", sans-serif;
  width: 750px;
  line-height: 1;
  padding-bottom: 20px;
  margin-top: 100px;
  opacity: 0;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
main #mobileApps .marketing .wrapper p {
  color: #fff;
  font-size: 15px;
  font-family: "exo", sans-serif;
  line-height: 1.5;
  padding-bottom: 40px;
  width: 750px;
  margin-top: 100px;
  opacity: 0;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
main #mobileApps .marketing .wrapper::after {
  content: "";
  position: absolute;
  right: 0;
  right: -210px;
  bottom: -35px;
  background-image: url("../img/marketing-img.png");
  height: 652px;
  width: 617px;
}
main #mobileApps .wrapper .links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  padding: 40px 0;
}
main #mobileApps .wrapper .links h2 {
  font-family: "exo-bold", sans-serif;
  color: #2b2b2b;
  font-size: 45px;
  padding: 10px 0;
  text-align: center;
  line-height: 1.2;
  font-weight: 600;
  width: 100%;
  padding-bottom: 50px;
}
main #mobileApps .wrapper .links .each-link {
  width: 28.5714285714%;
  text-align: center;
}
main #mobileApps .wrapper .links .each-link .link-head {
  border-radius: 12px;
  height: 95px;
  width: 240px;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  padding: 5px 10px;
}
main #mobileApps .wrapper .links .each-link .link-head h3 {
  font-family: "exo-bold", sans-serif;
  color: white;
  font-weight: 600;
  line-height: 1.2;
  text-transform: uppercase;
  font-size: 20px;
  text-align: left;
}
main #mobileApps .wrapper .links .each-link p {
  color: #2b2b2b;
  font-family: "exo-regular", sans-serif;
  font-size: 15px;
  line-height: 1.5;
  padding-bottom: 25px;
  padding-top: 10px;
}
main #mobileApps .wrapper .links .each-link a {
  text-decoration: none;
  color: white;
  border-radius: 20px;
  height: 39px;
  width: 100px;
  font-family: "exo-semibold", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 10px auto;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
main #mobileApps .wrapper .links .each-link a img {
  margin-left: 5px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  right: 0;
}
main #mobileApps .wrapper .links .each-link a:hover img {
  right: -5px;
}
main #websites .banner {
  position: relative;
  background-image: url("../img/websites-banner-bg.png");
  background-position: 100% 0px;
  background-repeat: no-repeat;
  margin-top: 70px;
  padding-top: 40px;
}
main #websites .banner .wrapper .tablet {
  width: 1166px;
  height: 642px;
  background-image: url("../img/websites-banner-tablet.png");
  margin: auto;
  padding: 20px 80px;
  overflow: hidden;
  position: relative;
}
main #websites .banner .wrapper .tablet h1 {
  font-family: "exo-semibold", sans-serif;
  color: #363030;
  font-size: 45px;
  padding-top: 50px;
  line-height: 1.1;
  padding-right: 300px;
  padding-bottom: 20px;
  position: relative;
}
main #websites .banner .wrapper .tablet h1::after {
  content: "";
  background-image: url("../img/planet.png");
  width: 106px;
  height: 105px;
  position: absolute;
  right: 148px;
  top: 49px;
}
main #websites .banner .wrapper .tablet p {
  font-family: "exo", sans-serif;
  color: #363030;
  width: 900px;
  line-height: 1.5;
  font-size: 15px;
  padding-right: 300px;
  padding-bottom: 20px;
}
main #websites .banner .wrapper .tablet .learn-more-website {
  background-image: -o-linear-gradient(left, #64aef9, #4974de);
  background-image: -webkit-gradient(linear, left top, right top, from(#64aef9), to(#4974de));
  background-image: linear-gradient(to right, #64aef9, #4974de);
  color: white;
  font-family: "exo", sans-serif;
  height: 35px;
  width: 130px;
  border-radius: 20px;
  border: none;
  cursor: pointer;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  overflow: hidden;
}
main #websites .banner .wrapper .tablet .learn-more-website:hover {
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
}
main #websites .banner .wrapper .tablet .animation-holder {
  text-align: center;
}
main #websites .banner .wrapper .tablet .animation-holder .banner-rocket {
  margin-right: 200px;
  position: relative;
  z-index: 9;
  margin-top: -100px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
main #websites .banner .wrapper .tablet .animation-holder p {
  display: none;
  margin-top: -20px;
}
main #websites .banner .wrapper .tablet::before {
  content: "";
  background-color: #252525;
  position: absolute;
  width: 26px;
  height: 400px;
  left: 1px;
  top: 200px;
  z-index: 99;
}
main #websites .banner::before {
  content: "";
  position: absolute;
  background-image: url("../img/websites-banner-left-decor.png");
  width: 284px;
  height: 626px;
  left: 0;
  top: 0;
}
main #websites .banner::after {
  content: "";
  position: absolute;
  background-image: url("../img/banner-bottom.png");
  width: 100%;
  height: 759px;
  bottom: -150px;
  background-position: center;
  background-repeat: no-repeat;
  left: 0;
  pointer-events: none;
}
main #websites .inspire {
  padding-top: 200px;
  background-image: url("../img/inspire-bg.jpg");
  background-position: top left;
  background-repeat: no-repeat;
}
main #websites .inspire .wrapper h2 {
  color: #2c2c2c;
  font-family: "exo-semibold", sans-serif;
  font-size: 45px;
  padding-bottom: 10px;
  text-align: center;
}
main #websites .inspire .wrapper h3 {
  color: #898989;
  font-family: "exo-semibold", sans-serif;
  text-align: center;
  font-weight: normal;
  padding-bottom: 70px;
}
main #websites .inspire .wrapper .inspire-services-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
main #websites .inspire .wrapper .inspire-services-wrapper .each-inspire {
  width: 25.641025641%;
  text-align: center;
  padding-bottom: 100px;
}
main #websites .inspire .wrapper .inspire-services-wrapper h2 {
  color: #5d3fa1;
  font-size: 25px;
}
main #websites .inspire .wrapper .inspire-services-wrapper p {
  color: #9f8dc6;
  font-family: "exo", sans-serif;
}
main #websites .developing {
  background-image: -o-linear-gradient(bottom, #fff, #f8faff);
  background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#f8faff));
  background-image: linear-gradient(to top, #fff, #f8faff);
  position: relative;
  height: 750px;
  margin-top: 180px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
main #websites .developing .developing-left-decor {
  position: absolute;
  left: 0;
}
main #websites .developing .developing-right-decor {
  position: absolute;
  right: 0;
}
main #websites .developing .wrapper {
  position: absolute;
  z-index: 9;
  height: 100%;
  top: -120px;
}
main #websites .developing .wrapper h2 {
  font-family: "exo-semibold", sans-serif;
  color: #363030;
  font-size: 45px;
  padding-top: 50px;
  line-height: 1.1;
  text-align: center;
  padding-bottom: 12px;
}
main #websites .developing .wrapper h3 {
  font-family: "exo-semibold", sans-serif;
  color: #898989;
  padding-bottom: 40px;
  font-size: 20px;
  text-align: center;
}
main #websites .developing .wrapper p {
  font-family: "exo", sans-serif;
  color: #363030;
  line-height: 1.5;
  font-size: 15px;
  text-align: center;
}
main #websites .developing .wrapper .developing-learn-more {
  display: none;
}
main #websites .developing .wrapper .developing-slideshow-wrapper .cms-slider-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  padding-top: 50px;
  z-index: 0 !important;
  width: calc(100% - 150px);
  margin: 0 auto;
}
main #websites .developing .wrapper .developing-slideshow-wrapper .cms-slider-wrapper div {
  height: 450px;
}
main #websites .developing .wrapper .developing-slideshow-wrapper .cms-slider-wrapper .cms-each-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  text-align: left;
}
main #websites .developing .wrapper .developing-slideshow-wrapper .cms-slider-wrapper .cms-each-slide img {
  position: absolute;
  bottom: 0;
  top: 0;
  pointer-events: none;
}
main #websites .developing .wrapper .developing-slideshow-wrapper .cms-slider-wrapper .cms-each-slide h2 {
  color: #2c2c2c;
  font-size: 25px;
  font-family: "exo-semibold", sans-serif;
  width: 45%;
  margin-left: auto;
  padding-bottom: 25px;
  text-align: left;
}
main #websites .developing .wrapper .developing-slideshow-wrapper .cms-slider-wrapper .cms-each-slide p {
  color: #2c2c2c;
  font-size: 15px;
  font-family: "exo", sans-serif;
  line-height: 1.5;
  padding-bottom: 40px;
  width: 45%;
  margin-left: auto;
  text-align: left;
}
main #websites .developing .wrapper .developing-slideshow-wrapper .cms-slider-wrapper .cms-each-slide a {
  background-image: -o-linear-gradient(left, #64aef9, #4974de);
  background-image: -webkit-gradient(linear, left top, right top, from(#64aef9), to(#4974de));
  background-image: linear-gradient(to right, #64aef9, #4974de);
  color: white;
  font-family: "exo", sans-serif;
  height: 35px;
  width: 130px;
  border-radius: 20px;
  border: none;
  cursor: pointer;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-decoration: none;
  margin-top: 10px;
}
main #websites .developing .wrapper .developing-slideshow-wrapper .cms-slider-wrapper .cms-each-slide a:hover {
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
}
main #websites .developing .wrapper .developing-slideshow-wrapper .cms-slider-wrapper .slick-dots {
  bottom: 0;
}
main #websites .developing .wrapper .developing-slideshow-wrapper .cms-slider-wrapper .slick-dots li {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #e5e1f9;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
main #websites .developing .wrapper .developing-slideshow-wrapper .cms-slider-wrapper .slick-dots li button::before {
  display: none;
}
main #websites .developing .wrapper .developing-slideshow-wrapper .cms-slider-wrapper .slick-dots .slick-active {
  background-image: -o-linear-gradient(left, #63adf8, #4a76df);
  background-image: -webkit-gradient(linear, left top, right top, from(#63adf8), to(#4a76df));
  background-image: linear-gradient(to right, #63adf8, #4a76df);
  width: 40px;
  border-radius: 30px;
}
main #websites .developing .wrapper .slick-prev {
  left: -80px;
}
main #websites .developing .wrapper .slick-prev,
main #websites .developing .wrapper .slick-after {
  z-index: 99 !important;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
main #websites .developing .wrapper .slick-prev::before {
  content: "" !important;
  background-image: url("../img/slider-left-arrow.png") !important;
  height: 74px !important;
  width: 74px !important;
  position: absolute;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
main #websites .developing .wrapper .slick-next::before {
  content: "" !important;
  background-image: url("../img/slider-right-arrow.png") !important;
  height: 74px !important;
  width: 74px !important;
  position: absolute;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
main #websites .developing::before {
  content: "";
  position: absolute;
  bottom: 100%;
  background-image: url("../img/developing-top.png");
  left: 0;
  right: 0;
  width: 100%;
  height: 427px;
  background-position: center;
}
main #websites .developing::after {
  content: "";
  position: absolute;
  top: 100%;
  background-image: url("../img/developing-bottom.png");
  left: 0;
  right: 0;
  width: 100%;
  height: 272px;
  background-position: center;
  z-index: 99;
}
main #websites .improve {
  height: 900px;
  background-image: url("../img/improve-bg.png"), -o-linear-gradient(45deg, #c3bdff, #d7fdff);
  background-image: url("../img/improve-bg.png"), linear-gradient(45deg, #c3bdff, #d7fdff);
  padding-top: 60px;
  background-position: center bottom;
  background-repeat: no-repeat;
  position: relative;
}
main #websites .improve .wrapper h2 {
  color: #2c2c2c;
  font-family: "exo-semibold", sans-serif;
  font-size: 45px;
  padding-bottom: 10px;
  text-align: center;
}
main #websites .improve .wrapper h3 {
  color: #898989;
  font-family: "exo-semibold", sans-serif;
  text-align: center;
  font-weight: normal;
  padding-bottom: 50px;
}
main #websites .improve .wrapper .improve-wrapepr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
main #websites .improve .wrapper .improve-wrapepr .each-improve {
  width: 30.303030303%;
}
main #websites .improve .wrapper .improve-wrapepr .each-improve .heading-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 30px;
}
main #websites .improve .wrapper .improve-wrapepr .each-improve .heading-wrapper img {
  margin-right: 10px;
}
main #websites .improve .wrapper .improve-wrapepr .each-improve .heading-wrapper h2 {
  color: #49389e;
  font-family: "exo-semibold", sans-serif;
  font-size: 25px;
  padding-bottom: 10px;
  text-align: left;
  margin-left: auto;
  line-height: 1;
  width: 320px;
}
main #websites .improve .wrapper .improve-wrapepr .each-improve p {
  color: #49389e;
  font-family: "exo", sans-serif;
  font-size: 15px;
  text-align: left;
  padding-right: 50px;
}
main #websites .improve::after {
  content: "";
  width: 100%;
  position: absolute;
  bottom: 0;
  height: 168px;
  background-image: url("../img/improve-bottom.png");
  background-position: center;
}
main #websites .update {
  padding-bottom: 325px;
}
main #websites .update .wrapper {
  position: relative;
}
main #websites .update .wrapper h2 {
  font-family: "exo-semibold", sans-serif;
  color: #363030;
  font-size: 45px;
  padding-top: 50px;
  line-height: 1.1;
  text-align: center;
  padding-bottom: 12px;
}
main #websites .update .wrapper h3 {
  font-family: "exo-semibold", sans-serif;
  color: #898989;
  padding-bottom: 40px;
  font-size: 19px;
  text-align: center;
  font-weight: normal;
}
main #websites .update .wrapper p {
  font-family: "exo", sans-serif;
  color: #363030;
  line-height: 1.5;
  font-size: 15px;
  text-align: left;
  width: 500px;
  margin: auto;
}
main #websites .update .wrapper .learn-more {
  background-image: -o-linear-gradient(left, #64aef9, #4974de);
  background-image: -webkit-gradient(linear, left top, right top, from(#64aef9), to(#4974de));
  background-image: linear-gradient(to right, #64aef9, #4974de);
  color: white;
  font-family: "exo", sans-serif;
  height: 35px;
  width: 130px;
  border-radius: 20px;
  border: none;
  cursor: pointer;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  overflow: hidden;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 30px;
}
main #websites .update .wrapper .learn-more:hover {
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
}
main #websites .update .wrapper::before {
  content: "";
  background-image: url("../img/update-left-image.jpg");
  position: absolute;
  left: -40px;
  height: 310px;
  width: 319px;
  bottom: -55px;
}
main #websites .update .wrapper::after {
  content: "";
  background-image: url("../img/update-right-image.png");
  position: absolute;
  right: -30px;
  bottom: -55px;
  width: 333px;
  height: 309px;
}
main #websites .manage {
  position: relative;
  background-image: -o-linear-gradient(top, #f8faff, #fff);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f8faff), to(#fff));
  background-image: linear-gradient(to bottom, #f8faff, #fff);
  height: 300px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
main #websites .manage .wrapper {
  position: absolute;
  top: -192px;
}
main #websites .manage .wrapper h2 {
  font-family: "exo-semibold", sans-serif;
  color: #363030;
  font-size: 45px;
  padding-top: 50px;
  line-height: 1.1;
  text-align: left;
  padding-bottom: 12px;
}
main #websites .manage .wrapper h3 {
  font-family: "exo-semibold", sans-serif;
  color: #898989;
  padding-bottom: 40px;
  font-size: 19px;
  text-align: left;
  font-weight: normal;
  width: 600px;
}
main #websites .manage .wrapper p {
  font-family: "exo", sans-serif;
  color: #363030;
  line-height: 1.5;
  font-size: 15px;
  text-align: left;
  width: 600px;
}
main #websites .manage .wrapper::after {
  content: "";
  position: absolute;
  right: 0;
  top: 82px;
  background-image: url("../img/manage-right-image.png");
  width: 575px;
  height: 360px;
}
main #websites .manage::before {
  content: "";
  position: absolute;
  bottom: 100%;
  background-image: url("../img/manage-top.png");
  height: 444px;
  width: 100%;
  background-position: center;
  pointer-events: none;
}
main #websites .links {
  background-color: #edf2fc;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
main #websites .links .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 40px 0;
}
main #websites .links .wrapper h2 {
  font-family: "exo-bold", sans-serif;
  color: #2b2b2b;
  font-size: 45px;
  padding: 10px 0;
  text-align: center;
  line-height: 1.2;
  font-weight: 600;
  width: 100%;
  padding-bottom: 50px;
}
main #websites .links .wrapper .each-link {
  width: 28.5714285714%;
  text-align: center;
}
main #websites .links .wrapper .each-link .link-head {
  border-radius: 12px;
  height: 95px;
  width: 240px;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  padding: 5px 10px;
}
main #websites .links .wrapper .each-link .link-head h3 {
  font-family: "exo-bold", sans-serif;
  color: white;
  font-weight: 600;
  line-height: 1.2;
  text-transform: uppercase;
  font-size: 20px;
  text-align: left;
}
main #websites .links .wrapper .each-link p {
  color: #2b2b2b;
  font-family: "exo-regular", sans-serif;
  font-size: 15px;
  line-height: 1.5;
  padding-bottom: 20px;
  padding-top: 20px;
  margin: auto;
}
main #websites .links .wrapper .each-link a {
  text-decoration: none;
  color: white;
  border-radius: 20px;
  height: 39px;
  width: 100px;
  font-family: "exo-semibold", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 10px auto;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
main #websites .links .wrapper .each-link a img {
  margin-left: 5px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  right: 0;
}
main #websites .links .wrapper .each-link a:hover img {
  right: -5px;
}
main #websites .links:before {
  content: "";
  background-image: url("../img/link-stop-bg.png");
  position: absolute;
  width: 100%;
  height: 192px;
  bottom: 100%;
}
main #consultation {
  background-image: url("../img/consultation/bg.jpg");
  background-position: top center;
  background-repeat: no-repeat;
  background-color: #EFF3FA;
  margin-top: 70px;
}
main #consultation input[type=text],
main #consultation textarea {
  height: 50px;
  width: 100%;
  border-radius: 5px;
  border: 2px solid #eeeeee;
  padding-left: 10px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  font-family: "exo-regular", sans-serif;
  font-size: 14px;
}
main #consultation input[type=text]:focus,
main #consultation textarea:focus {
  border-color: #5B89C9;
}
main #consultation #overlay {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
main #consultation #overlay .modal {
  padding: 20px;
  border-radius: 5px;
  background-color: #fff;
  position: relative;
  width: 450px;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  -webkit-transform: translateY(-50px);
  -ms-transform: translateY(-50px);
  transform: translateY(-50px);
  opacity: 0;
}
main #consultation #overlay .modal b {
  display: block;
  text-align: center;
  font-family: "exo-semibold", sans-serif;
  font-weight: normal;
  color: #2c2c2c;
  font-size: 25px;
  margin-bottom: 20px;
  line-height: 1.2;
}
main #consultation #overlay .modal span.close {
  width: 15px;
  height: 15px;
  background-image: url("../img/consultation/icons/close.png");
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  position: absolute;
  right: 15px;
  top: 15px;
}
main #consultation #overlay .modal .col {
  position: relative;
  margin-bottom: 15px;
}
main #consultation #overlay .modal .col span.validation {
  color: #FE7095;
  font-size: 11px;
  font-family: "Open Sans Regular", sans-serif;
  position: absolute;
  left: 10px;
  top: calc(100% + 1px);
  display: none;
}
main #consultation #overlay .modal .col span.validation.show {
  display: block;
}
main #consultation #overlay .modal button {
  background-color: #1F5EB6;
  border-radius: 5px;
  padding: 0 20px;
  height: 50px;
  color: #fff;
  font-family: "Open Sans Regular", sans-serif;
  font-size: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: none;
  margin: 0 auto;
  margin-top: 30px;
  cursor: pointer;
  position: relative;
}
main #consultation #overlay .modal button img {
  margin-right: 5px;
  pointer-events: none;
}
main #consultation #overlay .modal button.disabled {
  opacity: 0.4;
  pointer-events: none;
}
main #consultation #overlay .modal button:hover {
  background-color: #1e58aa;
}
main #consultation #overlay .modal.show {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
main #consultation #overlay.show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
main #consultation .wrapper {
  padding: 45px 0;
}
main #consultation .wrapper > b {
  display: block;
  text-align: center;
  font-family: "exo-semibold", sans-serif;
  font-weight: normal;
  color: #2c2c2c;
  text-transform: uppercase;
  font-size: 45px;
  margin-bottom: 3px;
}
main #consultation .wrapper h1 {
  color: #2c2c2c;
  text-align: center;
  font-family: "Raleway Thin", sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 34px;
  margin-bottom: 20px;
}
main #consultation .wrapper h1 u {
  position: relative;
  text-decoration: none;
}
main #consultation .wrapper h1 u::after {
  content: "";
  position: absolute;
  top: calc(100% - 5px);
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background-image: url("../img/consultation/heading-shape.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 11px;
}
main #consultation .wrapper > p {
  text-align: center;
  font-family: "Open Sans Light", sans-serif;
  color: #8e96ba;
  font-size: 16px;
  margin-bottom: 30px;
}
main #consultation .wrapper form {
  width: 100%;
  max-width: 970px;
  margin: 0 auto;
}
main #consultation .wrapper form .holder {
  background-color: #fff;
  padding: 20px;
  border-radius: 10px;
  border: 1px solid #F2F6FC;
  margin-bottom: 20px;
}
main #consultation .wrapper form .holder .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px;
}
main #consultation .wrapper form .holder .row .col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-right: 10px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
  max-width: 100%;
}
main #consultation .wrapper form .holder .row .col:last-of-type {
  margin-right: 0;
}
main #consultation .wrapper form .holder .row .col:last-of-type {
  margin-bottom: 0;
}
main #consultation .wrapper form .holder .projects,
main #consultation .wrapper form .holder .files {
  display: none;
}
main #consultation .wrapper form .holder .projects.show,
main #consultation .wrapper form .holder .files.show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
main #consultation .wrapper form .holder b {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: "exo-semibold", sans-serif;
  font-weight: normal;
  color: #2c2c2c;
  font-size: 24px;
  width: 100%;
  margin-bottom: 25px;
}
main #consultation .wrapper form .holder b span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #3AC084;
  color: #fff;
  font-size: 15px;
  width: 31px;
  height: 31px;
  border-radius: 50%;
  font-family: "exo-bold", sans-serif;
  margin-right: 5px;
}
main #consultation .wrapper form .holder label,
main #consultation .wrapper form .holder p.label {
  font-family: "exo-regular", sans-serif;
  color: #898989;
  font-size: 15px;
  padding-bottom: 5px;
}
main #consultation .wrapper form .holder label span,
main #consultation .wrapper form .holder p.label span {
  color: #ff3784;
  font-size: 15px;
  font-family: "Open Sans Regular", sans-serif;
}
main #consultation .wrapper form .holder textarea {
  height: 150px;
  resize: none;
  padding: 10px;
}
main #consultation .wrapper form .holder .validation {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  height: 50px;
  border-radius: 5px;
  padding: 0 10px;
  border: 1px solid #FE7095;
  opacity: 0;
  pointer-events: none;
  color: #FE7095;
  font-family: "exo-regular", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 15px;
  background-color: #fff;
}
main #consultation .wrapper form .holder .validation.big {
  height: 150px;
}
main #consultation .wrapper form .holder .validation.show {
  opacity: 1;
}
main #consultation .wrapper form .holder .validation-out {
  color: #FE7095;
  font-family: "exo-regular", sans-serif;
  font-size: 15px;
  margin-top: 5px;
  display: none;
}
main #consultation .wrapper form .holder .validation-out.show {
  display: block;
}
main #consultation .wrapper form .holder ul.project-types {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
main #consultation .wrapper form .holder ul.project-types li {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 20px;
  background-color: #EFF3FA;
  border-radius: 8px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
}
main #consultation .wrapper form .holder ul.project-types li input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 2;
  cursor: pointer;
}
main #consultation .wrapper form .holder ul.project-types li input:checked ~ .background {
  opacity: 1;
}
main #consultation .wrapper form .holder ul.project-types li input:checked ~ .background::after {
  display: block;
}
main #consultation .wrapper form .holder ul.project-types li input:checked ~ i {
  color: #fff;
}
main #consultation .wrapper form .holder ul.project-types li span {
  width: 70px;
  height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #D9E1EE;
  border-radius: 8px;
  margin-bottom: 10px;
  position: relative;
  z-index: 1;
}
main #consultation .wrapper form .holder ul.project-types li i {
  font-family: "exo-regular", sans-serif;
  display: block;
  font-style: normal;
  font-size: 15px;
  text-align: center;
  color: #2c2c2c;
  position: relative;
  z-index: 1;
}
main #consultation .wrapper form .holder ul.project-types li .background {
  background-image: -o-linear-gradient(45deg, #1B81FF, #3CCB89);
  background-image: linear-gradient(45deg, #1B81FF, #3CCB89);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  opacity: 0;
}
main #consultation .wrapper form .holder ul.project-types li .background::after {
  content: "";
  width: 19px;
  height: 16px;
  background-image: url("../img/consultation/icons/check.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 10px;
  right: 5px;
  display: none;
  -webkit-animation: flip-in-ver-right 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both 0.1s;
  animation: flip-in-ver-right 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both 0.1s;
}
@-webkit-keyframes flip-in-ver-right {
  0% {
    -webkit-transform: rotateY(-80deg);
    transform: rotateY(-80deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    opacity: 1;
  }
}
@keyframes flip-in-ver-right {
  0% {
    -webkit-transform: rotateY(-80deg);
    transform: rotateY(-80deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    opacity: 1;
  }
}
main #consultation .wrapper form .holder ul.other-projects {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
}
main #consultation .wrapper form .holder ul.other-projects li {
  border-radius: 3px;
  background-color: #DDEFFF;
  padding: 15px;
  position: relative;
  padding-right: 45px;
  width: 100%;
}
main #consultation .wrapper form .holder ul.other-projects li a {
  color: #008AFF;
  font-family: "Open Sans Regular", sans-serif;
  font-size: 15px;
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden !important;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
main #consultation .wrapper form .holder ul.other-projects li p {
  color: #2c2c2c;
  font-family: "Open Sans Regular", sans-serif;
  font-size: 15px;
  margin-top: 5px;
}
main #consultation .wrapper form .holder ul.other-projects li span.close {
  width: 15px;
  height: 15px;
  background-image: url("../img/consultation/icons/close.png");
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
main #consultation .wrapper form .holder ul.other-files {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
}
main #consultation .wrapper form .holder ul.other-files li {
  border-radius: 3px;
  background-color: #DDEFFF;
  padding: 10px 15px;
  position: relative;
  padding-right: 45px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
}
main #consultation .wrapper form .holder ul.other-files li p {
  color: #2c2c2c;
  font-family: "Open Sans Regular", sans-serif;
  font-size: 15px;
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden !important;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
main #consultation .wrapper form .holder ul.other-files li span.close {
  width: 15px;
  height: 15px;
  background-image: url("../img/consultation/icons/close.png");
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
main #consultation .wrapper form .holder button {
  background-color: #1F5EB6;
  border-radius: 5px;
  padding: 0 20px;
  height: 50px;
  color: #fff;
  font-family: "Open Sans Regular", sans-serif;
  font-size: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: none;
  margin: 0 auto;
  cursor: pointer;
  position: relative;
}
main #consultation .wrapper form .holder button img {
  margin-right: 5px;
  pointer-events: none;
}
main #consultation .wrapper form .holder button:hover {
  background-color: #1e58aa;
}
main #consultation .wrapper form .holder button input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
main #consultation .wrapper form .holder button ul.tooltip {
  padding: 5px 0;
  position: absolute;
  bottom: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #fff;
  width: 450px;
  -webkit-box-shadow: 0px 0px 44px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 44px 0px rgba(0, 0, 0, 0.2);
  list-style: none;
  cursor: pointer;
  border-radius: 5px;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
main #consultation .wrapper form .holder button ul.tooltip li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 5px 10px;
  color: #2c2c2c;
  font-family: "Open Sans Regular", sans-serif;
}
main #consultation .wrapper form .holder button ul.tooltip li img {
  width: 20px;
  -o-object-fit: scale-down;
  object-fit: scale-down;
  pointer-events: none;
}
main #consultation .wrapper form .holder button ul.tooltip li:hover {
  background-color: #E4E6EF;
}
main #consultation .wrapper form .holder button ul.tooltip.show {
  bottom: calc(100% + 5px);
  opacity: 1;
  pointer-events: all;
}
main #consultation .wrapper form .holder .agree {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
main #consultation .wrapper form .holder .agree input {
  width: 18px;
  height: 18px;
  margin-right: 5px;
}
main #consultation .wrapper form .holder .agree label {
  font-family: "Open Sans Regular", sans-serif;
  font-size: 15px;
  color: #2c2c2c;
  text-align: left;
  padding-bottom: 0;
}
main #consultation .wrapper form .holder .agree label a {
  color: #008AFF;
}
main #consultation .wrapper form .holder .agree label.validate {
  border-bottom: 1px solid #FE7095;
}
main #consultation .wrapper form button.send {
  color: white;
  text-decoration: none;
  width: 220px;
  font-family: "exo-semibold", sans-serif;
  font-size: 15px;
  background-size: 200% auto;
  border-radius: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 15px 10px;
  margin: 20px auto;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  background-color: #1F5EB6;
  border: 4px solid #87A8D8;
  position: relative;
  cursor: pointer;
  margin-top: 30px;
  height: 58px;
}
main #consultation .wrapper form button.send img {
  margin-right: 5px;
}
main #consultation .wrapper form button.send.hide {
  display: none;
}
main #consultation .wrapper form img.loader {
  height: 58px;
  margin: 0 auto;
  display: none;
  margin: 20px auto;
  margin-top: 30px;
}
main #consultation .wrapper form img.loader.show {
  display: block;
}
main #consultationSuccess {
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  background-color: #fff;
  margin-top: 70px;
  position: relative;
  background-image: url("../img/consultation-success/bg.png");
  overflow: hidden;
}
main #consultationSuccess .wrapper {
  padding: 60px 0;
  padding-bottom: 315px;
}
main #consultationSuccess .wrapper > img {
  display: block;
  margin: 0 auto;
  margin-bottom: 35px;
}
main #consultationSuccess .wrapper h1 {
  font-family: "exo-semibold", sans-serif;
  font-weight: normal;
  color: #fff;
  font-size: 40px;
  line-height: 1.1;
  display: block;
  text-align: center;
  margin-bottom: 25px;
  color: #2c2c2c;
}
main #consultationSuccess .wrapper p {
  text-align: center;
  font-family: "Open Sans Light", sans-serif;
  color: #363030;
  font-size: 16px;
  margin-bottom: 40px;
  padding: 0 300px;
}
main #consultationSuccess .wrapper a {
  color: white;
  text-decoration: none;
  width: 220px;
  font-family: "exo-semibold", sans-serif;
  font-size: 15px;
  background-size: 200% auto;
  border-radius: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 15px 10px;
  margin: 0 auto;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  background-color: #1F5EB6;
  position: relative;
  cursor: pointer;
}
main #consultationSuccess .wrapper a img {
  margin-right: 5px;
}
main #consultationSuccess .wrapper a.hide {
  display: none;
}
main #consultationSuccess::after {
  content: "";
  width: 100%;
  height: 12px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #AF86BB;
}
main #consultationSuccess::before {
  content: "";
  width: 1250px;
  height: 426px;
  background-image: url("../img/consultation-success/people.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
main #steps {
  background-color: #192243;
  background-image: url("../img/steps-section/stars.png");
  background-position: top center;
  background-size: cover;
  position: relative;
  z-index: 2;
}
main #steps .wrapper {
  padding: 53px 0;
  position: relative;
}
main #steps .wrapper b {
  font-family: "exo-semibold", sans-serif;
  font-weight: normal;
  color: #fff;
  text-transform: uppercase;
  font-size: 45px;
  line-height: 0.9;
  display: block;
  margin-bottom: 125px;
}
main #steps .wrapper b span {
  font-family: "Raleway Thin", sans-serif;
  font-weight: inherit;
  color: #01BFF7;
  text-transform: inherit;
  font-size: 34px;
}
main #steps .wrapper ul:not(.descriptions) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  position: relative;
  z-index: 2;
  margin-bottom: 108px;
}
main #steps .wrapper ul:not(.descriptions) li {
  width: 40px;
  height: 40px;
  display: block;
  position: relative;
  background-color: #192243;
  cursor: default;
}
main #steps .wrapper ul:not(.descriptions) li span {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 100%;
  padding-top: 5px;
  display: block;
  text-align: center;
  font-family: "Open Sans Light", sans-serif;
  color: #a6acc9;
  font-size: 15px;
  width: 135px;
  line-height: 1.4;
}
main #steps .wrapper ul:not(.descriptions) li .transition {
  width: 105px;
  height: 118px;
  background-image: url("../img/steps-section/people.png");
  background-position: top center;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  bottom: -10px;
  left: calc(100% + 10px);
}
main #steps .wrapper ul:not(.descriptions) li .transition i {
  font-family: "Caveat Regular", sans-serif;
  font-style: normal;
  font-size: 27px;
  color: #a6acc9;
  position: absolute;
  top: -17px;
  left: calc(100% - 9px);
  width: 240px;
}
main #steps .wrapper ul:not(.descriptions) li .tooltip {
  width: 395px;
  padding: 10px;
  border-radius: 15px;
  border: 1px solid #3D74BB;
  position: absolute;
  top: calc(100% + 93px);
  left: 50%;
  -webkit-transform: translate(-50%, 10px);
  -ms-transform: translate(-50%, 10px);
  transform: translate(-50%, 10px);
  color: #fff;
  text-align: center;
  line-height: 1.4;
  font-family: "exo-regular", sans-serif;
  font-size: 13px;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  background-color: #192243;
}
main #steps .wrapper ul:not(.descriptions) li .tooltip::before {
  content: "";
  width: 14px;
  height: 30px;
  background-image: url("../img/steps-section/pointer.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  bottom: calc(100% + 20px);
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
main #steps .wrapper ul:not(.descriptions) li.square::before {
  content: "";
  position: absolute;
  background-color: #C4D7F6;
  border-radius: 5px;
  width: 25px;
  height: 25px;
  left: 50%;
  top: 50%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
main #steps .wrapper ul:not(.descriptions) li.check::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-image: url("../img/steps-section/icons/check.png");
  width: 31px;
  height: 27px;
  background-position: center;
  background-repeat: no-repeat;
}
main #steps .wrapper ul:not(.descriptions) li.margin-right {
  margin-right: 15px;
}
main #steps .wrapper ul:not(.descriptions) li.margin-left {
  margin-left: 15px;
}
main #steps .wrapper ul:not(.descriptions) li.square:hover::before {
  background-color: #b4c8e8;
}
main #steps .wrapper ul:not(.descriptions) li:hover span {
  color: #fff;
}
main #steps .wrapper ul:not(.descriptions) li:hover .tooltip {
  opacity: 1;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  pointer-events: all;
}
main #steps .wrapper ul:not(.descriptions) li:hover .tooltip::before {
  bottom: 100%;
}
main #steps .wrapper ul:not(.descriptions) li.hidden {
  display: none;
}
main #steps .wrapper ul:not(.descriptions) .gradient {
  width: 100%;
  height: 4px;
  background-image: -webkit-gradient(linear, left top, right top, from(#3CC98B), to(#4653F1));
  background-image: -o-linear-gradient(left, #3CC98B, #4653F1);
  background-image: linear-gradient(to right, #3CC98B, #4653F1);
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
main #steps .wrapper ul:not(.descriptions)::after {
  content: "";
  width: 17px;
  height: 14px;
  background-image: url("../img/steps-section/icons/arrow.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  right: calc(100% + 10px);
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
main #steps .wrapper ul.descriptions {
  display: none;
}
main #steps .wrapper::after {
  content: "";
  width: 230px;
  height: 231px;
  background-image: url("../img/steps-section/rocket.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 20px;
  right: 0;
}
main #steps .wrapper a {
  color: white;
  text-decoration: none;
  width: 245px;
  font-family: "exo", sans-serif;
  font-size: 13px;
  background-size: 200% auto;
  border-radius: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px;
  margin: 20px auto;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  background-color: #00C6FF;
  border: 4px solid #0C74A1;
  text-transform: uppercase;
  font-family: "Roboto Light", sans-serif;
  line-height: 1.4;
  position: relative;
}
main #steps .wrapper a span {
  text-transform: uppercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: "Roboto Medium", sans-serif;
  font-size: 18px;
  font-weight: bold;
}
main #steps .wrapper a span img {
  margin-left: 5px;
}
main #steps .wrapper a:hover {
  background-color: #05baee;
}
main #steps .wrapper a::before {
  content: "";
  width: 98px;
  height: 73px;
  background-image: url("../img/steps-section/button-shape.png");
  background-size: contain;
  background-position: center;
  position: absolute;
  right: calc(100% + 25px);
  bottom: 20px;
  pointer-events: none;
}
main #homeBanner {
  margin-top: 70px;
  position: relative;
  z-index: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
main #homeBanner ul {
  position: relative;
  width: 100%;
}
main #homeBanner ul li {
  display: none;
  background-position: bottom center;
  background-size: cover;
}
main #homeBanner ul li a {
  height: 510px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 50px;
  padding-bottom: 50px;
  text-decoration: none;
}
main #homeBanner ul li a .wrapper .holder {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding-right: 50%;
}
main #homeBanner ul li a .wrapper .holder > img {
  display: none;
}
main #homeBanner ul li a .wrapper .holder span.label {
  color: #4a64d4;
  text-transform: uppercase;
  font-family: "Roboto Medium", sans-serif;
  font-size: 25px;
  margin-bottom: 5px;
  -webkit-animation: slide-in-right 0.6s ease-out both;
  animation: slide-in-right 0.6s ease-out both;
}
main #homeBanner ul li a .wrapper .holder h1,
main #homeBanner ul li a .wrapper .holder h2 {
  font-family: "Roboto Medium", sans-serif;
  color: #000000;
  text-transform: uppercase;
  font-size: 75px;
  line-height: 1;
  margin-bottom: 25px;
  -webkit-animation: slide-in-right 0.6s ease-out both 0.2s;
  animation: slide-in-right 0.6s ease-out both 0.2s;
}
main #homeBanner ul li a .wrapper .holder h1::after,
main #homeBanner ul li a .wrapper .holder h2::after {
  content: "";
  width: 13px;
  height: 13px;
  background-color: #4a64d4;
  border-radius: 2px;
  display: inline-block;
  margin-left: -10px;
  -webkit-animation: roll-in-right 0.6s ease-out both 0.5s;
  animation: roll-in-right 0.6s ease-out both 0.5s;
}
@-webkit-keyframes roll-in-right {
  0% {
    -webkit-transform: translateX(300px) rotate(540deg);
    transform: translateX(300px) rotate(540deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) rotate(0deg);
    transform: translateX(0) rotate(0deg);
    opacity: 1;
  }
}
@keyframes roll-in-right {
  0% {
    -webkit-transform: translateX(300px) rotate(540deg);
    transform: translateX(300px) rotate(540deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) rotate(0deg);
    transform: translateX(0) rotate(0deg);
    opacity: 1;
  }
}
main #homeBanner ul li a .wrapper .holder p {
  color: #6d7691;
  font-size: 20px;
  line-height: 1.4;
  font-family: "exo-light", sans-serif;
  margin-bottom: 40px;
  -webkit-animation: slide-in-right 0.6s ease-out both 0.4s;
  animation: slide-in-right 0.6s ease-out both 0.4s;
}
main #homeBanner ul li a .wrapper .holder p b {
  font-family: "exo-semibold", sans-serif;
  font-weight: normal;
}
@-webkit-keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(-55px);
    transform: translateX(-55px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(-55px);
    transform: translateX(-55px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
main #homeBanner ul li a .wrapper .holder span.btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 57px;
  width: 205px;
  border-radius: 30px;
  background-color: #00C6FF;
  color: #fff;
  font-size: 15px;
  cursor: pointer;
  font-family: "exo-semibold", sans-serif;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
main #homeBanner ul li a .wrapper .holder span.btn:hover {
  background-color: #04bcf1;
}
main #homeBanner ul li a .wrapper video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 1;
  pointer-events: none;
  -webkit-filter: blur(10px);
  filter: blur(10px);
  -webkit-animation: show-video 0.6s cubic-bezier(0.23, 1, 0.32, 1) both;
  animation: show-video 0.6s cubic-bezier(0.23, 1, 0.32, 1) both;
}
@-webkit-keyframes show-video {
  0% {
    -webkit-filter: blur(10px);
    filter: blur(10px);
  }
  100% {
    -webkit-filter: blur(0);
    filter: blur(0);
  }
}
@keyframes show-video {
  0% {
    -webkit-filter: blur(10px);
    filter: blur(10px);
  }
  100% {
    -webkit-filter: blur(0);
    filter: blur(0);
  }
}
main #homeBanner ul li.active {
  display: block;
}
main #homeBanner ul::after {
  content: "";
  width: 96px;
  height: 97px;
  background-image: url("../img/home/bottom-shape.png");
  position: absolute;
  bottom: -30px;
  left: calc(50% - 210px);
  z-index: 2;
  -webkit-animation: rotate-img 15s infinite;
  animation: rotate-img 15s infinite;
}
main #homeBanner ul::before {
  content: "";
  background-image: url("../img/home/top-right-shape.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  right: 50px;
  top: -50px;
  width: 201px;
  height: 189px;
  z-index: 2;
  -webkit-animation: rotate-img 25s infinite;
  animation: rotate-img 25s infinite;
}
@-webkit-keyframes rotate-img {
  0% {
    -webkit-transform: translatey(0px);
    transform: translatey(0px);
  }
  50% {
    -webkit-transform: translatey(-30px);
    transform: translatey(-30px);
  }
  100% {
    -webkit-transform: translatey(0px);
    transform: translatey(0px);
  }
}
@keyframes rotate-img {
  0% {
    -webkit-transform: translatey(0px);
    transform: translatey(0px);
  }
  50% {
    -webkit-transform: translatey(-30px);
    transform: translatey(-30px);
  }
  100% {
    -webkit-transform: translatey(0px);
    transform: translatey(0px);
  }
}
main #homeBanner::before {
  content: "";
  width: 86px;
  height: 95px;
  background-image: url("../img/home/left-shape.png");
  position: absolute;
  top: 65px;
  left: 0;
  z-index: 2;
  pointer-events: none;
  -webkit-animation: rotate-img 30s infinite;
  animation: rotate-img 30s infinite;
}
@-webkit-keyframes rotate-img-rev {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotate-img-rev {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
main #homeBanner::after {
  content: "";
  width: 494px;
  height: 1106px;
  background-image: url("../img/home/right-shape.png");
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  pointer-events: none;
}
main #homeBanner .dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  bottom: 20px;
  z-index: 2;
}
main #homeBanner .dots span {
  display: block;
  width: 25px;
  height: 3px;
  border-radius: 2px;
  background-color: #fff;
  margin: 0 5px;
  cursor: pointer;
}
main #homeBanner .dots span.active {
  background-color: #00C6FF;
  cursor: default;
}
main #homeBanner .dots span:not(.active):hover {
  transform: scale(1.1);
}
main #homeServices {
  padding-top: 60px;
  padding-bottom: 45px;
  background-image: -o-linear-gradient(top, #fff, #F2F6F9);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#F2F6F9));
  background-image: linear-gradient(to bottom, #fff, #F2F6F9);
  position: relative;
}
main #homeServices .heading h2 {
  font-family: "exo-semibold", sans-serif;
  color: #363030;
  font-size: 45px;
  line-height: 1.1;
  margin-bottom: 12px;
  text-align: center;
}
main #homeServices .heading p {
  font-family: "exo-regular", sans-serif;
  color: #898989;
  margin-bottom: 20px;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
}
main #homeServices ul.wrapper {
  padding: 25px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  position: relative;
  z-index: 4;
}
main #homeServices ul.wrapper li {
  width: 33.3333333333%;
  border-right: 1px solid #D6DAEE;
  border-bottom: 1px solid #D6DAEE;
  padding: 15px 25px;
}
main #homeServices ul.wrapper li a.holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-decoration: none;
  border-radius: 5px;
  border-top-right-radius: 200px;
  padding: 25px;
  position: relative;
  height: 100%;
}
main #homeServices ul.wrapper li a.holder .items {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  pointer-events: none;
}
main #homeServices ul.wrapper li a.holder .items img {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  opacity: 0;
  top: 0px;
  left: 0px;
  position: relative;
}
main #homeServices ul.wrapper li a.holder span.icon {
  width: 85px;
  height: 85px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #D6DAEE;
  border-radius: 5px;
  border-top-right-radius: 50px;
  padding-top: 5px;
  margin-bottom: 17px;
}
main #homeServices ul.wrapper li a.holder span.icon img {
  max-width: 43px;
}
main #homeServices ul.wrapper li a.holder .i-1 ~ .icon {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#1390e8), to(#82ddff));
  background-image: -o-linear-gradient(bottom, #1390e8, #82ddff);
  background-image: linear-gradient(to top, #1390e8, #82ddff);
}
main #homeServices ul.wrapper li a.holder .i-2 ~ .icon {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#ff9c27), to(#f3c1a3));
  background-image: -o-linear-gradient(bottom, #ff9c27, #f3c1a3);
  background-image: linear-gradient(to top, #ff9c27, #f3c1a3);
}
main #homeServices ul.wrapper li a.holder .i-3 ~ .icon {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#b146fc), to(#ff99eb));
  background-image: -o-linear-gradient(bottom, #b146fc, #ff99eb);
  background-image: linear-gradient(to top, #b146fc, #ff99eb);
}
main #homeServices ul.wrapper li a.holder .i-4 ~ .icon {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#e44177), to(#ff4ea5));
  background-image: -o-linear-gradient(bottom, #e44177, #ff4ea5);
  background-image: linear-gradient(to top, #e44177, #ff4ea5);
}
main #homeServices ul.wrapper li a.holder .i-5 ~ .icon {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#68d6bc), to(#40e1dc));
  background-image: -o-linear-gradient(bottom, #68d6bc, #40e1dc);
  background-image: linear-gradient(to top, #68d6bc, #40e1dc);
}
main #homeServices ul.wrapper li a.holder .i-6 ~ .icon {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#dd5bba), to(#f6cea0));
  background-image: -o-linear-gradient(bottom, #dd5bba, #f6cea0);
  background-image: linear-gradient(to top, #dd5bba, #f6cea0);
}
main #homeServices ul.wrapper li a.holder b {
  font-family: "exo-bold", sans-serif;
  color: #2b409c;
  font-size: 25px;
  line-height: 1.2;
  margin-bottom: 20px;
}
main #homeServices ul.wrapper li a.holder p {
  font-family: "exo-regular", sans-serif;
  color: #9ba4c9;
  font-size: 15px;
  line-height: 1.5;
  margin-bottom: 15px;
}
main #homeServices ul.wrapper li a.holder .bottom {
  height: 40px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: auto;
}
main #homeServices ul.wrapper li a.holder .bottom span.number {
  position: absolute;
  left: 0;
  top: calc(50% - 27.5px);
  font-family: "exo-semibold", sans-serif;
  color: #e4e6f3;
  font-size: 55px;
  line-height: 1;
}
main #homeServices ul.wrapper li a.holder .bottom span.btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 40px;
  width: 150px;
  border-radius: 30px;
  background-color: #00C6FF;
  color: #fff;
  font-size: 15px;
  cursor: pointer;
  font-family: "exo-semibold", sans-serif;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  -webkit-transform: translateY(15px);
  -ms-transform: translateY(15px);
  transform: translateY(15px);
  opacity: 0;
}
main #homeServices ul.wrapper li a.holder .bottom span.btn:hover {
  background-color: #04bcf1;
}
main #homeServices ul.wrapper li a.holder:hover {
  background-image: -o-linear-gradient(bottom, #2B409D, #445DC9);
  background-image: -webkit-gradient(linear, left bottom, left top, from(#2B409D), to(#445DC9));
  background-image: linear-gradient(to top, #2B409D, #445DC9);
}
main #homeServices ul.wrapper li a.holder:hover .items img {
  opacity: 1;
}
main #homeServices ul.wrapper li a.holder:hover .items.i-1 img:nth-child(1) {
  top: -31px;
  left: -128px;
}
main #homeServices ul.wrapper li a.holder:hover .items.i-1 img:nth-child(2) {
  top: -73px;
  left: -50px;
}
main #homeServices ul.wrapper li a.holder:hover .items.i-1 img:nth-child(3) {
  top: -64px;
}
main #homeServices ul.wrapper li a.holder:hover .items.i-1 img:nth-child(4) {
  left: -67px;
  top: -55px;
}
main #homeServices ul.wrapper li a.holder:hover .items.i-1 img:nth-child(5) {
  top: -61px;
  left: 10px;
}
main #homeServices ul.wrapper li a.holder:hover .items.i-2 img:nth-child(1) {
  top: 47px;
  left: 2px;
}
main #homeServices ul.wrapper li a.holder:hover .items.i-2 img:nth-child(2) {
  top: -87px;
  left: -122px;
}
main #homeServices ul.wrapper li a.holder:hover .items.i-2 img:nth-child(3) {
  top: -122px;
  left: -12px;
}
main #homeServices ul.wrapper li a.holder:hover .items.i-2 img:nth-child(4) {
  left: -95px;
  top: -98px;
}
main #homeServices ul.wrapper li a.holder:hover .items.i-3 img:nth-child(1) {
  top: -52px;
  left: -143px;
}
main #homeServices ul.wrapper li a.holder:hover .items.i-3 img:nth-child(2) {
  top: -43px;
  left: -91px;
}
main #homeServices ul.wrapper li a.holder:hover .items.i-3 img:nth-child(3) {
  top: -17px;
  left: -54px;
}
main #homeServices ul.wrapper li a.holder:hover .items.i-3 img:nth-child(4) {
  left: -1px;
  top: -152px;
}
main #homeServices ul.wrapper li a.holder:hover .items.i-4 img:nth-child(1) {
  top: -16px;
  left: -97px;
}
main #homeServices ul.wrapper li a.holder:hover .items.i-4 img:nth-child(2) {
  top: 16px;
  left: -122px;
}
main #homeServices ul.wrapper li a.holder:hover .items.i-4 img:nth-child(3) {
  top: 24px;
  left: -85px;
}
main #homeServices ul.wrapper li a.holder:hover .items.i-4 img:nth-child(4) {
  left: 7px;
  top: -50px;
}
main #homeServices ul.wrapper li a.holder:hover .items.i-4 img:nth-child(5) {
  left: -17px;
  top: 0px;
}
main #homeServices ul.wrapper li a.holder:hover .items.i-4 img:nth-child(6) {
  left: -44px;
  top: -103px;
}
main #homeServices ul.wrapper li a.holder:hover .items.i-5 img:nth-child(1) {
  top: 42px;
  left: -120px;
}
main #homeServices ul.wrapper li a.holder:hover .items.i-5 img:nth-child(2) {
  top: 44px;
  left: -77px;
}
main #homeServices ul.wrapper li a.holder:hover .items.i-5 img:nth-child(3) {
  top: -41px;
  left: 3px;
}
main #homeServices ul.wrapper li a.holder:hover .items.i-5 img:nth-child(4) {
  left: 18px;
  top: -13px;
}
main #homeServices ul.wrapper li a.holder:hover .items.i-5 img:nth-child(5) {
  left: -52px;
  top: -92px;
}
main #homeServices ul.wrapper li a.holder:hover .items.i-6 img:nth-child(1) {
  top: 36px;
  left: -104px;
}
main #homeServices ul.wrapper li a.holder:hover .items.i-6 img:nth-child(2) {
  top: -39px;
  left: -50px;
}
main #homeServices ul.wrapper li a.holder:hover .items.i-6 img:nth-child(3) {
  top: 27px;
  left: -2px;
}
main #homeServices ul.wrapper li a.holder:hover .items.i-6 img:nth-child(4) {
  left: 13px;
  top: -70px;
}
main #homeServices ul.wrapper li a.holder:hover b {
  color: #fff;
}
main #homeServices ul.wrapper li a.holder:hover .bottom span.number {
  opacity: 0;
}
main #homeServices ul.wrapper li a.holder:hover .bottom span.btn {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
main #homeServices ul.wrapper li:nth-child(3n) {
  border-right: none;
}
main #homeServices ul.wrapper li:nth-child(4), main #homeServices ul.wrapper li:nth-child(5), main #homeServices ul.wrapper li:nth-child(6) {
  border-bottom: none;
}
main #homeServices::before {
  content: "";
  width: 423px;
  height: 587px;
  background-image: url("../img/home/left-body-shape.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: calc(100% - 200px);
  left: 0;
  z-index: 2;
}
main #homeServices::after {
  content: "";
  width: 366px;
  height: 679px;
  background-image: url("../img/home/right-body-shape.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 300px;
  right: 0;
  z-index: 2;
}
main #homePartners {
  background-image: -o-linear-gradient(top, #F2F6F9, #F3FCF9);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#F2F6F9), to(#F3FCF9));
  background-image: linear-gradient(to bottom, #F2F6F9, #F3FCF9);
  position: relative;
}
main #homePartners .wrapper {
  padding-bottom: 95px;
  overflow: hidden;
}
main #homePartners .wrapper b {
  font-family: "exo-semibold", sans-serif;
  font-weight: normal;
  color: #b5c9e3;
  font-size: 22px;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  margin-bottom: 40px;
  position: relative;
  z-index: 4;
}
main #homePartners .wrapper b::before, main #homePartners .wrapper b::after {
  content: "";
  width: 200px;
  height: 1px;
  background-color: #b5c9e3;
  position: absolute;
  top: calc(50% + 2px);
}
main #homePartners .wrapper b::before {
  right: calc(100% + 25px);
}
main #homePartners .wrapper b::after {
  left: calc(100% + 25px);
}
main #homePartners .wrapper ul {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  z-index: 4;
}
main #homePartners .wrapper ul li {
  margin: 10px 20px;
}
main #homePartners .wrapper ul li img {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
main #homePartners .wrapper ul li:hover img {
  -webkit-filter: initial;
  filter: initial;
}
main #homeFeedback {
  background-image: -o-linear-gradient(top, #F3FCF9, #EDF2F6);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#F3FCF9), to(#EDF2F6));
  background-image: linear-gradient(to bottom, #F3FCF9, #EDF2F6);
  position: relative;
  z-index: 4;
}
main #homeFeedback .wrapper {
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  padding: 25px 150px;
  background-image: -o-linear-gradient(bottom, #EDF2F6, #fff);
  background-image: -webkit-gradient(linear, left bottom, left top, from(#EDF2F6), to(#fff));
  background-image: linear-gradient(to top, #EDF2F6, #fff);
  position: relative;
}
main #homeFeedback .wrapper b {
  display: block;
  text-align: center;
  color: #2c2c2c;
  font-family: "exo-semibold", sans-serif;
  font-size: 45px;
  margin-bottom: 30px;
}
main #homeFeedback .wrapper p {
  text-align: center;
  font-size: 15px;
  color: #9ba4c9;
  font-family: "exo-regular", sans-serif;
  line-height: 1.5;
  margin-bottom: 25px;
}
main #homeFeedback .wrapper .holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto;
  margin-bottom: 20px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
main #homeFeedback .wrapper .holder img {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 88px;
  height: 88px;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  margin-right: 10px;
}
main #homeFeedback .wrapper .holder .right h3 {
  color: #2c2c2c;
  font-size: 18px;
  font-family: "exo-semibold", sans-serif;
  margin-bottom: 2px;
  line-height: 1;
}
main #homeFeedback .wrapper .holder .right h4 {
  font-weight: 100;
  font-family: "exo-regular", sans-serif;
  color: #9ba4c9;
  font-size: 18px;
}
main #homeFeedback .wrapper ul.slick-dots {
  bottom: -30px;
}
main #homeFeedback .wrapper ul.slick-dots li {
  width: 19px;
  height: 19px;
  border-radius: 50%;
  border: 2px solid #4058C1;
  overflow: hidden;
}
main #homeFeedback .wrapper ul.slick-dots li button {
  width: 7px;
  height: 7px;
  background-image: -o-linear-gradient(bottom, #334AAB, #5771DE);
  background-image: -webkit-gradient(linear, left bottom, left top, from(#334AAB), to(#5771DE));
  background-image: linear-gradient(to top, #334AAB, #5771DE);
  border-radius: 50%;
  position: absolute;
  top: calc(50% - 3.5px);
  left: calc(50% - 3.5px);
  padding: 0;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  opacity: 0;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
main #homeFeedback .wrapper ul.slick-dots li button::before {
  display: none;
}
main #homeFeedback .wrapper ul.slick-dots li.slick-active button {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
main #homeFeedback .wrapper::before {
  content: "";
  width: 66px;
  height: 51px;
  background-image: url("../img/home/icons/quotes.png");
  position: absolute;
  top: -35px;
  left: calc(50% - 33px);
}
main #contacts {
  background-image: url("../img/contacts-bg.png"), -o-linear-gradient(bottom, #ffffff, #d8e5fa);
  background-image: url("../img/contacts-bg.png"), -webkit-gradient(linear, left bottom, left top, from(#ffffff), to(#d8e5fa));
  background-image: url("../img/contacts-bg.png"), linear-gradient(to top, #ffffff, #d8e5fa);
  background-repeat: no-repeat;
  background-position: top center;
  margin-top: 70px;
  min-height: calc(100vh - 205px);
  background-position: center -125px;
  position: relative;
}
main #contacts .wrapper {
  text-align: center;
  padding-bottom: 300px;
}
main #contacts .wrapper h1 {
  font-family: "exo-semibold", sans-serif;
  color: #316bcc;
  font-size: 65px;
  padding-top: 50px;
  padding-bottom: 16px;
}
main #contacts .wrapper p {
  font-family: "exo-regular", sans-serif;
  font-size: 15px;
  line-height: 1.5;
  color: #2c2c2c;
  width: 700px;
  margin: auto;
  padding-bottom: 65px;
}
main #contacts .wrapper .open-contact {
  background-image: -o-linear-gradient(left, #6881ed 0%, #2f6bcb 50%);
  background-image: -webkit-gradient(linear, left top, right top, from(#6881ed), color-stop(50%, #2f6bcb));
  background-image: linear-gradient(to right, #6881ed 0%, #2f6bcb 50%);
  height: 55px;
  width: 220px;
  color: white;
  font-family: "exo-regular", sans-serif;
  font-size: 15px;
  border: none;
  border-radius: 30px;
  cursor: pointer;
  position: relative;
  background-size: 200% auto;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
main #contacts .wrapper .open-contact:hover {
  background-position: right center;
}
main #contacts .wrapper .open-contact::before {
  content: "";
  position: absolute;
  right: 100%;
  right: calc(100% + 100px);
  bottom: -25px;
  background-image: url("../img/button-left-decor.png");
  width: 217px;
  height: 68px;
}
main #contacts .wrapper .open-contact::after {
  content: "";
  position: absolute;
  left: 100%;
  left: calc(100% + 145px);
  bottom: -35px;
  background-image: url("../img/button-right-decor.png");
  width: 143px;
  height: 114px;
}
main #contacts .wrapper .contact-popup {
  width: 700px;
  border-radius: 8px;
  background-color: white;
  padding: 30px;
  padding-top: 25px;
  margin: auto;
  display: none;
}
main #contacts .wrapper .contact-popup .close-popup {
  margin-left: auto;
  display: block;
  cursor: pointer;
  margin-bottom: -15px;
  margin-right: -18px;
  opacity: 1;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  margin-top: -13px;
}
main #contacts .wrapper .contact-popup .close-popup:hover {
  opacity: 0.7;
}
main #contacts .wrapper .contact-popup h2 {
  font-family: "exo-semibold", sans-serif;
  font-size: 45px;
  color: #2c2c2c;
  text-align: center;
  padding-bottom: 25px;
  line-height: 1;
}
main #contacts .wrapper .contact-popup p {
  font-family: "exo-regular", sans-serif;
  color: #898989;
  font-size: 15px;
  line-height: 1.5;
  text-align: center;
  padding-bottom: 0;
}
main #contacts .wrapper .contact-popup form {
  padding-top: 20px;
}
main #contacts .wrapper .contact-popup form .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 20px;
}
main #contacts .wrapper .contact-popup form .row .input-holder {
  width: 100%;
  text-align: left;
}
main #contacts .wrapper .contact-popup form .row .input-holder label {
  font-family: "exo-regular", sans-serif;
  color: #898989;
  font-size: 13px;
  padding-left: 10px;
}
main #contacts .wrapper .contact-popup form .row .input-holder label span {
  font-size: 15px;
  color: #fe3c6f;
  padding-left: 10px;
  display: none;
}
main #contacts .wrapper .contact-popup form .row .input-holder select {
  height: 40px;
  width: 100%;
  border-radius: 5px;
  border: 2px solid #eeeeee;
  padding-left: 10px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
main #contacts .wrapper .contact-popup form .row .input-holder .validation-holder {
  height: 40px;
  width: 290px;
  position: relative;
}
main #contacts .wrapper .contact-popup form .row .input-holder .validation-holder input {
  height: 100%;
  width: 100%;
  border-radius: 5px;
  border: 2px solid #eeeeee;
  padding-left: 10px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  font-family: "exo-regular", sans-serif;
  font-size: 14px;
}
main #contacts .wrapper .contact-popup form .row .input-holder .validation-holder input:focus {
  background-color: #f5f8fb;
}
main #contacts .wrapper .contact-popup form .row .input-holder .validation-holder input::-webkit-input-placeholder {
  font-size: 14px;
}
main #contacts .wrapper .contact-popup form .row .input-holder .validation-holder input::-moz-placeholder {
  font-size: 14px;
}
main #contacts .wrapper .contact-popup form .row .input-holder .validation-holder input:-ms-input-placeholder {
  font-size: 14px;
}
main #contacts .wrapper .contact-popup form .row .input-holder .validation-holder input::-ms-input-placeholder {
  font-size: 14px;
}
main #contacts .wrapper .contact-popup form .row .input-holder .validation-holder input::placeholder {
  font-size: 14px;
}
main #contacts .wrapper .contact-popup form .row .input-holder .validation-holder .validation {
  font-family: "exo-regular", sans-serif;
  color: #fe3c6f;
  border-radius: 5px;
  font-size: 15px;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 0px;
  opacity: 0;
  pointer-events: none;
}
main #contacts .wrapper .contact-popup form .row .input-holder .validation-holder-message {
  width: 100%;
  position: relative;
}
main #contacts .wrapper .contact-popup form .row .input-holder .validation-holder-message textarea {
  width: 100%;
  border-radius: 5px;
  border: 2px solid #eeeeee;
  padding-left: 10px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  resize: none;
  padding-top: 10px;
  height: 130px;
  font-size: 14px;
  font-family: "exo-regular", sans-serif;
}
main #contacts .wrapper .contact-popup form .row .input-holder .validation-holder-message textarea:focus {
  background-color: #f5f8fb;
}
main #contacts .wrapper .contact-popup form .row .input-holder .validation {
  font-family: "exo-regular", sans-serif;
  color: #fe3c6f;
  border-radius: 5px;
  font-size: 15px;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
}
main #contacts .wrapper .contact-popup form .row .input-holder .validate .validation {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  font-size: 14px;
}
main #contacts .wrapper .contact-popup form .row .invalid-email label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
main #contacts .wrapper .contact-popup form .row .invalid-email label span {
  display: block;
  font-size: 13px;
}
main #contacts .wrapper .contact-popup form .row .input-holder:nth-child(even) label {
  padding-left: 40px;
}
main #contacts .wrapper .contact-popup form .row .input-holder:nth-child(even) .validation-holder {
  margin-left: auto;
}
main #contacts .wrapper .contact-popup form .agree {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-right: 10px;
  padding-bottom: 10px !important;
}
main #contacts .wrapper .contact-popup form .agree input {
  height: 18px;
  width: 18px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 10px;
  margin-top: 5px;
}
main #contacts .wrapper .contact-popup form .agree label {
  font-family: "exo-regular", sans-serif;
  font-size: 13px;
  color: #2c2c2c;
  text-align: left;
}
main #contacts .wrapper .contact-popup form .agree label a {
  color: #4e5ab4;
  font-family: "exo-regular", sans-serif;
  font-size: 13px;
}
main #contacts .wrapper .contact-popup form .validate input,
main #contacts .wrapper .contact-popup form .validate select,
main #contacts .wrapper .contact-popup form .validate textarea {
  border: 2px solid #fe3c6f !important;
}
main #contacts .wrapper .contact-popup form .agree.validate {
  border-bottom: 2px solid #fe3c6f !important;
}
main #contacts .wrapper .contact-popup form button {
  background-image: -o-linear-gradient(left, #f6b92f 0%, #fcb03c 50%);
  background-image: -webkit-gradient(linear, left top, right top, from(#f6b92f), color-stop(50%, #fcb03c));
  background-image: linear-gradient(to right, #f6b92f 0%, #fcb03c 50%);
  height: 55px;
  width: 220px;
  color: white;
  font-family: "exo-regular", sans-serif;
  font-size: 15px;
  border: none;
  border-radius: 30px;
  cursor: pointer;
  position: relative;
  background-size: 200% auto;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  margin: 0 auto;
  margin-top: 10px;
  margin-bottom: 0;
  display: block;
}
main #contacts .wrapper .contact-popup form button:hover {
  background-position: right center;
}
main #contacts .wrapper .contact-popup form .loader {
  margin: 20px auto;
  margin-bottom: 0;
  display: block;
  height: 55px;
  -o-object-fit: contain;
  object-fit: contain;
  display: none;
}
main #contacts .contacts-bottom {
  background-color: #687df5;
  position: relative;
  padding: 30px 0;
  bottom: 0;
  position: absolute;
  width: 100%;
}
main #contacts .contacts-bottom .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  padding-bottom: 0;
}
main #contacts .contacts-bottom .wrapper li {
  font-family: "exo-regular", sans-serif;
  font-size: 15px;
  line-height: 1.5;
  color: white;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
main #contacts .contacts-bottom .wrapper li img {
  margin-right: 15px;
}
main #contacts .contacts-bottom::before {
  content: "";
  background-image: url("../img/contacts-bottom-decor.png");
  position: absolute;
  bottom: 100%;
  width: 100vw;
  height: 182px;
  background-position: center;
}
main .contacts::before {
  content: "";
  background-image: url("../img/contacts-left-decor.png");
  width: 493px;
  height: 516px;
  background-position: right;
  position: absolute;
  left: 0;
  bottom: 45px;
  background-repeat: no-repeat;
}
main .contacts::after {
  content: "";
  background-image: url("../img/contact-right-decor.png");
  width: 470px;
  height: 597px;
  background-position: left;
  position: absolute;
  right: 0;
  top: -150px;
  background-repeat: no-repeat;
}
main .contact-lady::before {
  content: "";
  background-image: url("../img/contact-lady.png");
  width: 493px;
  height: 563px;
  background-position: right;
  position: absolute;
  left: 0;
  bottom: 45px;
  background-repeat: no-repeat;
}
main #softwareSolution {
  background-image: url("../img/software-solution-top-bg.png");
  background-position: left top;
  background-repeat: no-repeat;
  padding-top: 80px;
  position: relative;
}
main #softwareSolution .wrapper {
  text-align: center;
}
main #softwareSolution .wrapper h1 {
  font-family: "exo-semibold", sans-serif;
  color: #2c2c2c;
  font-size: 45px;
  padding-top: 50px;
}
main #softwareSolution .wrapper h2 {
  font-family: "exo-semibold", sans-serif;
  color: #8b8b8c;
  padding-bottom: 95px;
  padding-top: 10px;
  font-size: 20px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
main #softwareSolution .wrapper .page-subheading:after {
  content: "";
  background-image: url("../img/rope.png");
  width: 1055px;
  height: 2521px;
  position: absolute;
  top: 100%;
  position: absolute;
  top: calc(100% + 173px);
  margin-left: -40px;
}
main #softwareSolution .wrapper .each-service {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  z-index: 9;
}
main #softwareSolution .wrapper .each-service .text-part {
  text-align: left;
  width: 600px;
}
main #softwareSolution .wrapper .each-service .text-part h3 {
  font-family: "exo-bold", sans-serif;
  width: 600px;
  font-size: 25px;
  padding-bottom: 20px;
}
main #softwareSolution .wrapper .each-service .text-part p {
  font-family: "exo-regular", sans-serif;
  font-size: 15px;
  line-height: 1.5;
}
main #softwareSolution .wrapper .each-service .text-part a {
  height: 40px;
  color: white;
  text-decoration: none;
  width: 150px;
  font-family: "exo", sans-serif;
  font-size: 15px;
  background-image: -o-linear-gradient(left, #64b0f9 0%, #4974de 50%);
  background-image: -webkit-gradient(linear, left top, right top, from(#64b0f9), color-stop(50%, #4974de));
  background-image: linear-gradient(to right, #64b0f9 0%, #4974de 50%);
  background-size: 200% auto;
  border-radius: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 20px 0;
}
main #softwareSolution .wrapper .each-service .text-part a:hover {
  background-position: right center;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
main #softwareSolution .wrapper .strategy .text-part,
main #softwareSolution .wrapper .interface .text-part,
main #softwareSolution .wrapper .qa .text-part,
main #softwareSolution .wrapper .support .text-part {
  margin-left: auto;
}
main #softwareSolution .wrapper .prototype .text-part,
main #softwareSolution .wrapper .developing .text-part,
main #softwareSolution .wrapper .teaching .text-part {
  margin-right: auto;
}
main #softwareSolution .wrapper .prototype {
  margin-top: 25px;
}
main #softwareSolution .wrapper .prototype .image-part {
  margin-top: 27px;
}
main #softwareSolution .wrapper .prototype .text-part {
  margin-right: auto;
  margin-top: -28px;
}
main #softwareSolution .wrapper .interface {
  margin-top: 115px;
}
main #softwareSolution .wrapper .interface .image-part {
  margin-top: -92px;
}
main #softwareSolution .wrapper .developing {
  margin-top: 71px;
}
main #softwareSolution .wrapper .developing .image-part {
  margin-top: -33px;
}
main #softwareSolution .wrapper .qa {
  margin-top: 94px;
}
main #softwareSolution .wrapper .qa .text-part {
  margin-top: 32px;
}
main #softwareSolution .wrapper .teaching .text-part {
  margin-top: 90px;
}
main #softwareSolution .wrapper .teaching .image-part {
  margin-top: -24px;
}
main #softwareSolution .wrapper .support {
  margin-top: 105px;
}
main #softwareSolution .links {
  position: relative;
  margin-top: 222px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 315px;
}
main #softwareSolution .links .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: absolute;
  top: -235px;
}
main #softwareSolution .links .wrapper h2 {
  font-family: "exo-bold", sans-serif;
  color: #2b2b2b;
  font-size: 45px;
  padding: 10px 0;
  text-align: center;
  line-height: 1.2;
  font-weight: 600;
  margin-top: 70px;
  width: 100%;
  padding-bottom: 50px;
}
main #softwareSolution .links .wrapper .each-link {
  width: 28.5714285714%;
  text-align: center;
}
main #softwareSolution .links .wrapper .each-link .link-head {
  border-radius: 12px;
  height: 95px;
  width: 240px;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  padding: 5px 10px;
}
main #softwareSolution .links .wrapper .each-link .link-head h3 {
  font-family: "exo-bold", sans-serif;
  color: white;
  font-weight: 600;
  line-height: 1.2;
  text-transform: uppercase;
  font-size: 20px;
  text-align: left;
}
main #softwareSolution .links .wrapper .each-link .mobile-apps-head {
  background-image: url("../img/website-support-link-bg.png"), -o-linear-gradient(left, #e8bb62, #e0a535);
  background-image: url("../img/website-support-link-bg.png"), -webkit-gradient(linear, left top, right top, from(#e8bb62), to(#e0a535));
  background-image: url("../img/website-support-link-bg.png"), linear-gradient(to right, #e8bb62, #e0a535);
  background-position: bottom left;
  background-repeat: no-repeat;
}
main #softwareSolution .links .wrapper .each-link .technical-support-head {
  background-image: url("../img/link-gdpr-bg.png"), -o-linear-gradient(left, #274f93, #64caec);
  background-image: url("../img/link-gdpr-bg.png"), -webkit-gradient(linear, left top, right top, from(#274f93), to(#64caec));
  background-image: url("../img/link-gdpr-bg.png"), linear-gradient(to right, #274f93, #64caec);
  background-position: bottom left;
  background-repeat: no-repeat;
}
main #softwareSolution .links .wrapper .each-link .strategy-head {
  background-image: url("../img/link-security-bg.png"), -o-linear-gradient(left, #6270c0, #b99cfe);
  background-image: url("../img/link-security-bg.png"), -webkit-gradient(linear, left top, right top, from(#6270c0), to(#b99cfe));
  background-image: url("../img/link-security-bg.png"), linear-gradient(to right, #6270c0, #b99cfe);
  background-position: bottom left;
  background-repeat: no-repeat;
}
main #softwareSolution .links .wrapper .each-link p {
  color: #2b2b2b;
  font-family: "exo-regular", sans-serif;
  font-size: 15px;
  line-height: 1.5;
  padding-bottom: 20px;
  padding-top: 20px;
  margin: auto;
}
main #softwareSolution .links .wrapper .each-link a {
  text-decoration: none;
  color: white;
  border-radius: 20px;
  height: 39px;
  width: 100px;
  font-family: "exo-semibold", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 10px auto;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
main #softwareSolution .links .wrapper .each-link a img {
  margin-left: 5px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  right: 0;
}
main #softwareSolution .links .wrapper .each-link a:hover img {
  right: -5px;
}
main #softwareSolution .links .wrapper .each-link .mobile-apps-button {
  background-image: -o-linear-gradient(left, #e8bb62, #e0a535);
  background-image: -webkit-gradient(linear, left top, right top, from(#e8bb62), to(#e0a535));
  background-image: linear-gradient(to right, #e8bb62, #e0a535);
}
main #softwareSolution .links .wrapper .each-link .technical-support-button {
  background-image: -o-linear-gradient(left, #274f93, #64caec);
  background-image: -webkit-gradient(linear, left top, right top, from(#274f93), to(#64caec));
  background-image: linear-gradient(to right, #274f93, #64caec);
}
main #softwareSolution .links .wrapper .each-link .strategy-button {
  background-image: -o-linear-gradient(left, #6270c0, #b99cfe);
  background-image: -webkit-gradient(linear, left top, right top, from(#6270c0), to(#b99cfe));
  background-image: linear-gradient(to right, #6270c0, #b99cfe);
}
main #softwareSolution .links:before {
  content: "";
  background-image: url("../img/link-stop-bg.png");
  position: absolute;
  width: 100%;
  height: 192px;
  bottom: 100%;
}
main #softwareSolution::before {
  content: "";
  background-image: url("../img/software-solution-left-decor.png");
  height: 3501px;
  width: 300px;
  position: absolute;
  left: 0;
  top: 100px;
}
main #softwareSolution::after {
  content: "";
  background-image: url("../img/software-solution-right-decor.png");
  height: 2984px;
  width: 240px;
  position: absolute;
  right: 0;
  top: 0;
}
main #erpBanner {
  background-image: url("../img/erpbanner-bg.jpg");
  margin-top: 70px;
  height: 1021px;
  position: relative;
  background-position: top center;
}
main #erpBanner .wrapper {
  padding-top: 120px;
}
main #erpBanner .wrapper .erp-banner-icon {
  display: block;
  margin: auto;
}
main #erpBanner .wrapper h1 {
  font-family: "exo-semibold", sans-serif;
  color: white;
  font-size: 45px;
  text-align: center;
  padding-top: 0;
  font-size: 63px;
  margin-top: -20px;
}
main #erpBanner .wrapper h2 {
  font-family: "exo-regular", sans-serif;
  color: #bdd6ff;
  padding-bottom: 95px;
  padding-top: 10px;
  font-size: 20px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-bottom: 30px;
  text-align: center;
}
main #erpBanner .wrapper h3 {
  font-family: "exo-regular", sans-serif;
  color: #f7f9fd;
  padding-bottom: 95px;
  padding-top: 10px;
  font-size: 15px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  line-height: 1.5;
  font-weight: normal;
}
main #erpBanner .wrapper .erp-banner-subsection h2 {
  font-family: "exo-regular", sans-serif;
  color: #2c2c2c;
  padding-bottom: 95px;
  padding-top: 10px;
  font-size: 45px;
  position: relative;
  padding-bottom: 30px;
  display: block;
  text-align: right;
  width: 700px;
  margin-left: auto;
  padding-top: 185px;
  padding-bottom: 0px;
  line-height: 1.1;
}
main #erpBanner .wrapper .erp-banner-subsection h3 {
  font-family: "exo-regular", sans-serif;
  color: #898989;
  padding-bottom: 25px;
  padding-top: 10px;
  font-size: 20px;
  position: relative;
  line-height: 1.5;
  display: block;
  text-align: right;
}
main #erpBanner .wrapper .erp-banner-subsection p {
  font-family: "exo-regular", sans-serif;
  color: #2c2c2c;
  padding-bottom: 95px;
  padding-top: 10px;
  font-size: 15px;
  position: relative;
  line-height: 1.5;
  display: block;
  text-align: right;
}
main #businessCare {
  background-image: url("../img/business-care-bg.png");
  background-position: center;
  background-repeat: no-repeat;
  height: 946px;
}
main #businessCare .wrapper h2 {
  font-family: "exo-regular", sans-serif;
  color: #2c2c2c;
  padding-bottom: 95px;
  padding-top: 10px;
  font-size: 45px;
  position: relative;
  padding-bottom: 30px;
  display: block;
  text-align: left;
  width: 700px;
  margin-right: auto;
  padding-top: 115px;
  padding-bottom: 0px;
  line-height: 1.1;
  margin-top: 100px;
  opacity: 0;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
main #businessCare .wrapper h3 {
  font-family: "exo-regular", sans-serif;
  color: #898989;
  padding-bottom: 25px;
  padding-top: 10px;
  font-size: 20px;
  position: relative;
  line-height: 1.5;
  display: block;
  text-align: left;
  margin-top: 100px;
  opacity: 0;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
main #businessCare .wrapper p {
  font-family: "exo-regular", sans-serif;
  color: #2c2c2c;
  padding-bottom: 95px;
  padding-top: 10px;
  font-size: 15px;
  position: relative;
  line-height: 1.5;
  display: block;
  text-align: left;
  width: 600px;
  margin-right: auto;
  margin-top: 100px;
  opacity: 0;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
main #mainGoals {
  margin-top: -165px;
  position: relative;
}
main #mainGoals .wrapper h2 {
  font-family: "exo-regular", sans-serif;
  color: #2c2c2c;
  font-size: 45px;
  position: relative;
  padding-bottom: 30px;
  display: block;
  text-align: center;
  width: 900px;
  margin: auto;
  padding-bottom: 0px;
  line-height: 1.1;
  padding-top: 0;
  margin-top: 100px;
  opacity: 0;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
main #mainGoals .wrapper p {
  font-family: "exo-regular", sans-serif;
  color: #2c2c2c;
  padding-bottom: 95px;
  padding-top: 10px;
  font-size: 15px;
  position: relative;
  line-height: 1.5;
  display: block;
  text-align: center;
  width: 1000px;
  margin: auto;
  padding-top: 35px;
  margin-top: 100px;
  opacity: 0;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
main #mainGoals .wrapper .system-example {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
main #mainGoals .wrapper .system-example .col-big div {
  margin: 15px 0;
  width: 495px;
  height: 196px;
  background-color: white;
  -webkit-box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.75);
  padding: 15px;
  position: relative;
  border-radius: 8px;
  z-index: 9;
}
main #mainGoals .wrapper .system-example .col-big div h3 {
  font-size: 22px;
  font-family: "exo-regular", sans-serif;
}
main #mainGoals .wrapper .system-example .col-big div p {
  width: 100%;
  padding-top: 18px;
}
main #mainGoals .wrapper .system-example .col-big .first h3 {
  color: #1f64eb;
}
main #mainGoals .wrapper .system-example .col-big .first::before {
  content: "";
  position: absolute;
  right: 100%;
  width: 17px;
  height: 200px;
  background-image: url("../img/first-left-decor.png");
  top: calc(50% - 100px);
}
main #mainGoals .wrapper .system-example .col-big .second h3 {
  color: #0ba93c;
}
main #mainGoals .wrapper .system-example .col-big .second::before {
  content: "";
  position: absolute;
  right: 100%;
  width: 17px;
  height: 200px;
  background-image: url("../img/second-left-decor.png");
  top: calc(50% - 100px);
}
main #mainGoals .wrapper .system-example .col-big .third h3 {
  color: #3372ed;
}
main #mainGoals .wrapper .system-example .col-big .third::before {
  content: "";
  position: absolute;
  right: 100%;
  width: 17px;
  height: 200px;
  background-image: url("../img/first-left-decor.png");
  top: calc(50% - 100px);
}
main #mainGoals .wrapper .system-example .col-big .fourth h3 {
  color: #b255ed;
}
main #mainGoals .wrapper .system-example .col-big .fourth::after {
  content: "";
  position: absolute;
  left: 100%;
  width: 17px;
  height: 200px;
  background-image: url("../img/fourth-left-decor.png");
  top: calc(50% - 100px);
}
main #mainGoals .wrapper .system-example .col-big .fifth h3 {
  color: #ff9e3f;
}
main #mainGoals .wrapper .system-example .col-big .fifth::after {
  content: "";
  position: absolute;
  left: 100%;
  width: 17px;
  height: 200px;
  background-image: url("../img/fifth-left-decor.png");
  top: calc(50% - 100px);
}
main #mainGoals .wrapper .system-example .col-big .sixth h3 {
  color: #f5c029;
}
main #mainGoals .wrapper .system-example .col-big .sixth::after {
  content: "";
  position: absolute;
  left: 100%;
  width: 17px;
  height: 200px;
  background-image: url("../img/sixth-left-decor.png");
  top: calc(50% - 100px);
}
main #mainGoals .wrapper .system-example .col-small {
  background-color: #6fa7f4;
  width: 150px;
  height: 618px;
}
main #mainGoals .wrapper .system-example .col-small div:nth-child(odd) img {
  margin-left: -40px;
  position: relative;
  z-index: 99;
  margin-bottom: 0;
}
main #mainGoals .wrapper .system-example .col-small div:nth-child(even) img {
  margin-right: -40px;
  position: relative;
  z-index: 99;
  margin-bottom: 13px;
}
main #mainGoals .wrapper .system-example .col-left h3 {
  text-align: right;
}
main #mainGoals .wrapper .system-example .col-left p {
  text-align: right;
}
main #mainGoals .wrapper .system-example .col-right h3 {
  text-align: left;
}
main #mainGoals .wrapper .system-example .col-right p {
  text-align: left;
}
main #mainGoals .wrapper .system-example-mobile {
  display: none;
}
main #mainGoals .wrapper .system-example-mobile li {
  line-break: anywhere;
}
main #mainGoals::before {
  content: "";
  background-image: url("../img/main-goals-left-decor.png");
  width: 666px;
  height: 610px;
  position: absolute;
  left: 0;
  bottom: 50px;
  pointer-events: none;
  z-index: 0;
}
main #mainGoals::after {
  content: "";
  background-image: url("../img/main-goals-right-decor.png");
  width: 801px;
  height: 678px;
  position: absolute;
  right: 0;
  bottom: 100px;
  pointer-events: none;
  z-index: 0;
}
main #businessIsmprove {
  background-image: url(../img/business-improve-bg.png);
  background-position: center top;
  background-color: #f4f4f4;
  position: relative;
  margin-top: 150px;
  background-repeat: no-repeat;
  padding-bottom: 500px;
}
main #businessIsmprove .wrapper .inner-holder {
  width: 700px;
  margin-left: auto;
  margin-right: 0;
  padding-top: 220px;
}
main #businessIsmprove .wrapper .inner-holder h2 {
  font-family: "exo-regular", sans-serif;
  color: #2c2c2c;
  padding-bottom: 95px;
  padding-top: 10px;
  font-size: 45px;
  position: relative;
  padding-bottom: 30px;
  display: block;
  text-align: left;
  padding-top: 115px;
  padding-bottom: 0px;
  line-height: 1.1;
  width: 400px;
  margin-left: auto;
  margin-right: 0;
}
main #businessIsmprove .wrapper .inner-holder h3 {
  font-family: "exo-regular", sans-serif;
  color: #898989;
  padding-bottom: 25px;
  padding-top: 10px;
  font-size: 20px;
  position: relative;
  line-height: 1.5;
  display: block;
  text-align: left;
  width: 400px;
  margin-left: auto;
}
main #businessIsmprove .wrapper .inner-holder p {
  font-family: "exo-regular", sans-serif;
  color: #2c2c2c;
  padding-top: 10px;
  font-size: 15px;
  position: relative;
  line-height: 1.5;
  display: block;
  text-align: left;
  width: 750px;
  margin-right: auto;
  padding-right: 50px;
}
main #businessIsmprove .wrapper .inner-holder a {
  height: 40px;
  color: white;
  text-decoration: none;
  width: 150px;
  font-family: "exo", sans-serif;
  font-size: 15px;
  background-image: -o-linear-gradient(left, #b263fa 0%, #6460e0 50%);
  background-image: -webkit-gradient(linear, left top, right top, from(#b263fa), color-stop(50%, #6460e0));
  background-image: linear-gradient(to right, #b263fa 0%, #6460e0 50%);
  background-size: 200% auto;
  border-radius: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 20px auto;
  margin-right: auto;
  margin-left: 0;
  margin-bottom: 95px;
}
main #businessIsmprove .wrapper .inner-holder a:hover {
  background-position: right center;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
main #businessIsmprove::before {
  content: "";
  background-image: url("../img/business-improve-top-decor.png");
  height: 87px;
  width: 100%;
  position: absolute;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  bottom: 100%;
}
main #machinesControl {
  background-image: url("../img/machines-control-bg.png");
  background-position: top center;
  background-repeat: no-repeat;
  height: 1000px;
  margin-top: -400px;
  position: relative;
  z-index: 9;
}
main #machinesControl .wrapper .inner-holder {
  padding-right: 50px;
}
main #machinesControl .wrapper .inner-holder h2 {
  font-family: "exo-regular", sans-serif;
  color: #2c2c2c;
  padding-bottom: 95px;
  padding-top: 10px;
  font-size: 45px;
  position: relative;
  padding-bottom: 30px;
  display: block;
  text-align: right;
  padding-bottom: 0px;
  line-height: 1.1;
  margin-left: auto;
  margin-right: 0;
  padding-top: 175px;
  margin-top: 100px;
  opacity: 0;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
main #machinesControl .wrapper .inner-holder h3 {
  font-family: "exo-regular", sans-serif;
  color: #898989;
  padding-bottom: 25px;
  padding-top: 10px;
  font-size: 20px;
  position: relative;
  line-height: 1.5;
  display: block;
  text-align: right;
  margin-left: auto;
  margin-top: 100px;
  opacity: 0;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
main #machinesControl .wrapper .inner-holder p {
  font-family: "exo-regular", sans-serif;
  color: #2c2c2c;
  padding-bottom: 95px;
  padding-top: 10px;
  font-size: 15px;
  position: relative;
  line-height: 1.5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: right;
  width: 450px;
  margin-left: auto;
  margin-top: 100px;
  opacity: 0;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
main #machinesControl .wrapper .inner-holder p:before {
  content: "";
  right: calc(100% + 40px);
  position: absolute;
  background-image: url("../img/machines-img.png");
  height: 515px;
  width: 1011px;
}
main #yourBusiness {
  margin-top: -150px;
  position: relative;
}
main #yourBusiness .wrapper h2 {
  font-family: "exo-regular", sans-serif;
  color: #2c2c2c;
  padding-bottom: 95px;
  padding-top: 10px;
  font-size: 45px;
  position: relative;
  padding-bottom: 30px;
  display: block;
  text-align: center;
  padding-bottom: 0px;
  line-height: 1.1;
  margin-right: 0;
  padding-top: 0;
  width: 960px;
  margin: auto;
  margin-top: 100px;
  opacity: 0;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
main #yourBusiness .wrapper h3 {
  font-family: "exo-regular", sans-serif;
  color: #898989;
  padding-bottom: 25px;
  padding-top: 10px;
  font-size: 20px;
  position: relative;
  line-height: 1.5;
  display: block;
  text-align: center;
  margin-top: 100px;
  opacity: 0;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
main #yourBusiness .wrapper p {
  font-family: "exo-regular", sans-serif;
  color: #2c2c2c;
  padding-bottom: 95px;
  padding-top: 10px;
  font-size: 15px;
  position: relative;
  line-height: 1.5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  margin-top: 100px;
  opacity: 0;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
main #yourBusiness .wrapper .your-business-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
main #yourBusiness .wrapper .your-business-wrapper li {
  height: 300px;
  width: calc(33.3333333333% - 20px);
  padding: 20px;
  list-style: none;
  background-image: url("../img/li-bg.png");
  background-position: center top;
  border-radius: 8px;
  -webkit-box-shadow: 0px 0px 5px -1px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 5px -1px rgba(0, 0, 0, 0.3);
  background-color: white;
  background-repeat: no-repeat;
  background-size: 100% auto;
  margin-bottom: 80px;
}
main #yourBusiness .wrapper .your-business-wrapper li div {
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 13px 0px rgba(192, 146, 146, 0.75);
  box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.2);
  background-color: white;
  height: 100%;
}
main #yourBusiness .wrapper .your-business-wrapper li div picture {
  height: 115px;
  width: 115px;
  border-radius: 50%;
  background-color: white;
  -webkit-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  top: -57.5px;
  position: relative;
}
main #yourBusiness .wrapper .your-business-wrapper li div h3 {
  font-family: "exo-semibold", sans-serif;
  color: #2c2c2c;
  padding-top: 10px;
  font-size: 20px;
  position: relative;
  line-height: 1.5;
  display: block;
  text-align: center;
  padding-bottom: 0;
  padding-top: 0;
  margin-top: -50px;
  opacity: 1 !important;
}
main #yourBusiness .wrapper .your-business-wrapper li div p {
  font-family: "exo-regular", sans-serif;
  color: #2c2c2c;
  padding-top: 10px;
  font-size: 15px;
  position: relative;
  line-height: 1.5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  width: 85%;
  margin: auto;
  opacity: 1 !important;
}
main #yourBusiness::after {
  content: "";
  width: 153px;
  height: 511px;
  position: absolute;
  top: 30px;
  right: 0;
  background-image: url("../img/yor-business-right-decor.png");
  pointer-events: none;
  z-index: 9;
}
main #yourBusiness::before {
  content: "";
  width: 247px;
  height: 248px;
  position: absolute;
  top: 500px;
  left: 0;
  background-image: url("../img/yor-business-left-decor.png");
  pointer-events: none;
  z-index: 9;
}
main #businessSystem {
  background-image: url("../img/business-system-bg.jpg");
  height: 1100px;
  width: 100%;
  margin-top: -270px;
  padding-top: 280px;
  background-position: center;
}
main #businessSystem .wrapper h2 {
  font-family: "exo-regular", sans-serif;
  color: #2c2c2c;
  padding-bottom: 95px;
  padding-top: 10px;
  font-size: 45px;
  position: relative;
  padding-bottom: 30px;
  display: block;
  text-align: center;
  padding-bottom: 0px;
  line-height: 1.1;
  margin-right: 0;
  padding-top: 0;
  width: 960px;
  margin: auto;
  margin-top: 100px;
  opacity: 0;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
main #businessSystem .wrapper h3 {
  font-family: "exo-regular", sans-serif;
  color: #898989;
  padding-bottom: 25px;
  padding-top: 10px;
  font-size: 20px;
  position: relative;
  line-height: 1.5;
  display: block;
  text-align: center;
  margin-top: 100px;
  opacity: 0;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
main #businessSystem .wrapper p {
  font-family: "exo-regular", sans-serif;
  color: #2c2c2c;
  padding-bottom: 95px;
  padding-top: 10px;
  font-size: 15px;
  position: relative;
  line-height: 1.5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  width: 800px;
  margin: auto;
  margin-top: 100px;
  opacity: 0;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
main #businessPlace {
  background-image: url("../img/business-place-bg.png");
  background-position: center top;
  height: 835px;
  margin-top: -150px;
}
main #businessPlace .wrapper {
  padding-top: 260px;
  padding-right: 700px;
}
main #businessPlace .wrapper h2 {
  font-family: "exo-regular", sans-serif;
  color: white;
  padding-bottom: 95px;
  padding-top: 10px;
  font-size: 45px;
  position: relative;
  padding-bottom: 30px;
  display: block;
  text-align: left;
  padding-bottom: 0px;
  line-height: 1.1;
  margin-right: 0;
  padding-top: 0;
  width: 660px;
  margin-right: auto;
  margin-top: 100px;
  opacity: 0;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
main #businessPlace .wrapper h3 {
  font-family: "exo-regular", sans-serif;
  color: white;
  padding-bottom: 25px;
  padding-top: 10px;
  font-size: 20px;
  position: relative;
  line-height: 1.5;
  display: block;
  text-align: left;
  margin-top: 100px;
  opacity: 0;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
main #businessPlace .wrapper p {
  font-family: "exo-regular", sans-serif;
  color: white;
  padding-bottom: 95px;
  padding-top: 10px;
  font-size: 15px;
  position: relative;
  line-height: 1.5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: left;
  margin-right: auto;
  width: 760px;
  margin-top: 100px;
  opacity: 0;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  line-height: 1.6;
  padding-right: 150px;
}
main .links-wrapper {
  padding-bottom: 50px;
}
main .links-wrapper .links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  margin-top: -135px;
}
main .links-wrapper .links h2 {
  font-family: "exo-bold", sans-serif;
  color: #2b2b2b;
  font-size: 45px;
  padding: 10px 0;
  text-align: center;
  line-height: 1.2;
  font-weight: 600;
  margin-top: 70px;
  width: 100%;
  padding-bottom: 50px;
}
main .links-wrapper .links .each-link {
  width: 28.5714285714%;
  text-align: center;
}
main .links-wrapper .links .each-link .link-head {
  border-radius: 12px;
  height: 95px;
  width: 240px;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  padding: 5px 10px;
}
main .links-wrapper .links .each-link .link-head h3 {
  font-family: "exo-bold", sans-serif;
  color: white;
  font-weight: 600;
  line-height: 1.2;
  text-transform: uppercase;
  font-size: 20px;
  text-align: left;
}
main .links-wrapper .links .each-link .mobile-apps-head {
  background-image: url("../img/mobile-app-link-bg.png"), -o-linear-gradient(left, #1d5e6d, #50bb83);
  background-image: url("../img/mobile-app-link-bg.png"), -webkit-gradient(linear, left top, right top, from(#1d5e6d), to(#50bb83));
  background-image: url("../img/mobile-app-link-bg.png"), linear-gradient(to right, #1d5e6d, #50bb83);
  background-position: center left;
  background-repeat: no-repeat;
}
main .links-wrapper .links .each-link .technical-support-head {
  background-image: url("../img/technical-support-link-bg.png"), -o-linear-gradient(left, #91266b, #eb7365);
  background-image: url("../img/technical-support-link-bg.png"), -webkit-gradient(linear, left top, right top, from(#91266b), to(#eb7365));
  background-image: url("../img/technical-support-link-bg.png"), linear-gradient(to right, #91266b, #eb7365);
  background-position: center left;
  background-repeat: no-repeat;
}
main .links-wrapper .links .each-link .strategy-head {
  background-image: url("../img/strategy-link-bg.png"), -o-linear-gradient(left, #9f5acc, #5babda);
  background-image: url("../img/strategy-link-bg.png"), -webkit-gradient(linear, left top, right top, from(#9f5acc), to(#5babda));
  background-image: url("../img/strategy-link-bg.png"), linear-gradient(to right, #9f5acc, #5babda);
  background-position: center left;
  background-repeat: no-repeat;
}
main .links-wrapper .links .each-link p {
  color: #2b2b2b;
  font-family: "exo-regular", sans-serif;
  font-size: 15px;
  line-height: 1.5;
  padding-bottom: 25px;
  padding-top: 20px;
}
main .links-wrapper .links .each-link a {
  text-decoration: none;
  color: white;
  border-radius: 20px;
  height: 39px;
  width: 100px;
  font-family: "exo-semibold", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 10px auto;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
main .links-wrapper .links .each-link a img {
  margin-left: 5px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  right: 0;
}
main .links-wrapper .links .each-link a:hover img {
  right: -5px;
}
main .links-wrapper .links .each-link .mobile-apps-button {
  background-image: -o-linear-gradient(left, #1d5e6d, #50bb83);
  background-image: -webkit-gradient(linear, left top, right top, from(#1d5e6d), to(#50bb83));
  background-image: linear-gradient(to right, #1d5e6d, #50bb83);
}
main .links-wrapper .links .each-link .technical-support-button {
  background-image: -o-linear-gradient(left, #91266b, #eb7365);
  background-image: -webkit-gradient(linear, left top, right top, from(#91266b), to(#eb7365));
  background-image: linear-gradient(to right, #91266b, #eb7365);
}
main .links-wrapper .links .each-link .strategy-button {
  background-image: -o-linear-gradient(left, #9f5acc, #5babda);
  background-image: -webkit-gradient(linear, left top, right top, from(#9f5acc), to(#5babda));
  background-image: linear-gradient(to right, #9f5acc, #5babda);
}
main #iotBanner {
  background-position: center top;
  background-image: url("../img/iot-banner-bg.jpg");
  height: 1194px;
  padding-top: 50px;
  background-repeat: no-repeat;
}
main #iotBanner .wrapper h1 {
  font-family: "exo-semibold", sans-serif;
  padding-top: 135px;
  font-size: 60px;
  text-align: left;
  line-height: 1;
  color: white;
  position: relative;
  z-index: 1;
}
main #iotBanner .wrapper ul {
  width: 850px;
  margin-right: auto;
  padding-top: 20px;
}
main #iotBanner .wrapper ul li {
  list-style: none;
  position: relative;
  z-index: 1;
  font-family: "exo-regular", sans-serif;
  text-align: left;
  font-size: 15px;
  color: white;
  line-height: 1.6;
}
main #iotBanner .wrapper .banner-subsection {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 407px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
main #iotBanner .wrapper .banner-subsection .banner-subsection-image {
  width: 50%;
  position: relative;
}
main #iotBanner .wrapper .banner-subsection .banner-subsection-image div {
  width: 215px;
  position: absolute;
}
main #iotBanner .wrapper .banner-subsection .banner-subsection-image div h3 {
  font-family: "exo-bold", sans-serif;
  color: #40529e;
  font-size: 25px;
  padding: 5px 0;
  text-align: left;
  line-height: 1.2;
}
main #iotBanner .wrapper .banner-subsection .banner-subsection-image div p {
  color: #2c2c2c;
  font-family: "exo-regular", sans-serif;
  font-size: 15px;
  padding: 10px 0;
  padding-top: 0;
  text-align: left;
  line-height: 1.5;
}
main #iotBanner .wrapper .banner-subsection .banner-subsection-image .device {
  bottom: 27px;
  right: 139px;
}
main #iotBanner .wrapper .banner-subsection .banner-subsection-image .server {
  top: 100px;
  left: 37px;
}
main #iotBanner .wrapper .banner-subsection .banner-subsection-image .user {
  top: 255px;
  right: 15px;
}
main #iotBanner .wrapper .banner-subsection .banner-subsection-info {
  width: 47%;
}
main #iotBanner .wrapper .banner-subsection .banner-subsection-info h2 {
  font-family: "exo-bold", sans-serif;
  color: #2c2c2c;
  font-size: 45px;
  padding: 10px 0;
  text-align: left;
  line-height: 1.2;
  padding-bottom: 25px;
  opacity: 0;
  margin-top: 100px;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
main #iotBanner .wrapper .banner-subsection .banner-subsection-info p {
  color: #2c2c2c;
  font-family: "exo-regular", sans-serif;
  font-size: 15px;
  padding: 10px 0;
  text-align: left;
  line-height: 1.5;
  opacity: 0;
  margin-top: 100px;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
main .banner-subsection-mobile {
  width: 100%;
  display: none;
  margin-top: 407px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
main .banner-subsection-mobile .wrapper .banner-subsection-image {
  width: 50%;
  position: relative;
}
main .banner-subsection-mobile .wrapper .banner-subsection-image div {
  width: 215px;
  position: absolute;
}
main .banner-subsection-mobile .wrapper .banner-subsection-image div h3 {
  font-family: "exo-bold", sans-serif;
  color: #40529e;
  font-size: 25px;
  padding: 5px 0;
  text-align: left;
  line-height: 1.2;
}
main .banner-subsection-mobile .wrapper .banner-subsection-image div p {
  color: #2c2c2c;
  font-family: "exo-regular", sans-serif;
  font-size: 15px;
  padding: 10px 0;
  padding-top: 0;
  text-align: left;
  line-height: 1.5;
}
main .banner-subsection-mobile .wrapper .banner-subsection-image .device {
  bottom: 27px;
  right: 139px;
}
main .banner-subsection-mobile .wrapper .banner-subsection-image .server {
  top: 100px;
  left: 37px;
}
main .banner-subsection-mobile .wrapper .banner-subsection-image .user {
  top: 235px;
  right: 15px;
}
main .banner-subsection-mobile .wrapper .banner-subsection-info {
  width: 47%;
}
main .banner-subsection-mobile .wrapper .banner-subsection-info h2 {
  font-family: "exo-bold", sans-serif;
  color: #2c2c2c;
  font-size: 45px;
  padding: 10px 0;
  text-align: left;
  line-height: 1.2;
  padding-bottom: 25px;
  opacity: 0;
  margin-top: 100px;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
main .banner-subsection-mobile .wrapper .banner-subsection-info p {
  color: #2c2c2c;
  font-family: "exo-regular", sans-serif;
  font-size: 15px;
  padding: 10px 0;
  text-align: left;
  line-height: 1.5;
  opacity: 0;
  margin-top: 100px;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
main #iotUsage {
  background-image: url("../img/iot-usage-bg.png");
  width: 100%;
  height: 1300px;
  background-repeat: no-repeat;
  margin-top: 215px;
  padding-top: 100px;
  background-size: contain;
  background-position: center top;
}
main #iotUsage .wrapper h2 {
  color: #2c2c2c;
  font-family: "exo-semibold", sans-serif;
  font-size: 45px;
  padding-bottom: 10px;
  text-align: center;
  width: 85%;
  margin: auto;
}
main #iotUsage .wrapper h3 {
  color: #898989;
  font-family: "exo-semibold", sans-serif;
  font-size: 20px;
  padding-bottom: 36px;
  text-align: center;
}
main #iotUsage .wrapper p {
  color: #2c2c2c;
  font-family: "exo-regular", sans-serif;
  font-size: 15px;
  line-height: 1.5;
  padding-bottom: 30px;
  text-align: center;
}
main #iotUsage .wrapper .usage-wrapper {
  position: relative;
}
main #iotUsage .wrapper .usage-wrapper .iot-usage-shapes {
  position: absolute;
  left: calc(50% - 421.5px);
  top: calc(50% - 302px);
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  -o-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}
main #iotUsage .wrapper .usage-wrapper .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
main #iotUsage .wrapper .usage-wrapper .row .each-usage {
  position: relative;
  z-index: 9;
  height: 230px;
  width: 370px;
  border-radius: 8px;
  background-color: white;
  margin: 15px;
  padding: 10px 25px;
  padding: 30px 25px;
  -webkit-box-shadow: 0px 0px 13px -7px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 13px -7px rgba(0, 0, 0, 0.75);
}
main #iotUsage .wrapper .usage-wrapper .row .each-usage .top-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 60px;
}
main #iotUsage .wrapper .usage-wrapper .row .each-usage .top-row img {
  margin-right: 10px;
}
main #iotUsage .wrapper .usage-wrapper .row .each-usage .top-row h2 {
  font-size: 18px;
  text-align: left;
}
main #iotUsage .wrapper .usage-wrapper .row .each-usage p {
  font-size: 15px;
  text-align: left;
  padding-bottom: 0;
  line-height: 1.5;
  padding-top: 10px;
}
main #iotUsage .wrapper .usage-wrapper .row .first-usage .top-row h2 {
  padding-right: 50px;
}
main #iotUsage .wrapper .usage-wrapper .row .third-usage .top-row h2 {
  padding-right: 200px;
}
main #iotUsage .wrapper .usage-wrapper .row .fifth-usage .top-row h2 {
  padding-right: 100px;
}
main #iotUsage .wrapper .usage-wrapper .row .sixth-usage .top-row h2 {
  padding-right: 100px;
}
main #iotUsage .wrapper .mobile-usage-wrapper {
  display: none;
  width: 500px;
  margin: auto;
}
main #iotUsage .wrapper .mobile-usage-wrapper .slick-next:before,
main #iotUsage .wrapper .mobile-usage-wrapper .slick-prev:before {
  display: none;
}
main #iotUsage .wrapper .mobile-usage-wrapper .slick-slide {
  padding: 0 20px;
}
main #iotUsage .wrapper .mobile-usage-wrapper .slick-next {
  width: 72px;
  height: 72px;
  background-image: url("../img/mobile-usage-right-arrow.png");
  background-size: contain;
  z-index: 99;
  right: -55px;
}
main #iotUsage .wrapper .mobile-usage-wrapper .slick-prev {
  width: 72px;
  height: 72px;
  background-image: url("../img/mobile-usage-left-arrow.png");
  background-size: contain;
  z-index: 99;
  left: -55px;
}
main #iotUsage .wrapper .mobile-usage-wrapper .each-usage {
  position: relative;
  z-index: 9;
  height: 200px;
  width: 370px;
  border-radius: 8px;
  background-color: white;
  padding: 10px 25px;
  padding: 30px 25px;
  -webkit-box-shadow: 0px 0px 13px -7px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 13px -7px rgba(0, 0, 0, 0.75);
}
main #iotUsage .wrapper .mobile-usage-wrapper .each-usage .top-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 70px;
}
main #iotUsage .wrapper .mobile-usage-wrapper .each-usage .top-row img {
  margin-right: 10px;
}
main #iotUsage .wrapper .mobile-usage-wrapper .each-usage .top-row h2 {
  font-size: 18px;
  width: 100%;
  text-align: center;
  padding-right: 0 !important;
}
main #iotUsage .wrapper .mobile-usage-wrapper .each-usage p {
  font-size: 15px;
  text-align: center;
  padding-bottom: 0;
  line-height: 1.5;
  padding-top: 10px;
}
main #iotUsage .wrapper .mobile-usage-wrapper .first-usage .top-row h2 {
  padding-right: 50px;
}
main #iotUsage .wrapper .mobile-usage-wrapper .third-usage .top-row h2 {
  padding-right: 200px;
}
main #iotUsage .wrapper .mobile-usage-wrapper .fifth-usage .top-row h2 {
  padding-right: 100px;
}
main #iotUsage .wrapper .mobile-usage-wrapper .sixth-usage .top-row h2 {
  padding-right: 100px;
}
main #iotBusinessUsage {
  margin-top: -175px;
  background-image: url("../img/iot-business-usage-bg.png");
  background-position: center top;
  background-repeat: no-repeat;
}
main #iotBusinessUsage .wrapper {
  padding-top: 100px;
}
main #iotBusinessUsage .wrapper h2 {
  font-family: "exo-regular", sans-serif;
  color: #2c2c2c;
  padding-bottom: 95px;
  padding-top: 10px;
  font-size: 45px;
  position: relative;
  padding-bottom: 30px;
  display: block;
  text-align: left;
  padding-bottom: 0px;
  line-height: 1.1;
  margin-right: 0;
  padding-top: 0;
  width: 645px;
  margin-right: auto;
  padding-bottom: 25px;
  z-index: 9;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  margin-top: 100px;
  opacity: 0;
}
main #iotBusinessUsage .wrapper p {
  font-family: "exo-regular", sans-serif;
  color: #2c2c2c;
  padding-bottom: 95px;
  padding-top: 10px;
  font-size: 15px;
  position: relative;
  z-index: 9;
  line-height: 1.5;
  text-align: left;
  width: 600px;
  margin-right: auto;
  display: block;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  margin-top: 100px;
  opacity: 0;
}
main #egymon {
  background-image: url("../img/egymon-bg.png");
  height: 1254px;
  background-position: center;
  padding-top: 100px;
  margin-top: -60px;
}
main #egymon .wrapper h2 {
  font-family: "exo-regular", sans-serif;
  color: #2c2c2c;
  padding-top: 10px;
  font-size: 45px;
  position: relative;
  display: block;
  padding-bottom: 0px;
  line-height: 1.1;
  margin-right: 0;
  padding-top: 0;
  width: 850px;
  margin: auto;
  text-align: center;
  z-index: 9;
  opacity: 0;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 70px;
  margin-top: 100px;
}
main #egymon .wrapper h2::after {
  content: "";
  background-image: url("../img/egymon-logo.png");
  width: 139px;
  height: 42px;
  position: absolute;
  top: 100%;
  top: calc(100% + 15px);
  left: calc(50% - 69.5px);
}
main #egymon .wrapper p {
  font-family: "exo-regular", sans-serif;
  color: #2c2c2c;
  padding-top: 10px;
  font-size: 15px;
  position: relative;
  z-index: 9;
  line-height: 1.5;
  width: 900px;
  text-align: center;
  margin: auto;
  opacity: 0;
  margin-top: 100px;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  padding-bottom: 100px;
}
main #egymon .wrapper .each-egymon-service-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
}
main #egymon .wrapper .each-egymon-service-wrapper div {
  text-align: center;
  background-position: center center;
  background-repeat: no-repeat;
}
main #egymon .wrapper .each-egymon-service-wrapper div h3 {
  font-family: "exo-semibold", sans-serif;
  color: #2c2c2c;
  font-size: 20px;
  line-height: 1.1;
  padding-bottom: 12px;
  text-align: center;
  width: 300px;
  margin: auto;
  padding-bottom: 20px;
}
main #egymon .wrapper .each-egymon-service-wrapper div p {
  color: #2c2c2c;
  font-family: "exo", sans-serif;
  font-size: 15px;
  line-height: 1.5;
  text-align: center;
  width: 330px;
  margin: auto;
  opacity: 1;
  margin-top: 0;
}
main #egymon .wrapper .each-egymon-service-wrapper .left {
  background-image: url("../img/left.png");
}
main #egymon .wrapper .each-egymon-service-wrapper .mid {
  background-image: url("../img/mid.png");
}
main #egymon .wrapper .each-egymon-service-wrapper .mid h3 {
  width: 230px;
}
main #egymon .wrapper .each-egymon-service-wrapper .right {
  background-image: url("../img/right.png");
}
main #egymon .wrapper .to-egymon {
  height: 40px;
  color: white;
  text-decoration: none;
  width: 150px;
  font-family: "exo", sans-serif;
  font-size: 15px;
  background-color: #596790;
  border-radius: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 20px auto;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
main #egymon .wrapper .to-egymon:hover {
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
}
main #smartHouse {
  background-image: url("../img/smart-house-bg.jpg");
  height: 952px;
  width: 100%;
  background-position: center top;
  margin-top: -390px;
  z-index: -1;
  position: relative;
  background-repeat: no-repeat;
  padding-top: 530px;
}
main #smartHouse .wrapper h2 {
  font-family: "exo-regular", sans-serif;
  color: #2c2c2c;
  padding-bottom: 95px;
  padding-top: 10px;
  font-size: 45px;
  position: relative;
  padding-bottom: 30px;
  display: block;
  text-align: right;
  padding-bottom: 0px;
  line-height: 1.1;
  margin-right: 0;
  padding-top: 0;
  width: 645px;
  margin-left: auto;
  padding-bottom: 25px;
  z-index: 9;
  opacity: 0;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  margin-top: 100px;
}
main #smartHouse .wrapper p {
  font-family: "exo-regular", sans-serif;
  color: #2c2c2c;
  padding-bottom: 95px;
  padding-top: 10px;
  font-size: 15px;
  position: relative;
  z-index: 9;
  line-height: 1.5;
  text-align: right;
  width: 600px;
  margin-left: auto;
  opacity: 0;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  margin-top: 100px;
}
main #smartTown {
  background-image: url("../img/smart-town-bg.png");
  background-position: center top;
  background-repeat: no-repeat;
  height: 925px;
  margin-top: -270px;
  padding-top: 279px;
}
main #smartTown .wrapper h2 {
  font-family: "exo-regular", sans-serif;
  color: #2c2c2c;
  padding-bottom: 95px;
  padding-top: 10px;
  font-size: 45px;
  position: relative;
  padding-bottom: 30px;
  display: block;
  text-align: center;
  padding-bottom: 0px;
  line-height: 1.1;
  margin-right: 0;
  padding-top: 0;
  width: 600px;
  margin: auto;
  padding-bottom: 25px;
  z-index: 9;
  opacity: 0;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  margin-top: 100px;
}
main #smartTown .wrapper p {
  font-family: "exo-regular", sans-serif;
  color: #2c2c2c;
  padding-bottom: 95px;
  padding-top: 10px;
  font-size: 15px;
  position: relative;
  z-index: 9;
  line-height: 1.5;
  text-align: center;
  width: 400px;
  margin: auto;
  opacity: 0;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  margin-top: 100px;
}
main .iot-links {
  background-color: #edf2fc;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
main .iot-links .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 40px 0;
}
main .iot-links .wrapper h2 {
  font-family: "exo-bold", sans-serif;
  color: #2b2b2b;
  font-size: 45px;
  padding: 10px 0;
  text-align: center;
  line-height: 1.2;
  font-weight: 600;
  width: 100%;
  padding-bottom: 50px;
}
main .iot-links .wrapper .each-link {
  width: 28.5714285714%;
  text-align: center;
}
main .iot-links .wrapper .each-link .link-head {
  border-radius: 12px;
  height: 95px;
  width: 240px;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  padding: 5px 10px;
}
main .iot-links .wrapper .each-link .link-head h3 {
  font-family: "exo-bold", sans-serif;
  color: white;
  font-weight: 600;
  line-height: 1.2;
  text-transform: uppercase;
  font-size: 20px;
  text-align: left;
}
main .iot-links .wrapper .each-link p {
  color: #2b2b2b;
  font-family: "exo-regular", sans-serif;
  font-size: 15px;
  line-height: 1.5;
  padding-bottom: 20px;
  padding-top: 20px;
  margin: auto;
}
main .iot-links .wrapper .each-link a {
  text-decoration: none;
  color: white;
  border-radius: 20px;
  height: 39px;
  width: 100px;
  font-family: "exo-semibold", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 10px auto;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
main .iot-links .wrapper .each-link a img {
  margin-left: 5px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  right: 0;
}
main .iot-links .wrapper .each-link a:hover img {
  right: -5px;
}
main .links:before {
  content: "";
  background-image: url("../img/link-stop-bg.png");
  position: absolute;
  width: 100%;
  height: 192px;
  bottom: 100%;
  display: none;
}
main #onlineStoreBanner {
  background-image: url("../img/online-store-banner-bg.png");
  background-position: center top;
  background-repeat: no-repeat;
  width: 100%;
  height: 828px;
  margin-top: 70px;
}
main #onlineStoreBanner .wrapper h1 {
  font-family: "exo-semibold", sans-serif;
  color: #2c2c2c;
  font-size: 60px;
  padding-top: 35px;
  padding-bottom: 25px;
}
main #onlineStoreBanner .wrapper h3 {
  font-family: "exo-semibold", sans-serif;
  color: #2c2c2c;
  font-size: 25px;
}
main #onlineStoreBanner .wrapper h4 {
  font-family: "exo-regular", sans-serif;
  color: #2c2c2c;
  padding-top: 5px;
  font-size: 15px;
  width: 560px;
  margin-right: auto;
  line-height: 1.5;
  font-weight: normal;
}
main #onlineStoreBanner .wrapper h2 {
  font-family: "exo-semibold", sans-serif;
  color: #2c2c2c;
  font-size: 45px;
  padding-top: 74px;
  padding-bottom: 25px;
  width: 500px;
  line-height: 1.1;
}
main #onlineStoreBanner .wrapper img.storeDescImg {
  display: none;
}
main #onlineStoreBanner .wrapper ul {
  width: 700px;
  margin-right: auto;
}
main #onlineStoreBanner .wrapper ul li {
  list-style: none;
  font-family: "exo-regular", sans-serif;
  color: #2c2c2c;
  font-size: 15px;
  line-height: 1.7;
}
main #onlineStoreAdvantages {
  background-image: url("../img/online-store-advantages-bg.png");
  width: 100%;
  height: 1136px;
  background-repeat: no-repeat;
  margin-top: -100px;
  background-position: center top;
  padding-top: 65px;
}
main #onlineStoreAdvantages .wrapper h2 {
  font-family: "exo-semibold", sans-serif;
  color: #2c2c2c;
  font-size: 45px;
  padding-top: 74px;
  padding-bottom: 25px;
  line-height: 1.1;
  text-align: center;
}
main #onlineStoreAdvantages .wrapper .advantages-animation-holder {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  max-height: 437px;
}
main #onlineStoreAdvantages .wrapper .advantages-animation-holder video {
  width: 670px;
  border-top: 35px solid #000;
  border-left: 24px solid #000;
  border-right: 24px solid #000;
  border-bottom: 13px solid #000;
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
  max-height: 437px;
}
main #onlineStoreAdvantages .wrapper .advantages-animation-holder .video {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-height: 437px;
}
main #onlineStoreAdvantages .wrapper .advantages-animation-holder .video::after {
  content: "";
  background-image: url("../img/laptop-bottom.png");
  width: 823px;
  height: 38px;
  background-size: contain;
  background-position: top center;
  background-repeat: no-repeat;
  position: absolute;
  top: 100%;
}
main #onlineStoreAdvantages .wrapper .advantages-animation-holder .advantages {
  margin-left: 60px;
}
main #onlineStoreAdvantages .wrapper .advantages-animation-holder .advantages li {
  list-style: none;
  position: relative;
  padding: 10px 0;
  padding-left: 30px;
  padding-top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
main #onlineStoreAdvantages .wrapper .advantages-animation-holder .advantages li p {
  font-family: "exo-regular", sans-serif;
  color: #2c2c2c;
  font-size: 13px;
  margin-bottom: 10px;
  font-weight: normal;
  width: 100%;
}
main #onlineStoreAdvantages .wrapper .advantages-animation-holder .advantages li h3 {
  font-size: 18px;
  font-family: "exo-regular", sans-serif;
  color: #2c2c2c;
  width: 100%;
}
main #onlineStoreAdvantages .wrapper .advantages-animation-holder .advantages .current-advantage {
  background-repeat: no-repeat;
  font-size: 15px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  padding-top: 0;
  padding-bottom: 0;
}
main #onlineStoreAdvantages .wrapper .advantages-animation-holder .advantages .blured-text {
  background-image: url("../img/blured-text.png");
  background-repeat: no-repeat;
  width: 337px;
  height: 70px;
  color: transparent;
  padding: 0;
  background-position: center center;
  padding-left: 20px;
}
main #onlineStoreAdvantages .wrapper .advantages-animation-holder .advantages .blured-text h3 {
  display: none;
}
main #onlineStoreAdvantages .wrapper .advantages-animation-holder .advantages .blured-text p {
  display: none;
}
main #onlineStoreAdvantages .wrapper .advantages-animation-holder .advantages .blured-text::before {
  display: none;
}
main #onlineStoreAdvantages .wrapper .advantages-animation-holder .advantages li:before {
  content: "";
  position: absolute;
  left: -30px;
  height: 41px;
  width: 39px;
  background-image: url("../img/video-check.png");
}
main #marketRise {
  background-image: url("../img/market-rise-bg.png");
  background-position: center top;
  height: 1458px;
  margin-top: -810px;
  z-index: 9;
  position: relative;
}
main #marketRise .wrapper {
  padding-top: 400px;
}
main #marketRise .wrapper h2 {
  font-family: "exo-semibold", sans-serif;
  color: #2c2c2c;
  font-size: 45px;
  padding-top: 74px;
  padding-bottom: 12px;
  line-height: 1;
}
main #marketRise .wrapper p {
  list-style: none;
  font-family: "exo-regular", sans-serif;
  color: #898989;
  font-size: 20px;
  line-height: 1.7;
  width: 700px;
  margin-right: auto;
}
main #marketRise .wrapper img.marketRise {
  display: none;
}
main #marketRise .wrapper ul {
  margin-top: 85px;
}
main #marketRise .wrapper ul li {
  list-style: none;
  font-family: "exo-regular", sans-serif;
  font-size: 15px;
  line-height: 1.7;
  color: #5c2870;
  width: 500px;
  margin-right: auto;
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 20px;
  opacity: 0;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
main #marketRise .wrapper ul li h3 {
  font-size: 25px;
  font-family: "exo-semibold", sans-serif;
  color: #5c2870;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  margin-right: auto;
  line-height: 1.2;
  padding-bottom: 25px;
}
main #marketRise .wrapper ul li h3 img {
  margin-right: 15px;
}
main #marketRise .wrapper ul li:after {
  content: "";
  background-image: url("../img/faded-border.png");
  width: 622px;
  height: 3px;
  position: absolute;
  top: 100%;
  left: 0;
}
main #marketRise .wrapper ul li:last-of-type::after {
  display: none;
}
main #storeSeo {
  margin-top: -186px;
  background-image: url("../img/seo-decoration.png");
  background-position: center top;
  background-repeat: no-repeat;
  padding-top: 100px;
  position: relative;
  z-index: 9;
  height: 691px;
}
main #storeSeo .wrapper h2 {
  font-family: "exo-semibold", sans-serif;
  color: #2c2c2c;
  font-size: 45px;
  padding-top: 74px;
  padding-bottom: 12px;
  line-height: 1;
  text-align: center;
  opacity: 0;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
main #storeSeo .wrapper .input-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 555px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
  margin: auto;
  background: url(../img/ds.png) 12px;
  background-repeat: no-repeat;
  margin-bottom: 40px;
  position: relative;
  -webkit-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  margin-top: 70px;
  padding-left: 72px;
  background-size: 30px 30px;
}
main #storeSeo .wrapper .input-holder .small-icons {
  position: absolute;
  left: 10px;
}
main #storeSeo .wrapper .input-holder .small-icons .google-icon,
main #storeSeo .wrapper .input-holder .small-icons .yahoo-icon,
main #storeSeo .wrapper .input-holder .small-icons .bing-icon {
  width: 15px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
main #storeSeo .wrapper .input-holder .yahoo {
  position: absolute;
  right: -120px;
  top: -150px;
  z-index: 1;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
main #storeSeo .wrapper .input-holder .bing {
  position: absolute;
  bottom: -100px;
  width: 90px;
  z-index: 1;
  left: -20px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
main #storeSeo .wrapper .input-holder .google {
  position: absolute;
  bottom: -180px;
  width: 120px;
  z-index: 1;
  right: 50px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
main #storeSeo .wrapper .input-holder .yahoo-in {
  right: 390px;
  top: -29px;
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
  z-index: 1;
}
main #storeSeo .wrapper .input-holder .bing-in {
  position: absolute;
  bottom: -17px;
  width: 90px;
  z-index: 1;
  left: 53px;
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
}
main #storeSeo .wrapper .input-holder .google-in {
  bottom: -33px;
  z-index: 1;
  right: 379px;
  -webkit-transform: scale(0.4);
  -ms-transform: scale(0.4);
  transform: scale(0.4);
}
main #storeSeo .wrapper .input-holder #input {
  height: 58px;
  background-color: white;
  color: #3871f8;
  font-family: "exo-semibold", sans-serif;
  font-size: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  z-index: 99;
}
main #storeSeo .wrapper .input-holder::after {
  content: "";
  background-image: url(../img/search-engine-icon.png);
  position: absolute;
  right: 10px;
  width: 32px;
  height: 32px;
  z-index: 99;
}
main #storeSeo .wrapper .play::after {
  content: "";
  background-image: url(../img/search-engine-icon.png);
  position: absolute;
  right: 10px;
  width: 32px;
  height: 32px;
  -webkit-backface-visibility: hidden;
  -webkit-animation: anim 0.5s 1.5 linear;
  animation: anim 0.5s 1.5 linear;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@-webkit-keyframes anim {
  0% {
    top: 10px;
    right: 10px;
  }
  10% {
    top: 12px;
    right: 20px;
  }
  20% {
    top: 15px;
    right: 25px;
  }
  30% {
    top: 17px;
    right: 20px;
  }
  40% {
    top: 20px;
    right: 15px;
  }
  50% {
    top: 17px;
    right: 10px;
  }
  60% {
    top: 15px;
    right: 5px;
  }
  70% {
    top: 12px;
    right: 10px;
  }
  80% {
    top: 12px;
    right: 10px;
  }
  90% {
    top: 10px;
    right: 10px;
  }
  100% {
    top: 10px;
    right: 10px;
  }
}
@keyframes anim {
  0% {
    top: 10px;
    right: 10px;
  }
  10% {
    top: 12px;
    right: 20px;
  }
  20% {
    top: 15px;
    right: 25px;
  }
  30% {
    top: 17px;
    right: 20px;
  }
  40% {
    top: 20px;
    right: 15px;
  }
  50% {
    top: 17px;
    right: 10px;
  }
  60% {
    top: 15px;
    right: 5px;
  }
  70% {
    top: 12px;
    right: 10px;
  }
  80% {
    top: 12px;
    right: 10px;
  }
  90% {
    top: 10px;
    right: 10px;
  }
  100% {
    top: 10px;
    right: 10px;
  }
}
main #storeSeo .wrapper .seo-loader {
  display: block;
  margin: auto;
  margin-top: 100px;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
main #storeSeo .wrapper p {
  list-style: none;
  font-family: "exo-regular", sans-serif;
  color: #898989;
  font-size: 15px;
  line-height: 1.7;
  width: 750px;
  margin: auto;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
main #storeSeoBottom {
  background-image: url("../img/store-seo-bottom-bg.png");
  background-position: center center;
  background-repeat: no-repeat;
  height: 973px;
  width: 100%;
  margin-top: -80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
main #storeSeoBottom .wrapper {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
main #storeSeoBottom .wrapper .heading-holder {
  margin-bottom: auto;
  margin-top: 165px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}
main #storeSeoBottom .wrapper .heading-holder h2 {
  position: relative;
  z-index: 9;
  font-family: "exo-semibold", sans-serif;
  color: #2c2c2c;
  font-size: 35px;
  line-height: 1;
  text-align: left;
  padding-bottom: 10px;
}
main #storeSeoBottom .wrapper .heading-holder .first-heading {
  width: 500px;
}
main #storeSeoBottom .wrapper .heading-holder .first-heading::after {
  content: "";
  height: 7px;
  border-radius: 20px;
  width: 330px;
  position: absolute;
  top: 100%;
  left: 0;
  background-image: -o-linear-gradient(left, #e89861, #ffbc66);
  background-image: -webkit-gradient(linear, left top, right top, from(#e89861), to(#ffbc66));
  background-image: linear-gradient(to right, #e89861, #ffbc66);
}
main #storeSeoBottom .wrapper .heading-holder .second-heading::after {
  content: "";
  height: 7px;
  border-radius: 20px;
  width: 330px;
  position: absolute;
  top: 100%;
  left: 0;
  background-image: -o-linear-gradient(left, #ff8adf, #b069cd);
  background-image: -webkit-gradient(linear, left top, right top, from(#ff8adf), to(#b069cd));
  background-image: linear-gradient(to right, #ff8adf, #b069cd);
}
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 800px;
}
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper .left-store-seo-bottom {
  position: relative;
  z-index: 99;
}
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper .left-store-seo-bottom ul {
  margin-top: -350px;
  margin-right: 200px;
  width: 415px;
}
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper .left-store-seo-bottom ul li {
  position: relative;
  font-size: 25px;
}
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper .left-store-seo-bottom ul li strong {
  color: #e49b64 !important;
  font-family: "exo-bold", sans-serif !important;
}
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper .left-store-seo-bottom ul li:nth-child(1)::before {
  content: "";
  background-image: url("../img/first-left-second-icon.png");
  width: 86px;
  height: 54px;
  background-position: center center;
  background-size: contain;
  position: absolute;
  left: -43px;
  top: -27px;
}
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper .left-store-seo-bottom ul li:nth-child(2)::before {
  content: "";
  background-image: url("../img/first-left-first-icon.png");
  width: 99px;
  height: 59px;
  background-position: center center;
  background-size: contain;
  position: absolute;
  left: -58px;
  top: -45px;
}
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper .left-store-seo-bottom ul li:nth-child(3)::before {
  content: "";
  background-image: url("../img/first-left-third-icon.png");
  width: 74px;
  height: 61px;
  background-position: center center;
  background-size: contain;
  position: absolute;
  left: -30px;
  top: -37px;
}
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper .left-store-seo-bottom ul li:nth-child(4)::before {
  content: "";
  background-image: url("../img/second-left-first-icon.png");
  width: 87px;
  height: 67px;
  background-position: center center;
  background-size: contain;
  position: absolute;
  left: -50px;
  top: -37px;
}
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper .left-store-seo-bottom ul li:nth-child(5)::before {
  content: "";
  background-image: url("../img/second-left-second-icon.png");
  width: 56px;
  height: 67px;
  background-position: center center;
  background-size: contain;
  position: absolute;
  left: -30px;
  top: -37px;
}
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper .left-store-seo-bottom ul li:nth-child(6)::before {
  content: "";
  background-image: url("../img/third-left-first-icon.png");
  width: 68px;
  height: 68px;
  background-position: center center;
  background-size: contain;
  position: absolute;
  left: -37px;
  top: -37px;
}
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper .left-store-seo-bottom ul li:nth-child(7)::before {
  content: "";
  background-image: url("../img/thrid-left-second-icon.png");
  width: 68px;
  height: 68px;
  background-position: center center;
  background-size: contain;
  position: absolute;
  left: -30px;
  top: -37px;
}
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper .left-store-seo-bottom ul li:nth-child(9)::before {
  content: "";
  background-image: url("../img/fourth-left-first-icon.png");
  width: 55px;
  height: 56px;
  background-position: center center;
  background-size: contain;
  position: absolute;
  left: -30px;
  top: -37px;
}
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper .left-store-seo-bottom ul li:nth-child(8)::before {
  content: "";
  background-image: url("../img/fourth-left-second-icon.png");
  width: 121px;
  height: 58px;
  background-position: center center;
  background-size: contain;
  position: absolute;
  left: -60px;
  top: -37px;
}
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper .right-store-seo-bottom {
  position: relative;
  z-index: 99;
}
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper .right-store-seo-bottom ul {
  margin-top: -250px;
  margin-left: 200px;
  width: 415px;
  height: 400px;
  position: relative;
}
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper .right-store-seo-bottom ul li {
  list-style: none;
  font-family: "exo-regular", sans-serif;
  color: #344a76;
  line-height: 1.1;
  background-color: rgba(255, 255, 255, 0.95);
  padding: 20px;
  border-radius: 3px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin: 30px;
  margin-right: 0;
  max-width: 500px;
  -webkit-box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.3);
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  margin-left: 30px;
  -webkit-transition: 0.3s ease-in;
  -o-transition: 0.3s ease-in;
  transition: 0.3s ease-in;
  font-size: 25px;
}
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper .right-store-seo-bottom ul li strong {
  color: #b46fcf !important;
  font-family: "exo-semibold", sans-serif !important;
}
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper .right-store-seo-bottom ul li:nth-child(1)::before {
  content: "";
  background-image: url("../img/first-first-second-icon.png");
  width: 53px;
  height: 127px;
  background-position: center center;
  background-size: contain;
  position: absolute;
  right: -27px;
  top: -70px;
}
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper .right-store-seo-bottom ul li:nth-child(2)::before {
  content: "";
  background-image: url("../img/first-right-second-icon.png");
  width: 74px;
  height: 68px;
  background-position: center center;
  background-size: contain;
  position: absolute;
  right: -47px;
  top: -45px;
}
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper .right-store-seo-bottom ul li:nth-child(3)::before {
  content: "";
  background-image: url("../img/second-right-first-icon.png");
  width: 66px;
  height: 69px;
  background-position: center center;
  background-size: contain;
  position: absolute;
  right: -47px;
  top: -37px;
}
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper .right-store-seo-bottom ul li:nth-child(4)::before {
  content: "";
  background-image: url("../img/second-right-second-icon.png");
  width: 84px;
  height: 68px;
  background-position: center center;
  background-size: contain;
  position: absolute;
  right: -30px;
  top: -37px;
}
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper .right-store-seo-bottom ul li:nth-child(5)::before {
  content: "";
  background-image: url("../img/third-right-first-icon.png");
  width: 69px;
  height: 68px;
  background-position: center center;
  background-size: contain;
  position: absolute;
  right: -37px;
  top: -47px;
}
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper .right-store-seo-bottom ul li:nth-child(6)::before {
  content: "";
  background-image: url("../img/fourth-right-first-icon.png");
  width: 48px;
  height: 82px;
  background-position: center center;
  background-size: contain;
  position: absolute;
  right: -23px;
  top: -34px;
}
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper .right-store-seo-bottom ul li:nth-child(1) {
  position: absolute;
  top: 5px;
}
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper .right-store-seo-bottom ul li:nth-child(2) {
  position: absolute;
  top: 210px;
}
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper .right-store-seo-bottom ul li:nth-child(3) {
  position: absolute;
  top: 31px;
  left: 35px;
}
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper .right-store-seo-bottom ul li:nth-child(4) {
  position: absolute;
  top: 335px;
  right: -70px;
}
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper .right-store-seo-bottom ul li:nth-child(5) {
  position: absolute;
  top: 150px;
}
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper .right-store-seo-bottom ul li:nth-child(6) {
  position: absolute;
  top: 40px;
}
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper .right-store-seo-bottom ul li:nth-child(7) {
  position: absolute;
  top: 60px;
}
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper .right-store-seo-bottom ul li:nth-child(8) {
  position: absolute;
  top: 200px;
}
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper .right-store-seo-bottom ul li:nth-child(9) {
  position: absolute;
  top: 70px;
}
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper .right-store-seo-bottom ul li:nth-child(10) {
  position: absolute;
  top: 210px;
}
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile {
  display: none;
}
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile .left-store-seo-bottom ul li {
  position: relative;
  padding-top: 40px;
}
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile .left-store-seo-bottom ul .slick-slide:nth-child(1) li::before {
  content: "";
  background-image: url("../img/first-left-second-icon.png");
  width: 86px;
  height: 54px;
  background-position: center center;
  background-size: contain;
  position: absolute;
  top: -27px;
  left: calc(50% - 43px);
}
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile .left-store-seo-bottom ul .slick-slide:nth-child(2) li::before {
  content: "";
  background-image: url("../img/first-left-first-icon.png");
  width: 99px;
  height: 59px;
  background-position: center center;
  background-size: contain;
  position: absolute;
  top: -30px;
  left: calc(50% - 49.5px);
}
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile .left-store-seo-bottom ul .slick-slide:nth-child(3) li::before {
  content: "";
  background-image: url("../img/first-left-third-icon.png");
  width: 74px;
  height: 61px;
  background-position: center center;
  background-size: contain;
  position: absolute;
  left: calc(50% - 37px);
  top: -30px;
}
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile .left-store-seo-bottom ul .slick-slide:nth-child(4) li::before {
  content: "";
  background-image: url("../img/second-left-first-icon.png");
  width: 87px;
  height: 67px;
  background-position: center center;
  background-size: contain;
  position: absolute;
  left: calc(50% - 43.5px);
  top: -33px;
}
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile .left-store-seo-bottom ul .slick-slide:nth-child(5) li::before {
  content: "";
  background-image: url("../img/second-left-second-icon.png");
  width: 56px;
  height: 67px;
  background-position: center center;
  background-size: contain;
  position: absolute;
  left: calc(50% - 28px);
  top: -33px;
}
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile .left-store-seo-bottom ul .slick-slide:nth-child(6) li::before {
  content: "";
  background-image: url("../img/third-left-first-icon.png");
  width: 68px;
  height: 68px;
  background-position: center center;
  background-size: contain;
  position: absolute;
  left: calc(50% - 34px);
  top: -34px;
}
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile .left-store-seo-bottom ul .slick-slide:nth-child(7) li::before {
  content: "";
  background-image: url("../img/thrid-left-second-icon.png");
  width: 68px;
  height: 68px;
  background-position: center center;
  background-size: contain;
  position: absolute;
  left: calc(50% - 34px);
  top: -34px;
}
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile .left-store-seo-bottom ul .slick-slide:nth-child(8) li::before {
  content: "";
  background-image: url("../img/fourth-left-first-icon.png");
  width: 55px;
  height: 56px;
  background-position: center center;
  background-size: contain;
  position: absolute;
  left: calc(50% - 27.5px);
  top: -28px;
}
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile .left-store-seo-bottom ul .slick-slide:nth-child(9) li::before {
  content: "";
  background-image: url("../img/fourth-left-second-icon.png");
  width: 121px;
  height: 58px;
  background-position: center center;
  background-size: contain;
  position: absolute;
  left: calc(50% - 60.5px);
  top: -28px;
}
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile .right-store-seo-bottom ul li {
  position: relative;
  padding-top: 40px;
  height: 160px;
}
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile .right-store-seo-bottom ul .slick-slide:nth-child(1) li::before {
  content: "";
  background-image: url("../img/first-first-second-icon.png");
  width: 39px;
  height: 80px;
  background-position: center center;
  background-size: contain;
  position: absolute;
  left: calc(50% - 19.5px);
  top: -40px;
  background-repeat: no-repeat;
}
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile .right-store-seo-bottom ul .slick-slide:nth-child(2) li::before {
  content: "";
  background-image: url("../img/first-right-second-icon.png");
  width: 74px;
  height: 68px;
  background-position: center center;
  background-size: contain;
  position: absolute;
  left: calc(50% - 37px);
  top: -34px;
}
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile .right-store-seo-bottom ul .slick-slide:nth-child(3) li::before {
  content: "";
  background-image: url("../img/second-right-first-icon.png");
  width: 66px;
  height: 69px;
  background-position: center center;
  background-size: contain;
  position: absolute;
  left: calc(50% - 33px);
  top: -35px;
}
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile .right-store-seo-bottom ul .slick-slide:nth-child(4) li::before {
  content: "";
  background-image: url("../img/second-right-second-icon.png");
  width: 84px;
  height: 68px;
  background-position: center center;
  background-size: contain;
  position: absolute;
  left: calc(50% - 42px);
  top: -39px;
}
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile .right-store-seo-bottom ul .slick-slide:nth-child(5) li::before {
  content: "";
  background-image: url("../img/third-right-first-icon.png");
  width: 69px;
  height: 68px;
  background-position: center center;
  background-size: contain;
  position: absolute;
  left: calc(50% - 34.5px);
  top: -34px;
}
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile .right-store-seo-bottom ul .slick-slide:nth-child(6) li::before {
  content: "";
  background-image: url("../img/fourth-right-first-icon.png");
  width: 48px;
  height: 60px;
  background-position: center center;
  background-size: contain;
  position: absolute;
  left: calc(50% - 24px);
  top: -30px;
  background-repeat: no-repeat;
}
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper ul,
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile ul {
  margin-top: -350px;
  margin-right: 200px;
  width: 415px;
  position: relative;
  height: 400px;
}
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper ul li,
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile ul li {
  list-style: none;
  font-family: "exo-regular", sans-serif;
  color: #344a76;
  font-size: 22px;
  line-height: 1.1;
  background-color: rgba(255, 255, 255, 0.95);
  padding: 20px;
  border-radius: 3px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin: 30px;
  margin-left: 0;
  max-width: 500px;
  -webkit-box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.3);
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper ul li b,
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile ul li b {
  color: #d38d58;
  font-family: "exo-regular", sans-serif;
}
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper ul li:nth-child(even),
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile ul li:nth-child(even) {
  margin-left: 30px;
}
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper ul li:nth-child(1),
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper ul li:nth-child(2),
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper ul li:nth-child(3),
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile ul li:nth-child(1),
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile ul li:nth-child(2),
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile ul li:nth-child(3) {
  margin-top: 0;
}
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper ul li:nth-child(1),
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile ul li:nth-child(1) {
  position: absolute;
  right: -150px;
  top: 46px;
  -webkit-transition: 0.1s;
  -o-transition: 0.1s;
  transition: 0.1s;
}
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper ul li:nth-child(2),
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile ul li:nth-child(2) {
  position: absolute;
  top: 208px;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  right: -135px;
}
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper ul li:nth-child(3),
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile ul li:nth-child(3) {
  position: absolute;
  top: 380px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  right: -203px;
}
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper ul li:nth-child(4),
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile ul li:nth-child(4) {
  margin-top: 0px;
}
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper ul li:nth-child(4),
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile ul li:nth-child(4) {
  position: absolute;
  top: 370px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  right: -150px;
}
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper ul li:nth-child(5),
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper ul li:nth-child(6),
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile ul li:nth-child(5),
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile ul li:nth-child(6) {
  margin-top: 0px;
}
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper ul li:nth-child(5),
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile ul li:nth-child(5) {
  position: absolute;
  top: 42px;
  right: -155px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper ul li:nth-child(6),
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile ul li:nth-child(6) {
  position: absolute;
  top: 315px;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  right: -80px;
}
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper ul li:nth-child(7),
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper ul li:nth-child(8),
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile ul li:nth-child(7),
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile ul li:nth-child(8) {
  margin-top: 0px;
}
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper ul li:nth-child(7),
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile ul li:nth-child(7) {
  position: absolute;
  top: 40px;
  -webkit-transition: 0.7s;
  -o-transition: 0.7s;
  transition: 0.7s;
  right: -150px;
}
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper ul li:nth-child(8),
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile ul li:nth-child(8) {
  position: absolute;
  top: 330px;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
  right: -112px;
}
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper ul li:nth-child(9),
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper ul li:nth-child(10),
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile ul li:nth-child(9),
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile ul li:nth-child(10) {
  margin-top: 0px;
}
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper ul li:nth-child(9),
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile ul li:nth-child(9) {
  position: absolute;
  top: 50px;
  -webkit-transition: 0.9s;
  -o-transition: 0.9s;
  transition: 0.9s;
  right: -130px;
}
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper ul li:nth-child(10),
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile ul li:nth-child(10) {
  position: absolute;
  top: 159px;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper .vertical-slider,
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile .vertical-slider {
  width: 60px;
  height: 487px;
  background-image: url("../img/vertical-slider-bg.png");
  background-repeat: no-repeat;
  background-position: center top;
  position: absolute;
  z-index: 4;
  margin-top: -112px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper .vertical-slider .paund-icon,
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile .vertical-slider .paund-icon {
  position: absolute;
  right: 14px;
  top: 69px;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper .vertical-slider .euro-icon,
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile .vertical-slider .euro-icon {
  position: absolute;
  left: 11px;
  top: 62px;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper .vertical-slider .dolar-icon,
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile .vertical-slider .dolar-icon {
  position: absolute;
  right: 20px;
  top: 68px;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper .vertical-slider .gift-icon,
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile .vertical-slider .gift-icon {
  position: absolute;
  left: 60px;
  top: 350px;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper .vertical-slider .mail-icon,
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile .vertical-slider .mail-icon {
  position: absolute;
  left: -69px;
  top: 190px;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper .vertical-slider .paund-after,
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile .vertical-slider .paund-after {
  right: -50px;
  top: 130px;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper .vertical-slider .euro-after,
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile .vertical-slider .euro-after {
  left: -50px;
  top: 25px;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper .vertical-slider .dolar-after,
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile .vertical-slider .dolar-after {
  right: -50px;
  top: -20px;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper .vertical-slider .mail-after,
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile .vertical-slider .mail-after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper .vertical-slider .gift-after,
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile .vertical-slider .gift-after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper .vertical-slider .vertical-slider-dot,
main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile .vertical-slider .vertical-slider-dot {
  position: absolute;
  top: 25px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
}
main #storeSeoBottom .wrapper .people {
  position: absolute;
  z-index: 2;
  margin-top: 130px;
  margin-left: -24px;
}
main #motivateYourClient {
  margin-top: -169px;
  background-image: url("../img/motivate-your-clients-bg.png");
  height: 1154px;
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
}
main #motivateYourClient .wrapper {
  position: relative;
  height: 100%;
}
main #motivateYourClient .wrapper .motivateYourClientImg {
  display: none;
}
main #motivateYourClient .wrapper h2 {
  font-family: "exo-semibold", sans-serif;
  color: #2c2c2c;
  font-size: 45px;
  padding-top: 74px;
  padding-bottom: 10px;
  line-height: 1.1;
}
main #motivateYourClient .wrapper h3 {
  font-family: "exo-regular", sans-serif;
  color: #898989;
  font-size: 20px;
  line-height: 1.4;
  width: 550px;
  margin-right: auto;
}
main #motivateYourClient .wrapper div {
  width: 540px;
  position: absolute;
  opacity: 0;
  margin-top: 100px;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
main #motivateYourClient .wrapper div h4 {
  border-bottom: 1px solid #073c51;
  display: inline-block;
  font-family: "exo-bold", sans-serif;
  font-size: 25px;
}
main #motivateYourClient .wrapper div p {
  font-family: "exo-bold", sans-serif;
  font-size: 15px;
  padding-top: 21px;
  line-height: 1.6;
}
main #motivateYourClient .wrapper div img {
  display: block;
}
main #motivateYourClient .wrapper div h4,
main #motivateYourClient .wrapper div p {
  color: #073c51;
}
main #motivateYourClient .wrapper .first-motivation {
  left: 0;
  top: 278px;
}
main #motivateYourClient .wrapper .first-motivation p {
  width: 300px;
}
main #motivateYourClient .wrapper .first-motivation img {
  margin-left: 25px;
  margin-top: 15px;
}
main #motivateYourClient .wrapper .second-motivation {
  right: 0;
  top: 185px;
  text-align: right;
}
main #motivateYourClient .wrapper .second-motivation p {
  text-align: left;
  width: 311px;
  margin-left: auto;
}
main #motivateYourClient .wrapper .second-motivation img {
  margin-left: 356px;
  margin-top: 15px;
}
main #motivateYourClient .wrapper .third-motivation {
  right: 0;
  bottom: 197px;
}
main #motivateYourClient .wrapper .third-motivation p {
  width: 300px;
  margin-right: auto;
}
main #motivateYourClient .wrapper .third-motivation img {
  position: absolute;
  right: 119px;
  bottom: 62px;
}
main #manageBg {
  background-image: url("../img/manage-bg.jpg");
  height: 1316px;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  margin-top: -170px;
  position: relative;
  z-index: 1;
}
main #manageBg .wrapper {
  height: 100%;
}
main #manageBg .wrapper .manage-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
main #manageBg .wrapper .manage-wrapper .manage-img {
  margin-top: 55px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
main #manageBg .wrapper .manage-wrapper .manage-info {
  margin-top: 90px;
  margin-top: 190px;
  opacity: 0;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
main #manageBg .wrapper .manage-wrapper .manage-info h2 {
  color: #2c2c2c;
  font-family: "exo-semibold", sans-serif;
  font-size: 45px;
  padding-bottom: 10px;
  text-align: left;
  line-height: 1;
}
main #manageBg .wrapper .manage-wrapper .manage-info h3 {
  color: #898989;
  font-family: "exo-semibold", sans-serif;
  font-size: 25px;
  padding-bottom: 36px;
}
main #manageBg .wrapper .manage-wrapper .manage-info p {
  color: #2c2c2c;
  font-family: "exo-regular", sans-serif;
  font-size: 15px;
  line-height: 1.5;
  padding-bottom: 60px;
}
main #manageBg .wrapper .manage-wrapper .manage-info .manage-img {
  display: none;
}
main #manageBg .wrapper .your-software-partner {
  padding-top: 134px;
  margin-top: 100px;
  opacity: 0;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
main #manageBg .wrapper .your-software-partner h2 {
  color: #2c2c2c;
  font-family: "exo-semibold", sans-serif;
  font-size: 45px;
  padding-bottom: 10px;
  text-align: center;
  line-height: 1;
}
main #manageBg .wrapper .your-software-partner h3 {
  color: #898989;
  font-family: "exo-regular", sans-serif;
  font-size: 20px;
  padding-bottom: 36px;
  text-align: center;
  width: 600px;
  margin: auto;
  padding-top: 10px;
}
main #manageBg .wrapper .your-software-partner p {
  color: #2c2c2c;
  font-family: "exo-regular", sans-serif;
  font-size: 15px;
  line-height: 1.5;
  padding-bottom: 60px;
  text-align: center;
  width: 800px;
  margin: auto;
}
main #onlineStoreLinks {
  background-color: #e4f5fd;
}
main #onlineStoreLinks .wrapper {
  padding: 40px 0;
}
main #onlineStoreLinks .wrapper .links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  position: relative;
  z-index: 9;
}
main #onlineStoreLinks .wrapper .links h2 {
  font-family: "exo-bold", sans-serif;
  color: #2b2b2b;
  font-size: 45px;
  padding: 10px 0;
  text-align: center;
  line-height: 1.2;
  font-weight: 600;
  width: 100%;
  padding-bottom: 50px;
}
main #onlineStoreLinks .wrapper .links .each-link {
  width: 28.5714285714%;
  text-align: center;
}
main #onlineStoreLinks .wrapper .links .each-link .link-head {
  border-radius: 12px;
  height: 95px;
  width: 240px;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  padding: 5px 10px;
  margin-bottom: 15px;
}
main #onlineStoreLinks .wrapper .links .each-link .link-head h3 {
  font-family: "exo-bold", sans-serif;
  color: white;
  font-weight: 600;
  line-height: 1.2;
  text-transform: uppercase;
  font-size: 20px;
  text-align: left;
}
main #onlineStoreLinks .wrapper .links .each-link p {
  color: #2b2b2b;
  font-family: "exo-regular", sans-serif;
  font-size: 15px;
  line-height: 1.5;
  padding-bottom: 25px;
}
main #onlineStoreLinks .wrapper .links .each-link a {
  text-decoration: none;
  color: white;
  border-radius: 20px;
  height: 39px;
  width: 100px;
  font-family: "exo-semibold", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 10px auto;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
main #onlineStoreLinks .wrapper .links .each-link a img {
  margin-left: 5px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  right: 0;
}
main #onlineStoreLinks .wrapper .links .each-link a:hover img {
  right: -5px;
}
main #onlineStoreLinks .wrapper .links::before {
  display: none;
}
main #softwareSolutionMainBanner {
  background-image: url("../img/software-solution-main-banner.jpg");
  background-position: center top;
  width: 100%;
  height: 1082px;
  padding-top: 80px;
}
main #softwareSolutionMainBanner .wrapper h1 {
  font-family: "exo-semibold", sans-serif;
  color: #363030;
  font-size: 60px;
  padding-top: 50px;
  text-align: center;
}
main #softwareSolutionMainBanner .wrapper h2 {
  font-family: "exo-semibold", sans-serif;
  color: #898989;
  padding-bottom: 35px;
  padding-top: 5px;
  font-size: 25px;
  text-align: center;
}
main #softwareSolutionMainBanner .wrapper p {
  font-family: "exo", sans-serif;
  color: #363030;
  line-height: 1.5;
  font-size: 15px;
  text-align: center;
}
main #developingWayofWork {
  margin-top: -183px;
}
main #developingWayofWork .wrapper h2 {
  font-family: "exo-semibold", sans-serif;
  color: #363030;
  font-size: 45px;
  padding-top: 50px;
  text-align: left;
}
main #developingWayofWork .wrapper h3 {
  font-family: "exo-semibold", sans-serif;
  color: #898989;
  padding-bottom: 41px;
  padding-top: 12px;
  font-size: 20px;
  text-align: left;
}
main #developingWayofWork .wrapper .info-part {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
main #developingWayofWork .wrapper .info-part p {
  font-family: "exo", sans-serif;
  color: #363030;
  line-height: 1.7;
  font-size: 15px;
  text-align: left;
  width: 316px;
  margin-right: auto;
}
main #developingWayofWork .wrapper .info-part .cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: -40px;
}
main #developingWayofWork .wrapper .info-part .cards div h2 {
  font-family: "exo-semibold", sans-serif;
  font-size: 22px;
  color: #204acf;
  padding-bottom: 20px;
}
main #developingWayofWork .wrapper .info-part .cards div p {
  font-family: "exo", sans-serif;
  color: #363030;
  line-height: 1.7;
  font-size: 15px;
  text-align: left;
  width: auto;
  margin-right: auto;
}
main #developingWayofWork .wrapper .info-part .cards .first-card {
  width: 311px;
  height: 429px;
  background-image: url("../img/first-card-bg.png");
  padding: 0px 55px;
}
main #developingWayofWork .wrapper .info-part .cards .second-card {
  width: 364px;
  height: 429px;
  background-image: url("../img/second-card-bg.png");
  margin-left: -100px;
  position: relative;
  z-index: 9;
  padding: 0px 106px;
  padding-right: 56px;
}
main #developingWayofWork .wrapper .info-part .cards .third-card {
  width: 307px;
  height: 429px;
  background-image: url("../img/third-card-bg.png");
  margin-left: -50px;
  padding: 0 55px;
}
main #developingWayofWork .wrapper a {
  display: none;
}
main #developingWayofWorkBottom {
  background-image: url("../img/developing-way-of-work-bottom-bg.png");
  height: 1132px;
  width: 100%;
  margin-top: -335px;
  background-position: center center;
}
main #developingWayofWorkBottom .wrapper {
  height: 100%;
}
main #developingWayofWorkBottom .wrapper .bottom-button {
  background-image: -o-linear-gradient(left, #f9a67b, #ea78a2);
  background-image: -webkit-gradient(linear, left top, right top, from(#f9a67b), to(#ea78a2));
  background-image: linear-gradient(to right, #f9a67b, #ea78a2);
  color: white;
  font-family: "exo", sans-serif;
  height: 35px;
  width: 130px;
  border-radius: 20px;
  border: none;
  cursor: pointer;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  overflow: hidden;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 15px;
  margin: auto;
  margin-top: -100px;
}
main #developingWayofWorkBottom .wrapper .bottom-button:hover {
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
}
main #developingWayofWorkBottom .wrapper .each-solution-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top: 500px;
  height: 100%;
  position: relative;
}
main #developingWayofWorkBottom .wrapper .each-solution-wrapper div {
  width: 265px;
  position: absolute;
}
main #developingWayofWorkBottom .wrapper .each-solution-wrapper div img {
  display: block;
  margin: auto;
  text-align: center;
  margin-bottom: 5px;
}
main #developingWayofWorkBottom .wrapper .each-solution-wrapper div h2 {
  font-family: "exo-semibold", sans-serif;
  color: white;
  font-size: 22px;
  padding-bottom: 10px;
  text-align: center;
}
main #developingWayofWorkBottom .wrapper .each-solution-wrapper div p {
  font-family: "exo-regular", sans-serif;
  color: white;
  font-size: 15px;
  line-height: 1.5;
  text-align: center;
}
main #developingWayofWorkBottom .wrapper .each-solution-wrapper .first-solution {
  left: 0;
  bottom: 393px;
}
main #developingWayofWorkBottom .wrapper .each-solution-wrapper .second-solution {
  left: 200px;
  bottom: 555px;
}
main #developingWayofWorkBottom .wrapper .each-solution-wrapper .third-solution {
  bottom: 506px;
  left: 616px;
  width: 270px;
}
main #developingWayofWorkBottom .wrapper .each-solution-wrapper .fourth-solution {
  right: 0;
  bottom: 590px;
}
main #developingWayofWorkBottom .wrapper .each-solution-wrapper .fifth-solution {
  bottom: 102px;
  left: 92px;
}
main #developingWayofWorkBottom .wrapper .each-solution-wrapper .sixth-solution {
  bottom: 210px;
  left: 424px;
}
main #developingWayofWorkBottom .wrapper .each-solution-wrapper .seventh-solution {
  right: 19px;
  bottom: 234px;
  width: 230px;
}
main #improvingYourProduct {
  background-image: url("../img/improving-your-product-bg.png");
  height: 697px;
  width: 100%;
  background-position: left center;
  margin-top: -60px;
  padding-top: 120px;
  position: relative;
}
main #improvingYourProduct .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
main #improvingYourProduct .wrapper .info-part {
  margin-top: 100px;
  opacity: 0;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
main #improvingYourProduct .wrapper .info-part h2 {
  font-family: "exo-semibold", sans-serif;
  color: #363030;
  font-size: 45px;
  padding-top: 50px;
  text-align: left;
  width: 550px;
  margin-right: auto;
}
main #improvingYourProduct .wrapper .info-part h3 {
  font-family: "exo-semibold", sans-serif;
  color: #898989;
  padding-bottom: 41px;
  padding-top: 12px;
  font-size: 20px;
  text-align: left;
  width: 550px;
  margin-right: auto;
  line-height: 1.1;
}
main #improvingYourProduct .wrapper .info-part p {
  font-family: "exo", sans-serif;
  color: #363030;
  line-height: 1.7;
  font-size: 15px;
  text-align: left;
  width: 550px;
  margin-right: auto;
}
main #improvingYourProduct .wrapper .scroller-wrapper::-webkit-scrollbar,
main #improvingYourProduct .wrapper .scroller::-webkit-scrollbar {
  display: none;
}
main #improvingYourProduct .wrapper .scroller-wrapper {
  overflow: auto;
  position: absolute;
  right: 0;
  width: 50vw;
  margin-top: 60px;
  scrollbar-width: none;
}
main #improvingYourProduct .wrapper .scroller-wrapper .scroller {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
main #improvingYourProduct .wrapper .scroller-wrapper .scroller .improving-card {
  border-radius: 12px;
  -webkit-box-shadow: 0px 0px 14px -7px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 14px -7px rgba(0, 0, 0, 0.75);
  background-color: white;
  margin: 10px;
  width: 350px !important;
  height: 375px;
  padding: 23px 32px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
main #improvingYourProduct .wrapper .scroller-wrapper .scroller .improving-card h3 {
  font-family: "exo-semibold", sans-serif;
  color: #363030;
  font-size: 22px;
  padding-bottom: 20px;
}
main #improvingYourProduct .wrapper .scroller-wrapper .scroller .improving-card p {
  font-family: "exo-regular", sans-serif;
  color: #363030;
  font-size: 15px;
  line-height: 1.7;
}
main #improvingYourProduct .wrapper .scroller-wrapper .scroller .first-improving-card {
  background-image: url("../img/first-card-bg.jpg");
  background-position: center bottom;
  background-repeat: no-repeat;
}
main #improvingYourProduct .wrapper .scroller-wrapper .scroller .second-improving-card {
  background-image: url("../img/second-card-bg.jpg");
  background-position: center 92%;
  background-repeat: no-repeat;
}
main #improvingYourProduct .wrapper .scroller-wrapper .scroller .third-improving-card {
  background-image: url("../img/thrid-card-bg.jpg");
  background-position: center 95%;
  background-repeat: no-repeat;
}
main #improvingYourProduct .wrapper .scroller-wrapper .scroller .fourth-improving-card {
  background-image: url("../img/fourth-card-bg.jpg");
  background-position: center 93%;
  background-repeat: no-repeat;
}
main #improvingYourProduct .wrapper .scroller-wrapper .scroller .fifth-improving-card {
  background-image: url("../img/fifth-card-bg.jpg");
  background-position: center 93%;
  background-repeat: no-repeat;
}
main #improvingYourProduct .wrapper .scroller-wrapper .scroller .sixth-improving-card {
  background-image: url("../img/sixth-card-bg.jpg");
  background-position: center 93%;
  background-repeat: no-repeat;
}
main #improvingYourProduct .wrapper .scroller-wrapper .scroller .improving-card {
  position: relative;
}
main #hardwareWork .wrapper {
  position: relative;
}
main #hardwareWork .wrapper h2 {
  font-family: "exo-semibold", sans-serif;
  color: #363030;
  font-size: 45px;
  padding-top: 35px;
  margin-left: auto;
  position: relative;
  z-index: 99;
  margin-top: 100px;
  opacity: 0;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  padding-left: 750px;
  text-align: left;
}
main #hardwareWork .wrapper h3 {
  font-family: "exo-semibold", sans-serif;
  color: #898989;
  padding-bottom: 35px;
  padding-top: 10px;
  font-size: 20px;
  margin-left: auto;
  line-height: 1.1;
  margin-left: auto;
  position: relative;
  z-index: 99;
  margin-top: 100px;
  opacity: 0;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  padding-left: 750px;
  text-align: left;
}
main #hardwareWork .wrapper p {
  font-family: "exo", sans-serif;
  color: #363030;
  line-height: 1.7;
  font-size: 15px;
  margin-left: auto;
  margin-left: auto;
  position: relative;
  z-index: 99;
  padding-left: 750px;
  text-align: left;
}
main #hardwareWork .wrapper .btn {
  margin-left: auto;
  margin-top: 15px;
  padding-left: 750px;
  text-align: left;
}
main #hardwareWork .wrapper .btn .learn-more {
  background-image: -o-linear-gradient(left, #64aef9, #4974de);
  background-image: -webkit-gradient(linear, left top, right top, from(#64aef9), to(#4974de));
  background-image: linear-gradient(to right, #64aef9, #4974de);
  color: white;
  font-family: "exo", sans-serif;
  height: 35px;
  width: 130px;
  border-radius: 20px;
  border: none;
  cursor: pointer;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  overflow: hidden;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 15px;
}
main #hardwareWork .wrapper .btn .learn-more:hover {
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
}
main #hardwareWork .wrapper .hardware-wrok-image {
  position: absolute;
  left: -140px;
  top: 45px;
}
main #clientCare {
  background-image: url("../img/client-care-bg.png");
  height: 1232px;
  width: 100%;
  background-position: center center;
  margin-top: 150px;
  position: relative;
  z-index: 9;
}
main #clientCare .wrapper {
  height: 100%;
  position: relative;
}
main #clientCare .wrapper h2 {
  font-family: "exo-semibold", sans-serif;
  color: #363030;
  font-size: 45px;
  padding-top: 150px;
  text-align: center;
  opacity: 0;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
main #clientCare .wrapper h3 {
  font-family: "exo-semibold", sans-serif;
  color: #898989;
  padding-bottom: 35px;
  padding-top: 10px;
  font-size: 20px;
  line-height: 1.1;
  text-align: center;
  margin-top: 100px;
  opacity: 0;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
main #clientCare .wrapper p {
  font-family: "exo-regular", sans-serif;
  color: #363030;
  line-height: 1.7;
  font-size: 15px;
  text-align: center;
  margin-top: 100px;
  opacity: 0;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
main #clientCare .wrapper .baloons-wrapper {
  width: 100%;
  height: 800px;
  position: absolute;
  bottom: 0;
}
main #clientCare .wrapper .baloons-wrapper .clients-care-description-mobile {
  display: none;
}
main #clientCare .wrapper .baloons-wrapper div {
  color: white;
  font-family: "exo-semibold", sans-serif;
  font-size: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
}
main #clientCare .wrapper .baloons-wrapper .first-baloon {
  background-image: url("../img/first-baloon-bg.png");
  width: 240px;
  height: 51px;
  left: -67px;
  bottom: 573px;
}
main #clientCare .wrapper .baloons-wrapper .second-baloon {
  background-image: url("../img/second-baloon.png");
  width: 277px;
  height: 75px;
  right: 733px;
  bottom: 509px;
  padding-left: 30px;
  padding-top: 10px;
}
main #clientCare .wrapper .baloons-wrapper .third-baloon {
  background-image: url("../img/third-baloon-bg.png");
  width: 283px;
  height: 75px;
  right: 300px;
  bottom: 473px;
  padding-left: 30px;
  padding-top: 10px;
}
main #clientCare .wrapper .baloons-wrapper .fourth-baloon {
  background-image: url("../img/fourth-baloon.png");
  width: 255px;
  height: 63px;
  right: 16px;
  bottom: 694px;
  padding-left: 6px;
  padding-bottom: 8px;
}
main #clientCare .wrapper .bottom-signs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  bottom: 271px;
  left: 0;
  right: 0;
}
main #clientCare .wrapper .bottom-signs div {
  font-family: "exo-semibold", sans-serif;
  font-size: 30px;
  color: #3b6af0;
  width: 33.3333333333%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
main #clientCare .wrapper .bottom-signs div b,
main #clientCare .wrapper .bottom-signs div strong {
  font-family: "exo-bold", sans-serif;
  font-size: 40px;
  color: #3b6af0;
  padding-left: 15px;
  width: 100%;
  text-transform: uppercase;
  line-height: 1;
}
main #clientCare .wrapper .bottom-signs .second-bottom-sign {
  width: 168px;
  margin: auto;
  margin-right: 262px;
  color: #f0a73f;
}
main #clientCare .wrapper .bottom-signs .second-bottom-sign b,
main #clientCare .wrapper .bottom-signs .second-bottom-sign strong {
  color: #f0a73f;
}
main #clientCare .wrapper .bottom-signs .third-bottom-sign {
  width: 255px;
  color: #0bafc4;
}
main #clientCare .wrapper .bottom-signs .third-bottom-sign b,
main #clientCare .wrapper .bottom-signs .third-bottom-sign strong {
  color: #0bafc4;
}
main #smartWay {
  background-image: url("../img/smart-way-bg.png");
  background-position: center center;
  height: 853px;
  margin-top: -315px;
  margin-bottom: -100px;
  padding-top: 167px;
  position: relative;
  z-index: 1;
}
main #smartWay .wrapper {
  height: 853px;
}
main #smartWay .wrapper h2 {
  font-family: "exo-semibold", sans-serif;
  color: #363030;
  font-size: 45px;
  padding-top: 35px;
  text-align: left;
  margin-right: auto;
  position: relative;
  z-index: 99;
  width: 500px;
  margin-top: 100px;
  opacity: 0;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
main #smartWay .wrapper h3 {
  font-family: "exo-semibold", sans-serif;
  color: #898989;
  padding-bottom: 35px;
  padding-top: 10px;
  font-size: 20px;
  text-align: left;
  line-height: 1.1;
  margin-right: auto;
  position: relative;
  z-index: 99;
  margin-top: 100px;
  opacity: 0;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
main #smartWay .wrapper p {
  font-family: "exo", sans-serif;
  color: #363030;
  line-height: 1.7;
  font-size: 15px;
  text-align: left;
  width: 460px;
  margin-right: auto;
  position: relative;
  z-index: 99;
  margin-top: 100px;
  opacity: 0;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
main #solutionLinks .software-solution {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
main #solutionLinks .software-solution .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 40px 0;
}
main #solutionLinks .software-solution .wrapper h2 {
  font-family: "exo-bold", sans-serif;
  color: #2b2b2b;
  font-size: 45px;
  padding: 10px 0;
  text-align: center;
  line-height: 1.2;
  font-weight: 600;
  width: 100%;
  padding-bottom: 50px;
}
main #solutionLinks .software-solution .wrapper .each-link {
  width: 28.5714285714%;
  text-align: center;
}
main #solutionLinks .software-solution .wrapper .each-link .link-head {
  border-radius: 12px;
  height: 95px;
  width: 240px;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  padding: 5px 10px;
}
main #solutionLinks .software-solution .wrapper .each-link .link-head h3 {
  font-family: "exo-bold", sans-serif;
  color: white;
  font-weight: 600;
  line-height: 1.2;
  text-transform: uppercase;
  font-size: 20px;
  text-align: left;
}
main #solutionLinks .software-solution .wrapper .each-link .technical-support-head {
  background-image: url("../img/erp-link-bg.png"), -o-linear-gradient(left, #653ed9, #e97dc7);
  background-image: url("../img/erp-link-bg.png"), -webkit-gradient(linear, left top, right top, from(#653ed9), to(#e97dc7));
  background-image: url("../img/erp-link-bg.png"), linear-gradient(to right, #653ed9, #e97dc7);
  background-position: bottom left;
  background-repeat: no-repeat;
}
main #solutionLinks .software-solution .wrapper .each-link .strategy-head {
  background-image: url("../img/link-security-bg.png"), -o-linear-gradient(left, #eb7365, #db508c);
  background-image: url("../img/link-security-bg.png"), -webkit-gradient(linear, left top, right top, from(#eb7365), to(#db508c));
  background-image: url("../img/link-security-bg.png"), linear-gradient(to right, #eb7365, #db508c);
  background-position: bottom left;
  background-repeat: no-repeat;
}
main #solutionLinks .software-solution .wrapper .each-link p {
  color: #2b2b2b;
  font-family: "exo-regular", sans-serif;
  font-size: 15px;
  line-height: 1.5;
  padding-bottom: 20px;
  padding-top: 20px;
  margin: auto;
}
main #solutionLinks .software-solution .wrapper .each-link a {
  text-decoration: none;
  color: white;
  border-radius: 20px;
  height: 39px;
  width: 100px;
  font-family: "exo-semibold", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 10px auto;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
main #solutionLinks .software-solution .wrapper .each-link a img {
  margin-left: 5px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  right: 0;
}
main #solutionLinks .software-solution .wrapper .each-link a:hover img {
  right: -5px;
}
main #solutionLinks .software-solution .wrapper .each-link .technical-support-button {
  background-image: -o-linear-gradient(left, #653ed9, #e97dc7);
  background-image: -webkit-gradient(linear, left top, right top, from(#653ed9), to(#e97dc7));
  background-image: linear-gradient(to right, #653ed9, #e97dc7);
}
main #solutionLinks .software-solution .wrapper .each-link .strategy-button {
  background-image: -o-linear-gradient(left, #eb7365, #db508c);
  background-image: -webkit-gradient(linear, left top, right top, from(#eb7365), to(#db508c));
  background-image: linear-gradient(to right, #eb7365, #db508c);
}
main #solutionLinks .software-solution::before {
  display: none;
}
main #webBanner {
  height: 866px;
  width: 100%;
  background-image: url("../img/web-banner.jpg");
  background-position: center top;
  margin-top: 43px;
  padding-top: 60px;
}
main #webBanner .wrapper h1 {
  font-family: "exo-bold", sans-serif;
  color: #2b2b2b;
  font-size: 60px;
  padding: 10px 0;
  text-align: center;
  line-height: 1.2;
  width: 100%;
  padding-bottom: 15px;
  margin: auto;
  line-height: 1;
}
main #webBanner .wrapper h2 {
  font-family: "exo-regular", sans-serif;
  color: #2b2b2b;
  font-size: 20px;
  padding: 10px 0;
  text-align: center;
  line-height: 1.2;
  width: 900px;
  font-weight: 400;
  padding-bottom: 50px;
  margin: auto;
}
main #clientNeeds .wrapper h2 {
  font-family: "exo-bold", sans-serif;
  color: #2b2b2b;
  font-size: 30px;
  padding: 10px 0;
  text-align: center;
  line-height: 1.2;
  width: 100%;
  padding-bottom: 15px;
  margin: auto;
}
main #clientNeeds .wrapper p {
  font-family: "exo-regular", sans-serif;
  color: #2b2b2b;
  font-size: 15px;
  padding: 10px 0;
  text-align: center;
  width: 100%;
  padding-bottom: 15px;
  line-height: 1.7;
}
main #clientNeeds .wrapper .client-services-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 145px;
  opacity: 0;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
main #clientNeeds .wrapper .client-services-wrapper .wrap {
  position: relative;
}
main #clientNeeds .wrapper .client-services-wrapper .first-client-service,
main #clientNeeds .wrapper .client-services-wrapper .second-client-service,
main #clientNeeds .wrapper .client-services-wrapper .third-client-service {
  width: 350px;
  min-height: 450px;
  position: relative;
}
main #clientNeeds .wrapper .client-services-wrapper .first-client-service img,
main #clientNeeds .wrapper .client-services-wrapper .second-client-service img,
main #clientNeeds .wrapper .client-services-wrapper .third-client-service img {
  display: block;
  margin: auto;
  margin-bottom: 10px;
}
main #clientNeeds .wrapper .client-services-wrapper .first-client-service h3,
main #clientNeeds .wrapper .client-services-wrapper .second-client-service h3,
main #clientNeeds .wrapper .client-services-wrapper .third-client-service h3 {
  font-family: "exo-semibold", sans-serif;
  color: #2b2b2b;
  font-size: 30px;
  padding: 10px 0;
  text-align: center;
  line-height: 1.2;
  width: 100%;
  padding-bottom: 5px;
}
main #clientNeeds .wrapper .client-services-wrapper .first-client-service p,
main #clientNeeds .wrapper .client-services-wrapper .second-client-service p,
main #clientNeeds .wrapper .client-services-wrapper .third-client-service p {
  font-family: "exo-regular", sans-serif;
  color: #2b2b2b;
  font-size: 15px;
  padding: 10px 0;
  text-align: center;
  width: 100%;
  padding-bottom: 15px;
  line-height: 1.7;
}
main #clientNeeds .wrapper .client-services-wrapper .first-client-service a,
main #clientNeeds .wrapper .client-services-wrapper .second-client-service a,
main #clientNeeds .wrapper .client-services-wrapper .third-client-service a {
  text-decoration: none;
  color: white;
  border-radius: 20px;
  height: 39px;
  width: 100px;
  font-family: "exo-semibold", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 10px auto;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  margin-top: auto;
}
main #clientNeeds .wrapper .client-services-wrapper .first-client-service a img,
main #clientNeeds .wrapper .client-services-wrapper .second-client-service a img,
main #clientNeeds .wrapper .client-services-wrapper .third-client-service a img {
  margin: 0;
  margin-left: 5px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  right: 0;
}
main #clientNeeds .wrapper .client-services-wrapper .first-client-service a:hover img,
main #clientNeeds .wrapper .client-services-wrapper .second-client-service a:hover img,
main #clientNeeds .wrapper .client-services-wrapper .third-client-service a:hover img {
  right: -5px;
}
main #clientNeeds .wrapper .client-services-wrapper .first-client-service {
  padding: 20px;
  padding-top: 40px;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
main #clientNeeds .wrapper .client-services-wrapper .first-client-service a {
  background-image: -o-linear-gradient(bottom, #00cee9, #00d3e7);
  background-image: -webkit-gradient(linear, left bottom, left top, from(#00cee9), to(#00d3e7));
  background-image: linear-gradient(to top, #00cee9, #00d3e7);
}
main #clientNeeds .wrapper .client-services-wrapper .second-client-service {
  padding: 20px;
  padding-top: 40px;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
main #clientNeeds .wrapper .client-services-wrapper .second-client-service a {
  background-image: -o-linear-gradient(left, #ff9f83, #ffdb85);
  background-image: -webkit-gradient(linear, left top, right top, from(#ff9f83), to(#ffdb85));
  background-image: linear-gradient(to right, #ff9f83, #ffdb85);
}
main #clientNeeds .wrapper .client-services-wrapper .third-client-service {
  padding: 20px;
  padding-top: 40px;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
main #clientNeeds .wrapper .client-services-wrapper .third-client-service a {
  background-image: -o-linear-gradient(left, #d53ac0, #fd88b3);
  background-image: -webkit-gradient(linear, left top, right top, from(#d53ac0), to(#fd88b3));
  background-image: linear-gradient(to right, #d53ac0, #fd88b3);
}
main #clientNeeds .wrapper .client-services-wrapper .first-client-service .wrap::before {
  content: "";
  background-image: url("../img/first-client-service-before.png");
  width: 227px;
  height: 161px;
  position: absolute;
  top: -60px;
  left: calc(50% - 113.5px);
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
main #clientNeeds .wrapper .client-services-wrapper .second-client-service .wrap::before {
  content: "";
  background-image: url("../img/second-client-service-before.png");
  width: 227px;
  height: 161px;
  position: absolute;
  top: -60px;
  left: calc(50% - 113.5px);
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
main #clientNeeds .wrapper .client-services-wrapper .third-client-service .wrap::before {
  content: "";
  background-image: url("../img/third-client-service-before.png");
  width: 227px;
  height: 161px;
  position: absolute;
  top: -60px;
  left: calc(50% - 113.5px);
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
main #clientNeeds .wrapper .client-services-wrapper .first-client-service:hover {
  background-image: -o-linear-gradient(bottom, #00cee9, #00d3e7);
  background-image: -webkit-gradient(linear, left bottom, left top, from(#00cee9), to(#00d3e7));
  background-image: linear-gradient(to top, #00cee9, #00d3e7);
}
main #clientNeeds .wrapper .client-services-wrapper .first-client-service:hover img {
  -webkit-filter: grayscale(100%) brightness(1607%) contrast(1);
  filter: grayscale(100%) brightness(1607%) contrast(1);
}
main #clientNeeds .wrapper .client-services-wrapper .first-client-service:hover h3 {
  color: white;
}
main #clientNeeds .wrapper .client-services-wrapper .first-client-service:hover p {
  color: white;
}
main #clientNeeds .wrapper .client-services-wrapper .first-client-service:hover a {
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
main #clientNeeds .wrapper .client-services-wrapper .first-client-service:hover .wrap::before {
  opacity: 0;
  top: -100px;
}
main #clientNeeds .wrapper .client-services-wrapper .second-client-service:hover {
  background-image: -o-linear-gradient(left, #ffa183, #ffdb85);
  background-image: -webkit-gradient(linear, left top, right top, from(#ffa183), to(#ffdb85));
  background-image: linear-gradient(to right, #ffa183, #ffdb85);
}
main #clientNeeds .wrapper .client-services-wrapper .second-client-service:hover img {
  -webkit-filter: grayscale(100%) brightness(1607%) contrast(1);
  filter: grayscale(100%) brightness(1607%) contrast(1);
}
main #clientNeeds .wrapper .client-services-wrapper .second-client-service:hover h3 {
  color: white;
}
main #clientNeeds .wrapper .client-services-wrapper .second-client-service:hover p {
  color: white;
}
main #clientNeeds .wrapper .client-services-wrapper .second-client-service:hover a {
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
main #clientNeeds .wrapper .client-services-wrapper .second-client-service:hover .wrap::before {
  opacity: 0;
  top: -100px;
}
main #clientNeeds .wrapper .client-services-wrapper .third-client-service:hover {
  background-image: -o-linear-gradient(left, #d63cc0, #fc86b4);
  background-image: -webkit-gradient(linear, left top, right top, from(#d63cc0), to(#fc86b4));
  background-image: linear-gradient(to right, #d63cc0, #fc86b4);
}
main #clientNeeds .wrapper .client-services-wrapper .third-client-service:hover img {
  -webkit-filter: grayscale(100%) brightness(1607%) contrast(1);
  filter: grayscale(100%) brightness(1607%) contrast(1);
}
main #clientNeeds .wrapper .client-services-wrapper .third-client-service:hover h3 {
  color: white;
}
main #clientNeeds .wrapper .client-services-wrapper .third-client-service:hover p {
  color: white;
}
main #clientNeeds .wrapper .client-services-wrapper .third-client-service:hover a {
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
main #clientNeeds .wrapper .client-services-wrapper .third-client-service:hover .wrap::before {
  opacity: 0;
  top: -100px;
}
main #developmentProcess {
  margin-top: 50px;
  height: 1038px;
  background-image: url("../img/development-process-bg.jpg");
  padding-top: 72px;
}
main #developmentProcess .wrapper h2 {
  font-family: "exo-bold", sans-serif;
  color: #2b2b2b;
  font-size: 30px;
  padding: 10px 0;
  text-align: left;
  line-height: 1.2;
  width: 100%;
  padding-bottom: 15px;
  margin: auto;
}
main #developmentProcess .wrapper .both-processes-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 100px;
  opacity: 0;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
main #developmentProcess .wrapper .both-processes-wrapper .left-process {
  background-image: url("../img/design-image.png");
  height: 527px;
  width: 565px;
  background-position: bottom right;
  background-repeat: no-repeat;
  margin-top: 24px;
  padding-top: 140px;
}
main #developmentProcess .wrapper .both-processes-wrapper .left-process p {
  font-size: 15px;
  font-family: "exo-regular", sans-serif;
  line-height: 1.7;
  width: 340px;
  color: #2b2b2b;
}
main #developmentProcess .wrapper .both-processes-wrapper .left-process h3 {
  font-size: 63px;
  font-family: "exo-bold", sans-serif;
  color: #2b2b2b;
  font-weight: 900;
  padding-left: 155px;
  line-height: 1;
  padding-top: 20px;
  padding-left: 131px;
  line-height: 1;
}
main #developmentProcess .wrapper .both-processes-wrapper .left-process h3 strong {
  font-size: 25px;
  font-family: "exo-regular", sans-serif;
  font-weight: normal;
  padding-left: 30px;
  color: #2b2b2b;
  display: block;
  padding-left: 45px;
}
main #developmentProcess .wrapper .both-processes-wrapper .right-process {
  background-image: url("../img/develop-image.png");
  height: 527px;
  width: 565px;
  background-position: bottom right;
  background-repeat: no-repeat;
  padding-top: 140px;
}
main #developmentProcess .wrapper .both-processes-wrapper .right-process p {
  font-size: 15px;
  font-family: "exo-regular", sans-serif;
  line-height: 1.7;
  width: 340px;
  color: #2b2b2b;
}
main #developmentProcess .wrapper .both-processes-wrapper .right-process h3 {
  font-size: 63px;
  font-family: "exo-bold", sans-serif;
  font-weight: 900;
  color: #2b2b2b;
}
main #developmentProcess .wrapper .both-processes-wrapper .right-process h3 strong {
  font-size: 25px;
  font-family: "exo-regular", sans-serif;
  font-weight: normal;
  padding-left: 30px;
  color: #2b2b2b;
  display: block;
}
main #allDevice {
  margin-top: -330px;
  padding-bottom: 50px;
}
main #allDevice .wrapper h2 {
  font-family: "exo-bold", sans-serif;
  color: #2b2b2b;
  font-size: 30px;
  padding: 10px 0;
  text-align: left;
  line-height: 1.1;
  width: 320px;
  margin-left: auto;
  padding-bottom: 15px;
  margin-top: 100px;
  opacity: 0;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
main #allDevice .wrapper p {
  font-family: "exo-regular", sans-serif;
  color: #2b2b2b;
  font-size: 15px;
  padding: 10px 0;
  text-align: right;
  line-height: 1.7;
  width: 750px;
  padding-bottom: 15px;
  margin-left: auto;
  margin-top: 100px;
  opacity: 0;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
main #allDevice .wrapper img {
  display: block;
  margin: auto;
  margin-top: 70px;
}
main #webPlatformBanner {
  background-image: url("../img/web-platform-banner-bg.jpg");
  background-position: center top;
  height: 1542px;
  width: 100%;
  margin-top: 20px;
}
main #webPlatformBanner .wrapper h1 {
  font-family: "exo-semibold", sans-serif;
  color: #fff;
  font-size: 60px;
  padding-top: 95px;
}
main #webPlatformBanner .wrapper h2 {
  font-family: "exo-semibold", sans-serif;
  color: #fff;
  padding-bottom: 40px;
  padding-top: 5px;
  font-size: 25px;
}
main #webPlatformBanner .wrapper h3 {
  font-family: "exo-regular", sans-serif;
  color: #fff;
  width: 650px;
  font-size: 15px;
  font-weight: normal;
  line-height: 1.7;
}
main #webPlatformBanner .wrapper .web-platform-banner-bottom {
  width: 890px;
  margin-top: 175px;
  margin-left: auto;
}
main #webPlatformBanner .wrapper .web-platform-banner-bottom h2 {
  font-size: 45px;
  color: #2b2b2b;
  line-height: 1;
  margin-left: auto;
  margin-right: 80px;
  width: 800px;
  padding-bottom: 13px;
}
main #webPlatformBanner .wrapper .web-platform-banner-bottom p {
  color: #898989;
  font-family: "exo-regular", sans-serif;
  font-size: 20px;
  padding-left: 14px;
  line-height: 1.2;
  width: 600px;
}
main #webPlatformBanner .wrapper .web-platform-banner-bottom .each-platform-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 55px;
}
main #webPlatformBanner .wrapper .web-platform-banner-bottom .each-platform-wrapper .each-platform {
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
  width: 430px;
  height: 235px;
  background-color: white;
  border-radius: 12px;
  margin-bottom: 23px;
  padding: 9px 27px;
}
main #webPlatformBanner .wrapper .web-platform-banner-bottom .each-platform-wrapper .each-platform .each-platform-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 10px;
  padding-bottom: 25px;
}
main #webPlatformBanner .wrapper .web-platform-banner-bottom .each-platform-wrapper .each-platform .each-platform-head img {
  margin-right: 25px;
}
main #webPlatformBanner .wrapper .web-platform-banner-bottom .each-platform-wrapper .each-platform .each-platform-head h3 {
  font-family: "exo-semibold", sans-serif;
  font-size: 22px;
  line-height: 1.2;
  width: auto;
}
main #webPlatformBanner .wrapper .web-platform-banner-bottom .each-platform-wrapper .each-platform p {
  color: #898989;
  font-family: "exo-regular", sans-serif;
  font-size: 15px;
  line-height: 1.3;
  width: auto;
  padding: 0;
}
main #webPlatformBanner .wrapper .web-platform-banner-bottom .each-platform-wrapper .each-platform:nth-child(odd) {
  margin-right: 23px;
}
main #webPlatformBanner .wrapper .web-platform-banner-bottom .each-platform-wrapper .first-platform .each-platform-head h3 {
  color: #f36e64;
  width: 215px;
}
main #webPlatformBanner .wrapper .web-platform-banner-bottom .each-platform-wrapper .second-platform .each-platform-head h3 {
  color: #135eb3;
  width: 215px;
}
main #webPlatformBanner .wrapper .web-platform-banner-bottom .each-platform-wrapper .third-platform .each-platform-head h3 {
  color: #ed5cef;
}
main #webPlatformBanner .wrapper .web-platform-banner-bottom .each-platform-wrapper .fourth-platform .each-platform-head h3 {
  color: #fdb72f;
}
main #webPlatformBanner .wrapper .web-platform-banner-bottom .each-platform-wrapper .fifth-platform .each-platform-head h3 {
  color: #ff8125;
}
main #webPlatformBanner .wrapper .web-platform-banner-bottom .each-platform-wrapper .sixth-platform .each-platform-head h3 {
  color: #15c675;
}
main #ui {
  height: 1330px;
  width: 100%;
  background-image: url("../img/ui-bg.png");
  background-position: center top;
  background-repeat: no-repeat;
  padding-top: 175px;
  margin-top: -100px;
}
main #ui .wrapper {
  opacity: 0;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  margin-top: 100px;
}
main #ui .wrapper h2 {
  color: #2c2c2c;
  font-family: "exo-semibold", sans-serif;
  font-size: 45px;
  padding-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  line-height: 1;
  width: 850px;
}
main #ui .wrapper h3 {
  color: #898989;
  font-family: "exo-semibold", sans-serif;
  font-size: 25px;
  padding-bottom: 36px;
  width: 600px;
  font-size: 20px;
  line-height: 1.3;
}
main #ui .wrapper p {
  color: #2c2c2c;
  font-family: "exo-regular", sans-serif;
  font-size: 15px;
  line-height: 1.7;
  padding-bottom: 60px;
  width: 650px;
}
main #analytics {
  width: 100%;
  height: 795px;
  background-image: url("../img/analytics.png");
  background-position: center top;
  margin-top: -490px;
  padding-top: 495px;
}
main #analytics .wrapper {
  opacity: 0;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  margin-top: 100px;
}
main #analytics .wrapper .analytics-info h2 {
  color: #2c2c2c;
  font-family: "exo-semibold", sans-serif;
  font-size: 45px;
  padding-bottom: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  line-height: 1;
  width: 450px;
}
main #analytics .wrapper .analytics-info p {
  color: #2c2c2c;
  font-family: "exo-regular", sans-serif;
  font-size: 15px;
  line-height: 1.7;
  padding-bottom: 60px;
  width: 100%;
}
main #keyFunctionality {
  background-image: url("../img/key-functionality-bg.jpg");
  background-position: left center;
  background-repeat: no-repeat;
  height: 505px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
main #keyFunctionality .wrapper {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  position: relative;
  margin-bottom: 5px;
  opacity: 0;
  margin-top: 100px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
main #keyFunctionality .wrapper .key-functionality-img {
  position: absolute;
  left: 0;
  top: calc(50% - 163.5px);
}
main #keyFunctionality .wrapper h2 {
  color: #2c2c2c;
  font-family: "exo-semibold", sans-serif;
  font-size: 45px;
  padding-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  line-height: 1;
  width: 640px;
  margin-left: auto;
}
main #keyFunctionality .wrapper h3 {
  color: #898989;
  font-family: "exo-semibold", sans-serif;
  font-size: 25px;
  padding-bottom: 36px;
  width: 640px;
  font-size: 20px;
  line-height: 1.3;
  margin-left: auto;
}
main #keyFunctionality .wrapper p {
  color: #2c2c2c;
  font-family: "exo-regular", sans-serif;
  font-size: 15px;
  line-height: 1.7;
  width: 640px;
  margin-left: auto;
}
main #personalSolution {
  height: 2381px;
  background-image: url("../img/personal-solution-bg.jpg");
  width: 100%;
  background-position: center top;
  margin-top: 30px;
}
main #personalSolution .wrapper .personal-solution-top {
  padding-top: 150px;
}
main #personalSolution .wrapper .personal-solution-top h2 {
  color: white;
  font-family: "exo-semibold", sans-serif;
  font-size: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  line-height: 1;
  width: 850px;
  margin-right: auto;
  padding-bottom: 35px;
}
main #personalSolution .wrapper .personal-solution-top p {
  color: white;
  font-family: "exo-regular", sans-serif;
  font-size: 15px;
  line-height: 1.7;
  width: 1000px;
  margin-right: auto;
}
main #personalSolution .wrapper .solutions-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 203px;
}
main #personalSolution .wrapper .solutions-wrapper .each-solution {
  width: 357px;
  height: 250px;
  background-color: white;
  text-align: center;
  position: relative;
  padding: 0 25px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
main #personalSolution .wrapper .solutions-wrapper .each-solution img {
  position: relative;
  top: -130px;
  height: 83px;
}
main #personalSolution .wrapper .solutions-wrapper .each-solution h3 {
  color: #4f2e99;
  width: 100%;
  font-family: "exo-semibold", sans-serif;
  font-size: 22px;
  width: 300px;
  margin: auto;
  position: relative;
  top: -120px;
  padding-top: 13px;
}
main #personalSolution .wrapper .solutions-wrapper .each-solution p {
  color: #4f2e99;
  width: 100%;
  font-family: "exo-regular", sans-serif;
  line-height: 1.5;
  font-size: 15px;
  position: relative;
  top: -120px;
  padding-top: 10px;
}
main #personalSolution .wrapper .solutions-wrapper .first-solution::before {
  content: "";
  background-image: url("../img/first-solution-top.png");
  width: 100%;
  height: 175px;
  position: absolute;
  bottom: 100%;
  background-repeat: no-repeat;
  left: 0;
  right: 0;
  background-size: cover;
}
main #personalSolution .wrapper .solutions-wrapper .second-solution::before {
  content: "";
  background-image: url("../img/second-solution-top.png");
  width: 100%;
  height: 175px;
  position: absolute;
  bottom: 100%;
  background-repeat: no-repeat;
  left: 0;
  right: 0;
  background-size: cover;
}
main #personalSolution .wrapper .solutions-wrapper .third-solution::before {
  content: "";
  background-image: url("../img/third-solution-top.png");
  width: 100%;
  height: 175px;
  position: absolute;
  bottom: 100%;
  background-repeat: no-repeat;
  left: 0;
  right: 0;
  background-size: cover;
}
main #personalSolution .wrapper .solutions-wrapper .third-solution::before img {
  margin-left: 25px;
}
main #personalSolution .wrapper .administration-subsection {
  padding-top: 120px;
  opacity: 0;
  margin-top: 100px;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
main #personalSolution .wrapper .administration-subsection h2 {
  color: white;
  font-family: "exo-semibold", sans-serif;
  font-size: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  line-height: 1;
  width: 540px;
  margin-left: auto;
  margin-right: 0;
  padding-bottom: 35px;
}
main #personalSolution .wrapper .administration-subsection p {
  color: white;
  font-family: "exo-regular", sans-serif;
  font-size: 15px;
  line-height: 1.7;
  width: 540px;
  margin-left: auto;
}
main #personalSolution .wrapper .successful-progress {
  padding-top: 400px;
  margin-top: 100px;
  opacity: 0;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
main #personalSolution .wrapper .successful-progress h2 {
  color: #2c2c2c;
  font-family: "exo-semibold", sans-serif;
  font-size: 45px;
  line-height: 1;
  width: 540px;
  margin-right: auto;
  padding-bottom: 35px;
}
main #personalSolution .wrapper .successful-progress p {
  color: #2c2c2c;
  font-family: "exo-regular", sans-serif;
  font-size: 15px;
  line-height: 1.7;
  width: 540px;
  margin-right: auto;
}
main #workOnDeveloping {
  margin-top: -79px;
  position: relative;
}
main #workOnDeveloping .wrapper h2 {
  color: #2c2c2c;
  font-family: "exo-semibold", sans-serif;
  font-size: 45px;
  padding-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  line-height: 1;
  width: 100%;
}
main #workOnDeveloping .wrapper h3 {
  color: #898989;
  font-family: "exo-semibold", sans-serif;
  font-size: 25px;
  padding-bottom: 36px;
  width: 740px;
  font-size: 20px;
  line-height: 1.3;
  margin: auto;
  text-align: center;
}
main #workOnDeveloping .wrapper p {
  color: #2c2c2c;
  font-family: "exo-regular", sans-serif;
  font-size: 15px;
  line-height: 1.7;
  width: 940px;
  margin: auto;
  text-align: center;
}
main #workOnDeveloping .wrapper .work-on-developing-options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding-top: 70px;
  position: relative;
  padding-bottom: 20px;
}
main #workOnDeveloping .wrapper .work-on-developing-options .selectable {
  width: 385px;
  border-right: 2px solid #4a75df;
  height: 250px;
  position: relative;
  z-index: 9;
}
main #workOnDeveloping .wrapper .work-on-developing-options .selectable li {
  color: #2c2c2c;
  font-family: "exo-regular", sans-serif;
  font-size: 20px;
  line-height: 1.2;
  margin: 10px 0;
  list-style: none;
  cursor: pointer;
  position: relative;
  padding-left: 0;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  height: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
}
main #workOnDeveloping .wrapper .work-on-developing-options .selectable li::before {
  content: "";
  left: -12px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
main #workOnDeveloping .wrapper .work-on-developing-options .selectable .active {
  font-family: "exo-bold", sans-serif;
  color: #4a75df;
  font-size: 25px;
  padding-left: 30px;
}
main #workOnDeveloping .wrapper .work-on-developing-options .selectable .active::before {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  content: "";
  width: 12px;
  height: 20px;
  position: absolute;
  display: block;
  left: 0;
  background-image: url("../img/selected-arrow.png");
}
main #workOnDeveloping .wrapper .work-on-developing-options .info-box {
  width: 385px;
  padding-left: 35px;
  position: relative;
  z-index: 9;
}
main #workOnDeveloping .wrapper .work-on-developing-options .info-box li {
  color: #2c2c2c;
  font-family: "exo-regular", sans-serif;
  font-size: 15px;
  line-height: 1.7;
  margin: 5px 0;
  list-style: none;
  display: none;
}
main #workOnDeveloping .wrapper .work-on-developing-options .info-box li .desktop-button {
  height: 40px;
  color: white;
  text-decoration: none;
  width: 150px;
  font-family: "exo", sans-serif;
  font-size: 15px;
  background-image: -o-linear-gradient(left, #64b0f9 0%, #4974de 50%);
  background-image: -webkit-gradient(linear, left top, right top, from(#64b0f9), color-stop(50%, #4974de));
  background-image: linear-gradient(to right, #64b0f9 0%, #4974de 50%);
  background-size: 200% auto;
  border-radius: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 20px 0;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
main #workOnDeveloping .wrapper .work-on-developing-options .info-box li .desktop-button:hover {
  background-position: right center;
}
main #workOnDeveloping .wrapper .work-on-developing-options .info-box .selected {
  display: block;
}
main #workOnDeveloping .wrapper .work-on-developing-options .images {
  position: relative;
  z-index: 9;
}
main #workOnDeveloping .wrapper .work-on-developing-options .images li {
  display: none;
  list-style: none;
}
main #workOnDeveloping .wrapper .work-on-developing-options .images li img {
  max-width: 400px;
  -o-object-fit: contain;
  object-fit: contain;
}
main #workOnDeveloping .wrapper .work-on-developing-options .images .shake {
  -webkit-animation-name: wobble;
  animation-name: wobble;
  -webkit-animation-duration: 0.8s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -webkit-transform-origin: 50% 100%;
  animation-iteration-count: 1;
}
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
main #workOnDeveloping .wrapper .work-on-developing-options .images .visible {
  display: block;
}
main #workOnDeveloping .wrapper .mobile-button {
  display: none;
}
main #workOnDeveloping::after {
  content: "";
  background-image: url("../img/work-on-developing-options-bg.png");
  height: 1252px;
  width: 55vw;
  position: absolute;
  right: 0;
  top: 225px;
  z-index: -1;
  display: none;
}
main #webPlatformLinks .software-solution {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 40px 0;
}
main #webPlatformLinks .software-solution .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
main #webPlatformLinks .software-solution .wrapper h2 {
  font-family: "exo-bold", sans-serif;
  color: #2b2b2b;
  font-size: 45px;
  padding: 10px 0;
  text-align: center;
  line-height: 1.2;
  font-weight: 600;
  width: 100%;
  padding-bottom: 50px;
}
main #webPlatformLinks .software-solution .wrapper .each-link {
  width: 28.5714285714%;
  text-align: center;
}
main #webPlatformLinks .software-solution .wrapper .each-link .link-head {
  border-radius: 12px;
  height: 95px;
  width: 240px;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  padding: 5px 10px;
}
main #webPlatformLinks .software-solution .wrapper .each-link .link-head h3 {
  font-family: "exo-bold", sans-serif;
  color: white;
  font-weight: 600;
  line-height: 1.2;
  text-transform: uppercase;
  font-size: 20px;
  text-align: left;
}
main #webPlatformLinks .software-solution .wrapper .each-link p {
  color: #2b2b2b;
  font-family: "exo-regular", sans-serif;
  font-size: 15px;
  line-height: 1.5;
  padding-bottom: 20px;
  padding-top: 20px;
  margin: auto;
}
main #webPlatformLinks .software-solution .wrapper .each-link a {
  text-decoration: none;
  color: white;
  border-radius: 20px;
  height: 39px;
  width: 100px;
  font-family: "exo-semibold", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 10px auto;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
main #webPlatformLinks .software-solution .wrapper .each-link a img {
  margin-left: 5px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  right: 0;
}
main #webPlatformLinks .software-solution .wrapper .each-link a:hover img {
  right: -5px;
}
main #webPlatformLinks .software-solution::before {
  display: none;
}
main #strategyBanner {
  background-image: url("../img/strategy-banner-bg.png");
  height: 865px !important;
  min-height: 865px !important;
  width: 100%;
  background-position: center top;
  padding-top: 80px;
  position: relative;
  z-index: 9;
  pointer-events: none;
}
main #strategyBanner .wrapper h1 {
  font-family: "exo-semibold", sans-serif;
  color: #fff;
  font-size: 60px;
  padding-top: 50px;
  width: 489px;
  margin-left: auto;
  line-height: 1;
}
main #strategyBanner .wrapper h2 {
  font-family: "exo-semibold", sans-serif;
  color: #fff;
  padding-bottom: 32px;
  padding-top: 10px;
  font-size: 25px;
  width: 489px;
  margin-left: auto;
}
main #strategyBanner .wrapper p {
  font-family: "exo", sans-serif;
  color: #fff;
  width: 800px;
  margin-left: auto;
  width: 489px;
  line-height: 1.7;
  font-size: 15px;
}
main #strategyBanner .strategy-banner-arrow {
  position: absolute;
  left: calc(50% - 72.5px);
  bottom: 0;
}
main #firstSlide {
  min-height: 100vh;
}
main #firstSlide .wrapper {
  width: 100%;
}
main #firstSlide .wrapper h2 {
  font-family: "exo-semibold", sans-serif;
  color: #2b2b2b;
  padding-bottom: 20px;
  padding-top: 10px;
  font-size: 45px;
  width: 600px;
  margin: auto;
  text-align: center;
}
main #firstSlide .wrapper p {
  font-family: "exo", sans-serif;
  color: #2b2b2b;
  width: 800px;
  margin: auto;
  width: 489px;
  line-height: 1.7;
  font-size: 15px;
  text-align: center;
}
main #firstSlide .wrapper .first-top-slide {
  margin-top: -315px;
  padding-top: 375px;
  background-image: url("../img/first-slide-bg.png");
  height: 689px;
  background-position: center top;
  background-repeat: no-repeat;
}
main #firstSlide .wrapper .first-bottom-slide {
  padding-top: 120px;
  margin-top: 32px;
  background-image: url(../img/first-bottom-slide.png);
  height: 535px;
  background-position: center top;
  background-repeat: no-repeat;
  line-height: 1.1;
}
main #firstSlide .wrapper .first-bottom-slide h2 {
  width: 800px;
}
main #firstSlide .wrapper .first-bottom-slide p {
  width: 450px;
}
main #secondSlide {
  min-height: 100vh;
}
main #secondSlide h2 {
  font-family: "exo-semibold", sans-serif;
  color: #2b2b2b;
  padding-bottom: 20px;
  padding-top: 10px;
  font-size: 45px;
  width: 600px;
  margin: auto;
  text-align: center;
}
main #secondSlide p {
  font-family: "exo", sans-serif;
  color: #2b2b2b;
  width: 800px;
  margin: auto;
  width: 489px;
  line-height: 1.7;
  font-size: 15px;
  text-align: center;
}
main #secondSlide .second-top-slide {
  background-image: url("../img/second-top-slide-bg.jpg");
  width: 100%;
  background-repeat: no-repeat;
  height: 905px;
  position: relative;
  z-index: -1;
  padding-top: 60px;
  background-position: center 60px;
}
main #secondSlide .second-top-slide .wrapper {
  padding-top: 68px;
}
main #secondSlide .second-top-slide .wrapper h2 {
  width: 800px;
  margin-left: 90px;
  line-height: 1.1;
  padding-bottom: 30px;
}
main #secondSlide .second-top-slide .wrapper p {
  margin-left: 247px;
}
main #secondSlide .second-bottom-slide {
  background-image: url("../img/second-bottom-slide-bg.png");
  height: 752px;
  width: 100%;
  background-position: center top;
  background-repeat: no-repeat;
  margin-top: -242px;
  padding-top: 370px;
}
main #secondSlide .second-bottom-slide h2 {
  width: 800px;
  line-height: 1.1;
  padding-bottom: 34px;
}
main #secondSlide .second-bottom-slide p {
  width: 450px;
}
main #thirdSlide {
  min-height: 100vh;
}
main #thirdSlide h2 {
  font-family: "exo-semibold", sans-serif;
  color: #2b2b2b;
  padding-bottom: 20px;
  padding-top: 10px;
  font-size: 45px;
  width: 600px;
  margin: auto;
  text-align: center;
}
main #thirdSlide p {
  font-family: "exo", sans-serif;
  color: #2b2b2b;
  width: 800px;
  margin: auto;
  width: 489px;
  line-height: 1.7;
  font-size: 15px;
  text-align: center;
}
main #thirdSlide .third-top-slide {
  background-image: url("../img/third-top-slide-bg.jpg");
  height: 722px;
  width: 100%;
  background-position: center top;
  background-repeat: no-repeat;
}
main #thirdSlide .third-top-slide .wrapper {
  padding-top: 65px;
}
main #thirdSlide .third-top-slide .wrapper h2 {
  width: 800px;
  margin-left: 90px;
  line-height: 1.1;
  padding-bottom: 30px;
  padding-top: 142px;
  padding-left: 105px;
}
main #thirdSlide .third-top-slide .wrapper p {
  margin-left: 247px;
  width: 589px;
}
main #thirdSlide .third-bottom-slide {
  background-image: url("../img/third-bottom-slide-bg.png");
  height: 819px;
  width: 100%;
  background-position: center top;
  background-repeat: no-repeat;
  margin-top: -158px;
  padding-top: 216px;
}
main #thirdSlide .third-bottom-slide h2 {
  line-height: 1.1;
  padding-bottom: 27px;
  width: 565px;
  margin-right: 211px;
}
main #thirdSlide .third-bottom-slide p {
  width: 470px;
  margin-right: 256px;
}
main #thirdSlide #strategyLinks .software-solution {
  position: relative;
  margin-top: 277px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 300px;
}
main #thirdSlide #strategyLinks .software-solution .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: absolute;
  top: -235px;
}
main #thirdSlide #strategyLinks .software-solution .wrapper h2 {
  font-family: "exo-bold", sans-serif;
  color: #2b2b2b;
  font-size: 45px;
  padding: 10px 0;
  text-align: center;
  line-height: 1.2;
  font-weight: 600;
  margin-top: 34px;
  width: 100%;
  padding-bottom: 50px;
}
main #thirdSlide #strategyLinks .software-solution .wrapper .each-link {
  width: 28.5714285714%;
  text-align: center;
}
main #thirdSlide #strategyLinks .software-solution .wrapper .each-link .link-head {
  border-radius: 12px;
  height: 95px;
  width: 240px;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  padding: 5px 10px;
}
main #thirdSlide #strategyLinks .software-solution .wrapper .each-link .link-head h3 {
  font-family: "exo-bold", sans-serif;
  color: white;
  font-weight: 600;
  line-height: 1.2;
  text-transform: uppercase;
  font-size: 20px;
  text-align: left;
}
main #thirdSlide #strategyLinks .software-solution .wrapper .each-link p {
  color: #2b2b2b;
  font-family: "exo-regular", sans-serif;
  font-size: 15px;
  line-height: 1.5;
  padding-bottom: 20px;
  padding-top: 20px;
  margin: auto;
  width: 100%;
}
main #thirdSlide #strategyLinks .software-solution .wrapper .each-link a {
  text-decoration: none;
  color: white;
  border-radius: 20px;
  height: 39px;
  width: 100px;
  font-family: "exo-semibold", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 10px auto;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
main #thirdSlide #strategyLinks .software-solution .wrapper .each-link a img {
  margin-left: 5px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  right: 0;
}
main #thirdSlide #strategyLinks .software-solution .wrapper .each-link a:hover img {
  right: -5px;
}
main #thirdSlide #strategyLinks .software-solution::before {
  display: none;
}

footer {
  background-color: #282828;
  padding: 50px 0;
}
footer .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
footer .wrapper .brand img {
  width: 120px;
  -o-object-fit: contain;
  object-fit: contain;
}
footer .wrapper .footer-left p {
  color: #e0e0e0;
  font-family: "exo-regular";
  font-size: 15px;
}
footer .wrapper .footer-left .footer-info {
  padding: 20px 0;
  padding-top: 0;
  margin-top: 40px;
  position: relative;
  line-height: 1.3;
  width: 450px;
}
footer .wrapper .footer-left .footer-info::before {
  content: "";
  height: 15px;
  width: 70px;
  background-color: #363636;
  bottom: calc(100% + 10px);
  position: absolute;
  left: 0;
}
footer .wrapper .footer-left .iso {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
footer .wrapper .footer-left .iso img {
  margin-right: 10px;
}
footer .wrapper .footer-left .iso .iso-info .iso-heading {
  padding-bottom: 5px;
}
footer .wrapper .footer-left .iso .iso-info .sertificats {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
footer .wrapper .footer-left .iso .iso-info .sertificats p {
  margin-right: 20px;
  font-family: "exo-bold";
  font-size: 13px;
}
footer .wrapper .footer-right {
  width: 56%;
  margin-left: auto;
}
footer .wrapper .footer-right h2 {
  color: #e0e0e0;
  font-family: "exo-semibold";
  font-size: 20px;
  text-transform: uppercase;
  padding-bottom: 8px;
}
footer .wrapper .footer-right .right-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 45px;
  padding-top: 10px;
  width: calc(100% + 282px);
  position: relative;
  left: -284px;
}
footer .wrapper .footer-right .right-top li {
  list-style: none;
}
footer .wrapper .footer-right .right-top li a {
  color: #e0e0e0;
  font-family: "exo-regular";
  font-size: 15px;
  text-decoration: none;
}
footer .wrapper .footer-right .right-top li a:hover {
  text-decoration: underline;
}
footer .wrapper .footer-right .right-top .lang a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
footer .wrapper .footer-right .right-top .lang a img {
  margin-right: 5px;
  height: 12px;
}
footer .wrapper .footer-right .right-top.en {
  width: calc(100% + 115px);
  left: -170px;
}
footer .wrapper .footer-right .right-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
footer .wrapper .footer-right .right-bottom .bottom-left {
  width: 100%;
}
footer .wrapper .footer-right .right-bottom .bottom-left h2 {
  color: #e0e0e0;
  font-family: "exo-semibold";
  font-size: 20px;
  text-transform: uppercase;
  padding-bottom: 8px;
}
footer .wrapper .footer-right .right-bottom .bottom-left ul li {
  list-style: none;
  margin: 8px 0;
}
footer .wrapper .footer-right .right-bottom .bottom-left ul li a {
  color: #e0e0e0;
  font-family: "exo-regular";
  font-size: 15px;
  text-decoration: none;
}
footer .wrapper .footer-right .right-bottom .bottom-left ul li a:hover {
  text-decoration: underline;
}
footer .wrapper .footer-right .right-bottom .bottom-right {
  width: 70%;
}
footer .wrapper .footer-right .right-bottom .bottom-right h2 {
  color: #e0e0e0;
  font-family: "exo-semibold";
  font-size: 20px;
  text-transform: uppercase;
  padding-bottom: 8px;
}
footer .wrapper .footer-right .right-bottom .bottom-right ul li {
  list-style: none;
  margin: 8px 0;
}
footer .wrapper .footer-right .right-bottom .bottom-right ul li a {
  color: #e0e0e0;
  font-family: "exo-regular";
  font-size: 15px;
  text-decoration: none;
}
footer .wrapper .footer-right .right-bottom .bottom-right ul li a:hover {
  text-decoration: underline;
}
footer .wrapper .footer-right .right-bottom .bottom-right img {
  margin-top: 30px;
}
footer .wrapper .footer-right .right-bottom .bottom-right p {
  color: #666666;
  font-family: "exo-regular";
  font-size: 13px;
  text-decoration: none;
}
footer .wrapper .footer-right > h2 {
  display: none;
}

.footer-bottom-line {
  background-color: #131313;
  height: 17px;
  width: 100vw;
}
.footer-bottom-line p {
  display: none;
}

@media screen and (min-width: 2000px) {
  main #careers::after {
    background-size: 100% 100%;
  }
  main #technicalSupport .solutions .solutions-bottom {
    background-size: 100% 100%;
  }
  main #technicalSupport .solutions .solutions-top {
    background-size: 100% 100%;
  }
  main #technicalSupport .extra-service {
    background-size: 100% auto;
  }
  main #erpBanner {
    background-size: 100% 100%;
  }
  main #businessPlace {
    background-size: 100% 100%;
  }
  main #iotBanner {
    background-size: 100% 100%;
  }
  main #iotUsage {
    background-size: 100% 100%;
  }
  main #smartHouse {
    background-size: 100% 100%;
  }
  main #onlineStoreBanner {
    background-size: 100% 100%;
  }
  main #onlineStoreAdvantages {
    background-size: 100% 100%;
  }
  main #developingWayofWorkBottom {
    background-size: 100% 100%;
  }
  main #improvingYourProduct {
    background-size: 100% 100%;
  }
  main #webPlatformBanner {
    background-size: 100% 100%;
  }
  main #firstSlide .first-top-slide {
    background-size: 100% 100%;
  }
  main #contacts .contacts-bottom::before {
    background-size: 100% 100%;
  }
}
@media screen and (max-width: 1700px) {
  main #technicalSupport .your-product::after {
    display: none;
  }
  main #softwareSolution::before {
    left: -190px;
  }
  main #softwareSolution::after {
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
    width: 150px;
  }
  main #websites .inspire {
    background-position: -300px 0;
  }
  main #contacts::before {
    width: 250px;
  }
  main #contacts::after {
    width: 250px;
  }
}
@media screen and (max-width: 1400px) {
  main #notFound,
  main #serverError {
    min-height: 100%;
    padding-top: 31vw;
    background-size: 130vw;
    margin-top: 70px;
    padding-bottom: 50px;
  }
  main #softwareSolution::before {
    left: -230px;
  }
  main #softwareSolution::after {
    width: 70px;
  }
  main #contacts::before {
    width: 150px;
  }
  main #contacts::after {
    width: 150px;
  }
  main #mainGoals::after {
    background-size: contain;
    width: 400px;
    background-position: left;
    background-repeat: no-repeat;
  }
  main #mainGoals::before {
    background-size: contain;
    width: 400px;
    background-position: right;
    background-repeat: no-repeat;
  }
  main #yourBusiness::after {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    width: 50px;
  }
  main #yourBusiness::before {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    width: 50px;
  }
}
@media screen and (max-width: 1300px) {
  main #euProjectsBanner h1 {
    padding-left: 100px;
  }
  main #websites .banner .wrapper .tablet {
    width: 95%;
    height: 52vw;
    background-size: contain;
    background-repeat: no-repeat;
  }
  main #websites .banner .wrapper .tablet .animation-holder .banner-rocket {
    max-width: 300px;
    margin-top: 0;
  }
  main #websites .banner .wrapper .tablet::before {
    width: 2%;
    height: 40%;
    left: 2px;
    top: 169px;
  }
  main #websites .banner::after {
    background-size: 1400px;
    bottom: -155px;
  }
  main #websites .developing .wrapper .developing-slideshow-wrapper .cms-slider-wrapper .cms-each-slide img {
    max-width: 400px;
    -o-object-fit: contain;
    object-fit: contain;
  }
  main #websites .developing .developing-left-decor {
    max-width: 100px;
  }
  main #websites .developing .developing-right-decor {
    max-width: 100px;
  }
  main #websites .update .wrapper::before {
    height: 222px;
    width: 219px;
    bottom: 15px;
    background-size: contain;
    background-repeat: no-repeat;
  }
  main #websites .update .wrapper::after {
    bottom: 15px;
    width: 233px;
    height: 225px;
    background-size: contain;
    background-repeat: no-repeat;
  }
  main #websites .manage .wrapper::after {
    right: 3vw;
    top: 147px;
    width: 307px;
    height: 209px;
    background-size: contain;
    background-repeat: no-repeat;
  }
  main #mainGoals .wrapper h2 {
    width: 100%;
  }
  main #mainGoals .wrapper p {
    width: 100%;
  }
  main #mainGoals .wrapper .system-example .col-big div {
    width: 400px;
    height: 250px;
  }
  main #mainGoals .wrapper .system-example .col-big div::before {
    top: calc(50% - 125px) !important;
    background-size: 100% 100% !important;
    height: 250px !important;
  }
  main #mainGoals .wrapper .system-example .col-right div::after {
    top: calc(50% - 125px) !important;
    background-size: 100% 100% !important;
    height: 250px !important;
  }
  main #mainGoals .wrapper .system-example .col-small {
    height: 780px;
  }
  main #mainGoals .wrapper .system-example .col-small div:nth-child(odd) img {
    margin-bottom: 54px;
  }
  main #mobileApps .your-clients-services-wrapper::after {
    display: none;
  }
  main #mobileApps .your-clients .wrapper .your-clients-services-wrapper {
    width: 92%;
  }
  main #mobileApps .wrapper .concept {
    padding-top: 100px;
  }
  main #mobileApps .wrapper .development-info-wrapper p {
    width: 715px;
  }
  main #mobileApps .developing-mobile .wrapper .developing-mobile-slideshow-wrapper {
    width: 90%;
    background-size: contain;
    background-repeat: no-repeat;
  }
  main #mobileApps .developing-mobile .wrapper .developing-mobile-slideshow-wrapper .cms-slider-wrapper .cms-each-slide {
    padding-top: 0;
  }
  main #mobileApps .developing-mobile .wrapper .developing-mobile-slideshow-wrapper .cms-slider-wrapper .cms-each-slide img {
    width: 290px;
  }
  main #mobileApps .developing-mobile .wrapper .developing-mobile-slideshow-wrapper::before {
    left: 30px;
    background-size: contain;
    width: 93%;
  }
  main #mobileApps .notifications .wrapper .notify h2 {
    width: 550px;
  }
  main #mobileApps .notifications .wrapper .notify p {
    width: 450px;
  }
  main #mobileApps .notifications .wrapper .notify::after {
    bottom: 67px;
  }
  main #mobileApps .planning::after {
    width: 318px;
    height: 291px;
    right: 66px;
    top: 479px;
    background-size: contain;
    background-repeat: no-repeat;
  }
  main #mobileApps .marketing .wrapper {
    padding-top: 366px;
    padding-right: 450px;
  }
  main #mobileApps .wrapper .links {
    margin-top: -100px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 1200px) {
  .wrapper {
    width: 90% !important;
  }
  main #businessPlace .wrapper {
    padding-right: 0;
  }
  main #consultation .wrapper form .holder ul.project-types li {
    padding: 20px 10px;
  }
  main #homeBanner ul li a .wrapper .holder h1,
  main #homeBanner ul li a .wrapper .holder h2 {
    font-size: 50px;
  }
  main #homeBanner::before {
    top: 10px;
  }
  main #steps .wrapper ul {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  main #steps .wrapper ul li span {
    font-size: 13px;
  }
  main #steps .wrapper ul li .tooltip {
    width: 230px !important;
  }
  main #interns .wrapper {
    margin-top: -160px;
  }
  main #interns .wrapper h2 {
    padding-left: 0;
    padding-right: 0;
  }
  main #entertainment {
    padding-bottom: 30px;
  }
  main #entertainment .wrapper h2 {
    text-align: center;
  }
  main #entertainment .wrapper .wrap {
    display: block;
  }
  main #entertainment .wrapper .wrap .slick-dots {
    bottom: -50px;
  }
  main #entertainment .wrapper .wrap .slick-dots li {
    background-color: #eee;
    border-radius: 50%;
    height: 29px;
    width: 29px;
    position: relative;
  }
  main #entertainment .wrapper .wrap .slick-dots li button {
    background-color: #5fb1ed;
    border-radius: 50%;
    position: absolute;
    width: 15px;
    height: 15px;
    top: calc(50% - 7.5px);
    left: calc(50% - 7.5px);
    opacity: 0;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
  }
  main #entertainment .wrapper .wrap .slick-dots li button::before {
    display: none;
  }
  main #entertainment .wrapper .wrap .slick-dots .slick-active button {
    opacity: 1;
  }
  main #entertainment .wrapper .wrap .col {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
  }
  main #entertainment .wrapper .wrap .col img {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  main #entertainment .wrapper .wrap .col h3 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    text-align: center;
  }
  main #entertainment .wrapper .wrap .col p {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    text-align: center;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  main #careers .top-wrapper {
    padding-right: 450px;
  }
  main #webBanner {
    background-position: center 25px;
  }
  main #allDevice .wrapper img {
    width: 90%;
  }
  main #firstSlide .wrapper .first-top-slide {
    background-image: url("../img/first-top-slide-mobile-bg.png");
    background-position: center 100px;
    height: auto;
  }
  main #firstSlide .wrapper .first-top-slide h2 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 420px;
  }
  main #firstSlide .wrapper .first-top-slide h2::before {
    content: "";
    position: absolute;
    background-image: url("../img/first-top-slide-people.png");
    width: 633px;
    height: 374px;
    background-repeat: no-repeat;
    bottom: -400px;
  }
  main #firstSlide .wrapper .first-bottom-slide {
    background-image: url("../img/first-bottom-slide-mobile-bg.jpg");
    background-position: center 100px;
    height: 1105px;
    padding-top: 250px;
  }
  main #firstSlide .wrapper .first-bottom-slide h2 {
    width: 100%;
  }
  main #firstSlide .wrapper .first-bottom-slide p {
    width: 100%;
  }
  main #secondSlide .second-top-slide {
    background-image: none;
    height: auto;
  }
  main #secondSlide .second-top-slide h2 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 600px;
    width: 100% !important;
    margin-left: auto !important;
    z-index: 9;
  }
  main #secondSlide .second-top-slide h2::before {
    content: "";
    position: absolute;
    background-image: url("../img/second-top-slide-people.jpg");
    width: 740px;
    height: 549px;
    bottom: -570px;
  }
  main #secondSlide .second-top-slide p {
    width: 100%;
    margin-left: auto !important;
  }
  main #secondSlide .second-bottom-slide {
    background-size: 120% auto;
    background-position: center center;
    height: auto;
  }
  main #secondSlide .second-bottom-slide h2 {
    padding-bottom: 234px;
    margin-left: auto !important;
    width: 100%;
  }
  main #secondSlide .second-bottom-slide p {
    width: 100%;
    margin-left: auto !important;
  }
  main #thirdSlide .third-top-slide {
    background-image: url("../img/third-top-slide-mobile-bg.png");
    padding-bottom: 600px;
    background-position: center top;
    height: auto;
  }
  main #thirdSlide .third-top-slide .wrapper h2 {
    width: 100%;
    margin-left: auto;
    padding-left: 0;
  }
  main #thirdSlide .third-top-slide .wrapper p {
    width: 100%;
    margin-left: auto;
    padding-left: 0;
  }
  main #thirdSlide .third-bottom-slide {
    background-image: url("../img/third-bottom-slide-mobile-bg.jpg");
    height: auto;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 620px;
    background-position: center bottom;
  }
  main #thirdSlide .third-bottom-slide h2 {
    width: 100%;
  }
  main #thirdSlide .third-bottom-slide p {
    width: 100%;
  }
  main #iotBanner .wrapper .banner-subsection .banner-subsection-image {
    width: 60%;
  }
  main #iotBanner .wrapper .banner-subsection .banner-subsection-info {
    width: 370px;
  }
  main #iotUsage .wrapper .usage-wrapper .row .each-usage {
    height: 250px;
  }
  main #iotBusinessUsage .wrapper h2 {
    width: 370px;
  }
  main #iotBusinessUsage .wrapper p {
    width: 370px;
  }
  main #egymon .wrapper .each-egymon-service-wrapper div {
    width: 28.5714285714%;
    background-size: 60%;
    background-position: top center;
  }
  main #egymon .wrapper .each-egymon-service-wrapper div h3 {
    width: 100%;
  }
  main #egymon .wrapper .each-egymon-service-wrapper div p {
    width: 100%;
  }
  main #smartHouse .wrapper {
    margin-top: -100px;
  }
  main #smartHouse .wrapper h2 {
    width: 370px;
    margin-left: auto;
  }
  main #smartHouse .wrapper p {
    width: 370px;
    margin-left: auto;
  }
  main #gdpr .who .wrapper .left-who-wrapper {
    width: 47.619047619%;
  }
  main #gdpr .who .wrapper .left-who-wrapper .each-who {
    padding: 0 0 70px 0px;
  }
  main #gdpr .who .wrapper .right-who-wrapper {
    width: 47.619047619%;
  }
  main #softwareSolution .wrapper .each-service .image-part img {
    max-width: 350px;
    -o-object-fit: contain;
    object-fit: contain;
  }
  main #softwareSolution .wrapper .page-subheading::after {
    top: calc(100% + 48px);
  }
  main #softwareSolution .links {
    height: auto;
  }
  main #softwareSolution::before {
    display: none;
  }
  main #softwareSolution::after {
    display: none;
  }
  main #developingWayofWorkBottom {
    background-position: center center;
    background-size: 150% 754px;
    background-repeat: no-repeat;
    height: 1040px;
    margin-top: -235px;
  }
  main #developingWayofWorkBottom .wrapper .bottom-button {
    margin-top: -200px;
  }
  main #developingWayofWorkBottom .wrapper .each-solution-wrapper div h2 {
    font-size: 17px;
  }
  main #developingWayofWorkBottom .wrapper .each-solution-wrapper div p {
    font-size: 13px;
  }
  main #developingWayofWorkBottom .wrapper .each-solution-wrapper .second-solution {
    left: 200px;
    top: 380px;
    bottom: auto;
  }
  main #developingWayofWorkBottom .wrapper .each-solution-wrapper .fifth-solution {
    bottom: 240px;
  }
  main #developingWayofWorkBottom .wrapper .each-solution-wrapper .sixth-solution {
    bottom: 265px;
  }
  main #developingWayofWorkBottom .wrapper .each-solution-wrapper .seventh-solution {
    right: -48px;
    bottom: 312px;
  }
  main #developingWayofWorkBottom .wrapper .each-solution-wrapper .third-solution {
    bottom: 506px;
    left: 460px;
  }
  main #developingWayofWorkBottom .wrapper .each-solution-wrapper .first-solution {
    left: -36px;
    bottom: 415px;
  }
  main #developingWayofWork .wrapper .info-part {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  main #developingWayofWork .wrapper .info-part .cards {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  main #developingWayofWork .wrapper .info-part p {
    width: 100%;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  main #softwareSolutionMainBanner {
    background-position: center bottom;
    width: 100%;
    height: 1150px;
  }
  main #improvingYourProduct .wrapper .info-part {
    width: 450px;
  }
  main #improvingYourProduct .wrapper .info-part h2 {
    width: 100%;
  }
  main #improvingYourProduct .wrapper .info-part h3 {
    width: 100%;
  }
  main #improvingYourProduct .wrapper .info-part p {
    width: 100%;
  }
  main #hardwareWork .wrapper h2 {
    padding-left: 450px;
  }
  main #hardwareWork .wrapper h3 {
    padding-left: 450px;
  }
  main #hardwareWork .wrapper p {
    padding-left: 450px;
  }
  main #hardwareWork .wrapper .hardware-wrok-image {
    left: -400px;
  }
  main #clientCare {
    background-size: 120%;
    background-repeat: no-repeat;
  }
  main #clientCare .wrapper .baloons-wrapper .first-baloon {
    left: 6vw;
  }
  main #clientCare .wrapper .baloons-wrapper .second-baloon {
    right: auto;
    left: 13vw;
  }
  main #clientCare .wrapper .baloons-wrapper .third-baloon {
    right: auto;
    left: 46vw;
  }
  main #clientCare .wrapper .baloons-wrapper .fourth-baloon {
    right: auto;
    left: 57vw;
  }
  main #clientCare .wrapper .bottom-signs .second-bottom-sign {
    margin-left: 92px;
  }
  main #clientCare .wrapper .bottom-signs .third-bottom-sign {
    margin-left: -118px;
  }
  main #websites .banner .wrapper .tablet p {
    width: 800px;
    line-height: 1;
    font-size: 13px;
    padding-right: 300px;
    padding-bottom: 20px;
  }
  main #websites .banner::after {
    bottom: -245px;
  }
  main #onlineStoreBanner .wrapper ul {
    width: 600px;
  }
  main #onlineStoreAdvantages .wrapper .advantages-animation-holder img {
    -o-object-fit: contain;
    object-fit: contain;
    max-width: 60%;
    padding-right: 30px;
  }
  main #marketRise .wrapper ul li::after {
    width: 500px;
    background-size: contain;
  }
  main #storeSeoBottom .store-seo-bottom-wrapper ul {
    width: auto !important;
  }
  main #motivateYourClient {
    background-size: contain;
  }
  main #onlineStoreLinks .wrapper .links {
    margin-top: -90px;
  }
  main #webPlatformBanner .wrapper .web-platform-banner-bottom {
    margin-top: 255px;
  }
  footer .wrapper .footer-right .right-top,
  footer .wrapper .footer-right .right-top.en {
    width: calc(100% + 220px);
    position: relative;
    left: -220px;
  }
}
@media screen and (max-width: 1024px) {
  .set-lang {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100px;
  }
  .set-lang .wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 15px;
  }
  .set-lang .wrapper .right {
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .set-lang .wrapper p {
    text-align: center;
    margin: 0;
    margin-bottom: 10px;
  }
  .set-lang .wrapper select {
    margin-left: 0;
    height: 30px;
    width: 125px;
    background-color: #464646;
    border: none;
    color: white;
  }
  .set-lang .wrapper button {
    height: 30px;
    width: 90px;
  }
  .set-lang .wrapper .close {
    margin-left: auto;
    position: absolute;
    top: 12px;
    right: 12px;
  }
  header .wrapper .brand {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
  }
  header .wrapper .hamburger-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  header .wrapper nav {
    position: absolute;
    top: 100%;
    width: 100%;
    left: 0;
    right: 0;
    background-color: #1c3069;
    display: none;
    overflow: auto;
    height: auto;
  }
  header .wrapper nav ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: #1c3069;
    padding: 10px 20px;
  }
  header .wrapper nav ul li {
    width: 100%;
    margin: 10px 0;
    height: 22px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-weight: normal;
  }
  header .wrapper nav ul li span:not(.page-content-options) {
    display: none !important;
  }
  header .wrapper nav ul li .contacts-nav {
    border: none;
    padding-left: 0;
    margin-left: 0;
  }
  header .wrapper nav ul li a {
    font-size: 18px;
    font-family: "exo-regular";
  }
  header .wrapper nav ul li.services {
    display: block;
    height: auto;
  }
  header .wrapper nav ul li.services ul {
    display: block;
    position: static;
    padding-left: 10px;
    background-color: transparent;
    padding: 0;
  }
  header .wrapper nav ul li.services ul li {
    -webkit-transform: translate(0px);
    -ms-transform: translate(0px);
    transform: translate(0px);
    opacity: 1;
    padding: 0;
    padding-left: 20px;
    -webkit-animation-name: no-animation !important;
    animation-name: no-animation !important;
    width: 100% !important;
    height: auto !important;
  }
  header .wrapper nav ul li.services ul li a {
    font-family: "exo-regular";
    font-size: 15px;
  }
  header .wrapper nav ul li.services ul li:hover {
    height: auto;
    margin: 10px 0 !important;
    padding: 0 !important;
    padding-left: 20px !important;
  }
  header .wrapper nav ul li.services ul li:hover a {
    color: white;
    height: auto;
  }
  header .wrapper nav ul li.services ul li:last-of-type {
    margin-bottom: 0;
  }
  header .wrapper nav ul li.services:hover {
    background-color: transparent !important;
  }
  header .wrapper nav ul li.services:hover ul {
    display: block;
  }
  header .wrapper nav ul li::after {
    display: none;
  }
  main #consultationSuccess .wrapper {
    padding-bottom: 170px;
  }
  main #consultationSuccess .wrapper > img {
    width: 50px;
    margin-bottom: 15px;
  }
  main #consultationSuccess .wrapper h1 {
    font-size: 21px;
  }
  main #consultationSuccess .wrapper h1 br {
    display: none;
  }
  main #consultationSuccess .wrapper p {
    padding: 0;
    font-size: 13px;
  }
  main #consultationSuccess::before {
    background-position: bottom center;
    max-width: 450px;
  }
  main #consultation .wrapper form .holder .row .col {
    width: 100%;
  }
  main #consultation .wrapper form .holder ul.project-types {
    overflow: auto;
  }
  main #consultation .wrapper form .holder ul.project-types li {
    width: 120px;
    -webkit-box-flex: initial;
    -ms-flex: initial;
    flex: initial;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  main #homeBanner {
    margin-top: 0;
    position: relative;
  }
  main #homeBanner ul li {
    background-size: cover;
  }
  main #homeBanner ul li a {
    height: 510px;
    padding-top: 90px;
    padding-bottom: 60px;
  }
  main #homeBanner ul li a .wrapper {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  main #homeBanner ul li a .wrapper .holder {
    padding-right: 0;
  }
  main #homeBanner ul li a .wrapper .holder img {
    display: block;
    margin: auto;
    width: 210px;
    margin-bottom: 40px;
  }
  main #homeBanner ul li a .wrapper .holder span.label {
    font-size: 15px;
    display: block;
    text-align: center;
    width: 100%;
    color: #00C6FF;
  }
  main #homeBanner ul li a .wrapper .holder h1,
  main #homeBanner ul li a .wrapper .holder h2 {
    font-size: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 5px;
    width: 100%;
    text-align: center;
    display: block;
    color: #fff;
  }
  main #homeBanner ul li a .wrapper .holder h1::after,
  main #homeBanner ul li a .wrapper .holder h2::after {
    display: none;
    width: 8px;
    height: 8px;
    margin-left: 5px;
    margin-bottom: 5px;
  }
  main #homeBanner ul li a .wrapper .holder p {
    font-size: 15px;
    margin-bottom: 10px;
    text-align: center;
    color: #fff;
  }
  main #homeBanner ul li a .wrapper .holder span.btn {
    height: 45px;
    width: 165px;
    margin: 0 auto;
    margin-top: 40px;
  }
  main #homeBanner ul li a .wrapper video {
    top: auto;
    height: auto;
    display: block !important;
  }
  main #homeBanner ul::after {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 44px;
    height: 39px;
    right: 12px;
    bottom: 250px;
    left: auto;
  }
  main #homeBanner ul::before {
    width: 72px;
    height: 68px;
    right: -25px;
    top: 500px;
  }
  main #homeBanner::after {
    content: "";
    width: 46px;
    height: 95px;
    background-image: url(../img/home/left-shape.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: auto;
    bottom: 30px;
    left: 15px;
    z-index: 2;
    pointer-events: none;
    -webkit-animation: rotate-img 30s infinite;
    animation: rotate-img 30s infinite;
  }
  main #homeBanner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-image: url("../img/home/banner_mobile_shape.png"), -o-linear-gradient(222deg, #000156, #007ea7);
    background-image: url("../img/home/banner_mobile_shape.png"), linear-gradient(-132deg, #000156, #007ea7);
    background-position: right top;
    background-size: 170% auto;
    opacity: 0.8;
    -webkit-animation: none;
    animation: none;
  }
  main #homeBanner .dots {
    bottom: 20px;
  }
  main #homeBanner .dots span {
    margin: 0 1px;
    width: 12px;
    height: 1px;
    border-radius: 1px;
  }
  main #homeServices {
    padding-top: 40px;
  }
  main #homeServices .heading h2 {
    font-size: 25px;
  }
  main #homeServices .heading p {
    margin-bottom: 10px;
  }
  main #homeServices ul.wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  main #homeServices ul.wrapper li {
    width: 100%;
    margin-right: 0;
    border: none;
    padding: 0;
    margin-bottom: 20px;
    border: 1px solid #f0f0f0;
    border-radius: 5px;
    background-color: #EEF5FF;
  }
  main #homeServices ul.wrapper li a.holder {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: initial;
    -webkit-box-direction: initial;
    -ms-flex-direction: initial;
    flex-direction: initial;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-image: initial !important;
    padding: 15px;
    padding-right: 30px;
  }
  main #homeServices ul.wrapper li a.holder .items {
    display: none;
  }
  main #homeServices ul.wrapper li a.holder span.icon {
    background-color: #D6DAEE !important;
    width: 65px;
    height: 65px;
    margin-right: 10px;
    margin-bottom: 0;
  }
  main #homeServices ul.wrapper li a.holder span.icon img {
    max-width: 33px;
  }
  main #homeServices ul.wrapper li a.holder b {
    margin-bottom: 5px;
    text-align: left;
    color: #2b409c !important;
    width: calc(100% - 75px);
    font-size: 18px;
    margin-bottom: 0;
  }
  main #homeServices ul.wrapper li a.holder p {
    margin-top: 10px;
    margin-bottom: 0;
    text-align: left;
  }
  main #homeServices ul.wrapper li a.holder .bottom {
    display: none;
  }
  main #homeServices ul.wrapper li a.holder .bottom span.number {
    display: none;
  }
  main #homeServices ul.wrapper li a.holder .bottom span.btn {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  main #homeServices ul.wrapper li a.holder::after {
    content: "";
    width: 26px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background-image: url("../img/home/icons/services-arrow.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 25px auto;
  }
  main #homeServices ul.wrapper li:last-of-type {
    margin-bottom: 0;
  }
  main #homeServices::before, main #homeServices::after {
    display: none;
  }
  main #homePartners .wrapper b {
    text-align: center;
    color: #363030;
  }
  main #homePartners .wrapper ul li {
    margin: 10px;
  }
  main #homePartners .wrapper ul li img {
    max-height: 45px;
    max-width: 150px;
  }
  main #homeFeedback .wrapper {
    padding: 25px 10px;
  }
  main #homeFeedback .wrapper .holder .right h4 {
    font-size: 15px;
    color: #7c7c7c;
  }
  main #homeFeedback .wrapper b {
    font-size: 30px;
  }
  main #homeFeedback .wrapper::before {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 47px;
    height: 36px;
    top: -20px;
    left: calc(50% - 23.5px);
  }
  main #euProjectsBanner h1 {
    text-align: center;
    padding-left: 0;
  }
  main #euProjects .wrapper ul {
    margin-right: -20px;
  }
  main #euProjects .wrapper ul li {
    margin-right: 20px;
    margin-bottom: 20px;
    width: calc(50% - 20px);
  }
  main #euProjects .wrapper ul li .bottom img,
  main #euProjects .wrapper ul li .top img {
    max-width: calc(50% - 10px);
  }
  main #euProjects .wrapper ul .first-type h2 {
    font-size: 17px;
  }
  main #euProjects .wrapper ul .second-type h2 {
    font-size: 20px;
  }
  main #workBanner {
    padding-top: 100px;
    padding-bottom: 50px;
  }
  main #workBanner .wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    min-height: auto;
  }
  main #workBanner .wrapper h1 {
    font-size: 35px;
  }
  main #workBanner .wrapper p {
    font-size: 15px;
  }
  main #workBanner .wrapper .left-left img {
    width: 50px;
  }
  main #workBanner .wrapper .right {
    width: 100%;
    margin-left: 0;
    font-size: 15px;
  }
  main #workDescription .wrapper {
    padding: 20px;
  }
  main #workDescription .wrapper h2 {
    font-size: 35px;
    padding-bottom: 15px;
  }
  main #workDescription .wrapper p {
    padding: 0;
    margin-bottom: 30px;
  }
  main #workDescription .wrapper .requirements {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  main #workDescription .wrapper .requirements .left {
    margin-bottom: 20px;
  }
  main #workDescription .wrapper .requirements .left,
  main #workDescription .wrapper .requirements .right {
    max-width: 100%;
  }
  main #careers {
    background-image: none;
    padding-top: 0;
    min-height: 510px;
  }
  main #careers .top-wrapper {
    padding-top: 135px;
    background-color: #f08fa1;
    width: 100% !important;
    position: relative;
    padding-right: 0;
    padding-bottom: 30px;
  }
  main #careers .top-wrapper h1 {
    padding-left: 5%;
    padding-right: 5%;
    text-align: center;
    width: 100%;
  }
  main #careers .top-wrapper p {
    padding-left: 5%;
    padding-right: 5%;
    text-align: center;
    width: 100%;
  }
  main #careers .top-wrapper::after {
    content: "";
    background-image: url("../img/career-mobile-bottom-shape.png");
    background-repeat: no-repeat;
    background-position: top center;
    height: 65px;
    width: 100%;
    left: 0;
    right: 0;
    top: calc(100% - 1px);
    position: absolute;
    background-size: 100% 100%;
  }
  main #careers .bottom-wrapper .wrap .slick-dots li {
    background-color: white;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    position: relative;
  }
  main #careers .bottom-wrapper .wrap .slick-dots li button {
    background-color: #5fb1ed;
    border-radius: 50%;
    position: absolute;
    width: 15px;
    height: 15px;
    top: calc(50% - 7.5px);
    left: calc(50% - 7.5px);
    opacity: 0;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
  }
  main #careers .bottom-wrapper .wrap .slick-dots li button::before {
    display: none;
  }
  main #careers .bottom-wrapper .wrap .slick-dots .slick-active button {
    opacity: 1;
  }
  main #careers .bottom-wrapper .wrap .each-position {
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 100%;
  }
  main #careers .bottom-wrapper .wrap .each-position a {
    margin: auto;
  }
  main #careers .bottom-wrapper .wrap .slick-slide {
    margin: 0 5px;
  }
  main #interns .wrapper p {
    padding: 0;
  }
  main #interns .wrapper .wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  main #interns .wrapper .wrap .each-internship {
    width: 100%;
    max-width: 500px;
    margin: 20px auto;
  }
  main #interns .wrapper .wrap .each-internship a {
    display: none;
  }
  main #interns .wrapper .wrap .each-internship .on-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  main #softwareMasters {
    background-size: auto 100%;
  }
  main #internBanner {
    padding-bottom: 30px;
  }
  main #internBanner .wrapper {
    background-image: none;
  }
  main #internBanner .wrapper h1 {
    padding-left: 0;
    text-align: center;
    position: relative;
    margin-bottom: 180px;
  }
  main #internBanner .wrapper p {
    padding-left: 0;
    text-align: center;
  }
  main .programmers .wrapper h1::after {
    content: "";
    background-image: url("../img/mobile-programmer.png");
    height: 150px;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: calc(100% + 15px);
    left: 0;
    right: 0;
  }
  main .linguists .wrapper h1::after {
    content: "";
    background-image: url("../img/mobile-linguist.png");
    height: 150px;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: calc(100% + 15px);
    left: 0;
    right: 0;
  }
  main #internDescription .wrapper {
    width: 100% !important;
    padding: 20px 5%;
  }
  main #internDescription .wrapper p {
    padding: 0;
  }
  main #internDescription .wrapper ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  main #internDescription .wrapper ul li {
    max-width: 500px;
    width: 100%;
  }
  main #internDescription .wrapper .button-holder {
    width: 100%;
  }
  main #participate .wrapper h1::before {
    left: 0%;
    background-image: -o-linear-gradient(left, rgba(147, 191, 249, 0), #93bff9, rgba(147, 191, 249, 0));
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(147, 191, 249, 0)), color-stop(#93bff9), to(rgba(147, 191, 249, 0)));
    background-image: linear-gradient(to right, rgba(147, 191, 249, 0), #93bff9, rgba(147, 191, 249, 0));
  }
  main #participate .wrapper p {
    padding: 0;
  }
  main #softwareSolutionMainBanner {
    background-position: center bottom;
    width: 100%;
    height: 1150px;
  }
  main #onlineStoreAdvantages .wrapper .advantages-animation-holder .video {
    width: 90%;
  }
  main #onlineStoreAdvantages .wrapper .advantages-animation-holder .video::after {
    width: 107%;
    top: 99%;
    background-position: top center;
  }
  main #onlineStoreAdvantages .wrapper .advantages-animation-holder video {
    width: 87.5%;
    height: 48.7vw;
    background-image: url("../img/video-bg.jpg");
    background-size: contain;
  }
  main #onlineStoreAdvantages .wrapper .advantages-animation-holder .advantages-animation {
    width: 100%;
  }
  main #onlineStoreAdvantages .wrapper .advantages-animation-holder .advantages-animation .advantages {
    padding-top: 40px;
    padding-right: 60px !important;
  }
  main #onlineStoreAdvantages .wrapper .advantages-animation-holder .advantages-animation .advantages .slick-prev {
    background-image: url("../img/mobile-usage-left-arrow.png");
    height: 42px;
    width: 42px;
    left: -60px;
    z-index: 9;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    display: none !important;
  }
  main #onlineStoreAdvantages .wrapper .advantages-animation-holder .advantages-animation .advantages .slick-prev::before {
    display: none;
  }
  main #onlineStoreAdvantages .wrapper .advantages-animation-holder .advantages-animation .advantages .slick-next {
    background-image: url("../img/mobile-usage-right-arrow.png");
    height: 42px;
    width: 42px;
    right: 18px;
    z-index: 9;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
  }
  main #onlineStoreAdvantages .wrapper .advantages-animation-holder .advantages-animation .advantages .slick-next::before {
    display: none;
  }
  main #onlineStoreAdvantages .wrapper .advantages-animation-holder .advantages-animation .advantages li h3 {
    padding-left: 30px;
  }
  main #onlineStoreAdvantages .wrapper .advantages-animation-holder .advantages-animation .advantages li p {
    padding-left: 30px;
  }
  main #onlineStoreAdvantages .wrapper .advantages-animation-holder .advantages-animation .advantages li::before {
    left: 15px;
  }
  main #onlineStoreAdvantages .wrapper .advantages-animation-holder .advantages-animation .to-show-list {
    width: 100%;
  }
  main #onlineStoreAdvantages .wrapper .advantages-animation-holder .advantages-animation .to-show-list li {
    height: auto !important;
  }
  main #webBanner {
    background-image: none;
    height: 720px;
  }
  main #webBanner .wrapper h2 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    text-align: center;
  }
  main #webBanner .wrapper h2::after {
    content: "";
    background-image: url("../img/web-mobile-top-img.jpg");
    width: 716px;
    height: 316px;
    position: absolute;
    top: 100%;
    left: calc(50% - 358px);
  }
  main #clientNeeds {
    padding-top: 50px;
  }
  main #clientNeeds .wrapper .client-services-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  main #clientNeeds .wrapper .client-services-wrapper div {
    width: 100%;
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 50px;
    height: auto;
  }
  main #clientNeeds .wrapper .client-services-wrapper .first-client-service,
  main #clientNeeds .wrapper .client-services-wrapper .second-client-service,
  main #clientNeeds .wrapper .client-services-wrapper .third-client-service {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  main #clientNeeds .wrapper .client-services-wrapper div:last-of-type {
    border: none;
  }
  main #developmentProcess {
    background-image: url("../img/mobile-web-bg.jpg");
    background-position: top center;
    background-repeat: no-repeat;
    height: auto;
    padding-top: 0;
    padding-bottom: 390px;
  }
  main #developmentProcess .wrapper h2 {
    text-align: center;
    font-size: 35px;
  }
  main #developmentProcess .wrapper .both-processes-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  main #developmentProcess .wrapper .both-processes-wrapper .left-process {
    width: 100%;
    background-position: left top;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-size: 300px;
    padding-top: 20px;
  }
  main #developmentProcess .wrapper .both-processes-wrapper .left-process h3 {
    margin-top: 60px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 100%;
    text-align: right;
    padding-bottom: 150px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: 40vw;
  }
  main #developmentProcess .wrapper .both-processes-wrapper .left-process p {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 100%;
    text-align: center;
  }
  main #developmentProcess .wrapper .both-processes-wrapper .right-process {
    width: 100%;
    background-position: top left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-size: 300px;
    padding-top: 11px;
    margin-top: 50px;
  }
  main #developmentProcess .wrapper .both-processes-wrapper .right-process h3 {
    margin-top: 60px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 100%;
    text-align: right;
    padding-bottom: 150px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: 40vw;
  }
  main #developmentProcess .wrapper .both-processes-wrapper .right-process p {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 100%;
    text-align: center;
  }
  main #allDevice {
    margin-top: -285px;
  }
  main #allDevice .wrapper h2 {
    width: 100%;
    text-align: center;
  }
  main #allDevice .wrapper p {
    width: 100%;
    text-align: center;
  }
  main .links-wrapper {
    padding-bottom: 0;
  }
  main #contacts {
    background-position: center top;
    min-height: initial;
  }
  main #contacts .wrapper {
    padding-bottom: 0;
  }
  main #contacts .wrapper .open-contact::before {
    content: "";
    position: absolute;
    right: 100%;
    right: calc(100% + 50px);
    bottom: -25px;
    background-image: url(../img/button-left-decor.png);
    width: 100px;
    height: 36px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
  main #contacts .wrapper .open-contact::after {
    content: "";
    position: absolute;
    left: 100%;
    left: calc(100% + 45px);
    bottom: -35px;
    background-image: url(../img/button-right-decor.png);
    width: 100px;
    height: 75px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  main #contacts .wrapper .contact-popup .close-popup {
    margin-bottom: -10px;
  }
  main #contacts .wrapper .contact-popup form {
    padding-bottom: 10px;
  }
  main #contacts .wrapper .contact-popup form button {
    margin-top: 20px;
  }
  main #contacts .contacts-bottom {
    position: relative;
    margin-top: 50px;
  }
  main #contacts .contacts-bottom .wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  main #contacts .contacts-bottom .wrapper li {
    width: 100%;
    margin: 10px 0;
  }
  main #contacts .contacts-bottom::before {
    display: none;
  }
  main #contacts::before {
    display: none;
  }
  main #contacts::after {
    display: none;
  }
  main #erp .wrapper {
    width: 100% !important;
  }
  main #erp .wrapper h1 {
    padding: 0px 15px;
    padding-top: 100px !important;
  }
  main #erp .wrapper .erp-inside-top-img {
    display: block;
    margin: auto;
    width: calc(100% - 30px);
    margin-top: 20px;
    margin-bottom: 10px;
    max-width: 400px;
  }
  main #erp .wrapper p {
    padding: 20px 15px;
  }
  main #erp .wrapper .links {
    padding-bottom: 30px;
  }
  main #erp .wrapper .links .each-link {
    width: 100%;
    margin: auto;
    position: relative;
    height: 95px;
    margin-top: 10px;
  }
  main #erp .wrapper .links .each-link .link-head {
    width: calc(100% - 30px);
    margin: auto;
    max-width: 600px;
  }
  main #erp .wrapper .links .each-link p {
    display: none;
  }
  main #erp .wrapper .links .each-link a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
  }
  main #erp .wrapper h1 {
    width: 100%;
  }
  main #erp .wrapper .erp-services-wrapper {
    margin-top: 20px;
  }
  main #erp .wrapper .erp-services-wrapper .each-erp-service {
    width: 100%;
    height: auto !important;
    padding: 20px 15px !important;
  }
  main #erp .wrapper .erp-services-wrapper .each-erp-service h2 {
    text-align: center;
  }
  main #erp .wrapper .erp-services-wrapper .each-erp-service p {
    text-align: center;
    width: 100%;
  }
  main #erp .wrapper .erp-services-wrapper .each-erp-service .logistic-mobile-img {
    display: block;
    margin: 20px auto;
    width: 300px;
    -o-object-fit: contain;
    object-fit: contain;
  }
  main #erp .wrapper .erp-services-wrapper .first-erp-service {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  main #erp .wrapper .erp-services-wrapper .second-erp-service {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  main #erp .wrapper .erp-services-wrapper .third-erp-service {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  main #erp .wrapper .erp-services-wrapper .fourth-erp-service {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  main #erp .wrapper .erp-services-wrapper .fifth-erp-service {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  main #erp .wrapper .erp-services-wrapper .sixth-erp-service {
    padding-bottom: 300px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  main #erp .wrapper .erp-services-wrapper .sixth-erp-service .sixth-erp-service-image {
    width: 300px;
    left: auto;
    -o-object-fit: contain;
    object-fit: contain;
    top: 0px;
    display: block;
    margin: auto;
  }
  main #erp .wrapper .erp-services-wrapper .seventh-erp-service {
    display: none;
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  main #erp .wrapper .erp-services-wrapper .eight-erp-service {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  main #erp .wrapper .erp-services-wrapper .ninth-erp-service {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  main #erp .wrapper .erp-services-wrapper .ninth-erp-service h2 {
    color: #ebb763;
  }
  main #erp .wrapper .erp-services-wrapper .tenth-erp-service {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  main #erp .wrapper .erp-services-wrapper .eleventh-erp-service {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  main #erp .wrapper .erp-services-wrapper .twelfth-erp-service {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  main #erp .wrapper .erp-services-wrapper .erp-service-big {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }
  main #erp .wrapper .erp-services-wrapper .erp-service-big p {
    width: 100% !important;
  }
  main #erp .wrapper .erp-services-wrapper .erp-service-big-holder p {
    padding: 10px 15px !important;
  }
  main #erp .wrapper .erp-services-wrapper .erp-service-big:before {
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
  }
  main #erp .wrapper .erp-services-wrapper .erp-service-left {
    -webkit-box-ordinal-group: 16;
    -ms-flex-order: 15;
    order: 15;
    width: 100%;
    height: auto !important;
    padding: 20px 15px !important;
  }
  main #erp .wrapper .erp-services-wrapper .erp-service-left img {
    margin: auto;
  }
  main #erp .wrapper .erp-services-wrapper .erp-service-left h2 {
    text-align: center;
  }
  main #erp .wrapper .erp-services-wrapper .erp-service-left p {
    text-align: center;
    width: 100%;
  }
  main #erp .wrapper .erp-services-wrapper .erp-service-right {
    -webkit-box-ordinal-group: 15;
    -ms-flex-order: 14;
    order: 14;
    width: 100%;
    height: auto !important;
    padding: 20px 15px !important;
  }
  main #erp .wrapper .erp-services-wrapper .erp-service-right img {
    margin: auto;
  }
  main #erp .wrapper .erp-services-wrapper .erp-service-right h2 {
    text-align: center;
  }
  main #erp .wrapper .erp-services-wrapper .erp-service-right p {
    text-align: center;
    width: 100%;
  }
  main #erp .wrapper .erp-services-wrapper .erp-service-big-second {
    -webkit-box-ordinal-group: 17;
    -ms-flex-order: 16;
    order: 16;
    padding: 20px 15px;
    padding-bottom: 300px;
    height: auto;
    padding-top: 180px;
  }
  main #erp .wrapper .erp-services-wrapper .erp-service-big-second p {
    width: 100% !important;
  }
  main #erp .wrapper .erp-services-wrapper .erp-service-big-second .erp-service-big-second-img {
    top: 10px;
  }
  main #erp .wrapper .erp-services-wrapper .erp-service-big-second:before {
    bottom: -17px;
    top: auto;
    width: 292px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left bottom;
    max-width: 45%;
    left: 0;
  }
  main #erp .wrapper .erp-services-wrapper .erp-service-big-second:after {
    bottom: -8px;
    width: 278px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right bottom;
    max-width: 45%;
    right: 0;
    left: auto;
  }
  main #erp::after {
    display: none;
  }
  main #technicalSupport .your-product .wrapper .your-product-info-holder {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  main #technicalSupport .your-product .wrapper .your-product-info-holder h2 {
    text-align: center;
    width: 100%;
  }
  main #technicalSupport .your-product .wrapper .your-product-info-holder h3 {
    text-align: center;
    width: 100%;
  }
  main #technicalSupport .your-product .wrapper .your-product-info-holder p {
    padding-top: 450px;
    text-align: center;
  }
  main #technicalSupport .your-product .wrapper .your-product-info-holder::before {
    top: 100px;
    left: auto;
  }
  main #technicalSupport .service-and-tech-support {
    background-color: #f1f7fe;
    padding-top: 0;
    position: relative;
    margin-top: 300px;
  }
  main #technicalSupport .service-and-tech-support .wrapper {
    position: relative;
    top: -7vw;
  }
  main #technicalSupport .service-and-tech-support .wrapper h2 {
    text-align: center;
  }
  main #technicalSupport .service-and-tech-support .wrapper p {
    text-align: center;
  }
  main #technicalSupport .service-and-tech-support .wrapper .product-services-wrapper {
    background: transparent;
    height: 300px;
  }
  main #technicalSupport .service-and-tech-support .wrapper .product-services-wrapper .right-product-services .tops::before {
    display: none;
  }
  main #technicalSupport .service-and-tech-support .wrapper .product-services-wrapper .right-product-services {
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  main #technicalSupport .service-and-tech-support .wrapper .product-services-wrapper .right-product-services .each-product-service {
    background: transparent;
    height: auto;
    margin-bottom: 10px;
  }
  main #technicalSupport .service-and-tech-support .wrapper .product-services-wrapper .right-product-services .each-product-service p {
    display: none;
  }
  main #technicalSupport .service-and-tech-support .wrapper .product-services-wrapper .right-product-services .each-product-service-on-mobile {
    display: block;
  }
  main #technicalSupport .service-and-tech-support .wrapper .product-services-wrapper .right-product-services .lowers::before {
    display: none;
  }
  main #technicalSupport .service-and-tech-support .wrapper .product-services-wrapper .left-product-services {
    display: none;
  }
  main #technicalSupport .service-and-tech-support .wrapper .product-services-wrapper .left-product-services .each-product-service {
    background: transparent;
  }
  main #technicalSupport .service-and-tech-support .wrapper .product-services-wrapper .left-product-services .each-product-service p {
    display: none;
  }
  main #technicalSupport .service-and-tech-support::before {
    content: "";
    background-image: url("../img/product-services-mobile-top-shape.png");
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    height: 244px;
    width: 100%;
    background-position: center bottom;
    background-size: contain;
    background-repeat: no-repeat;
  }
  main #technicalSupport .service-and-tech-support::after {
    content: "";
    background-image: url("../img/product-services-mobile-bottom-shape.png");
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 244px;
    width: 100%;
    background-position: center top;
    background-size: contain;
    background-repeat: no-repeat;
  }
  main #technicalSupport .care {
    padding-top: 300px;
  }
  main #technicalSupport .care .wrapper .care-info-wrapper {
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  main #technicalSupport .care .wrapper .care-info-wrapper h2 {
    text-align: center;
    width: 100%;
  }
  main #technicalSupport .care .wrapper .care-info-wrapper p {
    text-align: center;
    width: 100%;
    padding-top: 320px;
  }
  main #technicalSupport .care .wrapper .care-info-wrapper::before {
    left: auto !important;
    top: 110px !important;
    width: 504px;
    height: 324px;
    background-size: contain;
    background-repeat: no-repeat;
  }
  main #technicalSupport .improving .improving-info-wrapper {
    width: 100%;
  }
  main #technicalSupport .improving .improving-info-wrapper h2 {
    width: 100%;
    text-align: center;
  }
  main #technicalSupport .improving .improving-info-wrapper p {
    width: 100%;
    text-align: center;
  }
  main #technicalSupport .improving .improving-services-wrapper {
    background: none;
  }
  main #technicalSupport .improving .improving-services-wrapper .slick-dots li {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #d3e5fa;
  }
  main #technicalSupport .improving .improving-services-wrapper .slick-dots li button {
    opacity: 0;
  }
  main #technicalSupport .improving .improving-services-wrapper .slick-dots .slick-active {
    width: 30px;
    background-image: -o-linear-gradient(bottom, #9aafe9, #8c9adc);
    background-image: -webkit-gradient(linear, left bottom, left top, from(#9aafe9), to(#8c9adc));
    background-image: linear-gradient(to top, #9aafe9, #8c9adc);
    border-radius: 10px;
  }
  main #technicalSupport .improving .improving-services-wrapper .each-improving-service img {
    margin: auto;
    margin-bottom: 15px;
  }
  main #technicalSupport .solutions .wrapper {
    overflow: visible;
  }
  main #technicalSupport .solutions .wrapper .solutions-info-wrapper {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 115px;
  }
  main #technicalSupport .solutions .wrapper .solutions-info-wrapper h2 {
    text-align: center;
    width: 100%;
    padding-bottom: 20px;
    position: relative;
  }
  main #technicalSupport .solutions .wrapper .solutions-info-wrapper h2::after {
    content: "";
    position: absolute;
    background-image: url(../img/workers.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
    width: 320px;
    height: 260px;
    bottom: -290px;
    left: calc(50% - 160px);
    z-index: 99;
  }
  main #technicalSupport .solutions .wrapper .solutions-info-wrapper p {
    position: relative;
    z-index: 99;
    color: black;
    margin-top: 400px;
    text-align: center;
  }
  main #technicalSupport .solutions .wrapper .solutions-info-wrapper::before {
    display: none;
  }
  main #technicalSupport .solutions .wrapper:before {
    right: calc(50% - 241.5px);
  }
  main #technicalSupport .software-support {
    background-image: -o-linear-gradient(bottom, #fffdfd, #ffefef);
    background-image: -webkit-gradient(linear, left bottom, left top, from(#fffdfd), to(#ffefef));
    background-image: linear-gradient(to top, #fffdfd, #ffefef);
    padding-bottom: 50px;
    margin-top: 50px;
    background-color: transparent;
  }
  main #technicalSupport .software-support .wrapper .software-support-info-holder {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  main #technicalSupport .software-support .wrapper .software-support-info-holder h2 {
    width: 100%;
    text-align: center;
    position: relative;
  }
  main #technicalSupport .software-support .wrapper .software-support-info-holder h2::before {
    background-image: url(../img/software-support-image.png);
    content: "";
    position: absolute;
    width: 362px;
    height: 280px;
    position: absolute;
    left: calc(50% - 181px);
    bottom: -265px;
    top: auto;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
  }
  main #technicalSupport .software-support .wrapper .software-support-info-holder p {
    width: 100%;
    text-align: center;
    padding-top: 280px;
    padding-left: 0;
  }
  main #technicalSupport .software-support .wrapper .software-support-info-holder::before {
    display: none;
  }
  main #technicalSupport .extra-service {
    background-image: url("../img/extra-service-bottom-mobile-decor.jpg");
    background-position: right bottom;
    background-color: #edf3fe;
    margin-top: 0;
    padding-bottom: 500px;
    height: auto;
  }
  main #technicalSupport .extra-service .wrapper .extra-service-info-wrapper {
    width: 100%;
  }
  main #technicalSupport .wrapper .links {
    margin-top: -50px;
    padding-bottom: 30px;
  }
  main #technicalSupport .wrapper .links h2 {
    padding-bottom: 20px;
  }
  main #technicalSupport .wrapper .links .each-link {
    width: 100%;
    margin: auto;
    position: relative;
    height: 95px;
    margin-top: 10px;
  }
  main #technicalSupport .wrapper .links .each-link .link-head {
    width: calc(100% - 30px);
    margin: auto;
    max-width: 600px;
  }
  main #technicalSupport .wrapper .links .each-link p {
    display: none;
  }
  main #technicalSupport .wrapper .links .each-link a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
  }
  main #thirdSlide #strategyLinks .software-solution .wrapper .each-link {
    width: 100%;
    margin: auto;
    position: relative;
    height: 95px;
    margin-top: 10px;
  }
  main #thirdSlide #strategyLinks .software-solution .wrapper .each-link .link-head {
    width: calc(100% - 30px);
    margin: auto;
    max-width: 600px;
  }
  main #thirdSlide #strategyLinks .software-solution .wrapper .each-link p {
    display: none;
  }
  main #thirdSlide #strategyLinks .software-solution .wrapper .each-link a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
  }
  main #iotBanner {
    background-image: url("../img/iot-mobile-banner.jpg");
    height: 1270px;
    padding-top: 200px;
    background-position: center bottom;
  }
  main #iotBanner .wrapper h1 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }
  main #iotBanner .wrapper h1::before {
    content: "";
    background-image: url("../img/iot-img.png");
    position: absolute;
    bottom: 132px;
    width: 283px;
    height: 163px;
  }
  main #iotBanner .wrapper ul {
    width: 100%;
  }
  main #iotBanner .wrapper ul li {
    text-align: center;
  }
  main #iotBanner .wrapper .banner-subsection {
    display: none;
  }
  main .banner-subsection-mobile {
    margin-top: -50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  main .banner-subsection-mobile .wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  main .banner-subsection-mobile .wrapper .banner-subsection-info {
    width: 100%;
  }
  main .banner-subsection-mobile .wrapper .banner-subsection-info h2 {
    text-align: center;
  }
  main .banner-subsection-mobile .wrapper .banner-subsection-info p {
    text-align: center;
  }
  main .banner-subsection-mobile .wrapper .banner-subsection-image {
    width: 100%;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: auto;
  }
  main .banner-subsection-mobile .wrapper .banner-subsection-image .scheme-img-mobile {
    width: 400px;
    margin: auto;
    -o-object-fit: contain;
    object-fit: contain;
  }
  main #iotUsage {
    margin-top: 50px;
    background-size: cover;
    height: auto !important;
  }
  main #iotUsage .wrapper .usage-wrapper {
    display: none;
  }
  main #iotUsage .wrapper .mobile-usage-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  main #iotUsage .wrapper .mobile-usage-wrapper .each-usage .top-row img {
    margin-right: 0;
    margin-bottom: 10px;
  }
  main #iotBusinessUsage {
    background-image: none;
    margin-top: 0;
  }
  main #iotBusinessUsage .wrapper h2 {
    width: 100%;
    text-align: center;
    position: relative;
    padding-bottom: 420px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  main #iotBusinessUsage .wrapper h2::before {
    content: "";
    background-image: url("../img/iot-bussines-image.png");
    width: 764px;
    height: 386px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center top;
    position: absolute;
    bottom: 0px;
    width: 100%;
    max-width: 600px;
  }
  main #iotBusinessUsage .wrapper p {
    width: 100%;
    text-align: center;
  }
  main #smartHouse {
    background-position: -985px;
    padding-top: 330px;
    height: 752px;
  }
  main #smartHouse .wrapper h2 {
    width: 100%;
    text-align: center;
  }
  main #smartHouse .wrapper p {
    width: 100%;
    text-align: center;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  main #smartHouse .wrapper p::after {
    content: "";
    background-image: url("../img/smart-house-mobile-img.png");
    width: 320px;
    left: calc(50% - 160px);
    height: 255px;
    position: absolute;
    bottom: -182px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
  main #smartTown .wrapper h2 {
    width: 100%;
  }
  main #smartTown .wrapper p {
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
  }
  main .iot-links::before {
    display: none;
  }
  main .iot-links {
    background-color: transparent;
    padding-bottom: 30px;
    height: auto;
  }
  main .iot-links .wrapper {
    position: static;
  }
  main .iot-links .wrapper .each-link {
    width: 100%;
    margin: auto;
    position: relative;
    height: 95px;
    margin-top: 10px;
  }
  main .iot-links .wrapper .each-link .link-head {
    width: calc(100% - 30px);
    margin: auto;
    max-width: 600px;
  }
  main .iot-links .wrapper .each-link p {
    display: none;
  }
  main .iot-links .wrapper .each-link a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
  }
  main #egymon {
    background-image: url("../img/egymon-top-bg.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 500px;
  }
  main #egymon .wrapper h2 {
    width: 100%;
  }
  main #egymon .wrapper p {
    width: 100%;
    padding-bottom: 50px;
  }
  main #iotBusinessUsage .wrapper {
    padding-top: 50px;
  }
  main #gdpr .banner .wrapper p {
    width: 100%;
  }
  main #gdpr .gdpr-mission .wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  main #gdpr .gdpr-mission .wrapper .mission-left {
    width: 100%;
  }
  main #gdpr .gdpr-mission .wrapper .mission-left h2 {
    text-align: center;
  }
  main #gdpr .gdpr-mission .wrapper .mission-left p {
    text-align: center;
  }
  main #gdpr .gdpr-mission .wrapper .mission-right {
    width: 100%;
    padding-top: 30px;
  }
  main #gdpr .gdpr-mission .wrapper .mission-right .each-gdpr-service {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  main #gdpr .gdpr-mission .wrapper .mission-right .each-gdpr-service .head {
    margin-left: -10px;
  }
  main #gdpr .gdpr-mission .wrapper .mission-right .each-gdpr-service h2 {
    text-align: center;
  }
  main #gdpr .gdpr-mission .wrapper .mission-right .each-gdpr-service p {
    display: none;
  }
  main #gdpr .gdpr-info {
    background-image: none;
  }
  main #gdpr .gdpr-info .wrapper .gdpr-info-wrapper {
    width: 100%;
  }
  main #gdpr .gdpr-info .wrapper .gdpr-info-wrapper h2 {
    text-align: center;
  }
  main #gdpr .gdpr-info .wrapper .gdpr-info-wrapper p {
    text-align: center;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  main #gdpr .gdpr-info .wrapper .gdpr-info-wrapper p::after {
    content: "";
    background-image: url("../img/gdpr-info-mobile-img.png");
    position: absolute;
    width: 100vw;
    background-position: center center;
    height: 462px;
    bottom: -500px;
    left: -5.5%;
  }
  main #gdpr .gdpr-info .wrapper .gdpr-info-wrapper::before {
    display: none;
  }
  main #gdpr .who .wrapper .heading-holder {
    margin-top: -240px;
    position: static;
  }
  main #gdpr .who .wrapper .heading-holder h2 {
    text-align: center;
  }
  main #gdpr .who .wrapper .heading-holder p {
    text-align: center;
  }
  main #gdpr .who .wrapper .left-who-wrapper {
    width: 100%;
    margin-top: 50px;
  }
  main #gdpr .who .wrapper .left-who-wrapper .each-who {
    text-align: center;
    padding: 0 0px 40px 0;
  }
  main #gdpr .who .wrapper .left-who-wrapper .each-who h2 {
    text-align: center;
  }
  main #gdpr .who .wrapper .right-who-wrapper {
    width: 100%;
  }
  main #gdpr .who .wrapper .right-who-wrapper .each-who {
    text-align: center;
    padding: 0 0px 40px 0;
  }
  main #gdpr .who .wrapper .right-who-wrapper .each-who h2 {
    text-align: center;
  }
  main #gdpr .security {
    background-image: url("../img/security-mobile-bg.png");
    margin-top: 250px;
    padding-top: 100px;
    background-size: 100% 560px;
  }
  main #gdpr .security .wrapper .security-heading-holder {
    width: 100%;
  }
  main #gdpr .security .wrapper .security-heading-holder h2 {
    position: relative;
    width: 50%;
    margin-left: auto;
  }
  main #gdpr .security .wrapper .security-heading-holder h2:before {
    content: "";
    background-image: url(../img/security-img.png);
    position: absolute;
    width: 310px;
    height: 533px;
    top: -300px;
    left: -50vw;
    background-size: contain;
    background-repeat: no-repeat;
  }
  main #gdpr .security .wrapper .security-heading-holder p {
    padding-top: 100px;
  }
  main #gdpr .security .wrapper .security-heading-holder:before {
    display: none;
  }
  main #gdpr .security .wrapper .gdpr-link {
    padding-top: 220px;
  }
  main #gdpr .security .wrapper .gdpr-link .link-highlight .highlighted-text-holder {
    margin-top: -30px;
  }
  main #gdpr .security .wrapper .gdpr-link .link-highlight .highlighted-text-holder h3 {
    width: 250px;
    margin: auto;
  }
  main #gdpr .security::before {
    display: none;
  }
  main #mobileAppsInside {
    padding-top: 100px;
  }
  main #mobileAppsInside .mobile-apps-top .wrapper h2 {
    font-size: 45px;
    font-family: "exo-semibold", sans-serif;
    text-align: center;
    color: #2c2c2c;
    position: relative;
    z-index: 999;
  }
  main #mobileAppsInside .mobile-apps-top .wrapper p {
    font-size: 15px;
    font-family: "exo-regular", sans-serif;
    text-align: center;
    color: #2c2c2c;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 99;
  }
  main #mobileAppsInside .mobile-apps-top .wrapper p::after {
    content: "";
    background-image: url("../img/mobile-apps-top-bg.jpg");
    background-position: center top;
    position: absolute;
    height: 400px;
    width: 100vw;
    background-size: contain;
    background-repeat: no-repeat;
    height: 1040px;
    top: -160px;
    z-index: -1;
    left: calc(-5% - 0.5vw);
  }
  main #mobileAppsInside .mobile-app-services {
    padding-top: 80vw;
    background-image: url("../img/mobile-app-services-mobile-bg.png");
    background-position: right bottom;
    background-repeat: no-repeat;
  }
  main #mobileAppsInside .mobile-app-services .wrapper .each-mobile-app-service {
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }
  main #mobileAppsInside .mobile-app-services .wrapper .each-mobile-app-service h2 {
    color: #2c2c2c;
    font-size: 20px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: "exo-semibold", sans-serif;
    padding-bottom: 15px;
    text-align: left;
  }
  main #mobileAppsInside .mobile-app-services .wrapper .each-mobile-app-service h2::before {
    content: "";
    width: 10px;
    height: 10px;
    background-color: #ffdb4b;
    position: absolute;
    left: -20px;
    border-radius: 50%;
  }
  main #mobileAppsInside .mobile-app-services .wrapper .each-mobile-app-service p {
    color: #2c2c2c;
    font-size: 15px;
    font-family: "exo-regular", sans-serif;
    text-align: left;
  }
  main #mobileAppsInside .mobile-app-services .wrapper .other-services h2 {
    color: #2c2c2c;
    font-size: 45px;
    font-family: "exo-semibold", sans-serif;
    text-align: center;
    padding-bottom: 50px;
  }
  main #mobileAppsInside .mobile-app-services .wrapper .other-services .each-other-service {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 8px -2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 8px -2px rgba(0, 0, 0, 0.2);
    max-width: 500px;
    min-height: 130px;
    margin: 20px auto;
    margin-top: 0;
    padding: 15px 25px;
    background-color: white;
  }
  main #mobileAppsInside .mobile-app-services .wrapper .other-services .each-other-service .left-part h2 {
    font-size: 20px;
    text-align: left;
    padding-bottom: 20px;
  }
  main #mobileAppsInside .mobile-app-services .wrapper .other-services .each-other-service .left-part a {
    color: white;
    height: 40px;
    width: 150px;
    border-radius: 20px;
    background-image: -o-linear-gradient(left, #fbb060, #fed54e);
    background-image: -webkit-gradient(linear, left top, right top, from(#fbb060), to(#fed54e));
    background-image: linear-gradient(to right, #fbb060, #fed54e);
    text-decoration: none;
    font-family: "exo-regular", sans-serif;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  main #mobileAppsInside .wrapper {
    padding-bottom: 30px;
  }
  main #mobileAppsInside .wrapper .links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    margin-top: -170px;
  }
  main #mobileAppsInside .wrapper .links h2 {
    font-family: "exo-bold", sans-serif;
    color: #2b2b2b;
    font-size: 45px;
    padding: 10px 0;
    text-align: center;
    line-height: 1.2;
    font-weight: 600;
    margin-top: 70px;
    width: 100%;
    padding-bottom: 50px;
  }
  main #mobileAppsInside .wrapper .links .each-link {
    width: 28.5714285714%;
    text-align: center;
  }
  main #mobileAppsInside .wrapper .links .each-link .link-head {
    border-radius: 12px;
    height: 95px;
    width: 240px;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding: 5px 10px;
  }
  main #mobileAppsInside .wrapper .links .each-link .link-head h3 {
    font-family: "exo-bold", sans-serif;
    color: white;
    font-weight: 600;
    line-height: 1.2;
    text-transform: uppercase;
    font-size: 20px;
    text-align: left;
  }
  main #mobileAppsInside .wrapper .links .each-link .mobile-apps-head {
    background-image: url("../img/support-link-bg.png"), -o-linear-gradient(left, #93286b, #ea7265);
    background-image: url("../img/support-link-bg.png"), -webkit-gradient(linear, left top, right top, from(#93286b), to(#ea7265));
    background-image: url("../img/support-link-bg.png"), linear-gradient(to right, #93286b, #ea7265);
    background-position: left;
    background-repeat: no-repeat;
  }
  main #mobileAppsInside .wrapper .links .each-link .technical-support-head {
    background-image: url("../img/development-link-bg.png"), -o-linear-gradient(left, #e9bc64, #e0a536);
    background-image: url("../img/development-link-bg.png"), -webkit-gradient(linear, left top, right top, from(#e9bc64), to(#e0a536));
    background-image: url("../img/development-link-bg.png"), linear-gradient(to right, #e9bc64, #e0a536);
    background-position: left;
    background-repeat: no-repeat;
  }
  main #mobileAppsInside .wrapper .links .each-link .strategy-head {
    background-image: url("../img/strategy-link-bg.png"), -o-linear-gradient(left, #a058cc, #5bacdb);
    background-image: url("../img/strategy-link-bg.png"), -webkit-gradient(linear, left top, right top, from(#a058cc), to(#5bacdb));
    background-image: url("../img/strategy-link-bg.png"), linear-gradient(to right, #a058cc, #5bacdb);
    background-position: left;
    background-repeat: no-repeat;
  }
  main #mobileAppsInside .wrapper .links .each-link p {
    color: #2b2b2b;
    font-family: "exo-regular", sans-serif;
    font-size: 15px;
    line-height: 1.5;
    padding-bottom: 25px;
    padding-top: 10px;
  }
  main #mobileAppsInside .wrapper .links .each-link a {
    text-decoration: none;
    color: white;
    border-radius: 20px;
    height: 39px;
    width: 100px;
    font-family: "exo-semibold", sans-serif;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 10px auto;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
  }
  main #mobileAppsInside .wrapper .links .each-link a img {
    margin-left: 5px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    position: relative;
    right: 0;
  }
  main #mobileAppsInside .wrapper .links .each-link a:hover img {
    right: -5px;
  }
  main #mobileAppsInside .wrapper .links .each-link .mobile-apps-button {
    background-image: -o-linear-gradient(left, #93286b, #ea7265);
    background-image: -webkit-gradient(linear, left top, right top, from(#93286b), to(#ea7265));
    background-image: linear-gradient(to right, #93286b, #ea7265);
  }
  main #mobileAppsInside .wrapper .links .each-link .technical-support-button {
    background-image: -o-linear-gradient(left, #e9bc64, #e0a536);
    background-image: -webkit-gradient(linear, left top, right top, from(#e9bc64), to(#e0a536));
    background-image: linear-gradient(to right, #e9bc64, #e0a536);
  }
  main #mobileAppsInside .wrapper .links .each-link .strategy-button {
    background-image: -o-linear-gradient(left, #a058cc, #5bacdb);
    background-image: -webkit-gradient(linear, left top, right top, from(#a058cc), to(#5bacdb));
    background-image: linear-gradient(to right, #a058cc, #5bacdb);
  }
  main #mobileAppsInside .wrapper .links {
    background-color: transparent;
    margin-top: 0;
  }
  main #mobileAppsInside .wrapper .links .each-link {
    width: 100%;
    margin: auto;
    position: relative;
    height: 95px;
    margin-top: 10px;
  }
  main #mobileAppsInside .wrapper .links .each-link .link-head {
    width: calc(100% - 30px);
    margin: auto;
    max-width: 600px;
  }
  main #mobileAppsInside .wrapper .links .each-link p {
    display: none;
  }
  main #mobileAppsInside .wrapper .links .each-link a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
  }
  main #mobileAppsInsideTwo {
    padding-top: 100px;
  }
  main #mobileAppsInsideTwo .mobile-apps-top .wrapper h2 {
    font-size: 45px;
    font-family: "exo-semibold", sans-serif;
    text-align: center;
    color: #2c2c2c;
    position: relative;
    z-index: 999;
  }
  main #mobileAppsInsideTwo .mobile-apps-top .wrapper p {
    font-size: 15px;
    font-family: "exo-regular", sans-serif;
    text-align: center;
    color: #2c2c2c;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 99;
  }
  main #mobileAppsInsideTwo .mobile-apps-top .wrapper p::after {
    content: "";
    background-image: url("../img/mobile-apps-inside-three-img.jpg");
    background-position: center top;
    position: absolute;
    height: 400px;
    width: 100vw;
    background-size: contain;
    background-repeat: no-repeat;
    height: 1040px;
    top: -193px;
    z-index: -1;
    background-position: top left;
    left: calc(-5% - 0.5vw);
  }
  main #mobileAppsInsideTwo .mobile-app-services {
    padding-top: 80vw;
    background-image: url("../img/mobile-app-services-mobile-bg.png");
    background-position: right bottom;
    background-repeat: no-repeat;
  }
  main #mobileAppsInsideTwo .mobile-app-services .wrapper .each-mobile-app-service {
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }
  main #mobileAppsInsideTwo .mobile-app-services .wrapper .each-mobile-app-service h2 {
    color: #2c2c2c;
    font-size: 20px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: "exo-semibold", sans-serif;
    padding-bottom: 15px;
    text-align: left;
  }
  main #mobileAppsInsideTwo .mobile-app-services .wrapper .each-mobile-app-service h2::before {
    content: "";
    width: 10px;
    height: 10px;
    background-color: #ffdb4b;
    position: absolute;
    left: -20px;
    border-radius: 50%;
  }
  main #mobileAppsInsideTwo .mobile-app-services .wrapper .each-mobile-app-service p {
    color: #2c2c2c;
    font-size: 15px;
    font-family: "exo-regular", sans-serif;
    text-align: left;
  }
  main #mobileAppsInsideTwo .mobile-app-services .wrapper .other-services h2 {
    color: #2c2c2c;
    font-size: 45px;
    font-family: "exo-semibold", sans-serif;
    text-align: center;
    padding-bottom: 50px;
  }
  main #mobileAppsInsideTwo .mobile-app-services .wrapper .other-services .each-other-service {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 8px -2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 8px -2px rgba(0, 0, 0, 0.2);
    max-width: 500px;
    min-height: 130px;
    margin: 20px auto;
    margin-top: 0;
    padding: 15px 25px;
    background-color: white;
  }
  main #mobileAppsInsideTwo .mobile-app-services .wrapper .other-services .each-other-service .left-part h2 {
    font-size: 20px;
    text-align: left;
    padding-bottom: 20px;
  }
  main #mobileAppsInsideTwo .mobile-app-services .wrapper .other-services .each-other-service .left-part a {
    color: white;
    height: 40px;
    width: 150px;
    border-radius: 20px;
    background-image: -o-linear-gradient(left, #fbb060, #fed54e);
    background-image: -webkit-gradient(linear, left top, right top, from(#fbb060), to(#fed54e));
    background-image: linear-gradient(to right, #fbb060, #fed54e);
    text-decoration: none;
    font-family: "exo-regular", sans-serif;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  main #mobileAppsInsideTwo .wrapper {
    padding-bottom: 30px;
  }
  main #mobileAppsInsideTwo .wrapper .links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    margin-top: -170px;
  }
  main #mobileAppsInsideTwo .wrapper .links h2 {
    font-family: "exo-bold", sans-serif;
    color: #2b2b2b;
    font-size: 45px;
    padding: 10px 0;
    text-align: center;
    line-height: 1.2;
    font-weight: 600;
    margin-top: 70px;
    width: 100%;
    padding-bottom: 50px;
  }
  main #mobileAppsInsideTwo .wrapper .links .each-link {
    width: 28.5714285714%;
    text-align: center;
  }
  main #mobileAppsInsideTwo .wrapper .links .each-link .link-head {
    border-radius: 12px;
    height: 95px;
    width: 240px;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding: 5px 10px;
  }
  main #mobileAppsInsideTwo .wrapper .links .each-link .link-head h3 {
    font-family: "exo-bold", sans-serif;
    color: white;
    font-weight: 600;
    line-height: 1.2;
    text-transform: uppercase;
    font-size: 20px;
    text-align: left;
  }
  main #mobileAppsInsideTwo .wrapper .links .each-link .mobile-apps-head {
    background-image: url("../img/support-link-bg.png"), -o-linear-gradient(left, #93286b, #ea7265);
    background-image: url("../img/support-link-bg.png"), -webkit-gradient(linear, left top, right top, from(#93286b), to(#ea7265));
    background-image: url("../img/support-link-bg.png"), linear-gradient(to right, #93286b, #ea7265);
    background-position: left;
    background-repeat: no-repeat;
  }
  main #mobileAppsInsideTwo .wrapper .links .each-link .technical-support-head {
    background-image: url("../img/development-link-bg.png"), -o-linear-gradient(left, #e9bc64, #e0a536);
    background-image: url("../img/development-link-bg.png"), -webkit-gradient(linear, left top, right top, from(#e9bc64), to(#e0a536));
    background-image: url("../img/development-link-bg.png"), linear-gradient(to right, #e9bc64, #e0a536);
    background-position: left;
    background-repeat: no-repeat;
  }
  main #mobileAppsInsideTwo .wrapper .links .each-link .strategy-head {
    background-image: url("../img/strategy-link-bg.png"), -o-linear-gradient(left, #a058cc, #5bacdb);
    background-image: url("../img/strategy-link-bg.png"), -webkit-gradient(linear, left top, right top, from(#a058cc), to(#5bacdb));
    background-image: url("../img/strategy-link-bg.png"), linear-gradient(to right, #a058cc, #5bacdb);
    background-position: left;
    background-repeat: no-repeat;
  }
  main #mobileAppsInsideTwo .wrapper .links .each-link p {
    color: #2b2b2b;
    font-family: "exo-regular", sans-serif;
    font-size: 15px;
    line-height: 1.5;
    padding-bottom: 25px;
    padding-top: 10px;
  }
  main #mobileAppsInsideTwo .wrapper .links .each-link a {
    text-decoration: none;
    color: white;
    border-radius: 20px;
    height: 39px;
    width: 100px;
    font-family: "exo-semibold", sans-serif;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 10px auto;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
  }
  main #mobileAppsInsideTwo .wrapper .links .each-link a img {
    margin-left: 5px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    position: relative;
    right: 0;
  }
  main #mobileAppsInsideTwo .wrapper .links .each-link a:hover img {
    right: -5px;
  }
  main #mobileAppsInsideTwo .wrapper .links .each-link .mobile-apps-button {
    background-image: -o-linear-gradient(left, #93286b, #ea7265);
    background-image: -webkit-gradient(linear, left top, right top, from(#93286b), to(#ea7265));
    background-image: linear-gradient(to right, #93286b, #ea7265);
  }
  main #mobileAppsInsideTwo .wrapper .links .each-link .technical-support-button {
    background-image: -o-linear-gradient(left, #e9bc64, #e0a536);
    background-image: -webkit-gradient(linear, left top, right top, from(#e9bc64), to(#e0a536));
    background-image: linear-gradient(to right, #e9bc64, #e0a536);
  }
  main #mobileAppsInsideTwo .wrapper .links .each-link .strategy-button {
    background-image: -o-linear-gradient(left, #a058cc, #5bacdb);
    background-image: -webkit-gradient(linear, left top, right top, from(#a058cc), to(#5bacdb));
    background-image: linear-gradient(to right, #a058cc, #5bacdb);
  }
  main #mobileAppsInsideTwo .wrapper .links {
    background-color: transparent;
    margin-top: 0;
  }
  main #mobileAppsInsideTwo .wrapper .links .each-link {
    width: 100%;
    margin: auto;
    position: relative;
    height: 95px;
    margin-top: 10px;
  }
  main #mobileAppsInsideTwo .wrapper .links .each-link .link-head {
    width: calc(100% - 30px);
    margin: auto;
    max-width: 600px;
  }
  main #mobileAppsInsideTwo .wrapper .links .each-link p {
    display: none;
  }
  main #mobileAppsInsideTwo .wrapper .links .each-link a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
  }
  main #mobileAppsInsideThree {
    padding-top: 100px;
  }
  main #mobileAppsInsideThree .mobile-apps-top .wrapper h2 {
    font-size: 45px;
    font-family: "exo-semibold", sans-serif;
    text-align: center;
    color: #2c2c2c;
    position: relative;
    z-index: 999;
  }
  main #mobileAppsInsideThree .mobile-apps-top .wrapper p {
    font-size: 15px;
    font-family: "exo-regular", sans-serif;
    text-align: center;
    color: #2c2c2c;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 99;
  }
  main #mobileAppsInsideThree .mobile-apps-top .wrapper p::after {
    content: "";
    background-image: url("../img/mobile-apps-inside-two-img.jpg");
    background-position: center top;
    position: absolute;
    height: 400px;
    width: 100vw;
    background-size: contain;
    background-repeat: no-repeat;
    height: 1040px;
    top: -193px;
    z-index: -1;
    background-position: top left;
    left: calc(-5% - 0.5vw);
  }
  main #mobileAppsInsideThree .mobile-app-services {
    padding-top: 80vw;
    background-image: url("../img/mobile-app-services-mobile-bg.png");
    background-position: right bottom;
    background-repeat: no-repeat;
  }
  main #mobileAppsInsideThree .mobile-app-services .wrapper .each-mobile-app-service {
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }
  main #mobileAppsInsideThree .mobile-app-services .wrapper .each-mobile-app-service h2 {
    color: #2c2c2c;
    font-size: 20px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: "exo-semibold", sans-serif;
    padding-bottom: 15px;
    text-align: left;
  }
  main #mobileAppsInsideThree .mobile-app-services .wrapper .each-mobile-app-service h2::before {
    content: "";
    width: 10px;
    height: 10px;
    background-color: #ffdb4b;
    position: absolute;
    left: -20px;
    border-radius: 50%;
  }
  main #mobileAppsInsideThree .mobile-app-services .wrapper .each-mobile-app-service p {
    color: #2c2c2c;
    font-size: 15px;
    font-family: "exo-regular", sans-serif;
    text-align: left;
  }
  main #mobileAppsInsideThree .mobile-app-services .wrapper .other-services h2 {
    color: #2c2c2c;
    font-size: 45px;
    font-family: "exo-semibold", sans-serif;
    text-align: center;
    padding-bottom: 50px;
  }
  main #mobileAppsInsideThree .mobile-app-services .wrapper .other-services .each-other-service {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 8px -2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 8px -2px rgba(0, 0, 0, 0.2);
    max-width: 500px;
    min-height: 130px;
    margin: 20px auto;
    margin-top: 0;
    padding: 15px 25px;
    background-color: white;
  }
  main #mobileAppsInsideThree .mobile-app-services .wrapper .other-services .each-other-service .left-part h2 {
    font-size: 20px;
    text-align: left;
    padding-bottom: 20px;
  }
  main #mobileAppsInsideThree .mobile-app-services .wrapper .other-services .each-other-service .left-part a {
    color: white;
    height: 40px;
    width: 150px;
    border-radius: 20px;
    background-image: -o-linear-gradient(left, #fbb060, #fed54e);
    background-image: -webkit-gradient(linear, left top, right top, from(#fbb060), to(#fed54e));
    background-image: linear-gradient(to right, #fbb060, #fed54e);
    text-decoration: none;
    font-family: "exo-regular", sans-serif;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  main #mobileAppsInsideThree .wrapper {
    padding-bottom: 30px;
  }
  main #mobileAppsInsideThree .wrapper .links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    margin-top: -170px;
  }
  main #mobileAppsInsideThree .wrapper .links h2 {
    font-family: "exo-bold", sans-serif;
    color: #2b2b2b;
    font-size: 45px;
    padding: 10px 0;
    text-align: center;
    line-height: 1.2;
    font-weight: 600;
    margin-top: 70px;
    width: 100%;
    padding-bottom: 50px;
  }
  main #mobileAppsInsideThree .wrapper .links .each-link {
    width: 28.5714285714%;
    text-align: center;
  }
  main #mobileAppsInsideThree .wrapper .links .each-link .link-head {
    border-radius: 12px;
    height: 95px;
    width: 240px;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding: 5px 10px;
  }
  main #mobileAppsInsideThree .wrapper .links .each-link .link-head h3 {
    font-family: "exo-bold", sans-serif;
    color: white;
    font-weight: 600;
    line-height: 1.2;
    text-transform: uppercase;
    font-size: 20px;
    text-align: left;
  }
  main #mobileAppsInsideThree .wrapper .links .each-link .mobile-apps-head {
    background-image: url("../img/support-link-bg.png"), -o-linear-gradient(left, #93286b, #ea7265);
    background-image: url("../img/support-link-bg.png"), -webkit-gradient(linear, left top, right top, from(#93286b), to(#ea7265));
    background-image: url("../img/support-link-bg.png"), linear-gradient(to right, #93286b, #ea7265);
    background-position: left;
    background-repeat: no-repeat;
  }
  main #mobileAppsInsideThree .wrapper .links .each-link .technical-support-head {
    background-image: url("../img/development-link-bg.png"), -o-linear-gradient(left, #e9bc64, #e0a536);
    background-image: url("../img/development-link-bg.png"), -webkit-gradient(linear, left top, right top, from(#e9bc64), to(#e0a536));
    background-image: url("../img/development-link-bg.png"), linear-gradient(to right, #e9bc64, #e0a536);
    background-position: left;
    background-repeat: no-repeat;
  }
  main #mobileAppsInsideThree .wrapper .links .each-link .strategy-head {
    background-image: url("../img/strategy-link-bg.png"), -o-linear-gradient(left, #a058cc, #5bacdb);
    background-image: url("../img/strategy-link-bg.png"), -webkit-gradient(linear, left top, right top, from(#a058cc), to(#5bacdb));
    background-image: url("../img/strategy-link-bg.png"), linear-gradient(to right, #a058cc, #5bacdb);
    background-position: left;
    background-repeat: no-repeat;
  }
  main #mobileAppsInsideThree .wrapper .links .each-link p {
    color: #2b2b2b;
    font-family: "exo-regular", sans-serif;
    font-size: 15px;
    line-height: 1.5;
    padding-bottom: 25px;
    padding-top: 10px;
  }
  main #mobileAppsInsideThree .wrapper .links .each-link a {
    text-decoration: none;
    color: white;
    border-radius: 20px;
    height: 39px;
    width: 100px;
    font-family: "exo-semibold", sans-serif;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 10px auto;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
  }
  main #mobileAppsInsideThree .wrapper .links .each-link a img {
    margin-left: 5px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    position: relative;
    right: 0;
  }
  main #mobileAppsInsideThree .wrapper .links .each-link a:hover img {
    right: -5px;
  }
  main #mobileAppsInsideThree .wrapper .links .each-link .mobile-apps-button {
    background-image: -o-linear-gradient(left, #93286b, #ea7265);
    background-image: -webkit-gradient(linear, left top, right top, from(#93286b), to(#ea7265));
    background-image: linear-gradient(to right, #93286b, #ea7265);
  }
  main #mobileAppsInsideThree .wrapper .links .each-link .technical-support-button {
    background-image: -o-linear-gradient(left, #e9bc64, #e0a536);
    background-image: -webkit-gradient(linear, left top, right top, from(#e9bc64), to(#e0a536));
    background-image: linear-gradient(to right, #e9bc64, #e0a536);
  }
  main #mobileAppsInsideThree .wrapper .links .each-link .strategy-button {
    background-image: -o-linear-gradient(left, #a058cc, #5bacdb);
    background-image: -webkit-gradient(linear, left top, right top, from(#a058cc), to(#5bacdb));
    background-image: linear-gradient(to right, #a058cc, #5bacdb);
  }
  main #mobileAppsInsideThree .wrapper .links {
    background-color: transparent;
    margin-top: 0;
  }
  main #mobileAppsInsideThree .wrapper .links .each-link {
    width: 100%;
    margin: auto;
    position: relative;
    height: 95px;
    margin-top: 10px;
  }
  main #mobileAppsInsideThree .wrapper .links .each-link .link-head {
    width: calc(100% - 30px);
    margin: auto;
    max-width: 600px;
  }
  main #mobileAppsInsideThree .wrapper .links .each-link p {
    display: none;
  }
  main #mobileAppsInsideThree .wrapper .links .each-link a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
  }
  main #softwareSolution .wrapper .interface,
  main #softwareSolution .wrapper .developing,
  main #softwareSolution .wrapper .qa,
  main #softwareSolution .wrapper .teaching .text-part,
  main #softwareSolution .wrapper .support,
  main #softwareSolution .wrapper .qa .text-part,
  main #softwareSolution .wrapper .prototype .text-part {
    margin-top: 0;
  }
  main #softwareSolution .wrapper .each-service {
    margin-top: 40px;
    position: relative;
  }
  main #softwareSolution .wrapper .each-service .image-part {
    display: none;
  }
  main #softwareSolution .wrapper .each-service .text-part {
    width: 100%;
  }
  main #softwareSolution .wrapper .each-service .text-part h3 {
    width: 100%;
    text-align: center;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  main #softwareSolution .wrapper .each-service .text-part p {
    text-align: center;
  }
  main #softwareSolution .wrapper .each-service .text-part a {
    margin: 10px auto;
  }
  main #softwareSolution .wrapper .strategy .text-part h3 {
    padding-bottom: 270px;
  }
  main #softwareSolution .wrapper .strategy .text-part h3::after {
    content: "";
    background-image: url("../img/strategy-mobile-img.png");
    height: 290px;
    top: 30px;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top;
    width: 320px;
    left: calc(50% - 160px);
  }
  main #softwareSolution .wrapper .strategy::before {
    content: "";
    background-image: url("../img/top-faded-form.png");
    width: 52px;
    height: 507px;
    position: absolute;
    left: calc(-5% - 10px);
    top: -150px;
  }
  main #softwareSolution .wrapper .prototype .text-part h3 {
    padding-bottom: 270px;
  }
  main #softwareSolution .wrapper .prototype .text-part h3::after {
    content: "";
    background-image: url("../img/prototype-mobile-img.png");
    width: 320px;
    left: calc(50% - 160px);
    height: 244px;
    top: 30px;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top;
  }
  main #softwareSolution .wrapper .prototype::after {
    content: "";
    background-image: url("../img/prototype-right-shape.png");
    right: calc(-5% - 5px);
    width: 50px;
    height: 675px;
    position: absolute;
    background-size: cover;
    background-position: top left;
    top: -300px;
  }
  main #softwareSolution .wrapper .interface .text-part h3 {
    padding-bottom: 270px;
  }
  main #softwareSolution .wrapper .interface .text-part h3::after {
    content: "";
    background-image: url("../img/software-solution-inside-third-pic.png");
    width: 559px;
    left: calc(50% - 279.5px);
    height: 365px;
    top: 30px;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top;
  }
  main #softwareSolution .wrapper .qa::after {
    content: "";
    background-image: url("../img/qa-left-shape.png");
    left: calc(-5% - 5px);
    width: 39px;
    height: 305px;
    position: absolute;
    top: -250px;
  }
  main #softwareSolution .wrapper .teaching::after {
    content: "";
    background-image: url("../img/teaching-right-shape.png");
    right: calc(-5% - 5px);
    height: 450px;
    width: 50px;
    position: absolute;
    top: 0px;
  }
  main #softwareSolution .wrapper .developing .text-part h3 {
    padding-bottom: 270px;
  }
  main #softwareSolution .wrapper .developing .text-part h3::after {
    content: "";
    background-image: url("../img/developing-mobile-img.png");
    width: 320px;
    left: calc(50% - 160px);
    height: 244px;
    top: 30px;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top;
  }
  main #softwareSolution .wrapper .qa .text-part h3 {
    padding-bottom: 270px;
  }
  main #softwareSolution .wrapper .qa .text-part h3::after {
    content: "";
    background-image: url("../img/qa-mobile-img.png");
    width: 320px;
    left: calc(50% - 160px);
    height: 250px;
    top: 30px;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top;
  }
  main #softwareSolution .wrapper .teaching .text-part h3 {
    padding-bottom: 270px;
  }
  main #softwareSolution .wrapper .teaching .text-part h3::after {
    content: "";
    background-image: url("../img/teaching-mobile-img.png");
    width: 320px;
    left: calc(50% - 160px);
    height: 250px;
    top: 30px;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top;
  }
  main #softwareSolution .wrapper .support .text-part h3 {
    padding-bottom: 270px;
  }
  main #softwareSolution .wrapper .support .text-part h3::after {
    content: "";
    background-image: url("../img/support-mobile-img.png");
    width: 320px;
    left: calc(50% - 160px);
    height: 250px;
    top: 30px;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top;
  }
  main #softwareSolution .wrapper h2::after {
    display: none;
  }
  main #softwareSolution .links {
    background-color: transparent;
    margin-top: 0;
    padding-bottom: 30px;
  }
  main #softwareSolution .links .wrapper {
    position: static;
  }
  main #softwareSolution .links .wrapper .each-link {
    width: 100%;
    margin: auto;
    position: relative;
    height: 95px;
    margin-top: 10px;
  }
  main #softwareSolution .links .wrapper .each-link .link-head {
    width: calc(100% - 30px);
    margin: auto;
    max-width: 600px;
  }
  main #softwareSolution .links .wrapper .each-link p {
    display: none;
  }
  main #softwareSolution .links .wrapper .each-link a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
  }
  main #softwareSolution .links::before {
    display: none;
  }
  main #developingWayofWork .wrapper h2 {
    text-align: center;
  }
  main #developingWayofWork .wrapper h3 {
    text-align: center;
  }
  main #developingWayofWork .wrapper .info-part .cards {
    display: none;
  }
  main #developingWayofWork .wrapper .info-part p {
    text-align: center;
  }
  main #developingWayofWork .wrapper a {
    background-image: -o-linear-gradient(left, #64aef9, #4974de);
    background-image: -webkit-gradient(linear, left top, right top, from(#64aef9), to(#4974de));
    background-image: linear-gradient(to right, #64aef9, #4974de);
    color: white;
    font-family: "exo", sans-serif;
    height: 35px;
    width: 130px;
    border-radius: 20px;
    border: none;
    cursor: pointer;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    overflow: hidden;
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 15px;
    margin: 20px auto;
    margin-bottom: 0;
  }
  main #developingWayofWorkBottom {
    display: none;
  }
  main #improvingYourProduct {
    background-image: none;
    background-color: #fffdf5;
    padding-top: 0;
    margin-top: 60px;
    padding-bottom: 30px;
    height: auto;
  }
  main #improvingYourProduct .wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  main #improvingYourProduct .wrapper .info-part {
    width: 100%;
  }
  main #improvingYourProduct .wrapper .info-part h2 {
    text-align: center;
    padding-top: 30px;
  }
  main #improvingYourProduct .wrapper .info-part h3 {
    text-align: center;
  }
  main #improvingYourProduct .wrapper .info-part p {
    text-align: center;
  }
  main #improvingYourProduct .wrapper .scroller-wrapper {
    width: 100%;
    position: static;
  }
  main #improvingYourProduct .wrapper .scroller-wrapper .scroller {
    display: block;
    width: auto;
    height: auto;
  }
  main #improvingYourProduct .wrapper .scroller-wrapper .scroller .slick-dots li {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #efe3b3;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
  }
  main #improvingYourProduct .wrapper .scroller-wrapper .scroller .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
  }
  main #improvingYourProduct .wrapper .scroller-wrapper .scroller .slick-dots li button:before {
    display: none;
  }
  main #improvingYourProduct .wrapper .scroller-wrapper .scroller .slick-dots .slick-active {
    background-image: -o-linear-gradient(bottom, #fd8929, #ffb921);
    background-image: -webkit-gradient(linear, left bottom, left top, from(#fd8929), to(#ffb921));
    background-image: linear-gradient(to top, #fd8929, #ffb921);
    width: 40px;
    border-radius: 30px;
  }
  main #improvingYourProduct .wrapper .scroller-wrapper .scroller .improving-card {
    margin-right: 15px;
    width: auto !important;
    padding: 23px 14px;
    padding-bottom: 110px;
    height: 400px !important;
  }
  main #improvingYourProduct .wrapper .scroller-wrapper .scroller .third-improving-card {
    background-size: 90px;
  }
  main #hardwareWork {
    padding-top: 30px;
  }
  main #hardwareWork .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  main #hardwareWork .wrapper h2 {
    width: 100%;
    padding: 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    text-align: center;
    padding-bottom: 10px;
  }
  main #hardwareWork .wrapper h3 {
    width: 100%;
    padding: 0;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    text-align: center;
    padding-bottom: 50px;
  }
  main #hardwareWork .wrapper p {
    width: 100%;
    padding: 0;
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
    text-align: center;
  }
  main #hardwareWork .wrapper .hardware-wrok-image {
    position: static;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    margin: auto;
    width: 90%;
    max-width: 500px;
    -o-object-fit: contain;
    object-fit: contain;
    margin-bottom: 30px;
    top: auto;
  }
  main #hardwareWork .wrapper .btn {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
    width: 100%;
    padding-left: 0;
  }
  main #hardwareWork .wrapper .btn a {
    margin: auto;
  }
  main #clientCare {
    background-image: url("../img/client-care-mobile-bg.jpg");
    height: auto;
    background-position: center 90px;
    margin-top: 0;
  }
  main #clientCare .wrapper p {
    display: none;
  }
  main #clientCare .wrapper .baloons-wrapper {
    height: auto;
    position: static;
    margin-top: 65vw;
  }
  main #clientCare .wrapper .baloons-wrapper .clients-care-description-mobile {
    display: block;
    text-align: left;
  }
  main #clientCare .wrapper .baloons-wrapper div {
    position: relative;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    background-image: none !important;
    height: auto !important;
    color: #3b69eb;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 22px;
    margin-left: 100px;
    margin-bottom: 0;
    width: 80% !important;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 50px 20px !important;
  }
  main #clientCare .wrapper .baloons-wrapper div::before {
    content: "";
    background-image: url("../img/client-care-mobile-check.png");
    width: 108px;
    height: 108px;
    position: absolute;
    left: -100px;
  }
  main #clientCare .wrapper .bottom-signs {
    top: 300px;
    bottom: auto;
  }
  main #clientCare .wrapper .bottom-signs div {
    font-size: 3.2vw;
  }
  main #clientCare .wrapper .bottom-signs div b,
  main #clientCare .wrapper .bottom-signs div strong {
    font-size: 4vw;
  }
  main #smartWay {
    margin-top: 100px;
    background-image: none;
    background-color: #eff2ff;
    padding-top: 0;
    height: auto;
    position: relative;
    margin-bottom: 500px;
  }
  main #smartWay .wrapper {
    height: auto;
  }
  main #smartWay .wrapper h2 {
    text-align: center;
    width: 100%;
  }
  main #smartWay .wrapper h3 {
    text-align: center;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
  }
  main #smartWay .wrapper h3::after {
    content: "";
    background-image: url("../img/client-care-mobile-img.png");
    width: 90%;
    max-width: 400px;
    height: 350px;
    background-size: contain;
    background-position: center top;
    position: absolute;
    bottom: -350px;
    background-repeat: no-repeat;
  }
  main #smartWay .wrapper p {
    text-align: center;
    width: 100%;
    padding-top: 220px;
  }
  main #smartWay::before {
    content: "";
    background-image: url("../img/smart-way-top-shape.png");
    position: absolute;
    bottom: 100%;
    width: 100vw;
    height: 186px;
    background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }
  main #smartWay::after {
    content: "";
    background-image: url("../img/smart-way-bottom-shape.png");
    position: absolute;
    top: 100%;
    width: 100vw;
    height: 184px;
    background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }
  main #solutionLinks .links {
    background-color: transparent;
  }
  main #solutionLinks .links .wrapper .each-link {
    width: 100%;
    margin: auto;
    position: relative;
    height: 95px;
    margin-top: 10px;
  }
  main #solutionLinks .links .wrapper .each-link .link-head {
    width: calc(100% - 30px);
    margin: auto;
    max-width: 600px;
  }
  main #solutionLinks .links .wrapper .each-link p {
    display: none;
  }
  main #solutionLinks .links .wrapper .each-link a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
  }
  main #websites .banner {
    background-image: url("../img/websites-tablet-banner-bg.png");
    background-position-y: 95px;
    background-size: auto 397px;
    padding-top: 30px;
  }
  main #websites .banner .wrapper .tablet {
    background-image: none;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  main #websites .banner .wrapper .tablet h1 {
    padding-right: 0;
    padding-left: 0;
    text-align: center;
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    padding-top: 0px;
  }
  main #websites .banner .wrapper .tablet p {
    padding-right: 0;
    padding-left: 0;
    text-align: center;
    width: 100%;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    padding-top: 450px;
    font-size: 15px;
  }
  main #websites .banner .wrapper .tablet h1::after {
    display: none;
  }
  main #websites .banner .wrapper .tablet h1::before {
    content: "";
    background-image: url("../img/website-mobile-rocket.png");
    width: 250px;
    height: 244px;
    position: absolute;
    top: 85px;
    background-size: contain;
    background-repeat: no-repeat;
    left: 115px;
  }
  main #websites .banner .wrapper .tablet .animation-holder {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  main #websites .banner .wrapper .tablet .animation-holder p {
    display: none;
    padding-top: 0;
  }
  main #websites .banner .wrapper .tablet .animation-holder .banner-rocket {
    display: none;
  }
  main #websites .banner .wrapper .tablet .learn-more-website {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
    margin: auto;
    color: black;
    background: none;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 45px;
    height: 80px;
    font-size: 15px;
  }
  main #websites .banner .wrapper .tablet .learn-more-website::after {
    content: "";
    background-image: url("../img/larn-more-arrows-mobile.png");
    width: 35px;
    height: 34px;
    position: absolute;
    bottom: 5px;
    -webkit-animation: float 1.5s ease-in-out infinite;
    animation: float 1.5s ease-in-out infinite;
    left: calc(50% - 17.5px);
  }
  main #websites .banner .wrapper .tablet .rotate::after {
    content: "";
    background-image: url("../img/larn-more-arrows-mobile-up.png");
    width: 35px;
    height: 34px;
    position: absolute;
    bottom: 5px;
    -webkit-animation: float 1.5s ease-in-out infinite;
    animation: float 1.5s ease-in-out infinite;
    left: calc(50% - 17.5px);
  }
  @-webkit-keyframes float {
    0% {
      -webkit-transform: translatey(0px);
      transform: translatey(0px);
    }
    50% {
      -webkit-transform: translatey(-7px);
      transform: translatey(-7px);
    }
    100% {
      -webkit-transform: translatey(0px);
      transform: translatey(0px);
    }
  }
  @keyframes float {
    0% {
      -webkit-transform: translatey(0px);
      transform: translatey(0px);
    }
    50% {
      -webkit-transform: translatey(-7px);
      transform: translatey(-7px);
    }
    100% {
      -webkit-transform: translatey(0px);
      transform: translatey(0px);
    }
  }
  main #websites .banner .wrapper .tablet::before {
    display: none;
  }
  main #websites .banner::before {
    display: none;
  }
  main #websites .banner::after {
    display: none;
  }
  main #websites .inspire {
    padding-top: 0;
    position: relative;
    background-image: -o-linear-gradient(top, #5188e5, #4b78e0);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#5188e5), to(#4b78e0));
    background-image: linear-gradient(to bottom, #5188e5, #4b78e0);
    background-size: 100% 100%;
    background-position: 0 0;
    margin-top: 200px;
    z-index: 9;
  }
  main #websites .inspire .wrapper h3 {
    padding-bottom: 45px;
  }
  main #websites .inspire .wrapper .inspire-services-wrapper {
    display: block;
  }
  main #websites .inspire .wrapper .inspire-services-wrapper .each-inspire {
    padding-bottom: 0;
    margin-bottom: 0;
  }
  main #websites .inspire .wrapper .inspire-services-wrapper h2 {
    color: white;
  }
  main #websites .inspire .wrapper .inspire-services-wrapper p {
    color: white;
  }
  main #websites .inspire .wrapper .inspire-services-wrapper .slick-prev {
    background-image: url("../img/inspire-slider-left-arrow.png");
    width: 44px;
    height: 80px;
    top: 59px;
  }
  main #websites .inspire .wrapper .inspire-services-wrapper .slick-prev::before {
    display: none;
  }
  main #websites .inspire .wrapper .inspire-services-wrapper .slick-next::before {
    display: none;
  }
  main #websites .inspire .wrapper .inspire-services-wrapper .slick-next {
    background-image: url("../img/inspire-slider-right-arrow.png");
    width: 44px;
    height: 80px;
    top: 59px;
  }
  main #websites .inspire .wrapper .inspire-services-wrapper img {
    margin: 10px auto;
  }
  main #websites .inspire .wrapper h2 {
    color: white;
  }
  main #websites .inspire .wrapper h3 {
    color: white;
    font-weight: normal;
    font-family: "exo-regular", sans-serif;
  }
  main #websites .inspire::before {
    content: "";
    background-image: url("../img/inspire-top-shape.png");
    bottom: 100%;
    left: 0;
    right: 0;
    width: 100vw;
    position: absolute;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 179px;
    background-position: center center;
  }
  main #websites .inspire::after {
    content: "";
    background-image: url("../img/inspire-bottom-shape.png");
    top: 100%;
    left: 0;
    right: 0;
    width: 100vw;
    position: absolute;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 179px;
    background-position: center center;
  }
  main #websites .developing {
    height: auto;
    padding-top: 200px;
    margin-top: -36px;
  }
  main #websites .developing .developing-left-decor {
    display: none;
  }
  main #websites .developing .developing-right-decor {
    display: none;
  }
  main #websites .developing .wrapper {
    position: static;
  }
  main #websites .developing .wrapper .developing-learn-more {
    background-image: -o-linear-gradient(left, #64aef9, #4974de);
    background-image: -webkit-gradient(linear, left top, right top, from(#64aef9), to(#4974de));
    background-image: linear-gradient(to right, #64aef9, #4974de);
    color: white;
    font-family: "exo", sans-serif;
    height: 35px;
    width: 130px;
    border-radius: 20px;
    border: none;
    cursor: pointer;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    overflow: hidden;
    margin: 20px auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none;
    font-size: 15px;
  }
  main #websites .developing .wrapper .developing-slideshow-wrapper {
    display: none;
  }
  main #websites .developing::before,
  main #websites .developing::after {
    display: none;
  }
  main #websites .improve {
    background-image: url("../img/improve-mobile-bg.png");
    background-size: cover;
    background-position: top center;
    height: 700px;
    position: relative;
  }
  main #websites .improve .slick-dots li {
    background-color: #c5cbf2;
    width: 15px;
    height: 15px;
    border-radius: 50%;
  }
  main #websites .improve .slick-dots li button {
    opacity: 0;
  }
  main #websites .improve .slick-dots .slick-active {
    height: 15px;
    width: 40px;
    background-image: -o-linear-gradient(bottom, #adabdb, #7577c9);
    background-image: -webkit-gradient(linear, left bottom, left top, from(#adabdb), to(#7577c9));
    background-image: linear-gradient(to top, #adabdb, #7577c9);
    border-radius: 50px;
  }
  main #websites .improve .wrapper .improve-wrapepr {
    margin-top: 30px;
  }
  main #websites .improve .wrapper .improve-wrapepr .each-improve .heading-wrapper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  main #websites .improve .wrapper .improve-wrapepr .each-improve .heading-wrapper h2 {
    margin-left: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding-bottom: 0;
  }
  main #websites .improve .wrapper .improve-wrapepr .each-improve p {
    text-align: center;
    padding-right: 0;
  }
  main #websites .improve::after {
    content: "";
    background-image: url("../img/developing-mobile-bottom-decor.png");
    height: 313px;
    width: 100%;
    background-size: contain;
    background-position: center bottom;
    position: absolute;
    bottom: 0;
    background-repeat: no-repeat;
    pointer-events: none;
  }
  main #websites .update {
    padding-bottom: 100px;
  }
  main #websites .update .wrapper::before,
  main #websites .update .wrapper::after {
    display: none;
  }
  main #websites .update .wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  main #websites .update .wrapper h3 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }
  main #websites .update .wrapper h3::after {
    content: "";
    max-width: 400px;
    height: 300px;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../img/update-mobile-img.jpg");
    position: absolute;
    bottom: -280px;
    width: 320px;
    left: calc(50% - 160px);
  }
  main #websites .update .wrapper p {
    width: 100%;
    text-align: center;
    padding-top: 200px;
  }
  main #websites .update .wrapper .learn-more {
    margin: 30px auto;
    font-size: 15px;
  }
  main #websites .manage {
    margin-top: -100px;
    height: auto;
  }
  main #websites .manage .wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: static;
    padding-bottom: 40px;
  }
  main #websites .manage .wrapper h2 {
    width: 100%;
    text-align: center;
  }
  main #websites .manage .wrapper h3 {
    width: 100%;
    text-align: center;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  main #websites .manage .wrapper h3::after {
    content: "";
    background-image: url("../img/manage-right-image.png");
    bottom: -175px;
    width: 320px;
    left: calc(50% - 160px);
    height: 209px;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
  }
  main #websites .manage .wrapper p {
    width: 100%;
    text-align: center;
    padding-top: 195px;
    position: relative;
  }
  main #websites .manage .wrapper::after {
    display: none;
  }
  main #websites .manage::before {
    top: 0;
    bottom: auto;
  }
  main #websites .links {
    background-color: transparent;
    margin-top: 0 !important;
    padding-bottom: 0 !important;
    height: auto;
  }
  main #websites .links .wrapper {
    position: static;
  }
  main #websites .links .wrapper h2 {
    margin-top: 0;
    padding-bottom: 30px;
  }
  main #websites .links .wrapper .each-link {
    width: 100%;
    margin: auto;
    position: relative;
    height: 95px;
    margin-top: 10px;
  }
  main #websites .links .wrapper .each-link .link-head {
    width: calc(100% - 30px);
    margin: auto;
    max-width: 600px;
  }
  main #websites .links .wrapper .each-link p {
    display: none;
  }
  main #websites .links .wrapper .each-link a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
  }
  main #websites .links::before {
    display: none;
  }
  main #erpBanner {
    background-image: url("../img/erp-main-mobile-banner.jpg");
  }
  main #erpBanner .wrapper .erp-banner-subsection h2 {
    width: 100%;
    text-align: center;
    padding-top: 25vw;
  }
  main #erpBanner .wrapper .erp-banner-subsection h3 {
    width: 100%;
    text-align: center;
  }
  main #erpBanner .wrapper .erp-banner-subsection p {
    width: 100%;
    text-align: center;
  }
  main #businessCare {
    background-image: url("../img/business-care-mobile-bg.jpg");
    background-position: -30px 0px;
  }
  main #businessCare .wrapper h2 {
    margin-left: auto;
    width: 350px;
    margin-right: 0;
    padding-top: 215px;
  }
  main #businessCare .wrapper h3 {
    margin-left: auto;
    width: 350px;
    margin-right: 0;
    padding-bottom: 150px;
  }
  main #businessCare .wrapper p {
    width: 100%;
    text-align: center;
  }
  main #mainGoals {
    margin-top: -80px;
  }
  main #mainGoals .wrapper .system-example {
    display: none;
  }
  main #mainGoals .wrapper .system-example-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  main #mainGoals .wrapper .system-example-mobile li {
    width: 50%;
    width: calc(50% - 20px);
    margin: 0 auto;
    margin-bottom: 30px;
    text-align: center;
    list-style: none;
    font-size: 22px;
    font-family: "exo-regular", sans-serif;
    color: #2c2c2c;
  }
  main #mainGoals .wrapper .system-example-mobile li picture {
    width: 100%;
    display: block;
  }
  main #mainGoals .wrapper .system-example-mobile li picture img {
    width: 210px;
    -o-object-fit: contain;
    object-fit: contain;
  }
  main #erpBanner .wrapper .erp-banner-icon {
    width: 70%;
  }
  main #businessIsmprove {
    margin-top: 50px;
    background-size: 90%;
    background-position: center 125px;
    padding-bottom: 35vw;
  }
  main #businessIsmprove .wrapper .inner-holder {
    padding-top: 0;
    width: 100%;
    text-align: center;
    margin: 0;
  }
  main #businessIsmprove .wrapper .inner-holder h2 {
    padding-top: 30px;
    width: 100%;
    text-align: center;
    margin: 0;
  }
  main #businessIsmprove .wrapper .inner-holder h3 {
    width: 100%;
    text-align: center;
  }
  main #businessIsmprove .wrapper .inner-holder p {
    width: 100%;
    text-align: center;
    padding-top: 45vw;
    padding-right: 0;
  }
  main #businessIsmprove .wrapper .inner-holder a {
    margin: 30px auto;
  }
  main #businessIsmprove::before {
    display: none;
  }
  main #machinesControl {
    background-color: #eef3f9;
    background-image: none;
    height: auto;
    margin-top: -200px;
    position: relative;
  }
  main #machinesControl .wrapper .inner-holder {
    padding-right: 0;
  }
  main #machinesControl .wrapper .inner-holder h2 {
    width: 100%;
    text-align: center;
    padding-top: 0;
  }
  main #machinesControl .wrapper .inner-holder h3 {
    width: 100%;
    text-align: center;
    padding-bottom: 300px;
  }
  main #machinesControl .wrapper .inner-holder p {
    width: 100%;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  main #machinesControl .wrapper .inner-holder p::before {
    height: 257px;
    width: 505px;
    right: auto;
    background-size: contain;
    background-repeat: no-repeat;
    bottom: 100%;
  }
  main #machinesControl::after {
    content: "";
    background-image: url("../img/monitoring_bottom.png");
    top: 100%;
    position: absolute;
    width: 100vw;
    background-position: center center;
    height: 211px;
  }
  main #machinesControl::before {
    content: "";
    background-image: url("../img/monitoring_top.png");
    bottom: calc(100% - 50px);
    position: absolute;
    width: 100vw;
    background-position: center center;
    height: 125px;
  }
  main #yourBusiness {
    margin-top: 200px;
    position: relative;
    z-index: 9;
  }
  main #yourBusiness .wrapper h2 {
    width: 100%;
    text-align: center;
  }
  main #yourBusiness .wrapper h3 {
    width: 100%;
    text-align: center;
  }
  main #yourBusiness .wrapper p {
    width: 100%;
    text-align: center;
  }
  main #yourBusiness .wrapper .your-business-wrapper {
    width: 460px;
    margin: auto;
  }
  main #yourBusiness .wrapper .your-business-wrapper li {
    margin-bottom: 0;
  }
  main #yourBusiness .wrapper .your-business-wrapper .slick-prev {
    background-image: url("../img/mobile-usage-left-arrow.png");
    left: -15px;
    height: 42px;
    width: 42px;
    z-index: 9;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    top: calc(50% - 21px);
  }
  main #yourBusiness .wrapper .your-business-wrapper .slick-prev::before {
    display: none;
  }
  main #yourBusiness .wrapper .your-business-wrapper .slick-next {
    background-image: url("../img/mobile-usage-right-arrow.png");
    right: -15px;
    height: 42px;
    width: 42px;
    z-index: 9;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    top: calc(50% - 21px);
  }
  main #yourBusiness .wrapper .your-business-wrapper .slick-next::before {
    display: none;
  }
  main #yourBusiness .wrapper .your-business-wrapper .slick-slide {
    margin: 50px;
  }
  main #businessSystem {
    background-position: left;
    margin-top: -50px;
    padding-top: 95px;
    background-size: 1024px;
    background-repeat: no-repeat;
  }
  main #businessSystem .wrapper h2 {
    width: 100%;
    text-align: center;
  }
  main #businessSystem .wrapper h3 {
    width: 100%;
    text-align: center;
  }
  main #businessSystem .wrapper p {
    width: 100%;
    text-align: center;
  }
  main #businessPlace {
    margin-top: -330px;
    background-image: url("../img/business-place-mobile-bg.png");
    background-size: center;
    height: 936px;
    background-size: 100% 100%;
    height: auto !important;
  }
  main #businessPlace .wrapper {
    padding-top: 100px;
  }
  main #businessPlace .wrapper h2 {
    width: 100%;
    text-align: center;
  }
  main #businessPlace .wrapper h3 {
    width: 100%;
    text-align: center;
  }
  main #businessPlace .wrapper p {
    width: 100%;
    text-align: center;
    padding-right: 0;
    padding-bottom: 40px;
  }
  main .links-wrapper .links {
    background-color: transparent;
    padding: 40px 0;
    margin-top: 0;
  }
  main .links-wrapper .links h2 {
    margin-top: 0;
    padding-top: 0;
  }
  main .links-wrapper .links .each-link {
    width: 100%;
    margin: auto;
    position: relative;
    height: 95px;
    margin-top: 10px;
  }
  main .links-wrapper .links .each-link .link-head {
    width: calc(100% - 30px);
    margin: auto;
    max-width: 600px;
  }
  main .links-wrapper .links .each-link p {
    display: none;
  }
  main .links-wrapper .links .each-link a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
  }
  main .links-wrapper .links::before {
    display: none;
  }
  main #onlineStoreBanner {
    background-image: none;
    height: 100%;
  }
  main #onlineStoreBanner .wrapper {
    width: 100% !important;
  }
  main #onlineStoreBanner .wrapper .onlineStoreBannerMobile {
    width: 100vw;
    height: 875px;
    padding: 20px;
    text-align: center;
    position: relative;
    background: #192263;
    padding: 0 5%;
  }
  main #onlineStoreBanner .wrapper .onlineStoreBannerMobile h1,
  main #onlineStoreBanner .wrapper .onlineStoreBannerMobile h2,
  main #onlineStoreBanner .wrapper .onlineStoreBannerMobile h3,
  main #onlineStoreBanner .wrapper .onlineStoreBannerMobile h4 {
    color: white !important;
    width: auto !important;
  }
  main #onlineStoreBanner .wrapper .onlineStoreBannerMobile::after {
    background: url(../img/online-store/banner.jpg);
    content: " ";
    width: 100%;
    height: 564px;
    background-position: center bottom;
    background-size: auto;
    background-repeat: no-repeat;
    position: absolute;
    bottom: -1px;
    left: 0;
    z-index: 1;
    background-repeat: no-repeat;
  }
  main #onlineStoreBanner .wrapper .onlineStoreDescription {
    margin-top: 50px;
    text-align: center;
    width: 100vw;
    padding: 0 5%;
  }
  main #onlineStoreBanner .wrapper .onlineStoreDescription img.storeDescImg {
    display: block;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
    height: 300px;
    margin: auto;
    margin-top: 30px;
  }
  main #onlineStoreBanner .wrapper .onlineStoreDescription h2,
  main #onlineStoreBanner .wrapper .onlineStoreDescription ul {
    width: 100%;
    padding: 0;
  }
  main #onlineStoreAdvantages {
    background: none;
    height: 100%;
    margin: 0;
    padding: 0;
    margin-top: 50px;
  }
  main #onlineStoreAdvantages .wrapper h2 {
    padding: 0;
    margin-top: 50px;
    position: relative;
    width: 400px;
    margin: 20px auto;
    background-color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
  }
  main #onlineStoreAdvantages .wrapper h2::before {
    content: "";
    height: 4px;
    background-color: #2c2c2c;
    width: 100vw;
    position: absolute;
    z-index: -1;
  }
  main #onlineStoreAdvantages .wrapper .advantages-animation-holder {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  main #onlineStoreAdvantages .wrapper .advantages-animation-holder img {
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    padding: 0;
  }
  main #onlineStoreAdvantages .wrapper .advantages-animation-holder .advantages-animation {
    margin-top: 30px;
  }
  main #onlineStoreAdvantages .wrapper .advantages-animation-holder .advantages-animation .advantages {
    margin: auto;
    padding-left: 0;
    margin-left: 0;
    width: 100% !important;
  }
  main #onlineStoreAdvantages .wrapper .advantages-animation-holder .advantages-animation .advantages li {
    width: 100%;
  }
  main #onlineStoreAdvantages .wrapper .advantages-animation-holder .advantages-animation .to-show-list li::before {
    top: 15px;
  }
  main #marketRise {
    background: none;
    margin: 0;
    height: 100%;
    background-image: url("../img/online-store/market-mobile-bg.jpg");
    background-position: top center;
  }
  main #marketRise .wrapper {
    padding: 0;
    margin-top: 50px;
  }
  main #marketRise .wrapper h2,
  main #marketRise .wrapper p {
    text-align: center;
  }
  main #marketRise .wrapper p {
    width: 100%;
  }
  main #marketRise .wrapper img.marketRise {
    display: block;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
    max-height: 300px;
    margin: auto;
    margin-top: 20px;
  }
  main #marketRise .wrapper ul li {
    width: 100%;
  }
  main #marketRise .wrapper ul li h3 {
    width: auto;
  }
  main #marketRise .wrapper ul li::after {
    background-image: url(../img/online-store/market-stroke.png);
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
  main #storeSeo {
    background: none;
    height: 100%;
    margin-top: 50px;
    padding: 0;
  }
  main #storeSeo .wrapper h2 {
    padding: 0;
  }
  main #storeSeo .wrapper .input-holder {
    width: 100%;
    -webkit-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    transform: scale(1) !important;
  }
  main #storeSeo .wrapper .input-holder .yahoo,
  main #storeSeo .wrapper .input-holder .google,
  main #storeSeo .wrapper .input-holder .bing {
    display: none;
  }
  main #storeSeo .wrapper .input-holder #input {
    font-size: 15px;
  }
  main #storeSeo .wrapper p {
    width: 100%;
  }
  main #storeSeoBottom {
    background: none;
    height: 100%;
    margin-top: 50px;
  }
  main #storeSeoBottom .wrapper .heading-holder {
    display: none;
  }
  main #storeSeoBottom .wrapper .store-seo-bottom-wrapper {
    display: none;
  }
  main #storeSeoBottom .wrapper .people {
    display: none;
  }
  main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
  }
  main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile ul {
    width: 330px;
  }
  main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile .col {
    margin: auto;
  }
  main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile .col .heading-holder {
    display: block;
    margin-top: 0;
  }
  main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile .col .heading-holder .first-heading {
    width: 100%;
    text-align: center;
  }
  main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile .col .heading-holder h2 {
    text-align: center;
  }
  main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile .col .heading-holder h2::after {
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile .col .left-store-seo-bottom {
    position: relative;
  }
  main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile .col .left-store-seo-bottom ul {
    margin: auto !important;
    height: auto;
  }
  main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile .col .left-store-seo-bottom ul .slick-prev {
    background-image: url("../img/mobile-usage-left-arrow.png");
    height: 42px;
    width: 42px;
    background-size: contain;
    background-position: center center;
    left: -10px;
    top: calc(50% - 10.5px);
    z-index: 9;
  }
  main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile .col .left-store-seo-bottom ul .slick-prev::before {
    display: none;
  }
  main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile .col .left-store-seo-bottom ul .slick-next {
    background-image: url("../img/mobile-usage-right-arrow.png");
    height: 42px;
    width: 42px;
    background-size: contain;
    background-position: center center;
    right: -10px;
    top: calc(50% - 10.5px);
    z-index: 9;
  }
  main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile .col .left-store-seo-bottom ul .slick-next::before {
    display: none;
  }
  main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile .col .left-store-seo-bottom ul .slick-slide div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile .col .left-store-seo-bottom ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    position: static;
    height: auto;
    width: auto;
    margin: 50px 0;
    max-width: 90%;
    height: 160px;
    display: block !important;
    width: 100%;
    text-align: center;
  }
  main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile .col .left-store-seo-bottom ul li strong {
    color: #e49b64;
  }
  main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile .col .left-store-seo-bottom ul .slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-image: url("../img/indicator-bg.png");
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 50px !important;
    bottom: 25px;
    height: 20px;
  }
  main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile .col .left-store-seo-bottom ul .slick-dots li {
    background-color: white;
    border-radius: 50%;
    height: 10px;
    width: 10px;
    padding: 0;
    border: 1px solid #8ea5f6;
    margin: 0 5px;
  }
  main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile .col .left-store-seo-bottom ul .slick-dots li button {
    opacity: 0;
  }
  main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile .col .left-store-seo-bottom ul .slick-dots .slick-active {
    background-image: url("../img/vertical-slider-dot.png");
    height: 20px;
    width: 20px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: white;
  }
  main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile .col .left-store-seo-bottom .vertical-slider {
    height: 100%;
    top: 0;
    right: 0;
    margin: 0;
  }
  main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile .col .left-store-seo-bottom::before {
    content: "";
    position: absolute;
    background-image: url(../img/man_woman.jpg);
    top: 100px;
    background-size: 450px;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 522px;
    z-index: -1;
  }
  main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile .col .right-store-seo-bottom {
    position: relative;
  }
  main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile .col .right-store-seo-bottom ul {
    margin: auto !important;
    height: auto;
  }
  main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile .col .right-store-seo-bottom ul .slick-prev {
    background-image: url("../img/mobile-usage-left-arrow.png");
    height: 42px;
    width: 42px;
    background-size: contain;
    background-position: center center;
    left: -10px;
    top: calc(50% - 0px);
    z-index: 9;
  }
  main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile .col .right-store-seo-bottom ul .slick-prev::before {
    display: none;
  }
  main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile .col .right-store-seo-bottom ul .slick-next {
    background-image: url("../img/mobile-usage-right-arrow.png");
    height: 42px;
    width: 42px;
    background-size: contain;
    background-position: center center;
    right: -10px;
    top: calc(50% - 0px);
    z-index: 9;
  }
  main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile .col .right-store-seo-bottom ul .slick-next::before {
    display: none;
  }
  main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile .col .right-store-seo-bottom ul .slick-slide div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile .col .right-store-seo-bottom ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    position: static;
    height: auto;
    width: auto;
    margin: 50px 0;
    max-width: 90%;
    display: block !important;
    text-align: center;
    height: 160px;
  }
  main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile .col .right-store-seo-bottom ul li strong {
    color: #d779d6;
  }
  main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile .col .right-store-seo-bottom ul .slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-image: url("../img/indicator-bg.png");
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 50px !important;
    bottom: 25px;
    height: 20px;
  }
  main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile .col .right-store-seo-bottom ul .slick-dots li {
    background-color: white;
    border-radius: 50%;
    height: 10px;
    width: 10px;
    padding: 0;
    border: 1px solid #8ea5f6;
    margin: 0 5px;
  }
  main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile .col .right-store-seo-bottom ul .slick-dots li button {
    opacity: 0;
  }
  main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile .col .right-store-seo-bottom ul .slick-dots .slick-active {
    background-image: url("../img/vertical-slider-dot.png");
    height: 20px;
    width: 20px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: white;
  }
  main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile .col:nth-child(2) {
    margin-top: 200px;
    width: 100%;
  }
  main #motivateYourClient {
    background: none;
    height: 100%;
    padding: 0;
    margin-top: -70px;
  }
  main #motivateYourClient .wrapper .first-motivation {
    padding-top: 350px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  main #motivateYourClient .wrapper .first-motivation h4 {
    margin: auto;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    padding-bottom: 5px;
  }
  main #motivateYourClient .wrapper .first-motivation p {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  main #motivateYourClient .wrapper .first-motivation img {
    margin: auto;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    padding: 0 180px;
  }
  main #motivateYourClient .wrapper .second-motivation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  main #motivateYourClient .wrapper .second-motivation h4 {
    margin: auto;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    padding-bottom: 5px;
  }
  main #motivateYourClient .wrapper .second-motivation p {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    text-align: center;
  }
  main #motivateYourClient .wrapper .second-motivation img {
    margin: auto;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    padding: 0 280px;
  }
  main #motivateYourClient .wrapper .third-motivation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  main #motivateYourClient .wrapper .third-motivation h4 {
    margin: auto;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    padding-bottom: 5px;
  }
  main #motivateYourClient .wrapper .third-motivation p {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    text-align: center;
  }
  main #motivateYourClient .wrapper .third-motivation img {
    margin: auto;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    padding: 0 280px;
    position: static;
  }
  main #motivateYourClient .wrapper h2,
  main #motivateYourClient .wrapper h3 {
    width: 100%;
    text-align: center;
    padding: 20px;
    margin-bottom: 20px;
  }
  main #motivateYourClient .wrapper h2 {
    margin-bottom: 0;
    padding-bottom: 0;
  }
  main #motivateYourClient .wrapper h3 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  main #motivateYourClient .wrapper img.motivateYourClientImg {
    display: block;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
    max-height: 50vh;
    margin: auto;
  }
  main #motivateYourClient .wrapper h3::after {
    content: "";
    background-image: url(../img/motivate-your-clients-bg.png);
    position: absolute;
    top: 100%;
    width: 100vw;
    height: 352px;
    background-size: contain;
    background-repeat: no-repeat;
  }
  main #motivateYourClient .wrapper div {
    width: 100%;
    margin-top: 20px;
    padding: 20px;
    position: relative;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    text-align: center !important;
  }
  main #motivateYourClient .wrapper div p {
    width: 100% !important;
  }
  main #manageBg {
    margin-top: 50px;
    height: 100%;
    background-size: contain;
    background-position: center bottom;
    position: relative;
  }
  main #manageBg .wrapper .manage-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  main #manageBg .wrapper .manage-wrapper img.manage-img {
    display: none;
  }
  main #manageBg .wrapper .manage-wrapper .manage-info {
    margin-top: 50px;
  }
  main #manageBg .wrapper .manage-wrapper .manage-info h2,
  main #manageBg .wrapper .manage-wrapper .manage-info h3,
  main #manageBg .wrapper .manage-wrapper .manage-info p {
    text-align: center;
    width: 100%;
  }
  main #manageBg .wrapper .manage-wrapper .manage-info h2 {
    position: relative;
  }
  main #manageBg .wrapper .manage-wrapper .manage-info h2::before {
    content: "";
    background-image: url("../img/manage-mobile-shape.jpg");
    width: 100vw;
    left: -6%;
    background-size: contain;
    height: 400px;
    position: absolute;
    top: -30px;
    background-position: top left;
    background-repeat: no-repeat;
    z-index: -1;
  }
  main #manageBg .wrapper .manage-wrapper .manage-info h3 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  main #manageBg .wrapper .manage-wrapper .manage-info p {
    font-family: "exo-regular", sans-serif;
    font-weight: normal;
    padding-top: 320px;
  }
  main #manageBg .wrapper .manage-wrapper .manage-info h3::after {
    content: "";
    background-image: url("../img/manage-img.png");
    height: 300px;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 100%;
    left: 0;
  }
  main #manageBg .wrapper .manage-wrapper .manage-info img.manage-img {
    display: block;
    width: 100%;
    max-height: 50vh;
    -o-object-fit: contain;
    object-fit: contain;
    margin: auto;
    margin-bottom: 20px;
  }
  main #manageBg .wrapper .your-software-partner {
    padding-top: 90px;
  }
  main #manageBg .wrapper .your-software-partner h2,
  main #manageBg .wrapper .your-software-partner h3,
  main #manageBg .wrapper .your-software-partner p {
    width: 100%;
  }
  main #manageBg::after {
    content: "";
    position: absolute;
    width: 100vw;
    height: 65px;
    background-image: url("../img/partner-bottom-mobile-shape.jpg");
    background-position: center top;
    top: 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }
  main #onlineStoreLinks {
    background: none;
    margin-bottom: 30px;
    padding-bottom: 0;
  }
  main #onlineStoreLinks .wrapper .links {
    position: relative;
    margin-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  main #onlineStoreLinks .wrapper .links .each-link {
    width: 100%;
    margin: auto;
    position: relative;
    height: 95px;
    margin-top: 10px;
  }
  main #onlineStoreLinks .wrapper .links .each-link a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
  }
  main #onlineStoreLinks .wrapper .links .each-link .link-head {
    width: calc(100% - 30px);
    margin: auto;
    max-width: 600px;
  }
  main #onlineStoreLinks .wrapper .links .each-link p {
    display: none;
  }
  main #mobileApps {
    background-image: url("../img/mobile-apps-mobile-bg.png");
  }
  main #mobileApps .wrapper .development-info-wrapper::after {
    display: none;
  }
  main #mobileApps .wrapper .development-info-wrapper {
    width: 100%;
  }
  main #mobileApps .wrapper .development-info-wrapper h1 {
    padding-right: 0;
    width: 100%;
    text-align: center;
    padding-top: 100px;
    color: white;
  }
  main #mobileApps .wrapper .development-info-wrapper h3 {
    padding-right: 0;
    width: 100%;
    text-align: center;
    color: #eceaea;
    width: 700px;
    margin: auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  main #mobileApps .wrapper .development-info-wrapper h3::after {
    content: "";
    background-image: url("../img/phone-and-tablet-image.png");
    top: 100%;
    width: 468px;
    height: 536px;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
  }
  main #mobileApps .wrapper .development-info-wrapper p {
    padding-right: 0;
    width: 100%;
    text-align: center;
    margin-top: 530px;
  }
  main #mobileApps .wrapper .concept {
    position: relative;
  }
  main #mobileApps .wrapper .concept .concept-services-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  main #mobileApps .wrapper .concept .concept-services-wrapper .each-concept-service {
    width: 100%;
    padding-bottom: 30px;
  }
  main #mobileApps .wrapper .concept .concept-services-wrapper .each-concept-service h2 {
    margin-top: -30px;
  }
  main #mobileApps .wrapper .concept::before {
    content: "";
    background-image: url("../img/concept-left-shape.jpg");
    width: 479px;
    height: 1045px;
    position: absolute;
    left: -5.5%;
    top: 50px;
    z-index: -1;
  }
  main #mobileApps .wrapper .concept::after {
    content: "";
    background-image: url("../img/conecpt-right-shape.jpg");
    width: 438px;
    height: 951px;
    position: absolute;
    right: -5.5%;
    bottom: 0;
    z-index: -1;
  }
  main #mobileApps .your-clients {
    background-image: -o-linear-gradient(bottom, #f3f7ff, #f2f6fe);
    background-image: -webkit-gradient(linear, left bottom, left top, from(#f3f7ff), to(#f2f6fe));
    background-image: linear-gradient(to top, #f3f7ff, #f2f6fe);
    height: auto;
  }
  main #mobileApps .your-clients .wrapper {
    position: static;
  }
  main #mobileApps .your-clients .wrapper h2::before {
    display: none;
  }
  main #mobileApps .your-clients .wrapper .your-clients-services-wrapper {
    padding-top: 0;
  }
  main #mobileApps .your-clients .wrapper .your-clients-services-wrapper .each-clients-service {
    padding: 40px 0;
  }
  main #mobileApps .your-clients .wrapper .your-clients-services-wrapper .each-clients-service h2::after {
    display: none;
  }
  main #mobileApps .your-clients .wrapper .your-clients-services-wrapper .each-clients-service h2 {
    padding-right: 0;
    width: 100%;
    padding-left: 0;
  }
  main #mobileApps .your-clients .wrapper .your-clients-services-wrapper .each-clients-service h2 .show-service {
    height: 70px;
    width: 40px;
    min-width: 40px;
    margin-left: 10px;
    background-image: url("../img/client-service-mobile-arrow.png"), -o-linear-gradient(bottom, #ffda2e, #ffc669);
    background-image: url("../img/client-service-mobile-arrow.png"), -webkit-gradient(linear, left bottom, left top, from(#ffda2e), to(#ffc669));
    background-image: url("../img/client-service-mobile-arrow.png"), linear-gradient(to top, #ffda2e, #ffc669);
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 30px;
    margin-left: auto;
  }
  main #mobileApps .your-clients .wrapper .your-clients-services-wrapper .each-clients-service h2 img {
    margin-right: 20px;
    margin-left: 0;
  }
  main #mobileApps .your-clients .wrapper .your-clients-services-wrapper .each-clients-service h2 img:nth-child(1) {
    display: block;
  }
  main #mobileApps .your-clients .wrapper .your-clients-services-wrapper .each-clients-service h2 img:nth-child(2) {
    display: none;
  }
  main #mobileApps .your-clients .wrapper .your-clients-services-wrapper .each-clients-service p {
    display: none;
    padding-top: 20px;
  }
  main #mobileApps .your-clients .wrapper .your-clients-services-wrapper::before {
    display: none;
  }
  main #mobileApps .your-clients::after {
    top: 100%;
    left: 0;
    background-size: contain;
    background-repeat: no-repeat;
    height: 250px;
    background-position: top;
  }
  main #mobileApps .your-clients::before {
    height: 263px;
    left: -20px;
    right: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom left;
  }
  main #mobileApps .developing-mobile {
    background: none;
  }
  main #mobileApps .developing-mobile .developing-mobile-slideshow-wrapper::before {
    display: none;
  }
  main #mobileApps .developing-mobile .wrapper .developing-mobile-slideshow-wrapper {
    background: none;
    background-color: #f3f7fe;
    width: 100vw;
    margin-left: -5.6%;
  }
  main #mobileApps .developing-mobile .wrapper .developing-mobile-slideshow-wrapper .cms-slider-wrapper {
    padding-right: 10% !important;
  }
  main #mobileApps .developing-mobile .wrapper .developing-mobile-slideshow-wrapper .cms-slider-wrapper .slick-dots {
    bottom: 80px;
  }
  main #mobileApps .developing-mobile .wrapper .developing-mobile-slideshow-wrapper .cms-slider-wrapper .slick-prev {
    background-image: url("../img/mobile-usage-left-arrow.png");
    height: 72px;
    width: 72px;
    background-size: contain;
    background-position: center center;
    left: 120px;
  }
  main #mobileApps .developing-mobile .wrapper .developing-mobile-slideshow-wrapper .cms-slider-wrapper .slick-prev::before {
    display: none;
  }
  main #mobileApps .developing-mobile .wrapper .developing-mobile-slideshow-wrapper .cms-slider-wrapper .slick-next {
    background-image: url("../img/mobile-usage-right-arrow.png");
    height: 72px;
    width: 72px;
    background-size: contain;
    background-position: center center;
    right: 120px;
  }
  main #mobileApps .developing-mobile .wrapper .developing-mobile-slideshow-wrapper .cms-slider-wrapper .slick-next::before {
    display: none;
  }
  main #mobileApps .developing-mobile .wrapper .developing-mobile-slideshow-wrapper .cms-slider-wrapper .slick-prev,
  main #mobileApps .developing-mobile .wrapper .developing-mobile-slideshow-wrapper .cms-slider-wrapper .slick-next {
    top: 40%;
  }
  main #mobileApps .developing-mobile .wrapper .developing-mobile-slideshow-wrapper .cms-slider-wrapper .cms-each-slide {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  main #mobileApps .developing-mobile .wrapper .developing-mobile-slideshow-wrapper .cms-slider-wrapper .cms-each-slide img {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    position: static;
    height: 200px;
    width: auto;
    -o-object-fit: contain;
    object-fit: contain;
    margin: auto;
    display: block;
  }
  main #mobileApps .developing-mobile .wrapper .developing-mobile-slideshow-wrapper .cms-slider-wrapper .cms-each-slide h2 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 0;
  }
  main #mobileApps .developing-mobile .wrapper .developing-mobile-slideshow-wrapper .cms-slider-wrapper .cms-each-slide p {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 0;
  }
  main #mobileApps .notifications {
    background: none;
    padding-top: 30px;
  }
  main #mobileApps .notifications .wrapper .notify {
    background: none;
    padding: 0;
  }
  main #mobileApps .notifications .wrapper .notify .notify-me {
    width: 100%;
  }
  main #mobileApps .notifications .wrapper .notify h2 {
    width: 100%;
    padding-bottom: 370px;
  }
  main #mobileApps .notifications .wrapper .notify h2 span {
    width: 100%;
  }
  main #mobileApps .notifications .wrapper .notify p {
    width: 100%;
    text-align: center;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  main #mobileApps .notifications .wrapper .notify p::before {
    content: "";
    background-image: url("../img/notification-mobile-phone.png");
    width: 507px;
    height: 337px;
    background-size: contain;
    background-position: center top;
    position: absolute;
    bottom: 100%;
    background-repeat: no-repeat;
  }
  main #mobileApps .notifications .notify::before,
  main #mobileApps .notifications .notify::after {
    display: none;
  }
  main #mobileApps .integration {
    height: auto;
    background-image: none;
    margin-top: 250px;
  }
  main #mobileApps .integration .wrapper {
    position: static;
    margin-top: -50px;
  }
  main #mobileApps .integration .wrapper .integration-selects-wrapper .left-side {
    width: 100%;
    max-width: 500px;
    margin: auto;
  }
  main #mobileApps .integration .wrapper .integration-selects-wrapper .left-side .info-option {
    height: auto;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    margin: 15px 0;
  }
  main #mobileApps .integration .wrapper .integration-selects-wrapper .left-side .info-option h2 {
    margin-bottom: 0;
    color: #2c2c2c;
  }
  main #mobileApps .integration .wrapper .integration-selects-wrapper .left-side .info-option h2::after {
    display: block;
  }
  main #mobileApps .integration .wrapper .integration-selects-wrapper .left-side .info-option p {
    display: none;
  }
  main #mobileApps .integration .wrapper .integration-selects-wrapper .left-side .info-option a {
    height: 40px;
    color: white;
    text-decoration: none;
    width: 150px;
    font-family: "exo", sans-serif;
    font-size: 15px;
    background-image: -o-linear-gradient(left, #fbb060 0%, #fed654 50%);
    background-image: -webkit-gradient(linear, left top, right top, from(#fbb060), color-stop(50%, #fed654));
    background-image: linear-gradient(to right, #fbb060 0%, #fed654 50%);
    background-size: 200% auto;
    border-radius: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 10px 0;
    margin-right: auto;
  }
  main #mobileApps .integration .wrapper .integration-selects-wrapper .right-side {
    display: none;
  }
  main #mobileApps .integration .wrapper .integration-selects-wrapper figure {
    display: none;
  }
  main #mobileApps .integration::before {
    background-size: contain;
    background-position: bottom;
    background-repeat: no-repeat;
    height: 205px;
  }
  main #mobileApps .integration::after {
    background-size: contain;
    background-position: top left;
    background-repeat: no-repeat;
    height: 195px;
  }
  main #mobileApps .planning {
    padding-top: 260px;
  }
  main #mobileApps .planning .wrapper h2 {
    text-align: center;
    width: 100%;
  }
  main #mobileApps .planning .wrapper h3 {
    text-align: center;
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  main #mobileApps .planning .wrapper h3::after {
    content: "";
    background-image: url(../img/planning-img.png);
    position: absolute;
    width: 318px;
    height: 291px;
    left: calc(50% - 159px);
    top: 100%;
    background-size: contain;
    background-repeat: no-repeat;
  }
  main #mobileApps .planning .wrapper p {
    text-align: center;
    width: 100%;
    padding-top: 300px;
  }
  main #mobileApps .planning .domain {
    padding-top: 150px;
  }
  main #mobileApps .planning .domain .wrapper {
    width: 100%;
    text-align: center;
  }
  main #mobileApps .planning .domain .wrapper p {
    width: 100%;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  main #mobileApps .planning .domain .wrapper p::before {
    background-size: contain;
    background-repeat: no-repeat;
    right: auto;
    width: 700px;
    height: 380px;
  }
  main #mobileApps .planning .domain::after {
    display: none;
  }
  main #mobileApps .planning::after {
    display: none;
  }
  main #mobileApps .domain {
    padding-top: 80px !important;
  }
  main #mobileApps .domain .wrapper h2 {
    width: 100% !important;
    padding-bottom: 140px !important;
  }
  main #mobileApps .domain .wrapper p::before {
    top: -145px;
  }
  main #mobileApps .marketing {
    background-size: auto 200% !important;
    background-position: bottom right !important;
    height: auto !important;
  }
  main #mobileApps .marketing .wrapper {
    padding-right: 0;
    padding-top: 110px;
  }
  main #mobileApps .marketing .wrapper h2 {
    width: 100%;
    text-align: center;
    padding-left: 300px;
    text-align: right;
    padding-bottom: 0;
    margin-top: 0;
  }
  main #mobileApps .marketing .wrapper p {
    width: 100%;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    margin-top: 0px;
    padding-top: 400px;
  }
  main #mobileApps .marketing .wrapper p::after {
    content: "";
    position: absolute;
    background-image: url(../img/marketing-mobile-img.png);
    height: 435px;
    width: 750px;
    bottom: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
  main #mobileApps .marketing .wrapper::after {
    display: none;
  }
  main #mobileApps .wrapper .links {
    background-color: transparent;
    margin-top: 0 !important;
    padding: 40px 0;
  }
  main #mobileApps .wrapper .links .each-link {
    width: 100%;
    margin: auto;
    position: relative;
    height: 95px;
    margin-top: 10px;
  }
  main #mobileApps .wrapper .links .each-link .link-head {
    width: calc(100% - 30px);
    margin: auto;
    max-width: 600px;
  }
  main #mobileApps .wrapper .links .each-link p {
    display: none;
  }
  main #mobileApps .wrapper .links .each-link a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
  }
  main #mobileApps .wrapper .links::before {
    display: none;
  }
  main #webPlatformBanner {
    background-image: url("../img/web-platform/banner.jpg");
    background-repeat: no-repeat;
    background-position: center 200px;
    position: relative;
    height: 100%;
    padding-bottom: 30px;
  }
  main #webPlatformBanner .wrapper h1,
  main #webPlatformBanner .wrapper h2,
  main #webPlatformBanner .wrapper h3 {
    width: 100%;
    text-align: center;
  }
  main #webPlatformBanner .wrapper .web-platform-banner-bottom {
    margin-top: 285px;
    width: 100%;
  }
  main #webPlatformBanner .wrapper .web-platform-banner-bottom h2,
  main #webPlatformBanner .wrapper .web-platform-banner-bottom p {
    width: 100%;
    text-align: center;
  }
  main #webPlatformBanner .wrapper .web-platform-banner-bottom .each-platform-wrapper .each-platform {
    width: 430px !important;
  }
  main #webPlatformBanner .wrapper .web-platform-banner-bottom .each-platform-wrapper .each-platform h3,
  main #webPlatformBanner .wrapper .web-platform-banner-bottom .each-platform-wrapper .each-platform p {
    text-align: center !important;
  }
  main #webPlatformBanner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: #287fe0;
    z-index: -1;
  }
  main #webPlatformBanner::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: #f3f6ff;
    z-index: -1;
  }
  main #ui {
    padding: 0;
    margin-top: 50px;
  }
  main #ui .wrapper h2,
  main #ui .wrapper h3,
  main #ui .wrapper p {
    width: 100%;
    text-align: center;
  }
  main #analytics {
    height: 100%;
    background-repeat: no-repeat;
  }
  main #analytics .wrapper .analytics-info h2,
  main #analytics .wrapper .analytics-info p {
    width: 100%;
    text-align: center;
  }
  main #keyFunctionality {
    height: 100%;
    margin-top: 50px;
  }
  main #keyFunctionality .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  main #keyFunctionality .wrapper h2 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  main #keyFunctionality .wrapper .key-functionality-img {
    position: relative;
    top: 0;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
  }
  main #keyFunctionality .wrapper h3 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  main #keyFunctionality .wrapper p {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  main #keyFunctionality .wrapper h2,
  main #keyFunctionality .wrapper h3,
  main #keyFunctionality .wrapper p {
    text-align: center;
    width: 100%;
  }
  main #personalSolution {
    background: url("../img/web-platform/personal-solution-mobile.png");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% 40%;
    height: 100%;
  }
  main #personalSolution .wrapper .personal-solution-top {
    padding-top: 250px;
  }
  main #personalSolution .wrapper .personal-solution-top h2,
  main #personalSolution .wrapper .personal-solution-top p {
    width: 100%;
    text-align: center;
  }
  main #personalSolution .wrapper .solutions-wrapper {
    margin-top: 50px;
  }
  main #personalSolution .wrapper .solutions-wrapper .each-solution {
    width: 357px !important;
  }
  main #personalSolution .wrapper .administration-subsection h2,
  main #personalSolution .wrapper .administration-subsection p {
    width: 100%;
    text-align: center;
    color: #000;
  }
  main #personalSolution .wrapper .administration-subsection h2 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  main #personalSolution .wrapper .administration-subsection h2::after {
    content: "";
    background: url("../img/web-platform/administration-subsection.jpg");
    position: relative;
    width: 100%;
    margin-top: 20px;
    background-position: top;
    background-size: contain;
    background-repeat: no-repeat;
    height: 250px;
  }
  main #personalSolution .wrapper .successful-progress {
    padding: 0;
    margin-top: 50px !important;
  }
  main #personalSolution .wrapper .successful-progress h2,
  main #personalSolution .wrapper .successful-progress p {
    width: 100%;
    text-align: center;
    color: #000;
  }
  main #personalSolution .wrapper .successful-progress h2::after {
    left: 0;
  }
  main #workOnDeveloping {
    margin-top: 50px;
  }
  main #workOnDeveloping .wrapper h2,
  main #workOnDeveloping .wrapper h3,
  main #workOnDeveloping .wrapper p {
    width: 100%;
    text-align: center;
  }
  main #workOnDeveloping .wrapper .work-on-developing-options {
    display: none;
  }
  main #webPlatformLinks {
    background: none;
    margin-bottom: 30px;
  }
  main #webPlatformLinks .software-solution {
    position: relative;
    margin-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
  }
  main #webPlatformLinks .software-solution .wrapper {
    position: relative;
    top: auto;
  }
  main #webPlatformLinks .software-solution .wrapper h2 {
    margin-top: 0;
  }
  main #webPlatformLinks .software-solution .wrapper .each-link {
    width: 100%;
    margin: auto;
    position: relative;
    height: 95px;
    margin-top: 10px;
  }
  main #webPlatformLinks .software-solution .wrapper .each-link a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
  }
  main #webPlatformLinks .software-solution .wrapper .each-link .link-head {
    width: calc(100% - 30px);
    margin: auto;
    max-width: 600px;
  }
  main #webPlatformLinks .software-solution .wrapper .each-link p {
    display: none;
  }
  main #webPlatformBanner {
    background-size: 162% auto;
    background-position: center 335px;
  }
  main #webPlatformBanner .full {
    width: 100vw !important;
  }
  main #webPlatformBanner .full .web-platform-banner-bottom {
    margin-top: 63vw;
  }
  main #webPlatformBanner .full .web-platform-banner-bottom .slick-dots li {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #e5e1f9;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
  }
  main #webPlatformBanner .full .web-platform-banner-bottom .slick-dots li button::before {
    display: none;
  }
  main #webPlatformBanner .full .web-platform-banner-bottom .slick-dots .slick-active {
    background-image: -o-linear-gradient(bottom, #ab63f9, #7460e5);
    background-image: -webkit-gradient(linear, left bottom, left top, from(#ab63f9), to(#7460e5));
    background-image: linear-gradient(to top, #ab63f9, #7460e5);
    width: 40px;
    border-radius: 30px;
  }
  main #webPlatformBanner .full .web-platform-banner-bottom .draggable {
    padding: 20px 0;
    padding-left: 5%;
  }
  main #webPlatformBanner .full .web-platform-banner-bottom .each-platform-wrapper .each-platform {
    width: 300px !important;
    height: 370px;
  }
  main #webPlatformBanner .full .web-platform-banner-bottom .each-platform-wrapper .each-platform .each-platform-head {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  main #webPlatformBanner .full .web-platform-banner-bottom .each-platform-wrapper .each-platform .each-platform-head img {
    margin-right: 25px;
    margin: 10px auto;
  }
  main #webPlatformBanner .full .web-platform-banner-bottom .each-platform-wrapper .each-platform .each-platform-head h3 {
    width: 100%;
  }
  main #webPlatformBanner::before {
    height: 900px;
    background-image: -o-linear-gradient(bottom, #f3f6ff 50%, #287fe0 50%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #f3f6ff), color-stop(50%, #287fe0));
    background-image: linear-gradient(to top, #f3f6ff 50%, #287fe0 50%);
  }
  main #keyFunctionality .wrapper .key-functionality-img {
    width: 320px;
  }
  main #personalSolution {
    background-size: 100% 1000px;
  }
  main #personalSolution .wrapper .personal-solution-top {
    padding-top: 100px;
  }
  main #personalSolution .wrapper .solutions-wrapper .slick-dots li {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #e5e1f9;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
  }
  main #personalSolution .wrapper .solutions-wrapper .slick-dots li button::before {
    display: none;
  }
  main #personalSolution .wrapper .solutions-wrapper .slick-dots .slick-active {
    background-image: -o-linear-gradient(bottom, #e4e1f9, #b0cef4);
    background-image: -webkit-gradient(linear, left bottom, left top, from(#e4e1f9), to(#b0cef4));
    background-image: linear-gradient(to top, #e4e1f9, #b0cef4);
    width: 40px;
    border-radius: 30px;
  }
  main #personalSolution .wrapper .solutions-wrapper .draggable {
    padding-top: 200px;
  }
  main #personalSolution .wrapper .solutions-wrapper .each-solution {
    margin: auto !important;
    display: block !important;
  }
  main #personalSolution .wrapper .solutions-wrapper .each-solution img {
    margin: auto;
  }
  main #personalSolution .wrapper .administration-subsection {
    padding-top: 200px;
  }
  main #personalSolution .wrapper .successful-progress h2 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  main #personalSolution .wrapper .successful-progress h2::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 340px;
    background-image: url(../img/megaphone-mobile.png);
    top: 100%;
    background-size: contain;
    background-position: center top;
    background-repeat: no-repeat;
  }
  main #personalSolution .wrapper .successful-progress p {
    padding-top: 350px;
  }
  main #personalSolution .wrapper .successful-progress {
    width: 100vw;
    margin-left: -5.5%;
    background-color: #f4f6ff;
    padding: 30px 5%;
  }
  main #workOnDeveloping .wrapper .mobile-button {
    display: block;
    height: 40px;
    color: white;
    text-decoration: none;
    width: 150px;
    font-family: "exo", sans-serif;
    font-size: 15px;
    background-image: -o-linear-gradient(left, #64b0f9 0%, #4974de 50%);
    background-image: -webkit-gradient(linear, left top, right top, from(#64b0f9), color-stop(50%, #4974de));
    background-image: linear-gradient(to right, #64b0f9 0%, #4974de 50%);
    background-size: 200% auto;
    border-radius: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 20px auto;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
  }
  main #workOnDeveloping .wrapper .mobile-button:hover {
    background-position: right center;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
  }
  main #thirdSlide #strategyLinks .software-solution {
    height: 250px;
  }
  footer .wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  footer .wrapper .footer-left {
    width: 100%;
    padding-bottom: 30px;
  }
  footer .wrapper .footer-left .footer-info {
    width: 100%;
  }
  footer .wrapper .footer-right {
    width: 100%;
  }
  footer .wrapper .footer-right .right-top,
  footer .wrapper .footer-right .right-top.en {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: static;
    left: 0;
    width: 100%;
  }
  footer .wrapper .footer-right .right-top li,
  footer .wrapper .footer-right .right-top.en li {
    width: 100%;
    margin: 8px 0;
  }
  footer .wrapper .footer-right .right-bottom .bottom-right img {
    display: none;
  }
  footer .wrapper .footer-right .right-bottom .bottom-right p {
    display: none;
  }
  footer .wrapper .footer-right > h2 {
    display: block;
  }
  .footer-bottom-line {
    height: auto;
    padding: 10px;
  }
  .footer-bottom-line p {
    color: #666666;
    font-family: "exo-regular";
    font-size: 13px;
    text-decoration: none;
    text-align: center;
    display: block;
  }
}
@media screen and (max-width: 870px) {
  main #steps {
    overflow: hidden;
  }
  main #steps .wrapper b {
    font-size: 30px;
    margin-bottom: 30px;
  }
  main #steps .wrapper b span {
    font-size: 18px;
  }
  main #steps .wrapper ul:not(.descriptions) {
    overflow: auto;
    padding-bottom: 50px;
    padding-top: 75px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
    margin-bottom: 15px;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
    width: 100vw;
    margin-left: -5vw;
  }
  main #steps .wrapper ul:not(.descriptions)::-webkit-scrollbar {
    display: none;
  }
  main #steps .wrapper ul:not(.descriptions) .gradient {
    margin-top: 12px;
  }
  main #steps .wrapper ul:not(.descriptions) li {
    margin: 0 !important;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    scroll-snap-align: start;
    width: 33.3333333333%;
    background-color: transparent;
  }
  main #steps .wrapper ul:not(.descriptions) li .tooltip {
    display: none;
  }
  main #steps .wrapper ul:not(.descriptions) li span {
    color: #a6acc9 !important;
    font-size: 13px;
  }
  main #steps .wrapper ul:not(.descriptions) li.check::before {
    content: "";
    background-color: #192243;
    padding: 0 7px;
    width: 17px;
    height: 31px;
    background-size: contain;
    background-size: 20px auto;
    border-radius: 5px;
  }
  main #steps .wrapper ul:not(.descriptions) li.square::before {
    content: "";
    border-radius: 11px;
    border: 7px solid #192243;
    width: 20px;
    height: 20px;
  }
  main #steps .wrapper ul:not(.descriptions) li .transition {
    bottom: 2px;
    width: 105px;
    height: 73px;
    right: -52.5px;
    left: initial;
  }
  main #steps .wrapper ul:not(.descriptions) li .transition i {
    font-size: 19px;
    width: 100px;
    line-height: 1;
    top: -40px;
    left: calc(100% - 45px);
  }
  main #steps .wrapper ul:not(.descriptions) li.active span {
    color: #fff !important;
  }
  main #steps .wrapper ul:not(.descriptions) li.hidden {
    display: block;
  }
  main #steps .wrapper ul:not(.descriptions).animate {
    -webkit-animation: scroll 2s infinite;
    animation: scroll 2s infinite;
    width: calc(100vw + 30px);
  }
  main #steps .wrapper ul:not(.descriptions).animate li:nth-child(2) {
    -webkit-transform: translateX(15px);
    -ms-transform: translateX(15px);
    transform: translateX(15px);
  }
  @-webkit-keyframes scroll {
    0% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }
    40% {
      -webkit-transform: translateX(-5px);
      transform: translateX(-5px);
    }
    50% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }
    60% {
      -webkit-transform: translateX(-30px);
      transform: translateX(-30px);
    }
    100% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }
  }
  @keyframes scroll {
    0% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }
    40% {
      -webkit-transform: translateX(-5px);
      transform: translateX(-5px);
    }
    50% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }
    60% {
      -webkit-transform: translateX(-30px);
      transform: translateX(-30px);
    }
    100% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }
  }
  main #steps .wrapper ul:not(.descriptions)::before {
    top: 20px;
    position: sticky;
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: -100%;
  }
  main #steps .wrapper ul.descriptions {
    display: block;
    margin: 30px 0;
    position: relative;
  }
  main #steps .wrapper ul.descriptions::after {
    content: "";
    width: 120px;
    height: 120px;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    bottom: calc(100% + 10px);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #253057;
    z-index: -1;
  }
  main #steps .wrapper ul.descriptions li {
    color: #fff;
    text-align: center;
    line-height: 1.4;
    font-family: "exo-regular", sans-serif;
    font-size: 13px;
    display: none;
    border: 1px solid #3D74BB;
    background-color: #192243;
    position: relative;
    padding: 10px;
    border-radius: 15px;
    -webkit-animation: show 0.2s;
    animation: show 0.2s;
  }
  main #steps .wrapper ul.descriptions li.active {
    display: block;
  }
  main #steps .wrapper ul.descriptions li::before {
    content: "";
    width: 14px;
    height: 30px;
    background-image: url("../img/steps-section/pointer.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    bottom: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
  }
  @-webkit-keyframes show {
    0% {
      -webkit-transform: translateY(20px);
      transform: translateY(20px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
      opacity: 1;
    }
  }
  @keyframes show {
    0% {
      -webkit-transform: translateY(20px);
      transform: translateY(20px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
      opacity: 1;
    }
  }
  main #steps .wrapper a {
    margin-bottom: 0;
    font-size: 11px;
    width: 225px;
  }
  main #steps .wrapper a span {
    font-size: 15px;
  }
  main #steps .wrapper a::before {
    display: none;
  }
  main #steps .wrapper::after {
    display: none;
  }
}
@media screen and (max-width: 760px) {
  main #euProjectsBanner {
    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px;
  }
  main #euProjectsBanner h1 {
    min-height: 295px;
    padding-top: 35px;
  }
  main #euProjects .wrapper ul {
    margin-right: 0;
  }
  main #euProjects .wrapper ul li {
    width: 100%;
    margin-right: 0;
  }
  main #careers {
    min-height: 570px;
  }
  main #careers .bottom-wrapper .wrap .each-position {
    padding: 20px;
  }
  main #careers .bottom-wrapper .wrap .each-position .top {
    margin-bottom: 10px;
  }
  main #careers .bottom-wrapper .wrap .each-position .top .left {
    margin-right: 10px;
  }
  main #careers .bottom-wrapper .wrap .each-position .top .right h3 {
    font-size: 18px;
    margin-top: 0;
  }
  main #careers .bottom-wrapper .wrap .each-position .top .right p {
    font-size: 15px;
  }
  main #careers .bottom-wrapper .wrap .each-position .top ul {
    display: none;
  }
  main #careers .bottom-wrapper .wrap .each-position .on-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  main #participate .wrapper form {
    width: 100%;
  }
  main #participate .wrapper form .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 0;
  }
  main #participate .wrapper form .row .input-holder {
    width: 100%;
    padding-bottom: 20px;
  }
  main #participate .wrapper form .captcha-row {
    margin: 20px 0;
  }
  main #participate .wrapper form .captcha-row img {
    margin-right: auto;
  }
  main #participate .wrapper form .captcha-row .input-holder {
    width: 100% !important;
    margin-bottom: 0;
    padding-bottom: 0;
    margin-top: 10px;
  }
  main #participate .wrapper form .agree {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  main #webBanner {
    height: 620px;
  }
  main #webBanner .wrapper h2::after {
    width: 320px;
    height: 150px;
    left: calc(50% - 160px);
    background-size: contain;
    background-repeat: no-repeat;
  }
  main #developmentProcess .wrapper .both-processes-wrapper .right-process {
    background-size: 150px;
    height: auto;
  }
  main #developmentProcess .wrapper .both-processes-wrapper .right-process h3 {
    font-size: 50px;
    margin-left: 35vw;
    margin-top: 60px;
    padding-bottom: 0;
  }
  main #developmentProcess .wrapper .both-processes-wrapper .right-process p {
    margin-top: 50px;
  }
  main #developmentProcess .wrapper .both-processes-wrapper .left-process {
    background-size: 150px;
    height: auto;
    padding-top: 50px;
  }
  main #developmentProcess .wrapper .both-processes-wrapper .left-process h3 {
    font-size: 50px;
    margin-left: 35vw;
    margin-top: 0;
    padding-bottom: 0;
  }
  main #developmentProcess .wrapper .both-processes-wrapper .left-process p {
    margin-top: 50px;
  }
  main #analytics {
    background-size: 116% auto;
    margin-top: -558px;
    padding-top: 250px;
  }
  main #ui {
    padding: 0;
    margin-top: 50px;
    background-size: auto 54%;
    background-position: center;
  }
  main #personalSolution {
    background-size: 100% 1200px;
    padding-top: 50px;
  }
  main #webPlatformBanner {
    background-size: 162% auto;
    background-position: center 345px;
  }
  main #webPlatformBanner .wrapper .web-platform-banner-bottom {
    margin-top: 50vw;
  }
  main #webPlatformBanner .wrapper .web-platform-banner-bottom h2 {
    padding-top: 40px;
  }
  main #motivateYourClient .wrapper h3::after {
    width: 100vw;
    height: 511px;
    background-size: contain;
    background-repeat: no-repeat;
    background-size: 1535px 520px;
    background-position: center top;
    left: -5.5%;
  }
  main #motivateYourClient .wrapper .first-motivation {
    padding-top: 470px;
  }
  main #motivateYourClient .wrapper .first-motivation img {
    padding: 0px 120px;
  }
  main #motivateYourClient .wrapper .second-motivation img {
    padding: 0px 120px;
  }
  main #motivateYourClient .wrapper .third-motivation img {
    padding: 0px 120px;
  }
  main #onlineStoreBanner .wrapper .onlineStoreBannerMobile {
    height: 620px;
  }
  main #onlineStoreBanner .wrapper .onlineStoreBannerMobile::after {
    height: 350px;
    background-size: contain;
  }
  main #technicalSupport .banner {
    padding-bottom: 800px;
    height: auto;
    background-repeat: no-repeat;
    background-image: url("../img/tech-support-mobile-banner.png");
    background-position: center bottom;
  }
  main #technicalSupport .banner .waves {
    display: none;
  }
  main #technicalSupport .banner .wrapper h1 {
    font-size: 50px;
  }
  main #technicalSupport .your-product .wrapper .your-product-info-holder h2 {
    font-size: 7vw;
  }
  main #technicalSupport .your-product .wrapper .your-product-info-holder h3 {
    font-size: 4vw;
  }
  main #technicalSupport .your-product .wrapper .your-product-info-holder p {
    font-size: 3vw;
    padding-top: 470px;
  }
  main #technicalSupport .your-product .wrapper .your-product-info-holder::before {
    top: 175px;
  }
  main #technicalSupport .service-and-tech-support .wrapper .product-services-wrapper .right-product-services .each-product-service {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  main #technicalSupport .service-and-tech-support .wrapper .product-services-wrapper .right-product-services .each-product-service h2 {
    font-size: 2.4vw;
  }
  main #technicalSupport .service-and-tech-support .wrapper h2 {
    font-size: 7vw;
  }
  main #technicalSupport .service-and-tech-support .wrapper p {
    font-size: 3vw;
  }
  main #technicalSupport .care {
    padding-top: 200px;
  }
  main #technicalSupport .care .wrapper .care-info-wrapper h2 {
    font-size: 7vw;
  }
  main #technicalSupport .care .wrapper .care-info-wrapper p {
    font-size: 3vw;
  }
  main #technicalSupport .improving .improving-info-wrapper h2 {
    font-size: 7vw;
  }
  main #technicalSupport .improving .improving-info-wrapper p {
    font-size: 3vw;
  }
  main #technicalSupport .solutions .wrapper .solutions-info-wrapper h2 {
    font-size: 7vw;
  }
  main #technicalSupport .solutions .wrapper .solutions-info-wrapper p {
    font-size: 3vw;
  }
  main #technicalSupport .solutions::before {
    display: none;
  }
  main #technicalSupport .software-support {
    margin-top: 200px;
  }
  main #technicalSupport .software-support .wrapper .software-support-info-holder h2 {
    font-size: 7vw;
  }
  main #technicalSupport .software-support .wrapper .software-support-info-holder p {
    font-size: 3vw;
  }
  main #technicalSupport .software-support .wrapper .software-support-info-holder::before {
    top: 160px;
  }
  main #technicalSupport .extra-service .wrapper .extra-service-info-wrapper h2 {
    font-size: 7vw;
  }
  main #strategyBanner {
    background-image: url("../img/strategy-mobile-banner.png");
    background-position: center bottom;
    padding-bottom: 1200px;
  }
  main #strategyBanner .wrapper h1 {
    width: 100%;
    padding-left: 0;
    text-align: center;
  }
  main #strategyBanner .wrapper h2 {
    width: 100%;
    padding-left: 0;
    text-align: center;
  }
  main #strategyBanner .wrapper p {
    width: 100%;
    padding-left: 0;
    text-align: center;
  }
  main #firstSlide .wrapper {
    width: 100% !important;
  }
  main #firstSlide .wrapper .first-top-slide {
    padding-left: 10% !important;
    padding-right: 10% !important;
  }
  main #firstSlide .wrapper .first-top-slide h2 {
    width: 100% !important;
    margin-bottom: 200px !important;
  }
  main #firstSlide .wrapper .first-top-slide h2::before {
    width: 320px;
    height: 190px;
    background-size: contain;
    bottom: -200px;
  }
  main #firstSlide .wrapper .first-top-slide p {
    width: 100% !important;
  }
  main #firstSlide .wrapper .first-bottom-slide {
    padding-left: 10% !important;
    padding-right: 10% !important;
  }
  main #secondSlide .wrapper {
    width: 100% !important;
  }
  main #secondSlide .second-top-slide {
    padding-left: 10% !important;
    padding-right: 10% !important;
  }
  main #secondSlide .second-top-slide h2 {
    margin-bottom: 270px;
  }
  main #secondSlide .second-top-slide h2::before {
    width: 320px;
    height: 240px;
    bottom: -570px;
    background-size: contain;
    background-repeat: no-repeat;
    bottom: -250px;
  }
  main #secondSlide .second-bottom-slide {
    padding-left: 10% !important;
    padding-right: 10% !important;
  }
  main #secondSlide .second-bottom-slide h2 {
    padding-bottom: 25vw;
  }
  main #thirdSlide .third-top-slide {
    padding-left: 10% !important;
    padding-right: 10% !important;
  }
  main #thirdSlide .third-bottom-slide {
    padding-left: 10% !important;
    padding-right: 10% !important;
  }
  main #thirdSlide .wrapper {
    width: 100% !important;
  }
  main #iotBanner .wrapper h1 {
    font-size: 8vw;
  }
  main #iotBanner .wrapper ul li {
    font-size: 2.5vw;
  }
  main .banner-subsection-mobile .wrapper .banner-subsection-info h2 {
    font-size: 6vw;
  }
  main .banner-subsection-mobile .wrapper .banner-subsection-info p {
    font-size: 2.5vw;
  }
  main #iotUsage .wrapper .mobile-usage-wrapper {
    width: 400px;
  }
  main #iotUsage .wrapper h2 {
    font-size: 6vw;
  }
  main #iotUsage .wrapper h3 {
    font-size: 3vw;
  }
  main #iotUsage .wrapper p {
    font-size: 2.5vw;
  }
  main #iotBusinessUsage .wrapper h2 {
    font-size: 6vw;
  }
  main #iotBusinessUsage .wrapper h2::before {
    bottom: -125px;
  }
  main #iotBusinessUsage .wrapper p {
    font-size: 2.5vw;
  }
  main #egymon {
    background-image: url("../img/egymon-top-bg.png");
    background-position: center top;
    height: auto;
  }
  main #egymon .wrapper .each-egymon-service-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  main #egymon .wrapper .each-egymon-service-wrapper div {
    width: 100%;
    background-size: 100px;
    background-position: center center;
  }
  main #smartHouse {
    height: 850px;
    margin-top: -145px;
    padding-top: 323px;
  }
  main #smartHouse .wrapper h2 {
    font-size: 6vw;
  }
  main #smartHouse .wrapper p {
    font-size: 2.5vw;
  }
  main #smartHouse .wrapper p::after {
    height: 196px;
    position: absolute;
    bottom: -95px;
  }
  main #smartTown .wrapper h2 {
    font-size: 6vw;
  }
  main #smartTown .wrapper p {
    font-size: 2.5vw;
  }
  main .iot-links .wrapper h2 {
    font-size: 6vw;
  }
  main #gdpr .banner {
    background-image: url("../img/gdpr-banner-mobile-bg.png");
    background-position: bottom;
    height: 670px;
  }
  main #gdpr .banner .wrapper p {
    padding: 0 5vw;
  }
  main #gdpr .security .wrapper .security-heading-holder p {
    padding-top: 30px;
  }
  main #gdpr .security .wrapper .gdpr-link .link-highlight {
    width: 90%;
  }
  main #gdpr .security .wrapper .gdpr-link .link-highlight .gdpr-link-bg {
    width: 95%;
    -o-object-fit: contain;
    object-fit: contain;
  }
  main #gdpr .security .wrapper .gdpr-link .link-highlight::before {
    height: 26px;
    position: absolute;
    width: 95%;
    background-size: contain;
    background-position: bottom;
    background-repeat: no-repeat;
  }
  main #gdpr .security .wrapper .gdpr-link p {
    font-weight: normal;
    padding: 0;
    padding-bottom: 60px;
  }
  main #softwareSolutionMainBanner {
    background-image: url("../img/software-soliution-main.jpg");
    background-position: center bottom;
    background-size: 790px;
    background-repeat: no-repeat;
    background-color: #fffefd;
    height: 775px;
  }
  main #softwareSolutionMainBanner .wrapper h1 {
    padding-top: 30px;
  }
  main #clientCare .wrapper .baloons-wrapper {
    margin-top: 65vw;
  }
  main #clientCare .wrapper .bottom-signs {
    top: 220px;
  }
  main #clientCare .wrapper .bottom-signs .second-bottom-sign {
    margin-left: 5vw;
  }
  main #clientCare .wrapper .bottom-signs .third-bottom-sign {
    margin-left: -30vw;
  }
  main #developingWayofWork {
    margin-top: 0;
  }
  main #developingWayofWork .wrapper h2 {
    position: relative;
    padding-top: 110px;
  }
  main #developingWayofWork .wrapper h2::before {
    content: "";
    background-image: url("../img/mobile-line.png");
    width: 100vw;
    position: absolute;
    top: -106px;
    height: 306px;
    left: calc(-5% - 3px);
    z-index: -1;
    background-position: center left;
  }
  main #websites .banner {
    background-image: url("../img/website-mobile-banner-bg.png");
    background-position: 0;
    background-size: auto;
    padding-bottom: 200px;
  }
  main #websites .banner .wrapper .tablet h1::before {
    left: auto;
  }
  main #websites .banner .wrapper .tablet p {
    padding-top: 300px;
  }
  main #websites .inspire {
    margin-top: -30px;
  }
  main #contacts .wrapper .contact-popup {
    width: 100%;
    padding: 20px;
    border-radius: 0;
  }
  main #contacts .wrapper .contact-popup h2 {
    font-size: 6vw;
    margin-top: 15px;
  }
  main #contacts .wrapper .contact-popup p {
    font-size: 3vw;
  }
  main #contacts .wrapper .contact-popup .close-popup {
    margin-right: 0;
  }
  main #contacts .wrapper .contact-popup form .row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 0;
  }
  main #contacts .wrapper .contact-popup form .row .input-holder {
    padding-bottom: 20px;
  }
  main #contacts .wrapper .contact-popup form .row .input-holder .validation-holder {
    width: 100%;
  }
  main #contacts .wrapper .contact-popup form .row .input-holder .validation-holder .validation {
    font-size: 3vw;
  }
  main #contacts .wrapper .contact-popup form .row .input-holder:nth-child(even) label {
    padding-left: 10px;
  }
  main #contacts .wrapper .contact-popup form .agree {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  main #contacts .wrapper .contact-popup form .agree input {
    height: 19px;
    width: 19px;
  }
  main #contacts .wrapper .contact-popup form .agree label {
    width: 90%;
  }
  main #contacts .wrapper p {
    width: 100%;
  }
  main #erpBanner .wrapper {
    padding-top: 50px;
  }
  main #mainGoals .wrapper .system-example-mobile li picture img {
    width: 125px;
  }
  main #mainGoals::before {
    display: none;
  }
  main #mobileApps .your-clients .wrapper .your-clients-services-wrapper .each-clients-service h2 {
    font-size: 4vw !important;
  }
  main #mobileApps .your-clients .wrapper .your-clients-services-wrapper .each-clients-service h2 img {
    width: 70px;
    -o-object-fit: contain;
    object-fit: contain;
  }
  main #mobileApps .your-clients .wrapper .your-clients-services-wrapper .each-clients-service h2 .show-service {
    margin-right: -15px;
  }
  main #mobileApps .your-clients .wrapper h3 {
    width: 100%;
  }
  main #mobileApps .your-clients::before {
    left: 0;
  }
  main #mobileApps .wrapper .development-info-wrapper h3 {
    width: 100%;
  }
  main #mobileApps .wrapper .concept::before {
    background-position: right top;
    background-size: contain;
    background-repeat: no-repeat;
    width: 279px;
    height: 826px;
  }
  main #mobileApps .wrapper .concept::after {
    height: 530px;
    background-position: right bottom;
    background-size: contain;
    background-repeat: no-repeat;
  }
  main #mobileApps .developing-mobile {
    padding-top: 140px;
  }
  main #mobileApps .developing-mobile .wrapper .developing-mobile-slideshow-wrapper .cms-slider-wrapper .slick-dots {
    bottom: 50px;
  }
  main #mobileApps .developing-mobile .wrapper .developing-mobile-slideshow-wrapper .cms-slider-wrapper .slick-next {
    height: 52px;
    width: 52px;
    right: 90px;
    background-repeat: no-repeat;
  }
  main #mobileApps .developing-mobile .wrapper .developing-mobile-slideshow-wrapper .cms-slider-wrapper .slick-prev {
    height: 52px;
    width: 52px;
    left: 90px;
    background-repeat: no-repeat;
  }
  main #mobileApps .planning {
    padding-top: 160px;
  }
  main #mobileApps .planning .domain .wrapper p::before {
    width: 100vw;
    background-position: center;
    top: -145px;
  }
  main #mobileApps .marketing {
    margin-top: 0;
    height: 1150px;
  }
  main #mobileApps .marketing .wrapper h2 {
    padding-left: 100px;
  }
  main #mobileApps .marketing .wrapper p::after {
    background-size: cover;
    background-repeat: no-repeat;
    width: 100vw;
    left: calc(50% - 50vw);
  }
  main #smartWay {
    margin-bottom: 40px;
  }
  footer .wrapper .footer-right .right-top,
  footer .wrapper .footer-right .right-top.en {
    padding-bottom: 30px;
  }
  footer .wrapper .footer-right .right-bottom {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  footer .wrapper .footer-right .right-bottom .bottom-left {
    width: 100%;
    padding-bottom: 30px;
  }
  footer .wrapper .footer-right .right-bottom .bottom-right {
    width: 100%;
    padding-bottom: 0;
  }
}
@media screen and (max-width: 600px) {
  main #consultation #overlay .modal {
    max-width: calc(100% - 15px);
  }
  main #consultation #overlay .modal b {
    font-size: 18px;
  }
  main #consultation .wrapper {
    padding-bottom: 15px;
  }
  main #consultation .wrapper > b {
    font-size: 30px;
  }
  main #consultation .wrapper h1 {
    font-size: 20px;
  }
  main #consultation .wrapper > p {
    font-size: 13px;
  }
  main #consultation .wrapper form {
    margin-left: -5%;
    margin-right: -5%;
    width: 110%;
  }
  main #consultation .wrapper form .holder label,
  main #consultation .wrapper form .holder p.label {
    font-size: 13px;
  }
  main #consultation .wrapper form .holder .validation,
  main #consultation .wrapper form .holder .validation-out {
    font-size: 13px;
  }
  main #consultation .wrapper form .holder b {
    font-size: 18px;
  }
  main #consultation .wrapper form .holder b span {
    width: 25px;
    height: 25px;
    font-size: 13px;
  }
  main #consultation .wrapper form .holder .agree label {
    font-size: 13px;
  }
  main #consultation .wrapper form .holder ul.project-types {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 5px;
    margin-left: -15px;
    margin-right: -15px;
    width: calc(100% + 30px);
  }
  main #consultation .wrapper form .holder ul.project-types li {
    padding: 10px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: calc(50% - 3px);
  }
  main #consultation .wrapper form .holder ul.project-types li span {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-bottom: 0;
    margin-right: 10px;
    height: 35px;
    width: 35px;
  }
  main #consultation .wrapper form .holder ul.project-types li span img {
    height: 20px;
  }
  main #consultation .wrapper form .holder ul.project-types li i {
    font-size: 13px;
    text-align: left;
  }
  main #consultation .wrapper form .holder button {
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  main #consultation .wrapper form .holder button ul.tooltip {
    width: 290px;
  }
  main #consultation .wrapper form .holder button ul.tooltip li {
    text-align: left;
    font-size: 13px;
  }
  main #consultation .wrapper form .holder .row:not(.agree) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 0;
  }
  main #consultation .wrapper form .holder .row:not(.agree) .col {
    margin-bottom: 15px !important;
  }
  main #euProjectsBanner h1 {
    font-size: 8vw;
    min-height: 185px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 55px;
  }
  main #workBanner .wrapper h1 {
    font-size: 6vw;
  }
  main #workBanner .wrapper p {
    font-size: 3vw !important;
  }
  main #workBanner .wrapper .right {
    padding-top: 5px;
  }
  main #workDescription .wrapper h2 {
    font-size: 5vw;
  }
  main #workDescription .wrapper p {
    font-size: 3vw;
  }
  main #workDescription .wrapper .requirements h3 {
    font-size: 5vw;
  }
  main #workDescription .wrapper .requirements ul li {
    font-size: 3vw;
  }
  main #careers {
    padding-bottom: 120px;
  }
  main #careers .top-wrapper {
    margin-top: 60px;
    padding-top: 75px;
    padding-bottom: 0;
  }
  main #careers .top-wrapper h1 {
    font-size: 8vw;
    position: relative;
    z-index: 99;
    padding-bottom: 585px;
  }
  main #careers .top-wrapper p {
    font-size: 3vw;
  }
  main #careers .top-wrapper::before {
    content: "";
    width: 100%;
    height: 765px;
    background-repeat: no-repeat;
    background-size: 600px auto;
    background-position: top center;
    background-image: url("../img/careers-mobile-bg.jpg");
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }
  main #careers .bottom-wrapper h2 {
    font-size: 7vw;
  }
  main #careers .bottom-wrapper .wrap .each-position .position-description {
    font-size: 3vw;
  }
  main #careers::after {
    top: calc(100% - 1px);
    background-size: 600px 100%;
  }
  main #interns {
    padding-bottom: 20px;
  }
  main #interns .wrapper {
    margin-top: -210px;
  }
  main #interns .wrapper h2 {
    font-size: 7vw;
  }
  main #interns .wrapper p {
    font-size: 3vw;
    margin-bottom: 10px;
  }
  main #interns .wrapper .wrap .each-internship h3 {
    font-size: 5vw;
  }
  main #softwareMasters {
    min-height: inherit;
    padding: 30px 0;
  }
  main #softwareMasters .wrapper .academy-brand {
    max-width: 300px;
    width: 50%;
  }
  main #softwareMasters .wrapper h3 {
    font-size: 4vw;
    padding: 0;
    margin-bottom: 30px;
  }
  main #entertainment {
    padding-top: 30px;
  }
  main #entertainment .wrapper h2 {
    font-size: 7vw;
  }
  main #entertainment .wrapper .wrap .col img {
    max-width: 300px;
  }
  main #entertainment .wrapper .wrap .col h3 {
    font-size: 5vw;
  }
  main #entertainment .wrapper .wrap .col p {
    font-size: 3vw;
  }
  main #internBanner .wrapper h1 {
    font-size: 8vw;
  }
  main #internBanner .wrapper p {
    font-size: 3vw;
  }
  main #internDescription .wrapper h2 {
    font-size: 7vw;
  }
  main #internDescription .wrapper p {
    font-size: 3vw;
  }
  main #participate {
    padding-bottom: 30px;
  }
  main #participate .wrapper h1 {
    font-size: 5vw;
  }
  main #participate .wrapper h3 {
    font-size: 8vw;
  }
  main #participate .wrapper p {
    font-size: 3vw;
  }
  main #participate .wrapper form {
    padding: 20px 10px;
  }
  main #participate .wrapper form .upload {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  main #participate .wrapper form .upload .mask-button {
    width: 100%;
  }
  main #participate .wrapper form .upload label {
    padding-left: 0;
    padding-top: 5px;
  }
  main #notFound,
  main #serverError {
    background-size: 200vw;
    padding-top: 40vw;
  }
  main #notFound .wrapper h2,
  main #serverError .wrapper h2 {
    font-size: 8vw;
  }
  main #notFound .wrapper p,
  main #serverError .wrapper p {
    font-size: 5vw;
  }
  main #cookies .wrapper h1 {
    font-size: 8vw;
  }
  main #cookies .wrapper article {
    font-size: 3vw;
  }
  main #terms .wrapper h1 {
    font-size: 8vw;
  }
  main #terms .wrapper article {
    font-size: 3vw;
  }
  main #personalData .wrapper h1 {
    font-size: 8vw;
  }
  main #personalData .wrapper article {
    font-size: 3vw;
  }
  main #webBanner .wrapper h1 {
    font-size: 8vw;
  }
  main #webBanner .wrapper h2 {
    font-size: 4vw;
  }
  main #clientNeeds {
    padding-top: 0;
  }
  main #clientNeeds .wrapper h2 {
    font-size: 7vw;
  }
  main #clientNeeds .wrapper p {
    font-size: 3vw;
  }
  main #clientNeeds .wrapper .client-services-wrapper div h3 {
    font-size: 4vw;
  }
  main #clientNeeds .wrapper .client-services-wrapper div p {
    font-size: 3vw;
  }
  main #developmentProcess {
    margin-top: 0;
    padding-bottom: 365px;
  }
  main #developmentProcess .wrapper h2 {
    font-size: 7vw;
  }
  main #developmentProcess .wrapper .both-processes-wrapper .left-process {
    background-position: 15vw 0;
  }
  main #developmentProcess .wrapper .both-processes-wrapper .left-process h3 {
    font-size: 30px;
    margin-left: 20vw;
  }
  main #developmentProcess .wrapper .both-processes-wrapper .left-process h3 strong {
    font-size: 15px;
  }
  main #developmentProcess .wrapper .both-processes-wrapper .left-process p {
    font-size: 3vw;
  }
  main #developmentProcess .wrapper .both-processes-wrapper .right-process h3 {
    font-size: 30px;
    margin-left: 40vw;
  }
  main #developmentProcess .wrapper .both-processes-wrapper .right-process h3 strong {
    font-size: 15px;
  }
  main #developmentProcess .wrapper .both-processes-wrapper .right-process p {
    font-size: 3vw;
  }
  main #allDevice .wrapper h2 {
    font-size: 7vw;
  }
  main #allDevice .wrapper p {
    font-size: 3vw;
  }
  main #strategyBanner .wrapper h1 {
    font-size: 8vw;
  }
  main #strategyBanner .wrapper h2 {
    font-size: 6vw;
  }
  main #strategyBanner .wrapper p {
    font-size: 3vw;
  }
  main #firstSlide .wrapper .first-top-slide {
    padding-top: 350px;
  }
  main #firstSlide .wrapper .first-top-slide h2 {
    font-size: 7vw;
  }
  main #firstSlide .wrapper .first-top-slide p {
    font-size: 3vw;
  }
  main #firstSlide .wrapper .first-bottom-slide {
    margin-top: 30px;
    padding-top: 100px;
    height: 990px;
    padding-top: 21vw !important;
    background-image: url("../img/strategy-top-bg.jpg"), url("../img/strategy-bottom-bg.jpg");
    background-position: center top, center bottom;
    background-size: contain;
  }
  main #firstSlide .wrapper .first-bottom-slide h2 {
    font-size: 7vw;
  }
  main #firstSlide .wrapper .first-bottom-slide p {
    font-size: 3vw;
  }
  main #secondSlide .second-top-slide .wrapper {
    padding-top: 0;
  }
  main #secondSlide .second-top-slide .wrapper h2 {
    font-size: 7vw;
  }
  main #secondSlide .second-top-slide .wrapper p {
    font-size: 3vw;
  }
  main #secondSlide .second-bottom-slide {
    background-position: -18px center;
    padding-top: 300px;
  }
  main #secondSlide .second-bottom-slide h2 {
    font-size: 7vw;
    padding-bottom: 45vw;
  }
  main #secondSlide .second-bottom-slide p {
    font-size: 3vw;
  }
  main #thirdSlide .third-top-slide {
    background-position: center bottom;
    height: 850px;
    background-repeat: no-repeat;
    padding-bottom: 0;
    margin-top: 30px;
    background-size: 220vw;
  }
  main #thirdSlide .third-top-slide .wrapper {
    padding-top: 40px;
  }
  main #thirdSlide .third-top-slide .wrapper h2 {
    padding-top: 0;
    font-size: 7vw;
  }
  main #thirdSlide .third-top-slide .wrapper p {
    font-size: 3vw;
  }
  main #thirdSlide .third-bottom-slide {
    padding-bottom: 80vw;
    height: auto;
  }
  main #thirdSlide .third-bottom-slide .wrapper h2 {
    font-size: 7vw;
  }
  main #thirdSlide .third-bottom-slide .wrapper p {
    font-size: 3vw;
  }
  main #thirdSlide #strategyLinks .software-solution .wrapper h2 {
    font-size: 7vw;
  }
  main #secondSlide .second-top-slide .wrapper h2 {
    padding-bottom: 0;
  }
  main #secondSlide .second-top-slide .wrapper p {
    font-size: 3vw;
  }
  main #secondSlide .second-bottom-slide .wrapper p {
    font-size: 3vw;
  }
  main #thirdSlide .third-top-slide {
    background-position: center top;
    height: 750px;
    background-repeat: no-repeat;
    padding-bottom: 0;
    background-size: 220vw;
  }
  main #thirdSlide .third-top-slide .wrapper p {
    font-size: 3vw;
  }
  main #thirdSlide .third-bottom-slide {
    margin-top: 0;
    background-position: bottom;
    background-size: 550px;
  }
  main #thirdSlide .third-bottom-slide .wrapper p {
    font-size: 3vw;
  }
  main #iotBanner .wrapper ul li {
    font-size: 3vw;
  }
  main #iotUsage .wrapper h2 {
    font-size: 7vw;
  }
  main #iotUsage .wrapper h3 {
    font-size: 4vw;
  }
  main #iotUsage .wrapper p {
    font-size: 3vw;
  }
  main #iotUsage .wrapper .mobile-usage-wrapper {
    width: 320px;
  }
  main #iotUsage .wrapper .mobile-usage-wrapper .slick-next,
  main #iotUsage .wrapper .mobile-usage-wrapper .slick-prev {
    width: 42px;
    height: 42px;
  }
  main #iotUsage .wrapper .mobile-usage-wrapper .slick-prev {
    left: -15px;
  }
  main #iotUsage .wrapper .mobile-usage-wrapper .slick-next {
    right: -15px;
  }
  main #iotUsage .wrapper .mobile-usage-wrapper .each-usage {
    padding: 10px 10px;
    height: auto;
  }
  main #iotUsage .wrapper .mobile-usage-wrapper .each-usage .top-row {
    height: auto;
  }
  main #egymon .wrapper .to-egymon {
    margin-top: 0;
  }
  main .banner-subsection-mobile {
    margin-top: -80px;
  }
  main .banner-subsection-mobile .wrapper .banner-subsection-image .scheme-img-mobile {
    -o-object-fit: contain;
    object-fit: contain;
    max-width: 400px;
    width: 90%;
    margin: auto;
    display: block;
  }
  main .banner-subsection-mobile .wrapper .banner-subsection-info h2 {
    font-size: 7vw;
    padding-top: 0;
  }
  main .banner-subsection-mobile .wrapper .banner-subsection-info p {
    font-size: 3vw;
  }
  main #iotBusinessUsage .wrapper h2 {
    font-size: 7vw;
  }
  main #iotBusinessUsage .wrapper p {
    font-size: 3vw;
  }
  main #smartHouse {
    margin-top: -165px;
  }
  main #smartHouse .wrapper h2 {
    font-size: 7vw;
  }
  main #smartHouse .wrapper p {
    font-size: 3vw;
  }
  main #smartTown {
    background-position: -822px top;
  }
  main #smartTown .wrapper h2 {
    font-size: 7vw;
  }
  main #smartTown .wrapper p {
    font-size: 3vw;
  }
  main #egymon {
    background-position: center 110px;
  }
  main #egymon .wrapper h2 {
    font-size: 7vw;
  }
  main #egymon .wrapper p {
    font-size: 3vw;
  }
  main #egymon .wrapper .each-egymon-service-wrapper div h3 {
    font-size: 5vw;
  }
  main #egymon .wrapper .each-egymon-service-wrapper div p {
    font-size: 3vw;
  }
  main .iot-links .wrapper h2 {
    font-size: 7vw;
    padding-bottom: 30px;
  }
  main #gdpr .banner {
    height: 700px;
  }
  main #gdpr .banner .wrapper h1 {
    font-size: 8vw;
  }
  main #gdpr .banner .wrapper h2 {
    font-size: 4vw;
  }
  main #gdpr .banner .wrapper p {
    font-size: 3vw;
  }
  main #gdpr .gdpr-mission {
    padding-top: 0;
  }
  main #gdpr .gdpr-mission .wrapper .mission-left h2 {
    font-size: 7vw;
  }
  main #gdpr .gdpr-mission .wrapper .mission-left p {
    font-size: 3vw;
  }
  main #gdpr .gdpr-mission .wrapper .mission-right .each-gdpr-service {
    padding-right: 20px;
  }
  main #gdpr .gdpr-mission .wrapper .mission-right .each-gdpr-service h2 {
    font-size: 4vw;
  }
  main #gdpr .gdpr-info .wrapper .gdpr-info-wrapper h2 {
    font-size: 7vw;
  }
  main #gdpr .gdpr-info .wrapper .gdpr-info-wrapper p {
    font-size: 3vw;
  }
  main #gdpr .gdpr-info .wrapper .gdpr-info-wrapper p::after {
    bottom: -360px;
  }
  main #gdpr .who .wrapper .heading-holder h2 {
    font-size: 7vw;
  }
  main #gdpr .who .wrapper .heading-holder p {
    font-size: 3vw;
  }
  main #gdpr .who .wrapper .left-who-wrapper .each-who h3,
  main #gdpr .who .wrapper .right-who-wrapper .each-who h3 {
    font-size: 4vw;
  }
  main #gdpr .security .wrapper .security-heading-holder h2 {
    font-size: 7vw;
  }
  main #gdpr .security .wrapper .security-heading-holder h2::before {
    width: 234px;
    height: 406px;
    top: -218px;
    left: -50vw;
  }
  main #gdpr .security .wrapper .security-heading-holder p {
    font-size: 3vw;
    padding-top: 0;
  }
  main #gdpr .security .wrapper .gdpr-link h2 {
    font-size: 7vw;
  }
  main #gdpr .security .wrapper .gdpr-link h3 {
    font-size: 4vw;
  }
  main #gdpr .security .wrapper .gdpr-link p {
    font-size: 3vw;
  }
  main #mobileAppsInside .mobile-apps-top .wrapper h2 {
    font-size: 7vw;
  }
  main #mobileAppsInside .mobile-apps-top .wrapper p {
    font-size: 3vw;
  }
  main #mobileAppsInside .mobile-apps-top .wrapper p::after {
    top: -80px;
  }
  main #mobileAppsInside .mobile-app-services .wrapper .each-mobile-app-service h2 {
    font-size: 4vw;
  }
  main #mobileAppsInside .mobile-app-services .wrapper .each-mobile-app-service p {
    font-size: 3vw;
  }
  main #mobileAppsInside .mobile-app-services .wrapper .other-services h2 {
    font-size: 7vw;
  }
  main #mobileAppsInside .wrapper .links h2 {
    font-size: 7vw;
  }
  main #mobileAppsInsideTwo .mobile-apps-top .wrapper h2 {
    font-size: 7vw;
  }
  main #mobileAppsInsideTwo .mobile-apps-top .wrapper p {
    font-size: 3vw;
  }
  main #mobileAppsInsideTwo .mobile-apps-top .wrapper p::after {
    top: -80px;
  }
  main #mobileAppsInsideTwo .mobile-app-services .wrapper .each-mobile-app-service h2 {
    font-size: 4vw;
  }
  main #mobileAppsInsideTwo .mobile-app-services .wrapper .each-mobile-app-service p {
    font-size: 3vw;
  }
  main #mobileAppsInsideTwo .mobile-app-services .wrapper .other-services h2 {
    font-size: 7vw;
  }
  main #mobileAppsInsideTwo .wrapper .links h2 {
    font-size: 7vw;
  }
  main #mobileAppsInsideThree .mobile-apps-top .wrapper h2 {
    font-size: 7vw;
  }
  main #mobileAppsInsideThree .mobile-apps-top .wrapper p {
    font-size: 3vw;
  }
  main #mobileAppsInsideThree .mobile-apps-top .wrapper p::after {
    top: -80px;
  }
  main #mobileAppsInsideThree .mobile-app-services .wrapper .each-mobile-app-service h2 {
    font-size: 4vw;
  }
  main #mobileAppsInsideThree .mobile-app-services .wrapper .each-mobile-app-service p {
    font-size: 3vw;
  }
  main #mobileAppsInsideThree .mobile-app-services .wrapper .other-services h2 {
    font-size: 7vw;
  }
  main #mobileAppsInsideThree .wrapper .links h2 {
    font-size: 7vw;
  }
  main #softwareSolution .wrapper h1 {
    font-size: 8vw;
  }
  main #softwareSolution .wrapper h2 {
    font-size: 4vw;
  }
  main #softwareSolution .wrapper .each-service .text-part h3 {
    font-size: 4.5vw;
    padding-bottom: 270px;
  }
  main #softwareSolution .wrapper .each-service .text-part h3::after {
    width: 320px;
    height: 260px;
    top: auto !important;
    bottom: -5px;
  }
  main #softwareSolution .wrapper .each-service .text-part p {
    font-size: 3vw;
  }
  main #softwareSolution .wrapper .interface .text-part h3::after {
    left: calc(50% - 160px);
  }
  main #softwareSolution .wrapper .teaching::after {
    width: 30px;
  }
  main #softwareSolution .wrapper .prototype::after {
    width: 20px;
  }
  main #softwareSolution .wrapper .qa::after {
    background-position: right top;
    width: 20px;
  }
  main #softwareSolution .wrapper .q .text-part h3::after {
    top: auto;
  }
  main #softwareSolution .links .wrapper h2 {
    font-size: 7vw;
  }
  main #softwareSolutionMainBanner .wrapper h1 {
    font-size: 8vw;
  }
  main #softwareSolutionMainBanner .wrapper h2 {
    font-size: 4vw;
  }
  main #softwareSolutionMainBanner .wrapper p {
    font-size: 3vw;
  }
  main #developingWayofWork .wrapper h2 {
    font-size: 7vw;
  }
  main #developingWayofWork .wrapper h3 {
    font-size: 4vw;
  }
  main #developingWayofWork .wrapper .info-part p {
    font-size: 3vw;
  }
  main #improvingYourProduct {
    margin-top: 20px;
  }
  main #improvingYourProduct .wrapper .info-part h2 {
    font-size: 7vw;
  }
  main #improvingYourProduct .wrapper .info-part h3 {
    font-size: 4vw;
  }
  main #improvingYourProduct .wrapper .info-part p {
    font-size: 3vw;
  }
  main #hardwareWork .wrapper h2 {
    font-size: 7vw;
  }
  main #hardwareWork .wrapper h3 {
    font-size: 4vw;
  }
  main #hardwareWork .wrapper p {
    font-size: 3vw;
  }
  main #clientCare .wrapper h2 {
    font-size: 7vw;
  }
  main #clientCare .wrapper h3 {
    font-size: 4vw;
  }
  main #clientCare .wrapper p {
    font-size: 3vw;
  }
  main #clientCare .wrapper .baloons-wrapper {
    margin-top: 53vw;
  }
  main #smartWay .wrapper h2 {
    font-size: 7vw;
  }
  main #smartWay .wrapper h3 {
    font-size: 4vw;
  }
  main #smartWay .wrapper p {
    font-size: 3vw;
  }
  main #solutionLinks .software-solution .wrapper h2 {
    font-size: 7vw;
  }
  main #websites .banner .wrapper .tablet h1 {
    font-size: 8vw;
  }
  main #websites .banner .wrapper .tablet p {
    font-size: 3vw;
  }
  main #websites .inspire .wrapper h2 {
    font-size: 7vw;
  }
  main #websites .inspire .wrapper h3 {
    font-size: 4vw;
  }
  main #websites .inspire .wrapper .inspire-services-wrapper h2 {
    font-size: 4vw;
  }
  main #websites .inspire .wrapper .inspire-services-wrapper p {
    font-size: 3vw;
  }
  main #websites .developing .wrapper h2 {
    font-size: 7vw;
  }
  main #websites .developing .wrapper h3 {
    font-size: 4vw;
  }
  main #websites .developing .wrapper p {
    font-size: 3vw;
  }
  main #websites .improve .wrapper h2 {
    font-size: 7vw;
  }
  main #websites .improve .wrapper h3 {
    font-size: 4vw;
  }
  main #websites .improve .wrapper .improve-wrapepr .each-improve .heading-wrapper h2 {
    font-size: 4vw;
    padding-bottom: 0;
  }
  main #websites .improve .wrapper .improve-wrapepr .each-improve p {
    font-size: 3vw;
  }
  main #websites .update .wrapper h2 {
    font-size: 7vw;
  }
  main #websites .update .wrapper h3 {
    font-size: 4vw;
  }
  main #websites .update .wrapper p {
    font-size: 3vw;
  }
  main #websites .manage .wrapper h2 {
    font-size: 7vw;
  }
  main #websites .manage .wrapper h3 {
    font-size: 4vw;
  }
  main #websites .manage .wrapper p {
    font-size: 3vw;
  }
  main #websites .links {
    margin-top: 60vw;
  }
  main #websites .links .wrapper h2 {
    font-size: 7vw;
  }
  main #contacts {
    padding-top: 50px;
    margin-top: 10px;
  }
  main #contacts .wrapper h1 {
    font-size: 8vw;
    padding-bottom: 15px;
  }
  main #contacts .wrapper p {
    font-size: 3vw;
    padding-bottom: 40px;
  }
  main #contacts .wrapper .open-contact {
    height: 45px;
    width: 170px;
  }
  main #contacts .wrapper .open-contact::after {
    width: 50px;
    height: 42px;
    left: calc(100% + 25px);
    bottom: 5px;
  }
  main #contacts .wrapper .open-contact::before {
    right: calc(100% + 10px);
    width: 70px;
    height: 36px;
    bottom: 10px;
  }
  main #contacts .contacts-bottom {
    margin-top: 50px;
    background-color: #6e7ff4;
  }
  main #contacts .contacts-bottom .wrapper li {
    font-size: 3vw;
  }
  main #contacts .contacts-bottom::before {
    height: 140px;
    background-position: center top;
  }
  main #erpBanner {
    background-repeat: no-repeat;
    height: auto;
    background-size: auto 160vw;
  }
  main #erpBanner .wrapper h1 {
    font-size: 8vw;
  }
  main #erpBanner .wrapper h2 {
    font-size: 5vw;
  }
  main #erpBanner .wrapper h3 {
    font-size: 3vw;
    padding-bottom: 20px;
  }
  main #erpBanner .wrapper .erp-banner-subsection h2 {
    padding-top: 20vw;
    font-size: 7vw;
  }
  main #erpBanner .wrapper .erp-banner-subsection h3 {
    font-size: 4vw;
    font-weight: 600;
  }
  main #erpBanner .wrapper .erp-banner-subsection p {
    font-size: 3vw;
  }
  main #businessCare {
    margin-top: -100px;
    height: auto;
    background-size: 600px;
  }
  main #businessCare .wrapper h2 {
    font-size: 7vw;
    width: 55vw;
    padding-top: 95px;
  }
  main #businessCare .wrapper h3 {
    font-size: 4vw;
    width: 55vw;
    padding-bottom: 50px;
  }
  main #businessCare .wrapper p {
    font-size: 3vw;
    padding-top: 30px;
  }
  main #mainGoals {
    margin-top: 0;
  }
  main #mainGoals .wrapper h2 {
    font-size: 7vw;
  }
  main #mainGoals .wrapper p {
    font-size: 3vw;
    padding-bottom: 50px;
  }
  main #mainGoals .wrapper .system-example-mobile li {
    font-size: 4vw;
  }
  main #businessIsmprove {
    padding-bottom: 300px;
  }
  main #businessIsmprove .wrapper .inner-holder h2 {
    font-size: 7vw;
  }
  main #businessIsmprove .wrapper .inner-holder h3 {
    font-size: 4vw;
  }
  main #businessIsmprove .wrapper .inner-holder p {
    font-size: 3vw;
  }
  main #machinesControl {
    margin-top: -160px;
  }
  main #machinesControl .wrapper .inner-holder h2 {
    font-size: 7vw;
  }
  main #machinesControl .wrapper .inner-holder h3 {
    font-size: 4vw;
    padding-bottom: 178px;
  }
  main #machinesControl .wrapper .inner-holder p {
    font-size: 3vw;
    padding-bottom: 20px;
  }
  main #machinesControl .wrapper .inner-holder p::before {
    height: 166px;
    width: 320px;
  }
  main #yourBusiness .wrapper h2 {
    font-size: 7vw;
  }
  main #yourBusiness .wrapper h3 {
    font-size: 4vw;
  }
  main #yourBusiness .wrapper p {
    font-size: 3vw;
    padding-bottom: 30px;
  }
  main #businessSystem {
    height: 265vw;
  }
  main #businessSystem .wrapper h2 {
    font-size: 7vw;
  }
  main #businessSystem .wrapper h3 {
    font-size: 4vw;
  }
  main #businessSystem .wrapper p {
    font-size: 3vw;
  }
  main #businessPlace {
    margin-top: -90vw;
    height: 680px;
  }
  main #businessPlace .wrapper h2 {
    font-size: 7vw;
  }
  main #businessPlace .wrapper h3 {
    font-size: 4vw;
  }
  main #businessPlace .wrapper p {
    font-size: 3vw;
  }
  main .links-wrapper .links .each-link .link-head h3 {
    font-size: 4vw;
  }
  main #mobileApps .wrapper .development-info-wrapper h1 {
    font-size: 8vw;
    padding-top: 30px;
  }
  main #mobileApps .wrapper .development-info-wrapper h3 {
    font-size: 4vw;
  }
  main #mobileApps .wrapper .development-info-wrapper h3::after {
    width: 400px;
    left: calc(50% - 225px);
  }
  main #mobileApps .wrapper .development-info-wrapper p {
    font-size: 3vw;
    margin-top: 100vw;
  }
  main #mobileApps .wrapper .concept {
    padding-top: 70px;
  }
  main #mobileApps .wrapper .concept h2 {
    font-size: 7vw;
  }
  main #mobileApps .wrapper .concept h3 {
    font-size: 4vw;
  }
  main #mobileApps .wrapper .concept p {
    font-size: 3vw;
  }
  main #mobileApps .wrapper .concept .concept-services-wrapper .each-concept-service h2 {
    font-size: 5vw;
  }
  main #mobileApps .wrapper .concept .concept-services-wrapper .each-concept-service p {
    font-size: 3vw;
  }
  main #mobileApps .your-clients {
    margin-top: 100px;
  }
  main #mobileApps .your-clients .wrapper h2 {
    font-size: 7vw;
  }
  main #mobileApps .your-clients .wrapper h3 {
    font-size: 4vw;
  }
  main #mobileApps .developing-mobile {
    padding-top: 100px;
  }
  main #mobileApps .developing-mobile .wrapper h2 {
    font-size: 7vw;
  }
  main #mobileApps .developing-mobile .wrapper h3 {
    font-size: 4vw;
  }
  main #mobileApps .developing-mobile .wrapper p {
    font-size: 3vw;
  }
  main #mobileApps .developing-mobile .wrapper .developing-mobile-slideshow-wrapper {
    padding: 20px 0;
    height: auto;
  }
  main #mobileApps .developing-mobile .wrapper .developing-mobile-slideshow-wrapper .cms-slider-wrapper .slick-dots {
    bottom: 2vw;
  }
  main #mobileApps .developing-mobile .wrapper .developing-mobile-slideshow-wrapper .cms-slider-wrapper .slick-next,
  main #mobileApps .developing-mobile .wrapper .developing-mobile-slideshow-wrapper .cms-slider-wrapper .slick-prev {
    bottom: 60vw;
  }
  main #mobileApps .developing-mobile .wrapper .developing-mobile-slideshow-wrapper .cms-slider-wrapper .slick-prev {
    left: 40px;
  }
  main #mobileApps .developing-mobile .wrapper .developing-mobile-slideshow-wrapper .cms-slider-wrapper .slick-next {
    right: 40px;
  }
  main #mobileApps .developing-mobile .wrapper .developing-mobile-slideshow-wrapper .cms-slider-wrapper .cms-each-slide h2 {
    font-size: 4vw;
  }
  main #mobileApps .developing-mobile .wrapper .developing-mobile-slideshow-wrapper .cms-slider-wrapper .cms-each-slide p {
    font-size: 3.5vw;
  }
  main #mobileApps .notifications .wrapper .notify h2 {
    padding-bottom: 280px;
  }
  main #mobileApps .notifications .wrapper .notify h2 span {
    font-size: 7vw;
  }
  main #mobileApps .notifications .wrapper .notify p {
    font-size: 3vw;
  }
  main #mobileApps .notifications .wrapper .notify p::before {
    width: 390px;
    height: 245px;
  }
  main #mobileApps .integration {
    margin-top: 160px;
  }
  main #mobileApps .integration .wrapper h2 {
    font-size: 7vw;
  }
  main #mobileApps .integration .wrapper p {
    font-size: 3vw;
  }
  main #mobileApps .integration .wrapper .integration-selects-wrapper .left-side .info-option h2 {
    font-size: 4vw;
  }
  main #mobileApps .planning {
    padding-top: 125px;
  }
  main #mobileApps .planning .wrapper h2 {
    font-size: 7vw;
  }
  main #mobileApps .planning .wrapper h3 {
    font-size: 4vw;
  }
  main #mobileApps .planning .wrapper p {
    font-size: 3vw;
  }
  main #mobileApps .marketing {
    background-size: 110% 100%;
  }
  main #mobileApps .marketing .wrapper h2 {
    font-size: 7vw;
  }
  main #mobileApps .marketing .wrapper p {
    font-size: 3vw;
  }
  main #mobileApps .wrapper .links h2 {
    font-size: 7vw;
    padding-bottom: 30px;
  }
  main #mobileApps .wrapper .links .each-link .link-head h3 {
    font-size: 4vw;
  }
  main #onlineStoreBanner .wrapper .onlineStoreBannerMobile {
    height: 120vw;
  }
  main #onlineStoreBanner .wrapper .onlineStoreBannerMobile h1 {
    font-size: 8vw;
  }
  main #onlineStoreBanner .wrapper .onlineStoreBannerMobile h4 {
    font-size: 4vw;
  }
  main #onlineStoreBanner .wrapper .onlineStoreBannerMobile h4 {
    font-size: 3vw;
  }
  main #onlineStoreBanner .wrapper .onlineStoreBannerMobile::after {
    background-size: contain;
    height: 350px;
  }
  main #onlineStoreBanner .wrapper .onlineStoreDescription h2 {
    font-size: 7vw;
  }
  main #onlineStoreBanner .wrapper ul li {
    font-size: 3vw;
  }
  main #onlineStoreAdvantages .wrapper h2 {
    font-size: 7vw;
    width: 100%;
  }
  main #onlineStoreAdvantages .wrapper .advantages-animation-holder .advantages-animation .advantages li {
    font-size: 3vw;
  }
  main #marketRise .wrapper h2 {
    font-size: 7vw;
  }
  main #marketRise .wrapper p {
    font-size: 4vw;
  }
  main #marketRise .wrapper ul li {
    font-size: 3vw;
  }
  main #marketRise .wrapper ul li h3 {
    font-size: 4vw;
  }
  main #storeSeo .wrapper h2 {
    font-size: 7vw;
  }
  main #storeSeo .wrapper p {
    font-size: 3vw;
  }
  main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile .col .heading-holder .first-heading {
    font-size: 7vw;
  }
  main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile .col .heading-holder .second-heading {
    font-size: 7vw;
  }
  main #motivateYourClient .wrapper h2 {
    font-size: 7vw;
  }
  main #motivateYourClient .wrapper h3 {
    font-size: 4vw;
  }
  main #motivateYourClient .wrapper div h4 {
    font-size: 4vw;
  }
  main #motivateYourClient .wrapper div p {
    font-size: 3vw;
  }
  main #manageBg .wrapper .manage-wrapper .manage-info h2 {
    font-size: 7vw;
  }
  main #manageBg .wrapper .manage-wrapper .manage-info h3 {
    font-size: 4vw;
  }
  main #manageBg .wrapper .manage-wrapper .manage-info p {
    font-size: 3vw;
    padding-bottom: 0;
  }
  main #manageBg .wrapper .your-software-partner h2 {
    font-size: 7vw;
  }
  main #manageBg .wrapper .your-software-partner h3 {
    font-size: 4vw;
  }
  main #manageBg .wrapper .your-software-partner p {
    font-size: 3vw;
  }
  main #onlineStoreLinks .wrapper .links h2 {
    font-size: 7vw;
  }
  main #onlineStoreLinks .wrapper .links .each-link .link-head h3 {
    font-size: 4vw;
  }
  main #webPlatformBanner {
    background-position: center 75vw;
  }
  main #webPlatformBanner .wrapper h1 {
    font-size: 8vw;
  }
  main #webPlatformBanner .wrapper h2 {
    font-size: 4vw;
  }
  main #webPlatformBanner .wrapper h3 {
    font-size: 3vw;
  }
  main #webPlatformBanner .wrapper .web-platform-banner-bottom h2 {
    font-size: 7vw;
  }
  main #webPlatformBanner .wrapper .web-platform-banner-bottom p {
    font-size: 4vw;
  }
  main #ui {
    height: 265vw;
  }
  main #ui .wrapper h2 {
    font-size: 7vw;
  }
  main #ui .wrapper h3 {
    font-size: 4vw;
  }
  main #ui .wrapper p {
    font-size: 3vw;
  }
  main #analytics {
    padding-top: 195px;
  }
  main #analytics .wrapper .analytics-info h2 {
    font-size: 7vw;
  }
  main #analytics .wrapper .analytics-info p {
    font-size: 3vw;
  }
  main #keyFunctionality .wrapper h2 {
    font-size: 7vw;
  }
  main #keyFunctionality .wrapper h3 {
    font-size: 4vw;
  }
  main #keyFunctionality .wrapper p {
    font-size: 3vw;
  }
  main #personalSolution .wrapper .personal-solution-top h2 {
    font-size: 7vw;
  }
  main #personalSolution .wrapper .personal-solution-top p {
    font-size: 3vw;
  }
  main #personalSolution .wrapper .administration-subsection h2 {
    font-size: 7vw;
  }
  main #personalSolution .wrapper .administration-subsection p {
    font-size: 3vw;
  }
  main #personalSolution .wrapper .successful-progress h2 {
    font-size: 7vw;
  }
  main #personalSolution .wrapper .successful-progress p {
    font-size: 3vw;
  }
  main #workOnDeveloping .wrapper h2 {
    font-size: 7vw;
  }
  main #workOnDeveloping .wrapper h3 {
    font-size: 4vw;
  }
  main #workOnDeveloping .wrapper p {
    font-size: 3vw;
  }
  main #webPlatformLinks .software-solution .wrapper h2 {
    font-size: 7vw;
  }
  main #webPlatformLinks .software-solution .wrapper .each-link .link-head h3 {
    font-size: 4vw;
  }
  main #erp .wrapper .links .each-link .link-head h3 {
    font-size: 4vw;
  }
  main .iot-links .wrapper .each-link .link-head h3 {
    font-size: 4vw;
  }
  main #solutionLinks .software-solution .wrapper .each-link .link-head h3 {
    font-size: 4vw;
  }
  main #softwareSolution .links .wrapper .each-link .link-head h3 {
    font-size: 4vw;
  }
  main #thirdSlide #strategyLinks .software-solution .wrapper .each-link .link-head h3 {
    font-size: 4vw;
  }
  footer .wrapper .footer-left .iso .iso-info .iso-heading {
    font-size: 3vw;
  }
  footer .wrapper .footer-left .iso .iso-info .sertificats p {
    font-size: 2.3vw;
  }
  footer .wrapper .footer-left .footer-info {
    font-size: 3vw;
  }
  footer .wrapper .footer-right h2 {
    font-size: 4vw;
    padding-bottom: 0;
  }
  footer .wrapper .footer-right .right-top,
  footer .wrapper .footer-right .right-top.en {
    padding-bottom: 0;
    padding-bottom: 30px;
  }
  footer .wrapper .footer-right .right-top li,
  footer .wrapper .footer-right .right-top.en li {
    margin: 5px 0;
  }
  footer .wrapper .footer-right .right-top li a,
  footer .wrapper .footer-right .right-top.en li a {
    font-size: 3vw;
  }
  footer .wrapper .footer-right .right-bottom .bottom-left h2 {
    font-size: 4vw;
  }
  footer .wrapper .footer-right .right-bottom .bottom-left ul li a {
    font-size: 3vw;
  }
  footer .wrapper .footer-right .right-bottom .bottom-right h2 {
    font-size: 4vw;
  }
  footer .wrapper .footer-right .right-bottom .bottom-right ul li a {
    font-size: 3vw;
  }
  .footer-bottom-line p {
    font-size: 2.3vw;
  }
}
@media screen and (max-width: 500px) {
  .terms-popup .wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .terms-popup .wrapper p {
    width: 100%;
  }
  .terms-popup .wrapper button {
    margin-right: auto !important;
    margin-left: auto !important;
    margin-top: 10px;
  }
  main #webBanner {
    height: 130vw;
  }
  main #webPlatformBanner {
    background-position: center 80vw;
  }
  main #analytics {
    margin-top: -503px;
    padding-top: 160px;
  }
  main #erp .wrapper .links h2 {
    font-size: 7vw;
    padding-bottom: 20px;
  }
  main #erp .wrapper h1 {
    font-size: 8vw;
  }
  main #erp .wrapper p {
    font-size: 3vw;
  }
  main #erp .wrapper .erp-services-wrapper .erp-service-big-second {
    padding-bottom: 160px;
  }
  main #technicalSupport .banner {
    padding-bottom: 535px;
  }
  main #technicalSupport .banner .wrapper h1 {
    font-size: 8vw;
    padding-top: 20px;
  }
  main #technicalSupport .banner .wrapper h2 {
    font-size: 6vw;
  }
  main #technicalSupport .banner .wrapper p {
    font-size: 3.5vw;
  }
  main #technicalSupport .your-product .wrapper .your-product-info-holder p {
    font-size: 3.5vw;
    padding-top: 320px;
  }
  main #technicalSupport .your-product .wrapper .your-product-info-holder::before {
    width: 90%;
    height: 330px;
    top: 100px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top;
  }
  main #technicalSupport .service-and-tech-support {
    margin-top: 100px;
  }
  main #technicalSupport .service-and-tech-support .wrapper .product-services-wrapper {
    height: 430px;
  }
  main #technicalSupport .service-and-tech-support .wrapper .product-services-wrapper .right-product-services h2 {
    font-size: 4vw !important;
  }
  main #technicalSupport .service-and-tech-support .wrapper p {
    font-size: 3.5vw;
  }
  main #technicalSupport .service-and-tech-support .technical-support-left-decor {
    width: 250px;
    -o-object-fit: contain;
    object-fit: contain;
  }
  main #technicalSupport .care {
    padding-top: 140px;
  }
  main #technicalSupport .care .care-left-decor {
    display: none;
  }
  main #technicalSupport .care .care-right-decor {
    display: none;
  }
  main #technicalSupport .care .wrapper .care-info-wrapper p {
    font-size: 3.5vw;
    padding-top: 250px;
  }
  main #technicalSupport .care .wrapper .care-info-wrapper::before {
    width: 320px;
    height: 208px;
  }
  main #technicalSupport .improving {
    margin-top: 50px;
  }
  main #technicalSupport .improving .improving-services-wrapper .each-improving-service p {
    font-size: 3.5vw;
  }
  main #technicalSupport .improving .improving-info-wrapper p {
    font-size: 3.5vw;
  }
  main #technicalSupport .solutions {
    height: auto;
  }
  main #technicalSupport .solutions .wrapper .solutions-info-wrapper > img {
    width: 80px;
    -o-object-fit: contain;
    object-fit: contain;
  }
  main #technicalSupport .solutions .wrapper .solutions-info-wrapper h2 {
    padding-bottom: 0;
    font-size: 25px;
    margin-top: 10px;
    padding-bottom: 290px;
  }
  main #technicalSupport .solutions .wrapper .solutions-info-wrapper h2::after {
    content: "";
    position: absolute;
    background-image: url(../img/workers.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
    width: 320px;
    height: 260px;
    bottom: -10px;
    left: calc(50% - 160px);
    z-index: 99;
  }
  main #technicalSupport .solutions .wrapper .solutions-info-wrapper p {
    font-size: 3.5vw;
    margin-top: 53px;
    margin-bottom: -43px;
  }
  main #technicalSupport .solutions .wrapper::before {
    right: calc(50% - 180px);
    top: 28px;
    right: 0;
    width: 320px;
    height: 172px;
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
    background-size: contain;
    background-repeat: no-repeat;
  }
  main #technicalSupport .software-support {
    margin-top: 100px;
  }
  main #technicalSupport .software-support .wrapper .software-support-info-holder h2::before {
    width: 320px;
    bottom: -230px;
    left: calc(50% - 160px);
  }
  main #technicalSupport .software-support .wrapper .software-support-info-holder p {
    padding-top: 250px;
    font-size: 3.5vw;
  }
  main #technicalSupport .extra-service {
    background-size: 450px;
    padding-bottom: 250px;
  }
  main #technicalSupport .extra-service .wrapper .extra-service-info-wrapper p {
    font-size: 3.5vw;
  }
  main #technicalSupport .wrapper .links h2 {
    font-size: 7vw;
  }
  main #gdpr .banner {
    background-image: url("../img/gdpr-new-banner.png");
    position: relative;
    background-color: transparent;
    background-size: 193vw;
    background-position: center -110px;
    background-repeat: no-repeat;
    height: 523px;
  }
  main #gdpr .banner .wrapper {
    position: relative;
    z-index: 9;
  }
  main #gdpr .security {
    margin-top: 200px;
  }
  main #gdpr .security .wrapper .security-heading-holder h2::before {
    height: 350px;
    width: 205px;
    top: -150px;
  }
  main #gdpr .security .wrapper .security-heading-holder p {
    padding-top: 40px;
  }
  main #gdpr .security .wrapper .gdpr-link .link-highlight .highlighted-text-holder h3 {
    line-height: 1;
  }
  main #gdpr .security .wrapper .gdpr-link .link-highlight .highlighted-text-holder h2 {
    font-size: 6vw;
  }
  main #gdpr .gdpr-info {
    padding-top: 30px;
  }
  main #clientCare .wrapper .bottom-signs .first-bottom-sign {
    width: auto;
  }
  main #clientCare .wrapper .bottom-signs .second-bottom-sign {
    margin-left: 9vw;
    width: auto;
    margin-bottom: -30px;
  }
  main #clientCare .wrapper .bottom-signs .third-bottom-sign {
    margin-left: -50vw;
    width: auto;
  }
  main #clientCare .wrapper .baloons-wrapper div {
    margin-left: 50px;
    padding: 5px 20px !important;
    height: 64px !important;
  }
  main #clientCare .wrapper .baloons-wrapper div::before {
    background-size: contain;
    background-position: center center;
    left: -50px;
    width: 50px;
    height: 50px;
  }
  main #clientCare .wrapper .baloons-wrapper .clients-care-description-mobile {
    padding-top: 20px;
  }
  main #softwareSolutionMainBanner {
    background-size: 529px;
    background-repeat: no-repeat;
    background-color: #fffefd;
    height: 690px;
  }
  main #smartWay .wrapper h3::after {
    width: 320px;
    right: -5.5%;
    left: auto;
  }
  main #smartWay::before,
  main #smartWay::after {
    background-size: 600px 100%;
  }
  main #websites .banner .wrapper .tablet p {
    padding-top: 247px;
  }
  main #websites .inspire {
    margin-top: -70px;
  }
  main #websites .inspire .wrapper .inspire-services-wrapper .slick-prev {
    width: 20px;
    height: 40px;
    left: 25px;
    background-size: contain;
    background-repeat: no-repeat;
  }
  main #websites .inspire .wrapper .inspire-services-wrapper .slick-next {
    width: 20px;
    height: 40px;
    right: 25px;
    background-size: contain;
    background-repeat: no-repeat;
  }
  main #websites .inspire::before,
  main #websites .inspire::after {
    background-size: 170% 100%;
    height: 90px;
  }
  main #websites .improve {
    height: auto;
    padding-bottom: 32vw;
  }
  main #websites .developing {
    padding-top: 110px;
  }
  main #websites .links .wrapper .each-link .link-head h3 {
    font-size: 4.5vw;
  }
  main #hardwareWork .wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  main #hardwareWork .wrapper .hardware-wrok-image {
    width: 320px;
    left: calc(50% - 160px);
  }
  main #yourBusiness .wrapper {
    margin-top: -70px;
  }
  main #yourBusiness .wrapper .your-business-wrapper {
    width: 90%;
  }
  main #yourBusiness .wrapper .your-business-wrapper li {
    height: auto;
  }
  main #mobileApps {
    background-size: 100vw 160vw;
  }
  main #mobileApps .wrapper .development-info-wrapper p {
    margin-top: 106vw;
  }
  main #mobileApps .developing-mobile .wrapper .developing-mobile-slideshow-wrapper .cms-slider-wrapper .slick-prev {
    left: 1%;
    z-index: 9;
  }
  main #mobileApps .developing-mobile .wrapper .developing-mobile-slideshow-wrapper .cms-slider-wrapper .slick-next {
    right: 1%;
    z-index: 9;
  }
  main #strategyBanner {
    height: 211vw !important;
    min-height: auto !important;
    background-size: 86vw 185vw;
    background-repeat: no-repeat;
    background: url(../img/strategy-mobile-banner.png), -o-linear-gradient(top, #1275d9 50%, transparent);
    background: url(../img/strategy-mobile-banner.png), -webkit-gradient(linear, left top, left bottom, color-stop(50%, #1275d9), to(transparent));
    background: url(../img/strategy-mobile-banner.png), linear-gradient(to bottom, #1275d9 50%, transparent);
    padding-top: 130px;
    background-size: contain;
    background-position: bottom center;
    background-repeat: no-repeat;
    padding: 0;
    padding-top: 100px;
  }
  main #mobileApps .wrapper .links {
    margin-top: -50px;
  }
  main #mobileApps .marketing {
    background-size: 329% 90%;
    background-position: top center;
    height: 945px;
  }
  main #mobileApps .marketing .wrapper {
    padding-top: 50px;
  }
  main #mobileApps .marketing .wrapper .links {
    margin-top: 0;
  }
  main #mobileApps .marketing .wrapper h2 {
    text-align: center;
    width: 100%;
    margin-left: 0;
    padding-left: 0 !important;
    padding-top: 0;
    margin-top: 0;
    padding-bottom: 372px;
  }
  main #mobileApps .marketing .wrapper p {
    padding-top: 30px;
    z-index: 99;
  }
  main #mobileApps .marketing .wrapper p::after {
    bottom: 56%;
    background-image: url("../img/marketing-pic.png");
    z-index: -1;
  }
  main #onlineStoreAdvantages .wrapper .advantages-animation-holder video {
    border-top: 10px solid #000;
    border-left: 6px solid #000;
    border-right: 6px solid #000;
    border-bottom: 13px solid #000;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
  }
  main #onlineStoreAdvantages .wrapper .advantages-animation-holder video::after {
    width: 106.5%;
  }
  main #storeSeoBottom .wrapper .store-seo-bottom-wrapper-mobile .col .left-store-seo-bottom::before {
    background-size: 320px;
  }
  main #manageBg {
    margin-top: 0;
  }
}
@media screen and (max-width: 400px) {
  #swal2-content h2 {
    font-size: 7vw !important;
  }
  #swal2-content p {
    font-size: 3.5vw !important;
  }
  main #workBanner .wrapper p {
    font-size: 3.5vw !important;
  }
  main #workDescription .wrapper p {
    font-size: 3.5vw;
  }
  main #workDescription .wrapper .requirements ul li {
    font-size: 3.5vw;
  }
  main #careers .top-wrapper h1 {
    padding-bottom: 365px;
  }
  main #careers .top-wrapper p {
    font-size: 3.5vw;
  }
  main #careers .top-wrapper::before {
    height: 500px;
    background-size: 400px auto;
  }
  main #careers .bottom-wrapper .wrap .each-position .position-description {
    font-size: 3.5vw;
  }
  main #internBanner .wrapper p {
    font-size: 3.5vw;
  }
  main #internDescription .wrapper p {
    font-size: 3.5vw;
  }
  main #participate .wrapper p {
    font-size: 4vw;
  }
  main #interns .wrapper p {
    font-size: 3.5vw;
  }
  main #entertainment .wrapper .wrap .col p {
    font-size: 3.5vw;
  }
  main #cookies .wrapper article {
    font-size: 3.5vw;
  }
  main #terms .wrapper article {
    font-size: 3.5vw;
  }
  main #personalData .wrapper article {
    font-size: 3.5vw;
  }
  main #erp .wrapper p {
    font-size: 3.5vw;
  }
  main .links-wrapper .links h2 {
    font-size: 7vw;
  }
  main #clientNeeds .wrapper p {
    font-size: 3.5vw;
  }
  main #clientNeeds .wrapper .client-services-wrapper div p {
    font-size: 3.5vw;
  }
  main #developmentProcess .wrapper .both-processes-wrapper .left-process {
    background-position: 3vw 0;
  }
  main #developmentProcess .wrapper .both-processes-wrapper .left-process h3 {
    margin-left: 13vw;
  }
  main #developmentProcess .wrapper .both-processes-wrapper .left-process p {
    font-size: 3.5vw;
  }
  main #developmentProcess .wrapper .both-processes-wrapper .right-process p {
    font-size: 3.5vw;
  }
  main #allDevice .wrapper p {
    font-size: 3.5vw;
  }
  main #secondSlide .second-top-slide .wrapper p {
    font-size: 3.5vw;
  }
  main #secondSlide .second-bottom-slide .wrapper p {
    font-size: 3.5vw;
  }
  main #webPlatformBanner {
    background-position: center 110vw;
  }
  main #webPlatformBanner .wrapper h3 {
    font-size: 3.5vw;
  }
  main #webPlatformBanner .wrapper .web-platform-banner-bottom h2 {
    padding-top: 50px;
  }
  main #webPlatformBanner .wrapper .web-platform-banner-bottom .each-platform-wrapper .each-platform .each-platform-head h3 {
    font-size: 4.5vw;
  }
  main #webPlatformBanner .wrapper .web-platform-banner-bottom .each-platform-wrapper .each-platform p {
    font-size: 3.5vw;
    line-height: 1.5;
  }
  main #ui {
    height: 340vw;
  }
  main #ui .wrapper p {
    font-size: 3.5vw;
  }
  main #analytics .wrapper .analytics-info p {
    font-size: 3.5vw;
  }
  main #keyFunctionality .wrapper p {
    font-size: 3.5vw;
  }
  main #personalSolution {
    background-size: 200% 1000px;
  }
  main #personalSolution .wrapper .solutions-wrapper {
    margin-top: 10px;
  }
  main #personalSolution .wrapper .solutions-wrapper .first-solution::before {
    background-size: contain;
    background-position: bottom;
  }
  main #personalSolution .wrapper .solutions-wrapper .second-solution::before {
    background-size: contain;
    background-position: bottom;
  }
  main #personalSolution .wrapper .solutions-wrapper .third-solution::before {
    background-size: contain;
    background-position: bottom;
  }
  main #personalSolution .wrapper .solutions-wrapper .each-solution {
    width: 320px !important;
    height: 290px;
  }
  main #personalSolution .wrapper .solutions-wrapper .each-solution h3 {
    width: 100%;
  }
  main #personalSolution .wrapper .personal-solution-top {
    padding-top: 35px;
  }
  main #personalSolution .wrapper .personal-solution-top p {
    font-size: 3.5vw;
  }
  main #personalSolution .wrapper .administration-subsection {
    padding-top: 100px;
  }
  main #personalSolution .wrapper .administration-subsection h2 {
    padding-bottom: 0;
  }
  main #personalSolution .wrapper .administration-subsection p {
    font-size: 3.5vw;
  }
  main #personalSolution .wrapper .successful-progress p {
    font-size: 3.5vw;
    padding-top: 265px;
  }
  main #workOnDeveloping .wrapper p {
    font-size: 3.5vw;
  }
  main #strategyBanner .wrapper h1 {
    padding-top: 20px;
  }
  main #strategyBanner .wrapper p {
    font-size: 3.5vw;
  }
  main #firstSlide .wrapper .first-top-slide p {
    font-size: 3.5vw;
  }
  main #firstSlide .wrapper .first-bottom-slide {
    height: 730px;
    padding-top: 30px;
  }
  main #firstSlide .wrapper .first-bottom-slide p {
    font-size: 3.5vw;
  }
  main #secondSlide .second-top-slide {
    margin-top: -60px;
  }
  main #secondSlide .second-bottom-slide h2 {
    padding-top: 30px;
  }
  main #thirdSlide .third-top-slide {
    background-size: 290vw;
    padding-bottom: 115vw;
    height: auto;
  }
  main #thirdSlide .third-top-slide .wrapper p {
    font-size: 3.5vw;
  }
  main #thirdSlide .third-bottom-slide {
    padding-bottom: 95vw;
  }
  main #thirdSlide .third-bottom-slide .wrapper p {
    font-size: 3.5vw;
  }
  main #thirdSlide #strategyLinks .software-solution {
    margin-top: 237px;
  }
  main #iotBanner {
    height: 1165px;
  }
  main #iotBanner .wrapper ul li {
    font-size: 3.5vw;
  }
  main .banner-subsection-mobile .wrapper .banner-subsection-info p {
    font-size: 3.5vw;
  }
  main #iotUsage {
    height: auto !important;
    padding-top: 0;
  }
  main #iotUsage .wrapper {
    padding-top: 50px;
  }
  main #iotUsage .wrapper .mobile-usage-wrapper .each-usage {
    padding: 10px 15px;
  }
  main #iotUsage .wrapper .mobile-usage-wrapper .each-usage .top-row h2 {
    font-size: 4.5vw;
  }
  main #iotUsage .wrapper .mobile-usage-wrapper .each-usage p {
    font-size: 3.5vw;
  }
  main #iotUsage .wrapper p {
    font-size: 3.5vw;
  }
  main #iotBusinessUsage .wrapper h2 {
    padding-bottom: 290px;
  }
  main #iotBusinessUsage .wrapper p {
    font-size: 3.5vw;
    padding-bottom: 50px;
  }
  main #egymon .wrapper p {
    font-size: 3.5vw;
  }
  main #egymon .wrapper .each-egymon-service-wrapper div {
    background-position: top center;
  }
  main #egymon .wrapper .each-egymon-service-wrapper div p {
    font-size: 3.5vw;
  }
  main #smartHouse {
    height: 775px;
  }
  main #smartHouse .wrapper p {
    font-size: 3.5vw;
  }
  main #smartHouse .wrapper p::after {
    bottom: -115px;
  }
  main #smartTown {
    padding-top: 285px;
  }
  main #smartTown .wrapper p {
    font-size: 3.5vw;
  }
  main #gdpr .banner {
    height: 140vw;
  }
  main #gdpr .banner .wrapper h1 {
    padding-top: 20px;
  }
  main #gdpr .banner .wrapper p {
    font-size: 3.5vw;
  }
  main #gdpr .gdpr-mission .wrapper .mission-left h2 {
    padding-top: 0;
  }
  main #gdpr .gdpr-mission .wrapper .mission-left p {
    font-size: 3.5vw;
  }
  main #gdpr .gdpr-info {
    height: 200vw;
  }
  main #gdpr .gdpr-info .wrapper .gdpr-info-wrapper p {
    font-size: 3.5vw;
  }
  main #gdpr .gdpr-info .wrapper .gdpr-info-wrapper p::after {
    height: 462px;
    bottom: -315px !important;
    background-size: 500px;
    background-repeat: no-repeat;
  }
  main #gdpr .who .wrapper .heading-holder {
    bottom: calc(100% - 200px) !important;
  }
  main #gdpr .who .wrapper .heading-holder p {
    font-size: 3.5vw;
  }
  main #gdpr .who .wrapper .left-who-wrapper {
    margin-top: 50px;
  }
  main #gdpr .security {
    margin-top: 180px;
    background-size: 100% 475px;
  }
  main #gdpr .security .wrapper .security-heading-holder h2::before {
    height: 300px;
  }
  main #gdpr .security .wrapper .security-heading-holder p {
    padding-top: 20px;
    font-size: 3.5vw;
  }
  main #gdpr .security .wrapper .gdpr-link {
    padding-top: 170px;
  }
  main #mobileAppsInside .mobile-apps-top .wrapper p {
    font-size: 3.5vw;
  }
  main #mobileAppsInside .mobile-apps-top .wrapper p::after {
    top: -70px;
  }
  main #mobileAppsInside .mobile-app-services {
    padding-top: 65vw;
  }
  main #mobileAppsInside .mobile-app-services .wrapper .each-mobile-app-service h2 {
    font-size: 4.5vw;
  }
  main #mobileAppsInside .mobile-app-services .wrapper .each-mobile-app-service p {
    font-size: 3.5vw;
  }
  main #mobileAppsInside .mobile-app-services .wrapper .other-services .each-other-service h2 {
    font-size: 4.5vw;
  }
  main #mobileAppsInside .mobile-app-services .wrapper .other-services .each-other-service a {
    font-size: 3.5vw;
  }
  main #mobileAppsInside .wrapper .links h2 {
    margin-top: 30px;
    padding-bottom: 20px;
  }
  main #mobileAppsInside .wrapper .links .each-link .link-head h3 {
    font-size: 4.5vw;
  }
  main #mobileAppsInsideTwo .mobile-apps-top .wrapper p {
    font-size: 3.5vw;
  }
  main #mobileAppsInsideTwo .mobile-apps-top .wrapper p::after {
    top: -20px;
  }
  main #mobileAppsInsideTwo .mobile-app-services .wrapper .each-mobile-app-service h2 {
    font-size: 4.5vw;
  }
  main #mobileAppsInsideTwo .mobile-app-services .wrapper .each-mobile-app-service p {
    font-size: 3.5vw;
  }
  main #mobileAppsInsideTwo .mobile-app-services .wrapper .other-services .each-other-service h2 {
    font-size: 4.5vw;
  }
  main #mobileAppsInsideTwo .mobile-app-services .wrapper .other-services .each-other-service a {
    font-size: 3.5vw;
  }
  main #mobileAppsInsideTwo .wrapper .links h2 {
    margin-top: 30px;
    padding-bottom: 20px;
  }
  main #mobileAppsInsideTwo .wrapper .links .each-link .link-head h3 {
    font-size: 4.5vw;
  }
  main #mobileAppsInsideThree .mobile-apps-top .wrapper p {
    font-size: 3.5vw;
  }
  main #mobileAppsInsideThree .mobile-apps-top .wrapper p::after {
    top: -20px;
  }
  main #mobileAppsInsideThree .mobile-app-services .wrapper .each-mobile-app-service h2 {
    font-size: 4.5vw;
  }
  main #mobileAppsInsideThree .mobile-app-services .wrapper .each-mobile-app-service p {
    font-size: 3.5vw;
  }
  main #mobileAppsInsideThree .mobile-app-services .wrapper .other-services .each-other-service h2 {
    font-size: 4.5vw;
  }
  main #mobileAppsInsideThree .mobile-app-services .wrapper .other-services .each-other-service a {
    font-size: 3.5vw;
  }
  main #mobileAppsInsideThree .wrapper .links h2 {
    margin-top: 30px;
    padding-bottom: 20px;
  }
  main #mobileAppsInsideThree .wrapper .links .each-link .link-head h3 {
    font-size: 4.5vw;
  }
  main #softwareSolution .wrapper h1 {
    padding-top: 20px;
  }
  main #softwareSolution .wrapper h2 {
    padding-bottom: 50px;
  }
  main #softwareSolution .wrapper .each-service .text-part h3 {
    font-size: 7vw;
  }
  main #softwareSolution .wrapper .each-service .text-part p {
    font-size: 3.5vw;
  }
  main #softwareSolutionMainBanner .wrapper h2 {
    font-size: 4.5vw;
  }
  main #softwareSolutionMainBanner .wrapper p {
    font-size: 3.5vw;
  }
  main #developingWayofWork .wrapper h3 {
    font-size: 4.5vw;
  }
  main #developingWayofWork .wrapper .info-part p {
    font-size: 3.5vw;
  }
  main #improvingYourProduct .wrapper .info-part h3 {
    font-size: 4.5vw;
  }
  main #improvingYourProduct .wrapper .info-part p {
    font-size: 3.5vw;
  }
  main #hardwareWork .wrapper h3 {
    font-size: 4.5vw;
  }
  main #hardwareWork .wrapper p {
    font-size: 3.5vw;
  }
  main #clientCare .wrapper .bottom-signs {
    top: 170px;
  }
  main #clientCare .wrapper .bottom-signs .third-bottom-sign {
    margin-left: -62vw;
  }
  main #clientCare .wrapper .baloons-wrapper div {
    font-size: 4vw !important;
  }
  main #clientCare .wrapper .baloons-wrapper .clients-care-description-mobile {
    font-size: 3.5vw;
  }
  main #smartWay .wrapper h3 {
    font-size: 4.5vw;
  }
  main #smartWay .wrapper p {
    font-size: 3.5vw;
    padding-top: 170px;
  }
  main #websites .banner .wrapper .tablet p {
    font-size: 3.5vw;
  }
  main #websites .inspire .wrapper h3 {
    font-size: 4.5vw;
  }
  main #websites .inspire .wrapper .inspire-services-wrapper h2 {
    font-size: 4.5vw;
  }
  main #websites .inspire .wrapper .inspire-services-wrapper p {
    font-size: 3.5vw;
  }
  main #websites .developing .wrapper h3 {
    font-size: 4.5vw;
  }
  main #websites .developing .wrapper p {
    font-size: 3.5vw;
  }
  main #websites .improve .wrapper h3 {
    font-size: 4.5vw;
  }
  main #websites .improve .wrapper .improve-wrapepr .each-improve .heading-wrapper h2 {
    font-size: 4.5vw;
  }
  main #websites .improve .wrapper .improve-wrapepr .each-improve p {
    font-size: 3.5vw;
  }
  main #websites .update .wrapper h3 {
    font-size: 4.5vw;
  }
  main #websites .update .wrapper p {
    font-size: 3.5vw;
    padding-top: 150px;
  }
  main #websites .manage .wrapper h3 {
    font-size: 4.5vw;
  }
  main #websites .manage .wrapper p {
    font-size: 3.5vw;
  }
  main #contacts .wrapper .contact-popup p {
    font-size: 3.5vw;
  }
  main #contacts .wrapper .contact-popup form .agree label {
    font-size: 3.5vw;
  }
  main #contacts .wrapper p {
    font-size: 3.5vw;
  }
  main #contacts .contacts-bottom .wrapper li {
    font-size: 3.5vw;
  }
  main #erpBanner {
    background-size: auto 167vw;
  }
  main #erpBanner .wrapper {
    padding-top: 30px;
  }
  main #erpBanner .wrapper h3 {
    font-size: 3.5vw;
    padding-bottom: 0;
  }
  main #erpBanner .wrapper .erp-banner-subsection p {
    font-size: 3.5vw;
  }
  main #erpBanner .wrapper .erp-banner-subsection h3 {
    font-size: 4vw;
    font-weight: 600;
  }
  main #businessCare .wrapper p {
    font-size: 3.5vw;
  }
  main #mainGoals .wrapper p {
    font-size: 3.5vw;
  }
  main #businessIsmprove .wrapper .inner-holder p {
    font-size: 3.5vw;
  }
  main #machinesControl .wrapper .inner-holder p {
    font-size: 3.5vw;
  }
  main #yourBusiness .wrapper p {
    font-size: 3.5vw;
  }
  main #yourBusiness .wrapper .your-business-wrapper .slick-slide {
    margin: 50px 10px;
  }
  main #yourBusiness .wrapper .your-business-wrapper .slick-next {
    right: -20px;
  }
  main #yourBusiness .wrapper .your-business-wrapper .slick-prev {
    left: -20px;
  }
  main #yourBusiness .wrapper .your-business-wrapper li div p {
    font-size: 3.5vw;
  }
  main #businessSystem {
    padding-top: 50px;
    height: 315vw;
  }
  main #businessSystem .wrapper {
    padding-top: 0;
  }
  main #businessSystem .wrapper p {
    font-size: 3.5vw;
  }
  main #businessPlace {
    height: 175vw;
  }
  main #businessPlace .wrapper p {
    font-size: 3.5vw;
  }
  main #mobileApps .wrapper .development-info-wrapper p {
    font-size: 3.5vw;
  }
  main #mobileApps .wrapper .development-info-wrapper h3::after {
    width: 320px;
    left: calc(50% - 160px);
  }
  main #mobileApps .wrapper .concept p {
    font-size: 3.5vw;
  }
  main #mobileApps .wrapper .concept .concept-services-wrapper .each-concept-service p {
    font-size: 3.5vw;
  }
  main #mobileApps .developing-mobile .wrapper p {
    font-size: 3.5vw;
  }
  main #mobileApps .notifications .wrapper .notify p {
    font-size: 3.5vw;
  }
  main #mobileApps .notifications .wrapper .notify p::before {
    width: 100%;
  }
  main #mobileApps .integration {
    margin-top: 120px;
  }
  main #mobileApps .integration .wrapper p {
    font-size: 3.5vw;
  }
  main #mobileApps .planning .wrapper p {
    font-size: 3.5vw;
  }
  main #mobileApps .domain {
    padding-top: 120px;
  }
  main #mobileApps .domain .wrapper p {
    padding-top: 150px;
  }
  main #mobileApps .domain .wrapper p::before {
    height: 269px !important;
  }
  main #mobileApps .marketing .wrapper h2 {
    padding-left: 60px;
  }
  main #mobileApps .marketing .wrapper p {
    font-size: 3.5vw;
  }
  main #onlineStoreBanner .wrapper .onlineStoreBannerMobile {
    height: 125vw;
  }
  main #onlineStoreBanner .wrapper .onlineStoreBannerMobile h4 {
    font-size: 3.5vw;
  }
  main #onlineStoreBanner .wrapper .onlineStoreDescription {
    margin-top: 30px;
  }
  main #onlineStoreBanner .wrapper .onlineStoreDescription img.storeDescImg {
    margin-top: 20px;
  }
  main #onlineStoreBanner .wrapper ul li {
    font-size: 3.5vw;
  }
  main #onlineStoreAdvantages .wrapper .advantages-animation-holder .advantages-animation .advantages {
    width: 75%;
  }
  main #onlineStoreAdvantages .wrapper .advantages-animation-holder .advantages-animation .advantages li {
    font-size: 3.5vw;
  }
  main #marketRise .wrapper {
    margin-top: 0;
  }
  main #marketRise .wrapper p {
    font-size: 3.5vw;
  }
  main #marketRise .wrapper ul li {
    font-size: 3.5vw;
  }
  main #storeSeo .wrapper p {
    font-size: 3.5vw;
  }
  main #motivateYourClient .wrapper h3::after {
    background-size: 976px 324px;
    height: 310px;
  }
  main #motivateYourClient .wrapper .first-motivation {
    padding-top: 300px;
  }
  main #motivateYourClient .wrapper .first-motivation p {
    font-size: 3.5vw;
  }
  main #motivateYourClient .wrapper .second-motivation p {
    font-size: 3.5vw;
  }
  main #motivateYourClient .wrapper .third-motivation p {
    font-size: 3.5vw;
  }
  main #manageBg .wrapper .manage-wrapper .manage-info p {
    font-size: 3.5vw;
  }
  main #manageBg .wrapper .your-software-partner p {
    font-size: 3.5vw;
  }
  footer .wrapper .footer-left .iso .iso-info .iso-heading {
    font-size: 4vw;
  }
  footer .wrapper .footer-left .footer-info {
    font-size: 3.5vw;
  }
  footer .wrapper .footer-right h2 {
    font-size: 5vw;
  }
  footer .wrapper .footer-right .right-top li a {
    font-size: 3.5vw;
  }
  footer .wrapper .footer-right .right-bottom .bottom-left h2 {
    font-size: 5vw;
  }
  footer .wrapper .footer-right .right-bottom .bottom-left ul li a {
    font-size: 3.5vw;
  }
  footer .wrapper .footer-right .right-bottom .bottom-right h2 {
    font-size: 5vw;
  }
  footer .wrapper .footer-right .right-bottom .bottom-right ul li a {
    font-size: 3.5vw;
  }
}

/*# sourceMappingURL=app.css.map */