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

@font-face {
  font-family: "Yantramanav";
  font-style: normal;
  font-weight: 300;
  src: url("/fonts/Yantramanav-Light.ttf");
}

@font-face {
  font-family: "Yantramanav";
  font-style: normal;
  font-weight: 500;
  src: url("/fonts/Yantramanav-Medium.ttf");
}

p.item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: "Yantramanav", Helvetica, Arial, sans-serif;
  font-size: 10px;
  font-weight: 300;
  line-height: 16px;
  margin-bottom: 0;
}

p.item strong {
  font-weight: 500;
  letter-spacing: .6px;
}

p.item strong.nls {
  letter-spacing: normal;
}

p.item2 {
  background-image: url("/img/left.svg");
  background-repeat: repeat-y;
  background-size: 1px 36px;
  background-position: left top;
  background-repeat: repeat-y;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: "Yantramanav", Helvetica, Arial, sans-serif;
  font-size: 9px;
  font-weight: 300;
  line-height: 12px;
  margin-left: 20%;
  margin-top: 30px;
  padding: 0 0 0 20px;
  width: 80%;
}

p.item2.contacts {
  margin-left: 0;
  margin-top: 12px;
  margin-bottom: 22.5px;
}

p.item2.services {
  background: none;
  margin-left: 0;
  margin-top: 4px;
  margin-bottom: 30px;
  padding: 0;
}

.blured {
  color: transparent;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -webkit-transition: all 1s;
  transition: all 1s;
}

.blured.active, .blured.always-active {
  color: black;
  text-shadow: 0 0 0.1px transparent;
}

.blured2 {
  color: rgba(124, 124, 124, 0);
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -webkit-transition: all 1s;
  transition: all 1s;
}

.blured2.active, .blured2.always-active {
  color: #7c7c7c;
  text-shadow: 0 0 0.1px transparent;
}

.copy {
  color: #ccc;
  font-family: "Yantramanav", Helvetica, Arial, sans-serif;
  font-size: 7px;
  font-weight: 300;
  line-height: 12px;
}

span.icon-arrow-white {
  background-image: url("/img/arrow.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
}

html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

html {
  font-size: 16px;
  position: relative;
}

body {
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  body {
    overflow-x: visible;
  }
}

#frame_placeholder {
  fill: none;
}

.fill-white {
  fill: #fff;
}

.white-blue-1 {
  fill: #fff;
  stroke: #2c9cf2;
  stroke-width: .6;
}

.empty-white-1 {
  fill: none;
  stroke: #fff;
  stroke-width: .6;
}

.fill-gray {
  fill: #ccc;
}

.empty-gray-1 {
  fill: none;
  stroke: #ccc;
  stroke-width: .6;
}

.empty-gray-1-dash {
  fill: none;
  stroke: #ccc;
  stroke-dasharray: 5, 3;
  stroke-width: .6;
}

.fill-blue {
  fill: #2c9cf2;
}

.empty-blue-1 {
  fill: none;
  stroke: #2c9cf2;
  stroke-width: .6;
}

.empty-blue-1-50 {
  fill: none;
  stroke: rgba(44, 156, 242, 0.6);
  stroke-width: .6;
}

.empty-blue-2 {
  fill: none;
  stroke: #2c9cf2;
  stroke-width: 1.2;
}

.fill-blue1 {
  fill: #95cdf8;
}

.fill-blue1-50 {
  fill: rgba(149, 205, 248, 0.5);
}

.empty-blue1-1 {
  fill: none;
  stroke: #95cdf8;
  stroke-width: .6;
}

