/* ==========================================================================
   Remodal's necessary styles
   ========================================================================== */

/* Hide scroll bar */

html.remodal-is-locked {
  overflow: hidden;

  touch-action: none;
}

/* Anti FOUC */

.remodal,
[data-remodal-id] {
  display: none;
}

/* Necessary styles of the overlay */

.remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;

  display: none;
}

/* Necessary styles of the wrapper */

.remodal-wrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  display: none;
  overflow: auto;

  text-align: center;

  -webkit-overflow-scrolling: touch;
}

.remodal-wrapper:after {
  display: inline-block;

  height: 100%;
  margin-left: -0.05em;

  content: "";
}

/* Fix iPad, iPhone glitches */

.remodal-overlay,
.remodal-wrapper {
  backface-visibility: hidden;
}

/* Necessary styles of the modal dialog */

.remodal {
  position: relative;

  outline: none;

  text-size-adjust: 100%;
}

.remodal-is-initialized {
  /* Disable Anti-FOUC */
  display: inline-block;
}

/* ==========================================================================
   Remodal's default mobile first theme
   ========================================================================== */

/* Default theme styles for the background */

.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
  filter: blur(3px);
}

/* Default theme styles of the overlay */

.remodal-overlay {
  background: rgba(43, 46, 56, 0.9);
}

.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
}

.remodal-overlay.remodal-is-opening {
  animation-name: remodal-overlay-opening-keyframes;
}

.remodal-overlay.remodal-is-closing {
  animation-name: remodal-overlay-closing-keyframes;
}

/* Default theme styles of the wrapper */

.remodal-wrapper {
  padding: 10px 10px 0;
}

/* Default theme styles of the modal dialog */

.remodal {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 10px;
  padding: 35px;

  transform: translate3d(0, 0, 0);

  color: #2b2e38;
  background: #fff;
}

.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
}

.remodal.remodal-is-opening {
  animation-name: remodal-opening-keyframes;
}

.remodal.remodal-is-closing {
  animation-name: remodal-closing-keyframes;
}

/* Vertical align of the modal dialog */

.remodal,
.remodal-wrapper:after {
  vertical-align: middle;
}

/* Close button */

.remodal-close {
  position: absolute;
  top: 0;
  left: 0;
	z-index: 999;
	cursor: pointer;
  display: block;
  overflow: visible;

  width: 35px;
  height: 35px;
  margin: 0;
  padding: 0;

  cursor: pointer;
  transition: color 0.2s;
  text-decoration: none;

  color: #95979c;
  border: 0;
  outline: 0;
  background: transparent;
}

.remodal-close:hover,
.remodal-close:focus {
  color: #2b2e38;
}

.remodal-close:before {
  font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
  font-size: 25px;
  line-height: 35px;

  position: absolute;
  top: 0;
  left: 0;

  display: block;

  width: 35px;

  content: "\00d7";
  text-align: center;
}

/* Dialog buttons */

.remodal-confirm,
.remodal-cancel {
  font: inherit;

  display: inline-block;
  overflow: visible;

  min-width: 110px;
  margin: 0;
  padding: 12px 0;

  cursor: pointer;
  transition: background 0.2s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;

  border: 0;
  outline: 0;
}

.remodal-confirm {
  color: #fff;
  background: #81c784;
}

.remodal-confirm:hover,
.remodal-confirm:focus {
  background: #66bb6a;
}

.remodal-cancel {
  color: #fff;
  background: #e57373;
}

.remodal-cancel:hover,
.remodal-cancel:focus {
  background: #ef5350;
}

/* Remove inner padding and border in Firefox 4+ for the button tag. */

.remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
  padding: 0;

  border: 0;
}

/* Keyframes
   ========================================================================== */

@keyframes remodal-opening-keyframes {
  from {
    transform: scale(1.05);

    opacity: 0;
  }
  to {
    transform: none;

    opacity: 1;

    filter: blur(0);
  }
}

@keyframes remodal-closing-keyframes {
  from {
    transform: scale(1);

    opacity: 1;
  }
  to {
    transform: scale(0.95);

    opacity: 0;

    filter: blur(0);
  }
}

@keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

/* Media queries
   ========================================================================== */

@media only screen and (min-width: 641px) {
  .remodal {
    max-width: 700px;
  }
}

/* IE8
   ========================================================================== */

.lt-ie9 .remodal-overlay {
  background: #2b2e38;
}

.lt-ie9 .remodal {
  width: 700px;
}


@font-face {
  font-family: AvenirNext;
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/AvenirNext/AvenirNext.eot);
  src: url(../fonts/AvenirNext/AvenirNext.eot?#iefix) format("embedded-opentype"),url(../fonts/AvenirNext/AvenirNext.woff) format("woff"),url(../fonts/AvenirNext/AvenirNext.ttf) format("truetype")
}

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-family: sans-serif
}

body {
  margin: 0
}

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

audio,canvas,progress,video {
  display: inline-block;
  vertical-align: baseline
}

audio:not([controls]) {
  display: none;
  height: 0
}

[hidden],template {
  display: none
}

a {
  background-color: transparent
}

a:active,a:hover {
  outline: 0
}

abbr[title] {
  border-bottom: 1px dotted
}

b,strong {
  font-weight: 700
}

dfn {
  font-style: italic
}

h1 {
  font-size: 2em;
  margin: .67em 0
}

mark {
  background: #ff0;
  color: #000
}

small {
  font-size: 80%
}

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

sup {
  top: -.5em
}

sub {
  bottom: -.25em
}

img {
  border: 0
}

svg:not(:root) {
  overflow: hidden
}

figure {
  margin: 1em 40px
}

hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0
}

pre {
  overflow: auto
}

code,kbd,pre,samp {
  font-family: monospace,monospace;
  font-size: 1em
}

button,input,optgroup,select,textarea {
  color: inherit;
  font: inherit;
  margin: 0
}

button {
  overflow: visible
}

button,select {
  text-transform: none
}

button,html input[type=button],input[type=reset],input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer
}

button[disabled],html input[disabled] {
  cursor: default
}

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

input {
  line-height: normal
}

input[type=checkbox],input[type=radio] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
  height: auto
}

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

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

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em
}

legend {
  border: 0;
  padding: 0
}

textarea {
  overflow: auto
}

optgroup {
  font-weight: 700
}

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

td,th {
  padding: 0
}

html {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  font-size: 10px
}

body {
  background-color: #fff;
  color: #333;
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
  font-size: 14px;
  line-height: 1.42857143
}

button,input,select,textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit
}

a {
  color: #337ab7;
  text-decoration: none
}

a:focus,a:hover {
  color: #23527c;
  text-decoration: underline
}

a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px
}

figure {
  margin: 0
}

img {
  vertical-align: middle
}

.img-responsive {
  display: block;
  height: auto;
  max-width: 100%
}

.img-rounded {
  border-radius: 6px
}

.img-thumbnail {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  display: inline-block;
  height: auto;
  line-height: 1.42857143;
  max-width: 100%;
  padding: 4px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out
}

.img-circle {
  border-radius: 50%
}

hr {
  border: 0;
  border-top: 1px solid #eee;
  margin-bottom: 20px;
  margin-top: 20px
}

.sr-only {
  clip: rect(0,0,0,0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}

.sr-only-focusable:active,.sr-only-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto
}

[role=button] {
  cursor: pointer
}

.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px
}

@media (min-width: 768px) {
  .container {
      width:750px
  }
}

@media (min-width: 992px) {
  .container {
      width:970px
  }
}

@media (min-width: 1200px) {
  .container {
      width:1170px
  }
}

.container-fluid {
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px
}

.row {
  margin-left: -15px;
  margin-right: -15px
}

.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative
}

.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {
  float: left
}

.col-xs-12 {
  width: 100%
}

.col-xs-11 {
  width: 91.66666667%
}

.col-xs-10 {
  width: 83.33333333%
}

.col-xs-9 {
  width: 75%
}

.col-xs-8 {
  width: 66.66666667%
}

.col-xs-7 {
  width: 58.33333333%
}

.col-xs-6 {
  width: 50%
}

.col-xs-5 {
  width: 41.66666667%
}

.col-xs-4 {
  width: 33.33333333%
}

.col-xs-3 {
  width: 25%
}

.col-xs-2 {
  width: 16.66666667%
}

.col-xs-1 {
  width: 8.33333333%
}

.col-xs-pull-12 {
  right: 100%
}

.col-xs-pull-11 {
  right: 91.66666667%
}

.col-xs-pull-10 {
  right: 83.33333333%
}

.col-xs-pull-9 {
  right: 75%
}

.col-xs-pull-8 {
  right: 66.66666667%
}

.col-xs-pull-7 {
  right: 58.33333333%
}

.col-xs-pull-6 {
  right: 50%
}

.col-xs-pull-5 {
  right: 41.66666667%
}