.fill-blue-gradient-100 {
  fill: url(#gradient_circle_blue);
}

.fill-blue-gradient-50 {
  fill: url(#gradient_circle_blue1);
}

.empty-gray-1 {
  fill: none;
  stroke: #ccc;
  stroke-width: .6;
}

.empty-gray-2 {
  fill: none;
  stroke: #ccc;
  stroke-width: .6;
}

.blured-image {
  -webkit-filter: url(#blurFilter2);
          filter: url(#blurFilter2);
}

.blured-image.active {
  -webkit-filter: none;
          filter: none;
}

.markers {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -100;
}

.markers .marker {
  height: 20vw;
  left: 0;
  position: absolute;
  top: 40vw;
  width: 100%;
}

.markers .marker[data-marker='0'] {
  height: 100vh;
  position: absolute;
  top: 0;
  width: 100vw;
}

.markers .marker[data-marker='1'] {
  top: 25vw;
}

.markers .marker[data-marker='2'] {
  height: 40vw;
  top: 57vw;
}

.markers .marker[data-marker='3'] {
  height: 26vw;
  top: 99vw;
}

.markers .marker[data-marker='4'] {
  top: 144vw;
}

.markers .marker[data-marker='5'] {
  height: 18vw;
  top: 171vw;
}

.markers .marker[data-marker='6'] {
  height: 18vw;
  top: 199vw;
}

.markers .marker[data-marker='7'] {
  height: 25vw;
  top: 236vw;
}

.markers .marker[data-marker='8'] {
  height: 17vw;
  top: 266vw;
}

.markers .marker[data-marker='9'] {
  height: 24vw;
  top: 289vw;
}

.markers .marker[data-marker='10'] {
  height: 24vw;
  top: 335vw;
}

.markers .marker[data-marker='11'] {
  height: 36vw;
  top: 399vw;
}

.markers .marker[data-marker='12'] {
  height: 36vw;
  top: 461vw;
}

.markers .marker[data-marker='13'] {
  height: 36vw;
  top: 522vw;
}

.markers .marker[data-marker='14'] {
  height: 36vw;
  top: 586vw;
}

.markers .marker[data-marker='15'] {
  height: 89vw;
  top: 623vw;
}

.markers .pathmarker {
  height: 20vw;
  left: 0;
  position: absolute;
  top: 40vw;
  width: 100%;
}

.markers .pathmarker[data-marker='0'] {
  top: 0vw;
}

.markers .pathmarker[data-marker='1'] {
  top: 25vw;
}

.markers .pathmarker[data-marker='2'] {
  top: 61vw;
}

.markers .pathmarker[data-marker='3'] {
  height: 26vw;
  top: 99vw;
}

.markers .pathmarker[data-marker='4'] {
  top: 144vw;
}

.markers .pathmarker[data-marker='5'] {
  height: 18vw;
  top: 171vw;
}

.markers .pathmarker[data-marker='6'] {
  height: 18vw;
  top: 199vw;
}

.markers .pathmarker[data-marker='7'] {
  height: 17vw;
  top: 218vw;
}

.markers .pathmarker[data-marker='8'] {
  height: 25vw;
  top: 236vw;
}

.markers .pathmarker[data-marker='9'] {
  height: 17vw;
  top: 266vw;
}

.markers .pathmarker[data-marker='10'] {
  height: 24vw;
  top: 289vw;
}

.markers .pathmarker[data-marker='11'] {
  height: 20vw;
  top: 314vw;
}

.markers .pathmarker[data-marker='12'] {
  height: 24vw;
  top: 335vw;
}

.markers .pathmarker[data-marker='13'] {
  height: 38vw;
  top: 360vw;
}

.markers .pathmarker[data-marker='14'] {
  height: 36vw;
  top: 399vw;
}

.markers .pathmarker[data-marker='15'] {
  height: 24vw;
  top: 436vw;
}

.markers .pathmarker[data-marker='16'] {
  height: 36vw;
  top: 461vw;
}

.markers .pathmarker[data-marker='17'] {
  height: 23vw;
  top: 498vw;
}

.markers .pathmarker[data-marker='18'] {
  height: 36vw;
  top: 522vw;
}

.markers .pathmarker[data-marker='19'] {
  height: 26vw;
  top: 559vw;
}

.markers .pathmarker[data-marker='20'] {
  height: 36vw;
  top: 586vw;
}

.markers .pathmarker[data-marker='21'] {
  height: 89vw;
  top: 623vw;
}

@media screen and (min-width: 768px) {
  #awwwards.animated {
    -webkit-animation: awwwards_anima 0.6s linear forwards;
            animation: awwwards_anima 0.6s linear forwards;
    -webkit-animation-delay: 2.4s;
            animation-delay: 2.4s;
    opacity: 0;
  }
  @-webkit-keyframes awwwards_anima {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes awwwards_anima {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
}

.section-hero {
  height: 100vh;
  overflow: hidden;
  position: relative;
  width: 100vw;
  z-index: 1;
}

.section-hero > svg {
  height: 100%;
  width: 100%;
}

@-webkit-keyframes vis-inv-anima {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes vis-inv-anima {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes inv-vis-anima {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes inv-vis-anima {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

#runner {
  -webkit-animation: vis-inv-anima 0.6s linear forwards;
          animation: vis-inv-anima 0.6s linear forwards;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
}

#runner .wrap {
  fill: none;
  stroke: #95cdf8;
  stroke-width: 1;
}

#runner .core {
  fill: #2c9cf2;
}

#central_circle {
  -webkit-animation: central_circle_anima 1.6s linear forwards;
          animation: central_circle_anima 1.6s linear forwards;
  -webkit-animation-delay: 1.15s;
          animation-delay: 1.15s;
  opacity: 0;
  stroke-linecap: round;
  stroke-dasharray: 0 1125;
  stroke-dashoffset: -28.125;
}

@-webkit-keyframes central_circle_anima {
  0% {
    opacity: 1;
    stroke-dasharray: 0 1125;
    stroke-dashoffset: -28.125;
  }
  100% {
    opacity: 1;
    stroke-dasharray: 1125 0;
    stroke-dashoffset: -506.25;
  }
}

@keyframes central_circle_anima {
  0% {
    opacity: 1;
    stroke-dasharray: 0 1125;
    stroke-dashoffset: -28.125;
  }
  100% {
    opacity: 1;
    stroke-dasharray: 1125 0;
    stroke-dashoffset: -506.25;
  }
}

#central_circle_gray {
  -webkit-animation: central_circle_gray_anima 2s linear forwards;
          animation: central_circle_gray_anima 2s linear forwards;
  -webkit-animation-delay: 1.15s;
          animation-delay: 1.15s;
  opacity: 0;
  stroke-linecap: round;
  stroke-dasharray: 0 1094;
  stroke-dashoffset: 492.3;
}

@-webkit-keyframes central_circle_gray_anima {
  0% {
    opacity: 1;
    stroke-dasharray: 0 1094;
    stroke-dashoffset: 492.3;
  }
  100% {
    opacity: 1;
    stroke-dasharray: 1094 0;
    stroke-dashoffset: -492.3;
  }
}

@keyframes central_circle_gray_anima {
  0% {
    opacity: 1;
    stroke-dasharray: 0 1094;
    stroke-dashoffset: 492.3;
  }
  100% {
    opacity: 1;
    stroke-dasharray: 1094 0;
    stroke-dashoffset: -492.3;
  }
}

#hero_contact p {
  color: #fff;
  cursor: pointer;
  font-family: "Yantramanav", Helvetica, Arial, sans-serif;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: .6px;
  line-height: 80px;
  margin: 0;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
}

#hero_contact #hero_contact_blue {
  -webkit-animation: hero_contact_blue_anima 1.5s linear forwards;
          animation: hero_contact_blue_anima 1.5s linear forwards;
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
  opacity: 0;
}

@-webkit-keyframes hero_contact_blue_anima {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes hero_contact_blue_anima {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

#hero_contact #hero_contact_runner {
  -webkit-animation: hero_contact_runner_anima 1s linear forwards;
          animation: hero_contact_runner_anima 1s linear forwards;
  -webkit-animation-delay: 1.3s;
          animation-delay: 1.3s;
  opacity: 0;
}

@-webkit-keyframes hero_contact_runner_anima {
  0% {
    opacity: 1;
  }
  85% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes hero_contact_runner_anima {
  0% {
    opacity: 1;
  }
  85% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

#hero_contact #hero_contact_gray {
  -webkit-animation: hero_contact_gray_anima 1.2s linear forwards;
          animation: hero_contact_gray_anima 1.2s linear forwards;
  -webkit-animation-delay: 1.3s;
          animation-delay: 1.3s;
  opacity: 0;
  stroke-linecap: round;
  stroke-dasharray: 0 239;
  stroke-dashoffset: -47.8;
}

@-webkit-keyframes hero_contact_gray_anima {
  0% {
    opacity: 1;
    stroke-dasharray: 0 239;
  }
  75% {
    opacity: 1;
    stroke-dasharray: 179.25 59.75;
  }
  100% {
    opacity: 0;
    stroke-dasharray: 239 0;
  }
}

@keyframes hero_contact_gray_anima {
  0% {
    opacity: 1;
    stroke-dasharray: 0 239;
  }
  75% {
    opacity: 1;
    stroke-dasharray: 179.25 59.75;
  }
  100% {
    opacity: 0;
    stroke-dasharray: 239 0;
  }
}

#hero_text {
  cursor: default;
  fill: #000;
}

#hero_text p {
  font-family: "Yantramanav", Helvetica, Arial, sans-serif;
  font-size: 28px;
  font-weight: 300;
  line-height: 38px;
  margin: 0;
  text-align: center;
}

#hero_text p span {
  -webkit-animation: hero_text_anima 0.3s linear forwards;
          animation: hero_text_anima 0.3s linear forwards;
  -webkit-animation-delay: 2.7s;
          animation-delay: 2.7s;
  color: transparent;
  line-height: 41px;
  margin: 0 .4px;
  -webkit-transition: font-size 0.3s;
  transition: font-size 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.43, 0.02, 0.76, 2);
          transition-timing-function: cubic-bezier(0.43, 0.02, 0.76, 2);
}

#hero_text p span:nth-child(12), #hero_text p span:nth-child(37) {
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}

#hero_text p span:nth-child(11), #hero_text p span:nth-child(36) {
  -webkit-animation-delay: 1.35s;
          animation-delay: 1.35s;
}

#hero_text p span:nth-child(38) {
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}

#hero_text p span:nth-child(13), #hero_text p span:nth-child(9), #hero_text p span:nth-child(34) {
  -webkit-animation-delay: 1.65s;
          animation-delay: 1.65s;
}

#hero_text p span:nth-child(40) {
  -webkit-animation-delay: 1.8s;
          animation-delay: 1.8s;
}

#hero_text p span:nth-child(10), #hero_text p span:nth-child(7), #hero_text p span:nth-child(32) {
  -webkit-animation-delay: 1.95s;
          animation-delay: 1.95s;
}

#hero_text p span:nth-child(5), #hero_text p span:nth-child(15) {
  -webkit-animation-delay: 2.1s;
          animation-delay: 2.1s;
}

#hero_text p span:nth-child(6), #hero_text p span:nth-child(17), #hero_text p span:nth-child(31), #hero_text p span:nth-child(33), #hero_text p span:nth-child(42) {
  -webkit-animation-delay: 2.25s;
          animation-delay: 2.25s;
}