.col-xs-pull-4 {
  right: 33.33333333%
}

.col-xs-pull-3 {
  right: 25%
}

.col-xs-pull-2 {
  right: 16.66666667%
}

.col-xs-pull-1 {
  right: 8.33333333%
}

.col-xs-pull-0 {
  right: auto
}

.col-xs-push-12 {
  left: 100%
}

.col-xs-push-11 {
  left: 91.66666667%
}

.col-xs-push-10 {
  left: 83.33333333%
}

.col-xs-push-9 {
  left: 75%
}

.col-xs-push-8 {
  left: 66.66666667%
}

.col-xs-push-7 {
  left: 58.33333333%
}

.col-xs-push-6 {
  left: 50%
}

.col-xs-push-5 {
  left: 41.66666667%
}

.col-xs-push-4 {
  left: 33.33333333%
}

.col-xs-push-3 {
  left: 25%
}

.col-xs-push-2 {
  left: 16.66666667%
}

.col-xs-push-1 {
  left: 8.33333333%
}

.col-xs-push-0 {
  left: auto
}

.col-xs-offset-12 {
  margin-left: 100%
}

.col-xs-offset-11 {
  margin-left: 91.66666667%
}

.col-xs-offset-10 {
  margin-left: 83.33333333%
}

.col-xs-offset-9 {
  margin-left: 75%
}

.col-xs-offset-8 {
  margin-left: 66.66666667%
}

.col-xs-offset-7 {
  margin-left: 58.33333333%
}

.col-xs-offset-6 {
  margin-left: 50%
}

.col-xs-offset-5 {
  margin-left: 41.66666667%
}

.col-xs-offset-4 {
  margin-left: 33.33333333%
}

.col-xs-offset-3 {
  margin-left: 25%
}

.col-xs-offset-2 {
  margin-left: 16.66666667%
}

.col-xs-offset-1 {
  margin-left: 8.33333333%
}

.col-xs-offset-0 {
  margin-left: 0
}

@media (min-width: 768px) {
  .col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9 {
      float:left
  }

  .col-sm-12 {
      width: 100%
  }

  .col-sm-11 {
      width: 91.66666667%
  }

  .col-sm-10 {
      width: 83.33333333%
  }

  .col-sm-9 {
      width: 75%
  }

  .col-sm-8 {
      width: 66.66666667%
  }

  .col-sm-7 {
      width: 58.33333333%
  }

  .col-sm-6 {
      width: 50%
  }

  .col-sm-5 {
      width: 41.66666667%
  }

  .col-sm-4 {
      width: 33.33333333%
  }

  .col-sm-3 {
      width: 25%
  }

  .col-sm-2 {
      width: 16.66666667%
  }

  .col-sm-1 {
      width: 8.33333333%
  }

  .col-sm-pull-12 {
      right: 100%
  }

  .col-sm-pull-11 {
      right: 91.66666667%
  }

  .col-sm-pull-10 {
      right: 83.33333333%
  }

  .col-sm-pull-9 {
      right: 75%
  }

  .col-sm-pull-8 {
      right: 66.66666667%
  }

  .col-sm-pull-7 {
      right: 58.33333333%
  }

  .col-sm-pull-6 {
      right: 50%
  }

  .col-sm-pull-5 {
      right: 41.66666667%
  }

  .col-sm-pull-4 {
      right: 33.33333333%
  }

  .col-sm-pull-3 {
      right: 25%
  }

  .col-sm-pull-2 {
      right: 16.66666667%
  }

  .col-sm-pull-1 {
      right: 8.33333333%
  }

  .col-sm-pull-0 {
      right: auto
  }

  .col-sm-push-12 {
      left: 100%
  }

  .col-sm-push-11 {
      left: 91.66666667%
  }

  .col-sm-push-10 {
      left: 83.33333333%
  }

  .col-sm-push-9 {
      left: 75%
  }

  .col-sm-push-8 {
      left: 66.66666667%
  }

  .col-sm-push-7 {
      left: 58.33333333%
  }

  .col-sm-push-6 {
      left: 50%
  }

  .col-sm-push-5 {
      left: 41.66666667%
  }

  .col-sm-push-4 {
      left: 33.33333333%
  }

  .col-sm-push-3 {
      left: 25%
  }

  .col-sm-push-2 {
      left: 16.66666667%
  }

  .col-sm-push-1 {
      left: 8.33333333%
  }

  .col-sm-push-0 {
      left: auto
  }

  .col-sm-offset-12 {
      margin-left: 100%
  }

  .col-sm-offset-11 {
      margin-left: 91.66666667%
  }

  .col-sm-offset-10 {
      margin-left: 83.33333333%
  }

  .col-sm-offset-9 {
      margin-left: 75%
  }

  .col-sm-offset-8 {
      margin-left: 66.66666667%
  }

  .col-sm-offset-7 {
      margin-left: 58.33333333%
  }

  .col-sm-offset-6 {
      margin-left: 50%
  }

  .col-sm-offset-5 {
      margin-left: 41.66666667%
  }

  .col-sm-offset-4 {
      margin-left: 33.33333333%
  }

  .col-sm-offset-3 {
      margin-left: 25%
  }

  .col-sm-offset-2 {
      margin-left: 16.66666667%
  }

  .col-sm-offset-1 {
      margin-left: 8.33333333%
  }

  .col-sm-offset-0 {
      margin-left: 0
  }
}

@media (min-width: 992px) {
  .col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9 {
      float:left
  }

  .col-md-12 {
      width: 100%
  }

  .col-md-11 {
      width: 91.66666667%
  }

  .col-md-10 {
      width: 83.33333333%
  }

  .col-md-9 {
      width: 75%
  }

  .col-md-8 {
      width: 66.66666667%
  }

  .col-md-7 {
      width: 58.33333333%
  }

  .col-md-6 {
      width: 50%
  }

  .col-md-5 {
      width: 41.66666667%
  }

  .col-md-4 {
      width: 33.33333333%
  }

  .col-md-3 {
      width: 25%
  }

  .col-md-2 {
      width: 16.66666667%
  }

  .col-md-1 {
      width: 8.33333333%
  }

  .col-md-pull-12 {
      right: 100%
  }

  .col-md-pull-11 {
      right: 91.66666667%
  }

  .col-md-pull-10 {
      right: 83.33333333%
  }

  .col-md-pull-9 {
      right: 75%
  }

  .col-md-pull-8 {
      right: 66.66666667%
  }

  .col-md-pull-7 {
      right: 58.33333333%
  }

  .col-md-pull-6 {
      right: 50%
  }

  .col-md-pull-5 {
      right: 41.66666667%
  }

  .col-md-pull-4 {
      right: 33.33333333%
  }

  .col-md-pull-3 {
      right: 25%
  }

  .col-md-pull-2 {
      right: 16.66666667%
  }

  .col-md-pull-1 {
      right: 8.33333333%
  }

  .col-md-pull-0 {
      right: auto
  }

  .col-md-push-12 {
      left: 100%
  }

  .col-md-push-11 {
      left: 91.66666667%
  }

  .col-md-push-10 {
      left: 83.33333333%
  }

  .col-md-push-9 {
      left: 75%
  }

  .col-md-push-8 {
      left: 66.66666667%
  }

  .col-md-push-7 {
      left: 58.33333333%
  }

  .col-md-push-6 {
      left: 50%
  }

  .col-md-push-5 {
      left: 41.66666667%
  }

  .col-md-push-4 {
      left: 33.33333333%
  }

  .col-md-push-3 {
      left: 25%
  }

  .col-md-push-2 {
      left: 16.66666667%
  }

  .col-md-push-1 {
      left: 8.33333333%
  }

  .col-md-push-0 {
      left: auto
  }

  .col-md-offset-12 {
      margin-left: 100%
  }

  .col-md-offset-11 {
      margin-left: 91.66666667%
  }

  .col-md-offset-10 {
      margin-left: 83.33333333%
  }

  .col-md-offset-9 {
      margin-left: 75%
  }

  .col-md-offset-8 {
      margin-left: 66.66666667%
  }

  .col-md-offset-7 {
      margin-left: 58.33333333%
  }

  .col-md-offset-6 {
      margin-left: 50%
  }

  .col-md-offset-5 {
      margin-left: 41.66666667%
  }

  .col-md-offset-4 {
      margin-left: 33.33333333%
  }

  .col-md-offset-3 {
      margin-left: 25%
  }

  .col-md-offset-2 {
      margin-left: 16.66666667%
  }

  .col-md-offset-1 {
      margin-left: 8.33333333%
  }

  .col-md-offset-0 {
      margin-left: 0
  }
}