#hero_text p span:nth-child(14), #hero_text p span:nth-child(16), #hero_text p span:nth-child(41), #hero_text p span:nth-child(20), #hero_text p span:nth-child(44), #hero_text p span:nth-child(45) {
  -webkit-animation-delay: 2.4s;
          animation-delay: 2.4s;
}

#hero_text p span:nth-child(3), #hero_text p span:nth-child(1), #hero_text p span:nth-child(22), #hero_text p span:nth-child(27), #hero_text p span:nth-child(25), #hero_text p span:nth-child(47) {
  -webkit-animation-delay: 2.55s;
          animation-delay: 2.55s;
}

@-webkit-keyframes hero_text_anima {
  0% {
    color: transparent;
  }
  100% {
    color: black;
  }
}

@keyframes hero_text_anima {
  0% {
    color: transparent;
  }
  100% {
    color: black;
  }
}

#hero_text p.active span {
  color: #000;
  -webkit-animation: hero-text-span-anima 0.3s linear backwards;
          animation: hero-text-span-anima 0.3s linear backwards;
}

@-webkit-keyframes hero-text-span-anima {
  0% {
    font-size: 19pt;
  }
  50% {
    font-size: 24pt;
  }
  100% {
    font-size: 19pt;
  }
}

@keyframes hero-text-span-anima {
  0% {
    font-size: 19pt;
  }
  50% {
    font-size: 24pt;
  }
  100% {
    font-size: 19pt;
  }
}

#hero_text p.active span:nth-child(1) {
  -webkit-animation-delay: 0.03s;
          animation-delay: 0.03s;
}

#hero_text p.active span:nth-child(2) {
  -webkit-animation-delay: 0.06s;
          animation-delay: 0.06s;
}

#hero_text p.active span:nth-child(3) {
  -webkit-animation-delay: 0.09s;
          animation-delay: 0.09s;
}

#hero_text p.active span:nth-child(4) {
  -webkit-animation-delay: 0.12s;
          animation-delay: 0.12s;
}

#hero_text p.active span:nth-child(5) {
  -webkit-animation-delay: 0.15s;
          animation-delay: 0.15s;
}

#hero_text p.active span:nth-child(6) {
  -webkit-animation-delay: 0.18s;
          animation-delay: 0.18s;
}

#hero_text p.active span:nth-child(7) {
  -webkit-animation-delay: 0.21s;
          animation-delay: 0.21s;
}

#hero_text p.active span:nth-child(8) {
  -webkit-animation-delay: 0.24s;
          animation-delay: 0.24s;
}

#hero_text p.active span:nth-child(9) {
  -webkit-animation-delay: 0.27s;
          animation-delay: 0.27s;
}

#hero_text p.active span:nth-child(10) {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}

#hero_text p.active span:nth-child(11) {
  -webkit-animation-delay: 0.33s;
          animation-delay: 0.33s;
}

#hero_text p.active span:nth-child(12) {
  -webkit-animation-delay: 0.36s;
          animation-delay: 0.36s;
}

#hero_text p.active span:nth-child(13) {
  -webkit-animation-delay: 0.39s;
          animation-delay: 0.39s;
}

#hero_text p.active span:nth-child(14) {
  -webkit-animation-delay: 0.42s;
          animation-delay: 0.42s;
}

#hero_text p.active span:nth-child(15) {
  -webkit-animation-delay: 0.45s;
          animation-delay: 0.45s;
}

#hero_text p.active span:nth-child(16) {
  -webkit-animation-delay: 0.48s;
          animation-delay: 0.48s;
}

#hero_text p.active span:nth-child(17) {
  -webkit-animation-delay: 0.51s;
          animation-delay: 0.51s;
}

#hero_text p.active span:nth-child(18) {
  -webkit-animation-delay: 0.54s;
          animation-delay: 0.54s;
}

#hero_text p.active span:nth-child(19) {
  -webkit-animation-delay: 0.57s;
          animation-delay: 0.57s;
}

#hero_text p.active span:nth-child(20) {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}

#hero_text p.active span:nth-child(21) {
  -webkit-animation-delay: 0.63s;
          animation-delay: 0.63s;
}

#hero_text p.active span:nth-child(22) {
  -webkit-animation-delay: 0.66s;
          animation-delay: 0.66s;
}

#hero_text p.active span:nth-child(23) {
  -webkit-animation-delay: 0.69s;
          animation-delay: 0.69s;
}

#hero_text p.active span:nth-child(24) {
  -webkit-animation-delay: 0.72s;
          animation-delay: 0.72s;
}

#hero_text p.active span:nth-child(25) {
  -webkit-animation-delay: 0.75s;
          animation-delay: 0.75s;
}

#hero_text p.active span:nth-child(26) {
  -webkit-animation-delay: 0.78s;
          animation-delay: 0.78s;
}

#hero_text p.active span:nth-child(27) {
  -webkit-animation-delay: 0.81s;
          animation-delay: 0.81s;
}

#hero_text p.active span:nth-child(28) {
  -webkit-animation-delay: 0.84s;
          animation-delay: 0.84s;
}

#hero_text p.active span:nth-child(29) {
  -webkit-animation-delay: 0.87s;
          animation-delay: 0.87s;
}

#hero_text p.active span:nth-child(30) {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}

#hero_text p.active span:nth-child(31) {
  -webkit-animation-delay: 0.93s;
          animation-delay: 0.93s;
}

#hero_text p.active span:nth-child(32) {
  -webkit-animation-delay: 0.96s;
          animation-delay: 0.96s;
}

#hero_text p.active span:nth-child(33) {
  -webkit-animation-delay: 0.99s;
          animation-delay: 0.99s;
}

#hero_text p.active span:nth-child(34) {
  -webkit-animation-delay: 1.02s;
          animation-delay: 1.02s;
}

#hero_text p.active span:nth-child(35) {
  -webkit-animation-delay: 1.05s;
          animation-delay: 1.05s;
}

#hero_text p.active span:nth-child(36) {
  -webkit-animation-delay: 1.08s;
          animation-delay: 1.08s;
}

#hero_text p.active span:nth-child(37) {
  -webkit-animation-delay: 1.11s;
          animation-delay: 1.11s;
}

#hero_text p.active span:nth-child(38) {
  -webkit-animation-delay: 1.14s;
          animation-delay: 1.14s;
}

#hero_text p.active span:nth-child(39) {
  -webkit-animation-delay: 1.17s;
          animation-delay: 1.17s;
}

#hero_text p.active span:nth-child(40) {
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}

#hero_text p.active span:nth-child(41) {
  -webkit-animation-delay: 1.23s;
          animation-delay: 1.23s;
}

#hero_text p.active span:nth-child(42) {
  -webkit-animation-delay: 1.26s;
          animation-delay: 1.26s;
}

#hero_text p.active span:nth-child(43) {
  -webkit-animation-delay: 1.29s;
          animation-delay: 1.29s;
}

#hero_text p.active span:nth-child(44) {
  -webkit-animation-delay: 1.32s;
          animation-delay: 1.32s;
}

#hero_text p.active span:nth-child(45) {
  -webkit-animation-delay: 1.35s;
          animation-delay: 1.35s;
}