@media (min-width: 1200px) {
  .col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9 {
      float:left
  }

  .col-lg-12 {
      width: 100%
  }

  .col-lg-11 {
      width: 91.66666667%
  }

  .col-lg-10 {
      width: 83.33333333%
  }

  .col-lg-9 {
      width: 75%
  }

  .col-lg-8 {
      width: 66.66666667%
  }

  .col-lg-7 {
      width: 58.33333333%
  }

  .col-lg-6 {
      width: 50%
  }

  .col-lg-5 {
      width: 41.66666667%
  }

  .col-lg-4 {
      width: 33.33333333%
  }

  .col-lg-3 {
      width: 25%
  }

  .col-lg-2 {
      width: 16.66666667%
  }

  .col-lg-1 {
      width: 8.33333333%
  }

  .col-lg-pull-12 {
      right: 100%
  }

  .col-lg-pull-11 {
      right: 91.66666667%
  }

  .col-lg-pull-10 {
      right: 83.33333333%
  }

  .col-lg-pull-9 {
      right: 75%
  }

  .col-lg-pull-8 {
      right: 66.66666667%
  }

  .col-lg-pull-7 {
      right: 58.33333333%
  }

  .col-lg-pull-6 {
      right: 50%
  }

  .col-lg-pull-5 {
      right: 41.66666667%
  }

  .col-lg-pull-4 {
      right: 33.33333333%
  }

  .col-lg-pull-3 {
      right: 25%
  }

  .col-lg-pull-2 {
      right: 16.66666667%
  }

  .col-lg-pull-1 {
      right: 8.33333333%
  }

  .col-lg-pull-0 {
      right: auto
  }

  .col-lg-push-12 {
      left: 100%
  }

  .col-lg-push-11 {
      left: 91.66666667%
  }

  .col-lg-push-10 {
      left: 83.33333333%
  }

  .col-lg-push-9 {
      left: 75%
  }

  .col-lg-push-8 {
      left: 66.66666667%
  }

  .col-lg-push-7 {
      left: 58.33333333%
  }

  .col-lg-push-6 {
      left: 50%
  }

  .col-lg-push-5 {
      left: 41.66666667%
  }

  .col-lg-push-4 {
      left: 33.33333333%
  }

  .col-lg-push-3 {
      left: 25%
  }

  .col-lg-push-2 {
      left: 16.66666667%
  }

  .col-lg-push-1 {
      left: 8.33333333%
  }

  .col-lg-push-0 {
      left: auto
  }

  .col-lg-offset-12 {
      margin-left: 100%
  }

  .col-lg-offset-11 {
      margin-left: 91.66666667%
  }

  .col-lg-offset-10 {
      margin-left: 83.33333333%
  }

  .col-lg-offset-9 {
      margin-left: 75%
  }

  .col-lg-offset-8 {
      margin-left: 66.66666667%
  }

  .col-lg-offset-7 {
      margin-left: 58.33333333%
  }

  .col-lg-offset-6 {
      margin-left: 50%
  }

  .col-lg-offset-5 {
      margin-left: 41.66666667%
  }

  .col-lg-offset-4 {
      margin-left: 33.33333333%
  }

  .col-lg-offset-3 {
      margin-left: 25%
  }

  .col-lg-offset-2 {
      margin-left: 16.66666667%
  }

  .col-lg-offset-1 {
      margin-left: 8.33333333%
  }

  .col-lg-offset-0 {
      margin-left: 0
  }
}

.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.row:after,.row:before {
  content: " ";
  display: table
}

.clearfix:after,.container-fluid:after,.container:after,.row:after {
  clear: both
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto
}

.pull-right {
  float: right!important
}

.pull-left {
  float: left!important
}

.hide {
  display: none!important
}

.show {
  display: block!important
}

.invisible {
  visibility: hidden
}

.text-hide {
  background-color: transparent;
  border: 0;
  color: transparent;
  font: 0/0 a;
  text-shadow: none
}

.hidden {
  display: none!important
}

.affix {
  position: fixed
}

@-ms-viewport {
  width: device-width
}

.visible-lg,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block {
  display: none!important
}

@media (max-width: 767px) {
  .visible-xs {
      display:block!important
  }

  table.visible-xs {
      display: table!important
  }

  tr.visible-xs {
      display: table-row!important
  }

  td.visible-xs,th.visible-xs {
      display: table-cell!important
  }

  .visible-xs-block {
      display: block!important
  }

  .visible-xs-inline {
      display: inline!important
  }

  .visible-xs-inline-block {
      display: inline-block!important
  }
}

@media (min-width: 768px) and (max-width:991px) {
  .visible-sm {
      display:block!important
  }

  table.visible-sm {
      display: table!important
  }

  tr.visible-sm {
      display: table-row!important
  }

  td.visible-sm,th.visible-sm {
      display: table-cell!important
  }

  .visible-sm-block {
      display: block!important
  }

  .visible-sm-inline {
      display: inline!important
  }

  .visible-sm-inline-block {
      display: inline-block!important
  }
}

@media (min-width: 992px) and (max-width:1199px) {
  .visible-md {
      display:block!important
  }

  table.visible-md {
      display: table!important
  }

  tr.visible-md {
      display: table-row!important
  }

  td.visible-md,th.visible-md {
      display: table-cell!important
  }

  .visible-md-block {
      display: block!important
  }

  .visible-md-inline {
      display: inline!important
  }

  .visible-md-inline-block {
      display: inline-block!important
  }
}

@media (min-width: 1200px) {
  .visible-lg {
      display:block!important
  }

  table.visible-lg {
      display: table!important
  }

  tr.visible-lg {
      display: table-row!important
  }

  td.visible-lg,th.visible-lg {
      display: table-cell!important
  }

  .visible-lg-block {
      display: block!important
  }

  .visible-lg-inline {
      display: inline!important
  }

  .visible-lg-inline-block {
      display: inline-block!important
  }
}

@media (max-width: 767px) {
  .hidden-xs {
      display:none!important
  }
}

@media (min-width: 768px) and (max-width:991px) {
  .hidden-sm {
      display:none!important
  }
}

@media (min-width: 992px) and (max-width:1199px) {
  .hidden-md {
      display:none!important
  }
}

@media (min-width: 1200px) {
  .hidden-lg {
      display:none!important
  }
}

.visible-print {
  display: none!important
}

@media print {
  .visible-print {
      display: block!important
  }

  table.visible-print {
      display: table!important
  }

  tr.visible-print {
      display: table-row!important
  }

  td.visible-print,th.visible-print {
      display: table-cell!important
  }
}

.visible-print-block {
  display: none!important
}

@media print {
  .visible-print-block {
      display: block!important
  }
}

.visible-print-inline {
  display: none!important
}

@media print {
  .visible-print-inline {
      display: inline!important
  }
}

.visible-print-inline-block {
  display: none!important
}