#hero_text p.active span:nth-child(46) {
  -webkit-animation-delay: 1.38s;
          animation-delay: 1.38s;
}

#hero_text p.active span:nth-child(47) {
  -webkit-animation-delay: 1.41s;
          animation-delay: 1.41s;
}

#hero_text p.active span:nth-child(48) {
  -webkit-animation-delay: 1.44s;
          animation-delay: 1.44s;
}

#hero_text p.active span:nth-child(49) {
  -webkit-animation-delay: 1.47s;
          animation-delay: 1.47s;
}

#hero_text p.active span:nth-child(50) {
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}

.section-body {
  height: auto;
  margin-top: -8vw;
  overflow: hidden;
  position: relative;
  width: 100vw;
  z-index: 0;
}

.section-body > svg {
  height: 100%;
  width: 100%;
}

form {
  display: block;
  font-size: 0;
  width: 25vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}

form::before, form::after {
  clear: both;
  content: '';
  display: table;
}

form input,
form textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: none;
  border-radius: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  font-family: "Yantramanav", Helvetica, Arial, sans-serif;
  font-size: 1.125vw;
  font-weight: 300;
  height: 3vw;
  line-height: 3vw;
  outline: none;
  padding: 0 0.75vw;
  width: 100%;
}

form input::-webkit-input-placeholder, form input::-webkit-input-placeholder,
form textarea::-webkit-input-placeholder,
form textarea::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.7);
}

form input::-webkit-input-placeholder, form input::placeholder,
form textarea::-webkit-input-placeholder,
form textarea::placeholder {
  color: rgba(255, 255, 255, 0.7);
}

form input.name, form input.email,
form textarea.name,
form textarea.email {
  border-bottom: 0.125vw solid #fff;
}

form input.send,
form textarea.send {
  color: #2c9cf2;
  cursor: pointer;
  font-weight: 500;
  height: 9.25vw;
  letter-spacing: 0.0625vw;
  margin-top: 3.25vw;
  width: 9.25vw;
}

form textarea {
  border: 0.125vw solid #fff;
  display: block;
  height: 6.25vw;
  line-height: 1.75vw;
  padding: 0.5vw 0.75vw;
  resize: none;
  width: 100%;
}

form textarea.error {
  border: 0.125vw solid #ba4343;
}

form .input-wrap {
  display: inline-block;
  height: 3vw;
  position: relative;
  width: 11.625vw;
}

form .input-wrap label.error {
  background-color: #fff;
  border-radius: 0.5vw;
  -webkit-box-shadow: 0 0.125vw 0.625vw 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 0.125vw 0.625vw 0 rgba(0, 0, 0, 0.5);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #2c9cf2;
  display: none;
  font-family: "Yantramanav", Helvetica, Arial, sans-serif;
  font-size: 1.125vw;
  font-weight: 500;
  height: 3vw;
  left: 0;
  line-height: 3vw;
  padding: 0 0.75vw;
  position: absolute;
  top: 3.75vw;
  white-space: nowrap;
  width: auto;
  z-index: 1;
}

form .input-wrap label.error::before {
  border-color: transparent transparent #fff transparent;
  border-style: solid;
  border-width: 0 0.75vw 0.75vw 0.75vw;
  content: '';
  display: block;
  height: 0;
  left: 1.5vw;
  position: absolute;
  top: -0.75vw;
  width: 0;
}

form .input-wrap.email {
  margin-left: 1.75vw;
}

form .input-wrap.message {
  height: 6.25vw;
  margin-top: 2.75vw;
  width: 25vw;
}

form .input-wrap.message label.error {
  top: -3.75vw;
}

form .input-wrap.message label.error::before {
  border-color: #fff transparent transparent transparent;
  border-width: 0.75vw 0.75vw 0 0.75vw;
  top: 3vw;
}

form .input-wrap.error label.error {
  display: block;
}

form .input-wrap.error input {
  border-bottom: 0.125vw solid #ba4343;
}

form .input-wrap.error textarea {
  border: 0.125vw solid #ba4343;
}

.contact-form-wrap {
  left: 60.875vw;
  opacity: 0;
  position: absolute;
  top: 673.125vw;
  -webkit-transition: all .6s;
  transition: all .6s;
  -webkit-transition-delay: .6s;
          transition-delay: .6s;
}

.contact-form-wrap #contactform {
  position: relative;
}

.contact-form-wrap #contactform .thanku-wrap {
  background-color: #2c9cf2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  display: none;
  font-family: "Yantramanav", Helvetica, Arial, sans-serif;
  font-weight: 300;
  height: 100%;
  left: -10%;
  padding: 2.5vw 0;
  position: absolute;
  top: 0;
  width: 120%;
  z-index: 1;
}

.contact-form-wrap #contactform .thanku-wrap .tw-title {
  font-size: 3vw;
  letter-spacing: 0.075vw;
  margin-bottom: 3vw;
}

.contact-form-wrap #contactform .thanku-wrap p {
  font-size: 1.375vw;
  margin: 0;
}

.contact-form-wrap #contactform .thanku-wrap .thanku-off {
  bottom: 0;
  cursor: pointer;
  font-size: 1.5vw;
  font-weight: 500;
  left: 0;
  letter-spacing: 0.075vw;
  opacity: 1;
  position: absolute;
  text-transform: uppercase;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.contact-form-wrap #contactform .thanku-wrap .thanku-off .icon-arrow-white {
  height: 2vw;
  margin-bottom: -0.4375vw;
  width: 6.25vw;
}

.contact-form-wrap #contactform .thanku-wrap .thanku-off:hover {
  opacity: .7;
}

.contact-form-wrap.active {
  opacity: 1;
}

#thanku_checkbox {
  display: none;
}

#thanku_checkbox:checked ~ .thanku-wrap {
  display: block;
}

.circle-send {
  fill: rgba(255, 255, 255, 0);
}

.circle-send.active {
  -webkit-animation: form_contact_gray_anima 1s linear forwards;
          animation: form_contact_gray_anima 1s linear forwards;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  stroke: #fff;
  stroke-width: 1;
  stroke-linecap: round;
  stroke-dasharray: 0 233;
  stroke-dashoffset: -46.6;
}

@-webkit-keyframes form_contact_gray_anima {
  0% {
    fill: rgba(255, 255, 255, 0);
    stroke-dasharray: 0 233;
  }
  75% {
    fill: rgba(255, 255, 255, 0);
    stroke-dasharray: 174.75 58.25;
  }
  100% {
    fill: white;
    stroke-dasharray: 233 0;
  }
}

@keyframes form_contact_gray_anima {
  0% {
    fill: rgba(255, 255, 255, 0);
    stroke-dasharray: 0 233;
  }
  75% {
    fill: rgba(255, 255, 255, 0);
    stroke-dasharray: 174.75 58.25;
  }
  100% {
    fill: white;
    stroke-dasharray: 233 0;
  }
}

a.soc {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 15px 15px;
  display: inline-block;
  height: 20px;
  text-decoration: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 15px;
  margin: 0 3px;
}

a.soc.fb {
  background-image: url("/img/fb.svg");
}

a.soc.be {
  background-image: url("/img/be.svg");
}

a.soc.in {
  background-image: url("/img/in.svg");
}

.title {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100vw;
  z-index: 4;
}

.title .title-wrap {
  position: relative;
  width: 100%;
  height: 100%;
}

.title .title-wrap .title-item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: "Yantramanav", Helvetica, Arial, sans-serif;
  font-size: 3vw;
  font-weight: 300;
  height: 5vw;
  left: 0;
  line-height: 5vw;
  position: absolute;
  top: 0;
}

.title .title-wrap .title-item.onbottom {
  bottom: 0;
  top: auto;
}

.title .title-wrap .title-item.ontitle {
  position: fixed;
  top: 3vw;
}

.title .title-wrap .title-item::before {
  background-image: url("/img/tit.svg");
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  display: block;
  float: left;
  height: 5vw;
  margin-right: -3.3333vw;
  width: 5vw;
}

.title[data-title-item='1'] {
  height: 78.125vw;
  top: 21.625vw;
}

.title[data-title-item='1'] .title-item {
  padding-left: 53.5vw;
}

.title[data-title-item='4'] {
  height: 46.5vw;
  top: 137.125vw;
}

.title[data-title-item='4'] .title-item {
  padding-left: 21.125vw;
}

.title[data-title-item='7'] {
  height: 57.625vw;
  top: 230.625vw;
}

.title[data-title-item='7'] .title-item {
  padding-left: 65.25vw;
}

.title[data-title-item='10'] {
  top: 332.25vw;
}

.title[data-title-item='10'] .title-item {
  padding-left: 25.25vw;
}

.title[data-title-item='11'] {
  height: 231.875vw;
  top: 386.25vw;
}