@media print {
  .visible-print-inline-block {
      display: inline-block!important
  }

  .hidden-print {
      display: none!important
  }
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

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

::-webkit-input-placeholder {
  color: #666;
  opacity: 1
}

:-moz-placeholder,::-moz-placeholder {
  color: #666;
  opacity: 1
}

:-ms-input-placeholder {
  color: #666;
  opacity: 1
}

:focus {
  outline: none
}

body input:focus:required:invalid,body textarea:focus:required:invalid {
  color: #666
}

body input:required:valid,body textarea:required:valid {
  color: #666
}

body,html {
  height: 100%
}

body {
  background: #000002;
  font-family: AvenirNext, "Microsoft New Tai Lue", "Helvetica Neue", Helvetica, Tahoma, Arial;
  font-size: 16px;
  line-height: 1.65;
  min-width: 320px;
  overflow-x: hidden;
  position: relative
}

::-moz-selection {
  background-color: orange;
  color: #fff
}

::selection {
  background-color: orange;
  color: #fff
}

.tt-u {
  text-transform: uppercase
}

.marked-text-accent {
  color: var(--tecPro-light-blue,#459bb6);
  font-style: normal;
  font-weight: 600;
  line-height: 104.1%
}

.btn-project {
  background: var(--black-main,#0a0a0a);
  border: none;
  border-radius: 40px;
  color: var(--white,#fff);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  gap: 10px;
  line-height: normal;
  padding: 20px 40px;
  -webkit-transition: .2s;
  transition: .2s
}

.btn-project:hover {
  background: var(--TECPRO-blue,#459bb6)
}

.btn-explore {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 40px;
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  padding: 10px;
  -webkit-transition: .15s;
  transition: .15s;
  width: 145px
}

.btn-explore:hover {
  background-color: transparent;
  color: #fff
}

.btn-contact,.btn-work {
  background-color: transparent;
  border: 1px solid #fff;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 20px;
  font-weight: 700;
  padding: 17.5px 45.58px;
  -webkit-transition: all .2s;
  transition: all .2s
}

.btn-contact.btn-action,.btn-work.btn-action {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center
}

.btn-contact:hover,.btn-work:hover {
  background-color: #fff;
  color: #000;
  cursor: pointer
}

.btn-contact:hover svg>path,.btn-work:hover svg>path {
  stroke: #000
}

.btn-contact svg,.btn-work svg {
  display: inline-block;
  margin-left: 10px;
  margin-top: 5px
}

.btn-contact {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  justify-content: center;
  width: 168px
}

.main {
  color: #fff;
  z-index: 2
}

.main h1 {
  color: var(--white,#fff);
  font-size: 64px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: -.64px;
  line-height: 100%
}

.pt300 {
  padding-top: 27vh
}

.mark-bold {
  font-weight: 700
}

.main p {
  color: #fff;
  font-size: 24px;
  margin-bottom: 56px;
  margin-top: 56px
}

.main .action {
  margin-top: 55px
}

.contacts {
  display: block;
  margin-top: 100px;
  padding-bottom: 100px;
  z-index: 10
}

p {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 12px
}

.main__container {
  position: relative;
  z-index: 3
}

.main {
  background: #000;
  min-height: calc(100vh - 72px);
  overflow: hidden;
  padding-bottom: 80px;
  position: relative;
  top: 0
}

.main .bg {
  bottom: 0;
  left: -12%;
  max-width: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 120%;
  z-index: 1
}

.main .bg video {
  height: 100%;
  width: 100%
}

header {
  padding-bottom: 15px;
  padding-top: 45px;
  position: relative;
  z-index: 10
}

header .header-container {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  justify-content: space-between
}

header .header-container:after,header .header-container:before {
  display: none
}

header nav {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase
}

header nav,header nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

header nav ul {
  margin: 0;
  padding: 0 30px;
}

header nav ul li {
  display: flex;
	justify-content: center;
	align-items: center;
  padding: 0 20px
}

header nav ul li a {
  color: #7b7b7b;
  font-size: 14px;
	text-align: center;
  -webkit-transition: .2s;
  transition: .2s
}

header nav ul li a:hover {
  color: #fff;
  text-decoration: none
}

header nav ul li.action {
  margin-left: 40px
}

button {
  -webkit-transition: .2s;
  transition: .2s
}

.servicecard {
  -ms-flex-negative: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background: linear-gradient(313deg,rgba(31,18,39,.1) 39.4%,hsla(0,0%,100%,.1) 100.48%);
  border: 1px solid hsla(0,1%,48%,.31);
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-shrink: 0;
  gap: 64px;
  height: 450px;
  margin-bottom: 32px;
  overflow: hidden;
  padding: 40px;
  position: relative;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  width: 100%
}

.servicecard .btn-work {
  font-size: 14px
}

.servicecard:before {
  background: linear-gradient(300deg,rgba(31,18,39,.1) 40%,hsla(0,0%,100%,.1));
  bottom: 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  width: 100%;
  z-index: 1
}

.servicecard:hover:before {
  background: linear-gradient(200deg,rgba(31,18,39,.1) 30%,hsla(0,0%,100%,.1) 90%);
  opacity: 1
}

.servicecard-image {
  -ms-flex-negative: 0;
  border-radius: 10px;
  flex-shrink: 0;
  height: 361px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 424px
}

.servicecard-content {
  color: #fff;
  z-index: 2
}

.servicecard-content-title {
  font-size: 32px;
  font-weight: 700;
  margin: 0;
  padding: 0
}

.servicecard-content-text {
  font-size: 18px;
  margin-bottom: 38px;
  margin-top: 20px
}

.card {
  background-color: green;
  border-radius: 10px;
  display: block;
  height: 367px;
  margin-bottom: 32px;
  overflow: hidden;
  position: relative;
  width: 100%
}

.card:hover {
  text-decoration: none
}

.card * {
  -webkit-transition: all .3s;
  transition: all .3s
}

.card:active img,.card:hover img {
  height: 105%;
  left: -2.5%;
  top: -2.5%;
  width: 105%
}

.card:active .card-content h2,.card:hover .card-content h2 {
  background-color: #000;
  color: #fff
}

.card img {
  bottom: 0;
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: all .3s;
  transition: all .3s;
  width: 100%;
  z-index: 1
}

.card-content {
  height: 100%;
  position: relative;
  width: 100%;
  z-index: 2
}

.card-content-top {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 22px;
  padding-top: 22px
}

.card-content-top h2 {
  background-color: #fff;
  border-radius: 20px;
  color: var(--black-main,#0a0a0a);
  display: table;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 104.1%;
  margin: 0;
  padding: 10px 20px
}

.card-content-top .icon.arrow-left,.card-content-top h2 {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 37px;
  justify-content: center
}

.card-content-top .icon.arrow-left {
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  background: var(--fill-22,linear-gradient(313deg,hsla(0,0%,100%,.1) 39.4%,hsla(0,0%,100%,.1) 100.48%));
  border-radius: 10px;
  border-radius: 100px;
  margin-left: 10px;
  position: relative;
  width: 53px
}

.card-content-top .icon.arrow-left img {
  height: 36%;
  margin: auto;
  -o-object-fit: contain;
  object-fit: contain;
  width: 36%
}

.card-content-bottom {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  background-color: #fff;
  background: var(--fill-tr,linear-gradient(313deg,rgba(31,18,39,.1) 39.4%,hsla(0,0%,100%,.1) 100.48%));
  border-radius: 0 0 10px 10px;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0;
  height: 160px;
  justify-content: center;
  margin: 0;
  padding: 0;
  position: absolute;
  top: auto;
  width: 100%
}

.card-content-bottom p {
  color: var(--white,#fff);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 104.1%;
  margin: auto;
  max-width: 321px;
  padding: 10px
}

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

.flex-container.align-items-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.flex-container.gap-2 {
  gap: 20px
}

.flex-container.gap-1 {
  gap: 10px
}

.btn-contact,.btn-work {
  border-radius: 40px;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  padding: 8px 22px
}

.postcard {
  margin-bottom: 32px;
  width: 100%
}

.postcard-image {
  border-radius: 10px;
  display: block;
  overflow: hidden
}

.postcard-image,.postcard-image img {
  height: 200px;
  position: relative;
  width: 100%
}

.postcard-image img {
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  top: 0;
  -webkit-transition: .3s;
  transition: .3s
}

.postcard-image img:active,.postcard-image img:hover {
  height: calc(200px + 5%);
  left: -2.5%;
  top: -2.5%;
  width: 105%
}

.postcard .postcard-info {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  opacity: .5;
  padding-bottom: 16px;
  padding-top: 20px
}

.postcard .postcard-info p {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  margin: 0;
  padding: 0;
  text-transform: uppercase
}

.postcard h2 {
  color: var(--white,#fff)
}

.postcard .postcard-title {
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  margin: 0;
  padding: 0
}

.missioncard {
  border-radius: 10px;
  height: 450px;
  margin-bottom: 40px;
  overflow: hidden;
  position: relative;
  width: 100%
}

.missioncard img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
display: block;
height: 100%;
}

.missioncard-content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  background: var(--container-fill,linear-gradient(313deg,rgba(31,18,39,.1) 39.4%,hsla(0,0%,100%,.1) 100.48%));
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 86%;
  justify-content: flex-start;
  left: 0;
  position: absolute;
  right: 0;
  top: calc(100% - 110px);
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.missioncard-content h2,.missioncard-content p {
  color: var(--white,#fff)
}

.missioncard-content-title {
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin: 0;
  padding: 40px;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: all .3s linear;
  transition: all .3s linear
}

.missioncard-content-text {
  padding: 40px 64px 64px
}

.missioncard:hover .missioncard-content {
  height: 100%;
  padding: 0;
  top: 0;
  width: 100%
}

.missioncard:hover .missioncard-content-title {
  padding-bottom: 0
}

.missioncard:hover .missioncard-content-text {
  height: unset;
  opacity: 1
}

.numbers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%
}

.numbers .numbercard {
  width: 33%
}

.numbercard.more {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-flex-item-align: center;
  align-items: center;
  align-self: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  justify-content: center
}

.numbercard.more .learn-more {
  font-size: 16px
}

.numbercard.more:hover .learn-more {
  color: var(--TECPRO-blue-light,#8dcbef)
}

.numbercard.more:hover .icon {
  background: var(--arrow-button,linear-gradient(160deg,hsla(0,0%,100%,.1) 50.4%,hsla(0,0%,100%,.1) 100%))
}

.numbercard.more .icon {
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  background: var(--arrow-button,linear-gradient(313deg,hsla(0,0%,100%,.1) 39.4%,hsla(0,0%,100%,.1) 100.48%));
  border-radius: 100px;
  padding: 5px 23px
}

.numbercard {
  margin-bottom: 10px;
  padding: 20px;
  text-align: center
}

.numbercard-title {
  color: hsla(0,0%,100%,.7);
  font-size: 20px;
  font-weight: 400
}

.numbercard-number,.numbercard-title {
  font-style: normal;
  line-height: normal;
  margin: 0;
  padding: 0
}

.numbercard-number {
  color: var(--white,#fff);
  
  font-size: 96px;
  font-weight: 600
}

.btn-discover {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  background: var(--button-gradient,radial-gradient(2576.44% 178.98% at -31.2% 50.85%,hsla(0,0%,100%,.3) 0,hsla(0,0%,45%,0) 100%));
  border: none;
  border-radius: 40px;
  color: var(--white,#fff);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  height: 59px;
  justify-content: center;
  line-height: normal;
  overflow: hidden;
  position: relative;
  -webkit-transition: all .3s;
  transition: all .3s;
  width: 212px
}

.btn-discover:hover {
  background: radial-gradient(200% 280% at 70.2% 20%,hsla(0,0%,100%,.3) 0,hsla(0,0%,45%,0) 100%)
}

.btn-discover:hover:before {
  opacity: 1
}

.btn-discover:before {
  background: radial-gradient(200% 280% at -31.2% 50%,hsla(0,0%,100%,.3) 0,hsla(0,0%,45%,0) 100%);
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
  z-index: -1
}

.text-3 {
  font-size: 20px;
  font-weight: 400;
  margin: auto;
  max-width: 558px;
  text-align: center
}

.learn-more,.text-3 {
  color: var(--white,#fff);
  font-style: normal;
  line-height: normal
}

.learn-more {
  
  font-size: 14px;
  font-weight: 500;
  text-decoration: underline;
  text-transform: uppercase
}

.learn-more:hover {
  color: var(--TECPRO-blue-light,#8dcbef)
}

.s1 h2 {
  font-size: 40px;
  font-weight: 500;
  letter-spacing: -.4px;
  line-height: 100%;
  margin-top: 120px
}

.s1 h2,.s1 p {
  color: var(--white,#fff);
  font-style: normal;
  margin-bottom: 48px
}

.s1 p {
  
  font-size: 18px;
  font-weight: 400;
  line-height: 124%
}

.s1 button {
  margin-bottom: 48px
}

.s1 .map {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-line-pack: distribute;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  align-content: space-around;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  justify-content: flex-end;
  width: 100%
}

.s2 {
  margin-top: 160px
}

.s3 h2.title {
  color: var(--white,#fff);
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: -.4px;
  line-height: 100%;
  margin-bottom: 48px;
  margin-top: 120px
}

.s3 p.focus {
  color: var(--tecPro-light-blue,#8dcbef);
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 104.1%
}

.s3 p.description {
  color: var(--white,#fff);
  
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 124%;
  margin-bottom: 24px
}

.s3 .cards {
  margin-bottom: 80px;
  margin-top: 96px
}

.media-header {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  margin-bottom: 48px;
  width: 100%
}

.media-header .title {
  color: var(--white,#fff);
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: -.4px;
  line-height: 100%;
  margin: 0
}

.media-header .learn-more {
  display: block;
  font-size: 16px;
  margin: 0
}

.s4 {
  margin-bottom: 64px;
  margin-top: 160px
}

.big-title {
  
  font-size: 40px;
  line-height: 115%
}

.big-description,.big-title {
  color: var(--white,#fff);
  font-style: normal;
  font-weight: 500;
  text-align: center
}

.big-description {
  font-size: 16px;
  line-height: 150%
}

.input-group {
  position: relative
}

.input-group input {
  background: var(--container-fill,linear-gradient(313deg,rgba(31,18,39,.1) 39.4%,hsla(0,0%,100%,.1) 100.48%));
  background-color: transparent;
  border: 1px solid hsla(0,1%,48%,.451);
  border-radius: 100px;
  color: var(--light-grey-footer-search,hsla(0,0%,100%,.7));
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  padding: 30px;
  width: 100%
}

.input-group .btn-grouped {
  background: transparent;
  border: none;
  color: var(--white,var(--white,#fff));
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding: 16px;
  position: absolute;
  right: 20px;
  top: 17px;
  width: 25%;
  z-index: 1
}

.input-group .btn-grouped:after,.input-group .btn-grouped:before {
  border-radius: 40px;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transition: .2s;
  transition: .2s;
  width: 100%
}

.input-group .btn-grouped:before {
  background: var(--subscribe-button-hover,linear-gradient(143deg,#a7cee6 -12.88%,#142125 89.78%));
  opacity: .7;
  z-index: -1
}

.input-group .btn-grouped:after {
  background: var(--subscribe-button,linear-gradient(95deg,#a7cee6 -40.63%,#142125 100.34%));
  opacity: 1;
  z-index: -1
}

.input-group:hover .btn-grouped:after {
  opacity: 0
}

.input-group:hover .btn-grouped:before {
  opacity: 1
}

.search-container {
  position: relative
}

.search-container .search {
  background-color: transparent;
  border: 1px solid var(--light-grey-footer-search,hsla(0,0%,100%,.7));
  border-radius: 100px;
  color: var(--light-grey-footer-search,hsla(0,0%,100%,.7));
  
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  padding: 13px 50px;
  width: 297px
}

.search-container:before {
  background-image: url(../img/search.svg);
  background-position: cover;
  background-repeat: no-repeat;
  background-size: 15px 15px;
  content: "";
  height: 15px;
  left: 28px;
  position: absolute;
  top: 20px;
  width: 15px
}

.footer {
  padding-top: 126px
}

.footer .big-title {
  margin: auto;
  max-width: 633px
}

.footer .big-description {
  margin-top: 32px
}

.footer .input-group {
  margin: 64px auto auto;
  max-width: 633px
}

.footer .subscribe {
  margin-bottom: 140px
}

.footer li {
  margin-bottom: 5px;
  max-width: 203px
}

.footer .copyright {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.footer .copyright p {
  color: var(--white,#fff);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-left: 10px
}

.footer .footer-links-bottom {
  margin-bottom: 77px;
  margin-top: 77px
}

ul,ul li {
  margin: 0;
  padding: 0
}

ul li {
  display: table
}

ul li a,ul li p {
  color: var(--white,#fff);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  -webkit-transition: .2s;
  transition: .2s
}

ul li a:hover,ul li p:hover {
  color: var(--white,#fff);
  opacity: .8;
  text-decoration: none
}

.black-background {
  background-color: #000
}

.light-background {
  background-color: #fff
}

.light-background .btn-contact,.light-background .btn-work,.light-background .title,.light-background a,.light-background h2,.light-background p {
  color: var(--black-main,#0a0a0a)
}

.light-background a:hover {
  color: var(--TECPRO-blue,#459bb6)
}

.light-background .btn-contact,.light-background .btn-work {
  background: var(--black-main,#0a0a0a);
  border-color: var(--black-main,#0a0a0a);
  color: #fff
}

.light-background .btn-contact:hover,.light-background .btn-work:hover {
  background: var(--black-main,#3c3c3c);
  border: 1px solid var(--black-main,#3c3c3c)
}

.about {
  position: relative
}

.logo-container {
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: calc(50% - 114px);
  width: 100%;
  z-index: 2
}

.logo-container .logo-animated {
  display: table;
  margin: auto;
  width: 100%
}

.about-container {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 85px;
  position: relative
}

.aboutcard-container {
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  border: 1px solid hsla(0,1%,48%,.31);
  border-radius: 10px;
  overflow: hidden;
  width: 50%
}

.aboutcard-container.gradient-v1 {
  background: linear-gradient(312deg,rgba(32,221,255,.2) 17.82%,rgba(18,28,31,.2) 45.5%)
}

.aboutcard-container.gradient-v2 {
  background: linear-gradient(304deg,rgba(18,28,31,.2) 56.53%,rgba(32,221,255,.2) 83.9%)
}

.aboutcard-container.gradient-v2 .aboutcard {
  background: unset
}

.aboutcard-container .aboutcard {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  background: var(--container-fill,linear-gradient(313deg,rgba(31,18,39,.1) 39.4%,hsla(0,0%,100%,.1) 100.48%));
  color: var(--white,#fff);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 18px;
  height: 330px;
  justify-content: center;
  padding: 0 56px
}

.aboutcard-container .aboutcard b {
  font-weight: 700
}

.s7 {
  margin-top: 160px
}

.s7,.s8 {
  margin-bottom: 160px
}

.mob {
  display: none!important
}

.s9 {
  padding: 120px
}

.s9 .content {
  max-width: 650px
}

.s9 .title {
  font-size: 3.1rem;
  font-weight: 500;
  letter-spacing: -.32px;
  line-height: 115%;
  margin-bottom: 48px;
  margin-top: 0;
  padding: 0
}

.s9 .title,.s9 p {
  color: var(--black-main,#0a0a0a);
  font-style: normal
}

.s9 p {
  font-size: 18px;
  font-weight: 400;
  line-height: 124%;
  margin-top: 4px
}

.s9 button {
  margin-top: 48px
}

.s9 .img-container {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end
}

.s9 .img-container img {
  border-radius: 10px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 442px;
height: auto;
display: block;
}

.mt200 {
  margin-top: 200px
}

.mt80 {
  margin-top: 80px
}

.mt48 {
  margin-top: 48px
}

.pt200 {
  padding-top: 200px
}

.pt80 {
  padding-top: 80px
}

.s10 .title {
  font-size: 40px;
  font-weight: 500;
  letter-spacing: -.4px;
  line-height: 100%;
  margin-bottom: 32px
}

.s10 .title,.s10 p {
  color: var(--white,#fff);
  font-style: normal
}

.s10 p {
  font-size: 18px;
  font-weight: 400;
  line-height: 124%;
  margin-bottom: 20px
}

.domaincard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px
}

.domaincard:not(:last-child) {
  margin-bottom: 16px
}

.domaincard-content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  border: 1px solid hsla(0,1%,48%,.31);
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
  height: 453px;
  justify-content: center;
  overflow: hidden;
  padding: 0 40px;
  position: relative;
  width: 50%
}

.domaincard-content-title {
  font-size: 32px;
  font-weight: 500;
  letter-spacing: -.32px;
  line-height: 100%
}

.domaincard-content p,.domaincard-content-title {
  color: var(--white,#fff);
  font-style: normal;
  margin: 0
}

.domaincard-content p {
  font-size: 18px;
  font-weight: 400;
  line-height: 124%
}

.domaincard-content:after,.domaincard-content:before {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transition: .3s;
  transition: .3s;
  width: 100%;
  z-index: 1
}

.domaincard-content:before {
  background: linear-gradient(313deg,rgba(31,18,39,.1) 39.4%,hsla(0,0%,100%,.1) 100.48%);
  opacity: 1
}

.domaincard-content:after {
  background: linear-gradient(313deg,rgba(31,18,39,.1) 39.4%,hsla(0,0%,100%,.1) 100.48%);
  opacity: 1
}

.domaincard:hover .domaincard-content:before {
  opacity: 0
}

.domaincard:hover .domaincard-content:after {
  opacity: 1
}

.domaincard:hover .domaincard-content-title {
  color: var(--TECPRO-blue-light,#8dcbef)
}

.domaincard-image {
  border-radius: 10px;
  height: 453px;
  overflow: hidden;
  width: 50%
}

.domaincard-image img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}

.s12 {
  padding-bottom: 120px
}

.s12 .title {
  color: var(--black-main,#0a0a0a);
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: -.4px
}

.logo-animated .rotating-circle circle {
  -webkit-animation: rotateAnimation 5s linear infinite;
  animation: rotateAnimation 5s linear infinite;
  display: inline-block;
  position: relative;
  -webkit-transform-origin: 47.75% 47.75%;
  -ms-transform-origin: 47.75% 47.75%;
  transform-origin: 47.75% 47.75%
}

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

  to {
      -webkit-transform: rotate(1turn);
      transform: rotate(1turn)
  }
}

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

  to {
      -webkit-transform: rotate(1turn);
      transform: rotate(1turn)
  }
}

section {
  position: relative
}

.left-top {
  height: 550px;
  left: -221px;
  top: -220px;
  width: 550px
}

.central-shadowbox,.left-top {
  bottom: 0;
  position: absolute;
  right: 0
}

.central-shadowbox {
  height: 538px;
  left: 0;
  margin: auto;
  top: -70px;
  width: 494px;
  z-index: 0
}

.footer {
  position: relative
}

.footer-animated {
  bottom: 0;
  right: 0;
  top: auto;
  width: 100vw
}

.animated-circle,.footer-animated {
  left: 0;
  position: absolute;
  z-index: -1
}

.animated-circle {
  background: #459bb6;
  border-radius: 50%;
  -webkit-filter: blur(150px);
  filter: blur(150px);
  height: 550px;
  margin: auto;
  opacity: .3;
  opacity: .5;
  top: 0;
  width: 550px
}

.animated-circle-1 {
  background: #459bb6;
  height: 350px;
  left: -120px;
  top: -120px;
  width: 350px
}

.animated-circle-2 {
  background: #459bb6;
  bottom: -20%;
  height: 450px;
  left: 0;
  right: 0;
  top: auto;
  width: 450px
}

.animated-circle-3 {
  -webkit-animation: moveGradient7 10s linear infinite;
  animation: moveGradient7 10s linear infinite;
  background: #459bb6;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0
}

.animated-circle-footer {
  bottom: 0;
  height: 310vh;
  position: absolute;
  width: 100vw;
  z-index: -1
}

.animated-circle-4 {
  background: #ab28d0;
  bottom: -80%;
  left: 0;
  right: 30%;
  top: 0
}

.animated-circle-6 {
  -webkit-animation: moveGradient6 10s linear infinite;
  animation: moveGradient6 10s linear infinite;
  background: #459bb6;
  right: -20%;
  top: -160%
}

.animated-circle-6,.animated-circle-7 {
  bottom: 0;
  left: 0;
  margin: auto;
  opacity: .3
}

.animated-circle-7 {
  -webkit-animation: moveGradient7 15s linear infinite;
  animation: moveGradient7 15s linear infinite;
  background: #ab28d0;
  height: 380px;
  right: -60%;
  top: -80%;
  width: 380px
}

.animated-circle-4 {
  -webkit-animation: moveGradient4 40s linear infinite;
  animation: moveGradient4 40s linear infinite
}

.animated-circle-8,.animated-circle-9 {
  background: #8dcbef;
  bottom: 0;
  height: 380px;
  left: 0;
  margin: auto;
  opacity: .2;
  right: 0;
  top: 0;
  width: 380px
}

.animated-circle-8 {
  -webkit-animation: moveGradient4 30s linear infinite;
  animation: moveGradient4 30s linear infinite;
  top: 80%
}

.animated-circle-9 {
  top: -40%
}

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

.post h2 {
  color: var(--black-main,#0a0a0a);
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: -.4px;
  line-height: 100%;
  margin: 0 0 16px
}

.post img {
  border-radius: 10px;
  max-height: 420px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}

.post .postinfo,.post img {
  margin-top: 16px
}

.post .postinfo p {
  color: var(--article-date-color,#858586);
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%;
  margin: 0 0 8px;
  text-transform: uppercase
}

.post .content {
  margin-top: 32px
}

@-webkit-keyframes moveGradient6 {
  0%,to {
      -webkit-transform: translateY(0);
      transform: translateY(0)
  }

  50% {
      -webkit-transform: translateY(15%);
      transform: translateY(15%)
  }
}

@keyframes moveGradient6 {
  0%,to {
      -webkit-transform: translateY(0);
      transform: translateY(0)
  }

  50% {
      -webkit-transform: translateY(15%);
      transform: translateY(15%)
  }
}

@-webkit-keyframes moveGradient7 {
  0%,to {
      -webkit-transform: translateY(0);
      transform: translateY(0)
  }

  50% {
      -webkit-transform: translateY(35%);
      transform: translateY(35%)
  }
}

@keyframes moveGradient7 {
  0%,to {
      -webkit-transform: translateY(0);
      transform: translateY(0)
  }

  50% {
      -webkit-transform: translateY(35%);
      transform: translateY(35%)
  }
}

@-webkit-keyframes moveGradient2 {
  0%,30%,to {
      background: #459bb6;
      -webkit-transform: translateY(0) translateX(0);
      transform: translateY(0) translateX(0)
  }

  50% {
      background: #ab28d0;
      -webkit-transform: translateY(250%) translateX(0);
      transform: translateY(250%) translateX(0)
  }
}

@keyframes moveGradient2 {
  0%,30%,to {
      background: #459bb6;
      -webkit-transform: translateY(0) translateX(0);
      transform: translateY(0) translateX(0)
  }

  50% {
      background: #ab28d0;
      -webkit-transform: translateY(250%) translateX(0);
      transform: translateY(250%) translateX(0)
  }
}

@-webkit-keyframes moveGradient4 {
  0%,to {
      -webkit-transform: translateY(0) translateX(0);
      transform: translateY(0) translateX(0)
  }

  10%,90% {
      -webkit-transform: translateY(-90%) translateX(-90%);
      transform: translateY(-90%) translateX(-90%)
  }

  30%,70% {
      background: #459bb6;
      -webkit-transform: translateY(-240%) translateX(10%);
      transform: translateY(-240%) translateX(10%)
  }

  50% {
      background: #ab28d0;
      -webkit-transform: translateY(-370%) translateX(-50%) scale(.8);
      transform: translateY(-370%) translateX(-50%) scale(.8)
  }
}

@keyframes moveGradient4 {
  0%,to {
      -webkit-transform: translateY(0) translateX(0);
      transform: translateY(0) translateX(0)
  }

  10%,90% {
      -webkit-transform: translateY(-90%) translateX(-90%);
      transform: translateY(-90%) translateX(-90%)
  }

  30%,70% {
      background: #459bb6;
      -webkit-transform: translateY(-240%) translateX(10%);
      transform: translateY(-240%) translateX(10%)
  }

  50% {
      background: #ab28d0;
      -webkit-transform: translateY(-370%) translateX(-50%) scale(.8);
      transform: translateY(-370%) translateX(-50%) scale(.8)
  }
}

@media only screen and (max-width: 992px) {
  h2 {
      font-weight:medium!important
  }

  .desk {
      display: none!important
  }

  .mob {
      display: block!important
  }

  .menu-btn {
      cursor: pointer;
      display: block;
      padding: 10px;
      z-index: 15;
      z-index: 20
  }

  .menu-btn .bar {
      background-color: #7b7b7b;
      display: block;
      height: 3px;
      margin: 5px auto;
      -webkit-transition: opacity .3s,-webkit-transform .3s;
      transition: opacity .3s,-webkit-transform .3s;
      transition: transform .3s,opacity .3s;
      transition: transform .3s,opacity .3s,-webkit-transform .3s;
      width: 25px
  }

  .menu-btn:hover .bar {
      background-color: #fff
  }

  .light-background .menu-btn:hover .bar {
      background-color: #000
  }

  #menu-toggle:checked+.menu-btn {
      position: fixed;
      right: 16px
  }

  #menu-toggle:checked+.menu-btn .bar:first-child {
      -webkit-transform: rotate(-45deg) translate(-5px,6px);
      -ms-transform: rotate(-45deg) translate(-5px,6px);
      transform: rotate(-45deg) translate(-5px,6px)
  }

  #menu-toggle:checked+.menu-btn .bar:nth-child(2) {
      opacity: 0
  }

  #menu-toggle:checked+.menu-btn .bar:nth-child(3) {
      -webkit-transform: rotate(45deg) translate(-5px,-6px);
      -ms-transform: rotate(45deg) translate(-5px,-6px);
      transform: rotate(45deg) translate(-5px,-6px)
  }

  #menu-toggle:not(:checked)~nav {
      display: none
  }

  #menu-toggle:checked {
      position: fixed;
      z-index: 20
  }

  #menu-toggle:checked~nav {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      align-items: center;
      -webkit-backdrop-filter: blur(20px);
      backdrop-filter: blur(20px);
      background: var(--container-fill,linear-gradient(313deg,rgba(31,18,39,.1) 39.4%,hsla(0,0%,100%,.1) 100.48%));
      background-color: rgba(0,0,0,.7);
      bottom: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      height: 100%;
      justify-content: center;
      left: 0;
      position: fixed;
      right: 0;
      top: 0;
      width: 100%;
      z-index: 11
  }

  #menu-toggle:checked~nav ul {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      margin-bottom: 20px;
      text-align: center
  }

  #menu-toggle:checked~nav ul li {
      padding: 17px 0
  }

  #menu-toggle:checked~nav ul li a {
      color: var(--white,#fff);
      font-size: 14px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
      text-align: center;
      text-transform: uppercase
  }

  .map img {
      width: 100%;
  height: auto;
  }

  .pt300 {
      padding-top: 200px
  }

  .main h1 {
      font-size: 40px
  }

  .aboutcard-container {
      margin-bottom: 8px;
      width: 100%
  }

  .aboutcard-container .aboutcard {
      height: unset;
      padding: 56px
  }

  .about .logo-container {
      top: -110px;
      width: 100%
  }

  .about .logo-container .logo-animated {
      margin: auto;
      width: 100%
  }

  .servicecard {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 24px;
      height: unset;
      padding: 30px
  }

  .servicecard-content,.servicecard-image {
      width: 100%
  }

  .servicecard-content {
      height: unset
  }

  .servicecard-content-title {
      margin-bottom: 15px;
      margin-top: 0
  }

  .servicecard-content-text {
      margin-bottom: 32px;
      margin-top: 0
  }

  .servicecard-content-button {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding: 20px;
      width: 100%
  }

  .servicecard-image {
      height: 185px;
      margin-bottom: 0;
      padding: 0
  }

  .domaincard {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 8px;
      margin-bottom: 24px
  }

  .domaincard-content,.domaincard-image {
      width: 100%
  }

  .domaincard-image {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1
  }

  .domaincard-content {
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      gap: 0;
      height: unset;
      order: 2;
      padding: 20px
  }

  .domaincard-content-title {
      font-size: 32px;
      margin-bottom: 16px
  }

  .domaincard-content p {
      font-size: 16px;
      margin-top: 0
  }
}

@media only screen and (max-width: 768px) {
  .post img {
      margin-top:24px;
      max-height: 156px
  }

  .post h2 {
      color: var(--black-main,#0a0a0a);
      font-size: 28px;
      font-style: normal;
      font-weight: 500;
      letter-spacing: -.28px;
      line-height: 100%
  }

  .animated-circle {
      -webkit-animation: none;
      animation: none;
      max-width: 90px;
      position: absolute
  }

  .main .bg {
      height: 220%;
      top: auto;
      width: unset;
      z-index: 1
  }

  .numbers .numbercard {
      width: 100%
  }

  .numbers .numbercard.more {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 8px;
      margin: auto;
      width: 185px
  }

  .numbers .numbercard.more .learn-more {
      font-size: 14px
  }

  .numbers .numbercard.more .icon {
      width: 147px
  }

  .numbercard-title {
      font-size: 18px
  }

  .numbercard-number {
      font-size: 56px
  }

  .mob {
      display: block!important
  }

  .missioncard {
      height: 330px;
      margin-bottom: 24px;
      overflow: hidden
  }

  .missioncard img {
      height: 100%
  }

  .missioncard-content {
      display: block;
      height: 330px;
      top: calc(100% - 75px);
      width: 100%
  }

  .missioncard-content-title {
      font-size: 20px;
      padding: 24px
  }

  .missioncard-content-text {
      height: 180px;
      margin: auto;
      padding-left: 20px;
      padding-right: 20px;
      padding-top: 0;
      width: 100%
  }

  .missioncard-content-text p {
      font-size: 14px
  }

  .s9 {
      padding: 56px 20px
  }

  .s9 .img-container img {
      height: 233px;
      width: 100%
  }

  .s8 {
      margin-bottom: 72px
  }

  .big-title {
      font-size: 28px
  }

  .input-group .btn-grouped {
      height: 72px;
      margin-top: 10px;
      position: sticky;
      width: 100%
  }

  .input-group input {
      height: 72px
  }

  .footer .footer-links-top {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column
  }

  .footer .footer-links-top .flex-item {
      margin-bottom: 47px
  }

  .footer .footer-links-bottom {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-box-align: start!important;
      -ms-flex-align: start!important;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      align-items: flex-start!important;
      -ms-flex-direction: column;
      flex-direction: column;
      justify-content: center;
      margin-bottom: 57px;
      margin-top: 0
  }

  .footer .footer-links-bottom .search-container input,.footer .footer-links-bottom .search-wrapper {
      width: 100%
  }

  .footer .footer-links-bottom .flex-item {
      margin-bottom: 31px;
      margin-top: 0
  }

  .footer .footer-links-bottom .flex-item:first-child {
      -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
      order: 3
  }

  .mt200 {
      margin-top: 130px
  }

  .pt200 {
      padding-top: 130px
  }

  .footer .subscribe {
      margin-bottom: 56px
  }

  .btn-explore {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding: 20px;
      width: 100%
  }

  .btn-discover {
      margin-top: 64px;
      width: 100%
  }

  .main h1 {
      margin-bottom: 0
  }

  .main p {
      margin-top: 32px
  }

  .s3 p.description {
      margin-bottom: 19px
  }

  .s3 .cards {
      margin-bottom: 20px;
      margin-top: 48px
  }

  .text-3 {
      color: var(--white,#fff);
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 124%;
      max-width: 340px;
      text-align: center
  }

  .s4 {
      margin-top: 72px
  }

  .s4 h2.title {
      margin-top: 0
  }

  .media-header {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      -ms-flex-direction: column;
      flex-direction: column;
      margin-bottom: 0
  }

  .media-header .learn-more {
      margin-bottom: 32px;
      margin-top: 32px
  }
}

.single-home-flex {
	display:flex;
	flex-wrap: wrap;
	width: calc(100% + 30px);
	margin-left: -15px;
	margin-right: -15px;
	margin-top: -60px;
}
.single-home-item {
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 60px;
	width: calc(33.333% - 30px);
}
@media screen and (max-width: 992px){
	.single-home-item {
	width: calc(50% - 30px);
}
}
@media screen and (max-width: 767px){
	.single-home-item {
		width: calc(100% - 0px);
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 30px;
	}
	.single-home-item:first-child {
		margin-top: 0px;
	}
	.single-home-flex {
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 0px;
		width: 100%;
	}
}

.remodal-baner {
  padding: 0px !important;
  width: 900px;
  max-width: 100%;
}

.remodal-baner img {
  display: block;
  width: 100%;
  height: auto;
}

.remodal-baner-mobile {
  display: none;
}

.remodal-close {
	left: auto;
    right: 5px;
    top: 5px;
    color: #fff !important;
}

@media screen and (max-width: 767px){
  .remodal-baner-mobile {
    display: block;
  }
  .remodal-baner-desktop {
    display: none;
  }
}

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

.header-language {
  position: relative;
  padding: 10px;
	margin-right: 20px;
}

.header-language:hover .hover-language {
  max-height: 80px;
  opacity: 1;
}

.active-language .lang-item {
  display: none;
}

.active-language .current-lang {
  display: block;
}

.active-language .current-lang a {
  font-weight: 300;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  letter-spacing: 0.06em;
  color: #cccccc;
}

.hover-language {
  position: absolute;
  bottom: 0px;
  overflow: hidden;
  max-height: 0px;
  transition: 0.35s;
  left: 50%;
  transform: translate(-50%, 100%);
  background: #fff;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
}

.hover-language a {
  font-weight: 300;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  letter-spacing: 0.06em;
  color: #333333;
}

.hover-language a:hover {
  color: #333333;
  text-decoration: underline;
}

.hover-language ul {
  padding: 6px 10px;
}

.hover-language .current-lang {
  display: none;
}

.active-language .current-lang:after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  margin-left: 3px;
  	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDEwIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjg0MzEzIDAuNjM0MzY2QzAuNzk1NDIyIDAuNTkxNDQ1IDAuNzM5MzAyIDAuNTU3ODkxIDAuNjc3OTc0IDAuNTM1NjE5QzAuNjE2NjQ1IDAuNTEzMzQ2IDAuNTUxMzEgMC41MDI3OTIgMC40ODU2OTcgMC41MDQ1NTlDMC40MjAwODUgMC41MDYzMjYgMC4zNTU0OCAwLjUyMDM4IDAuMjk1NTczIDAuNTQ1OTE3QzAuMjM1NjY1IDAuNTcxNDU1IDAuMTgxNjI3IDAuNjA3OTc2IDAuMTM2NTQ0IDAuNjUzMzk2QzAuMDkxNDYxOCAwLjY5ODgxNiAwLjA1NjIxNzQgMC43NTIyNDYgMC4wMzI4MjMzIDAuODEwNjM0QzAuMDA5NDI5MzEgMC44NjkwMjIgLTAuMDAxNjU2MiAwLjkzMTIyNSAwLjAwMDE5OTg4NCAwLjk5MzY5MUMwLjAwMjA1NTk3IDEuMDU2MTYgMC4wMTY4MTcyIDEuMTE3NjYgMC4wNDM2NDA4IDEuMTc0N0MwLjA3MDQ2NDUgMS4yMzE3NCAwLjEwODgyNSAxLjI4MzE4IDAuMTU2NTMzIDEuMzI2MUw0LjY1Mzg5IDUuMzY5OTZDNC43NDY2NyA1LjQ1MzQ3IDQuODY5NTEgNS41IDQuOTk3MTkgNS41QzUuMTI0ODcgNS41IDUuMjQ3NzEgNS40NTM0NyA1LjM0MDQ5IDUuMzY5OTZMOS44MzgzNSAxLjMyNjFDOS44ODcxIDEuMjgzNDcgOS45MjY0NyAxLjIzMjAzIDkuOTU0MTcgMS4xNzQ3OUM5Ljk4MTg2IDEuMTE3NTQgOS45OTczMyAxLjA1NTYzIDkuOTk5NjkgMC45OTI2NEMxMC4wMDIgMC45Mjk2NTQgOS45OTEyMiAwLjg2Njg1IDkuOTY3ODYgMC44MDc4NzhDOS45NDQ1IDAuNzQ4OTA2IDkuOTA5MDcgMC42OTQ5NCA5Ljg2MzYxIDAuNjQ5MTE2QzkuODE4MTYgMC42MDMyOTIgOS43NjM2IDAuNTY2NTIyIDkuNzAzMSAwLjU0MDk0M0M5LjY0MjYgMC41MTUzNjQgOS41NzczNiAwLjUwMTQ4NSA5LjUxMTE3IDAuNTAwMTEzQzkuNDQ0OTkgMC40OTg3NDEgOS4zNzkxOCAwLjUwOTkwMiA5LjMxNzU2IDAuNTMyOTQ5QzkuMjU1OTUgMC41NTU5OTYgOS4xOTk3NiAwLjU5MDQ2OSA5LjE1MjI1IDAuNjM0MzY2TDQuOTk3MTkgNC4zNjk5NEwwLjg0MzEzIDAuNjM0MzY2WiIgZmlsbD0iI0NDQ0NDQyIvPgo8L3N2Zz4K");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transform-origin: center;
  transition: 0.25s;
}

.active-language .current-lang {
  display: flex;
  align-items: center;
  justify-content: center;
}

.black-background .active-language .current-lang a {
	color: #cccccc;
}

.light-background .active-language .current-lang:after  {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDEwIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjg0MzEzIDAuNjM0MzY3QzAuNzk1NDIyIDAuNTkxNDQ1IDAuNzM5MzAyIDAuNTU3ODkxIDAuNjc3OTc0IDAuNTM1NjE5QzAuNjE2NjQ1IDAuNTEzMzQ2IDAuNTUxMzEgMC41MDI3OTIgMC40ODU2OTcgMC41MDQ1NTlDMC40MjAwODUgMC41MDYzMjYgMC4zNTU0OCAwLjUyMDM4IDAuMjk1NTczIDAuNTQ1OTE4QzAuMjM1NjY1IDAuNTcxNDU1IDAuMTgxNjI3IDAuNjA3OTc2IDAuMTM2NTQ0IDAuNjUzMzk2QzAuMDkxNDYxOCAwLjY5ODgxNiAwLjA1NjIxNzQgMC43NTIyNDYgMC4wMzI4MjMzIDAuODEwNjM0QzAuMDA5NDI5MzEgMC44NjkwMjIgLTAuMDAxNjU2MiAwLjkzMTIyNCAwLjAwMDE5OTg4NCAwLjk5MzY5MUMwLjAwMjA1NTk3IDEuMDU2MTYgMC4wMTY4MTcyIDEuMTE3NjYgMC4wNDM2NDA4IDEuMTc0N0MwLjA3MDQ2NDUgMS4yMzE3NCAwLjEwODgyNSAxLjI4MzE4IDAuMTU2NTMzIDEuMzI2MUw0LjY1Mzg5IDUuMzY5OTZDNC43NDY2NyA1LjQ1MzQ3IDQuODY5NTEgNS41IDQuOTk3MTkgNS41QzUuMTI0ODcgNS41IDUuMjQ3NzEgNS40NTM0NyA1LjM0MDQ5IDUuMzY5OTZMOS44MzgzNSAxLjMyNjFDOS44ODcxIDEuMjgzNDcgOS45MjY0NyAxLjIzMjAzIDkuOTU0MTcgMS4xNzQ3OUM5Ljk4MTg2IDEuMTE3NTQgOS45OTczMyAxLjA1NTYzIDkuOTk5NjkgMC45OTI2NEMxMC4wMDIgMC45Mjk2NTQgOS45OTEyMiAwLjg2Njg1IDkuOTY3ODYgMC44MDc4NzhDOS45NDQ1IDAuNzQ4OTA2IDkuOTA5MDcgMC42OTQ5NDEgOS44NjM2MiAwLjY0OTExNkM5LjgxODE2IDAuNjAzMjkyIDkuNzYzNiAwLjU2NjUyMiA5LjcwMzEgMC41NDA5NDNDOS42NDI2IDAuNTE1MzY0IDkuNTc3MzYgMC41MDE0ODUgOS41MTExNyAwLjUwMDExM0M5LjQ0NDk5IDAuNDk4NzQxIDkuMzc5MTggMC41MDk5MDIgOS4zMTc1NiAwLjUzMjk0OUM5LjI1NTk1IDAuNTU1OTk2IDkuMTk5NzYgMC41OTA0NjkgOS4xNTIyNSAwLjYzNDM2N0w0Ljk5NzE5IDQuMzY5OTRMMC44NDMxMyAwLjYzNDM2N1oiIGZpbGw9IiMyNDI1MjciLz4KPC9zdmc+Cg==");
}

.light-background .active-language .current-lang a {
	color: #000;
}


@media screen and (max-width: 992px){
	.header-language {
		position: absolute;
		top: 50%;
		right: 70px;
		margin-right: 0px;
		transform: translateY(-50%);
		
	}
	.header-container {
		position: relative;
	}
}

.aboutcard-container .aboutcard p {
	font-size: 13px;
	line-height: 20px;
}