.title[data-title-item='11'] .title-item {
  padding-left: 17.875vw;
}

.title[data-title-item='15'] {
  top: 661vw;
}

.title[data-title-item='15'] .title-item {
  padding-left: 13.375vw;
}

.main-menu {
  background-color: rgba(255, 255, 255, 0.8);
  display: none;
  height: 100vh;
  left: 0;
  min-height: 56.25vw;
  overflow-y: auto;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 11;
}

.main-menu .menu {
  background-color: #2c9cf2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100vh;
  margin-left: 50vw;
  padding: 0 0 12vh;
  position: relative;
  width: 50vw;
}

.main-menu .menu::before, .main-menu .menu::after {
  clear: both;
  content: '';
  display: table;
}

.main-menu .menu ul {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 9vh 5vw;
}

.main-menu .menu ul li {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  font-family: "Yantramanav", Helvetica, Arial, sans-serif;
  font-size: 4vh;
  font-weight: 300;
  line-height: 10vh;
  margin: 0;
  padding: 0 4vh;
  text-transform: capitalize;
}

.main-menu .menu ul li span.icon-arrow-white {
  height: 3vh;
  margin-bottom: -.2vh;
  width: 10vh;
}

.main-menu .menu ul li::after {
  background-color: #fff;
  border-radius: 50%;
  content: '';
  display: inline-block;
  height: 1vw;
  margin-left: 1.25vw;
  opacity: 0;
  -webkit-transition: all .3s;
  transition: all .3s;
  width: 1vw;
}

.main-menu .menu ul li.hashover:hover::after {
  opacity: 1;
}

#main_menu_checkbox {
  display: none;
}

#main_menu_checkbox:checked ~ .main-menu,
#main_menu_checkbox:checked ~ label.main-menu-off {
  display: block;
}

label.main-menu-on {
  background-color: #2c9cf2;
  background-image: url("/img/menu-on.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 50%;
  bottom: 3vw;
  cursor: pointer;
  height: 3.375vw;
  position: fixed;
  right: 3vw;
  width: 3.375vw;
  z-index: 10;
}

label.main-menu-off {
  background-image: url("/img/menu-off.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  display: none;
  height: 3.375vw;
  position: fixed;
  right: 1.5vw;
  -webkit-transition: all .3s;
  transition: all .3s;
  top: 1.5vw;
  width: 3.375vw;
  z-index: 12;
}

label.main-menu-off:hover {
  opacity: .7;
}

.menu-footer {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: -12vh;
  padding: 0 0 0 50%;
  position: relative;
  z-index: 13;
}

.menu-footer .soc-wrap {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 6.25vw;
}

.menu-footer .soc {
  background-position: center;
  background-size: 4vh 4vh;
  display: inline-block;
  height: 4vh;
  margin: 4vh 0.375vw;
  -webkit-transition: all .3s;
  transition: all .3s;
  width: 4vh;
  vertical-align: middle;
}

.menu-footer .soc:hover {
  opacity: .9;
}

.menu-footer .email {
  color: #fff;
  display: inline-block;
  font-family: "Yantramanav", Helvetica, Arial, sans-serif;
  font-size: 1.125vw;
  font-weight: 300;
  line-height: 5.75vw;
  margin-left: 2.75vw;
  -webkit-transition: all .3s;
  transition: all .3s;
  text-decoration: none;
  vertical-align: middle;
}

.menu-footer .email:hover {
  opacity: .7;
}

.menu-footer .logo {
  background-image: url("/img/logo.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 5.5vh;
  display: inline-block;
  height: 1vh;
  opacity: .5;
  -webkit-transition: all .3s;
  transition: all .3s;
  position: absolute;
  right: 2vw;
  width: 7.5vw;
}

.menu-footer .logo:hover {
  opacity: 1;
}

#hero_down_arrow {
  cursor: pointer;
  height: 100%;
  width: 100%;
}

.contactus_bottom_link {
  background-color: #fff;
  border: 1px solid #2c9cf2;
  border-radius: 1.6875vw;
  bottom: 3vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #2c9cf2;
  cursor: pointer;
  font-family: "Yantramanav", Helvetica, Arial, sans-serif;
  font-size: 1.125vw;
  font-weight: 300;
  height: 3.375vw;
  line-height: 3.375vw;
  opacity: 1;
  position: fixed;
  right: 7.5vw;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: all .3s;
  transition: all .3s;
  width: 10vw;
  z-index: 10;
}

.contactus_bottom_link.hidden {
  opacity: 0;
}