@import url(https://fonts.googleapis.com/css?family=Merriweather+Sans:300,300i,400,400i,700,700i&display=swap&subset=latin-ext);

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
   line-height: 1.15;
   -webkit-text-size-adjust: 100%
}

body {
   margin: 0
}

main {
   display: block
}

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

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

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

a {
   background-color: transparent
}

abbr[title] {
   border-bottom: none;
   text-decoration: underline;
   -webkit-text-decoration: underline dotted;
   text-decoration: underline dotted
}

b,
strong {
   font-weight: bolder
}

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

small {
   font-size: 80%
}

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

sub {
   bottom: -.25em
}

sup {
   top: -.5em
}

img {
   border-style: none
}

button,
input,
optgroup,
select,
textarea {
   font-family: inherit;
   font-size: 100%;
   line-height: 1.15;
   margin: 0
}

button,
input {
   overflow: visible
}

button,
select {
   text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
   -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
   border-style: none;
   padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
   outline: 1px dotted ButtonText
}

fieldset {
   padding: .35em .75em .625em
}

legend {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   color: inherit;
   display: table;
   max-width: 100%;
   padding: 0;
   white-space: normal
}

progress {
   vertical-align: baseline
}

textarea {
   overflow: auto
}

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

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

[type=search] {
   -webkit-appearance: textfield;
   outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
   -webkit-appearance: none
}

::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit
}

details {
   display: block
}

summary {
   display: list-item
}

[hidden],
template {
   display: none
}

.slick-slider {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   -webkit-touch-callout: none;
   -khtml-user-select: none;
   -ms-touch-action: pan-y;
   touch-action: pan-y;
   -webkit-tap-highlight-color: transparent
}

.slick-list,
.slick-slider {
   position: relative;
   display: block
}

.slick-list {
   overflow: hidden;
   margin: 0;
   padding: 0
}

.slick-list:focus {
   outline: none
}

.slick-list.dragging {
   cursor: pointer;
   cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
   -webkit-transform: translateZ(0);
   transform: translateZ(0)
}

.slick-track {
   position: relative;
   top: 0;
   left: 0;
   display: block;
   margin-left: auto;
   margin-right: auto
}

.slick-track:after,
.slick-track:before {
   display: table;
   content: ""
}

.slick-track:after {
   clear: both
}

.slick-loading .slick-track {
   visibility: hidden
}

.slick-slide {
   display: none;
   float: left;
   height: 100%;
   min-height: 1px
}

[dir=rtl] .slick-slide {
   float: right
}

.slick-slide img {
   display: block
}

.slick-slide.slick-loading img {
   display: none
}

.slick-slide.dragging img {
   pointer-events: none
}

.slick-initialized .slick-slide {
   display: block
}

.slick-loading .slick-slide {
   visibility: hidden
}

.slick-vertical .slick-slide {
   display: block;
   height: auto;
   border: 1px solid transparent
}

.slick-arrow.slick-hidden {
   display: none
}

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
   padding: 15px 0 15px 15px;
   display: inline-block;
   cursor: pointer;
   position: relative;
   z-index: 99999;
   -webkit-transition-property: opacity, -webkit-filter;
   transition-property: opacity, -webkit-filter;
   transition-property: opacity, filter;
   transition-property: opacity, filter, -webkit-filter;
   -webkit-transition-duration: .15s;
   transition-duration: .15s;
   -webkit-transition-timing-function: linear;
   transition-timing-function: linear;
   font: inherit;
   color: inherit;
   text-transform: none;
   background-color: transparent;
   border: 0;
   margin: 0;
   overflow: visible
}

.hamburger.is-active:hover,
.hamburger:hover {
   opacity: 1
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner:after,
.hamburger.is-active .hamburger-inner:before {
   background-color: #fff
}

.hamburger-box {
   width: 36px;
   height: 19px;
   display: inline-block;
   position: relative
}

.hamburger-inner {
   display: block;
   top: 50%;
   margin-top: -1.5px
}

.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
   width: 36px;
   height: 3px;
   background-color: #fff;
   border-radius: 5px;
   position: absolute;
   -webkit-transition-property: -webkit-transform;
   transition-property: -webkit-transform;
   transition-property: transform;
   transition-property: transform, -webkit-transform;
   -webkit-transition-duration: .15s;
   transition-duration: .15s;
   -webkit-transition-timing-function: ease;
   transition-timing-function: ease
}

.hamburger-inner:after,
.hamburger-inner:before {
   content: "";
   display: block
}

.hamburger-inner:before {
   top: -8px
}

.hamburger-inner:after {
   bottom: -8px
}

.hamburger--spin .hamburger-inner {
   -webkit-transition-duration: .22s;
   transition-duration: .22s;
   -webkit-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
   transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spin .hamburger-inner:before {
   -webkit-transition: top .1s ease-in .25s, opacity .1s ease-in;
   transition: top .1s ease-in .25s, opacity .1s ease-in
}

.hamburger--spin .hamburger-inner:after {
   -webkit-transition: bottom .1s ease-in .25s, -webkit-transform .22s cubic-bezier(.55, .055, .675, .19);
   transition: bottom .1s ease-in .25s, -webkit-transform .22s cubic-bezier(.55, .055, .675, .19);
   transition: bottom .1s ease-in .25s, transform .22s cubic-bezier(.55, .055, .675, .19);
   transition: bottom .1s ease-in .25s, transform .22s cubic-bezier(.55, .055, .675, .19), -webkit-transform .22s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spin.is-active .hamburger-inner {
   -webkit-transform: rotate(225deg);
   transform: rotate(225deg);
   -webkit-transition-delay: .12s;
   transition-delay: .12s;
   -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
   transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--spin.is-active .hamburger-inner:before {
   top: 0;
   opacity: 0;
   -webkit-transition: top .1s ease-out, opacity .1s ease-out .12s;
   transition: top .1s ease-out, opacity .1s ease-out .12s
}

.hamburger--spin.is-active .hamburger-inner:after {
   bottom: 0;
   -webkit-transform: rotate(-90deg);
   transform: rotate(-90deg);
   -webkit-transition: bottom .1s ease-out, -webkit-transform .22s cubic-bezier(.215, .61, .355, 1) .12s;
   transition: bottom .1s ease-out, -webkit-transform .22s cubic-bezier(.215, .61, .355, 1) .12s;
   transition: bottom .1s ease-out, transform .22s cubic-bezier(.215, .61, .355, 1) .12s;
   transition: bottom .1s ease-out, transform .22s cubic-bezier(.215, .61, .355, 1) .12s, -webkit-transform .22s cubic-bezier(.215, .61, .355, 1) .12s
}

.hamburger--spin-r .hamburger-inner {
   -webkit-transition-duration: .22s;
   transition-duration: .22s;
   -webkit-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
   transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spin-r .hamburger-inner:before {
   -webkit-transition: top .1s ease-in .25s, opacity .1s ease-in;
   transition: top .1s ease-in .25s, opacity .1s ease-in
}

.hamburger--spin-r .hamburger-inner:after {
   -webkit-transition: bottom .1s ease-in .25s, -webkit-transform .22s cubic-bezier(.55, .055, .675, .19);
   transition: bottom .1s ease-in .25s, -webkit-transform .22s cubic-bezier(.55, .055, .675, .19);
   transition: bottom .1s ease-in .25s, transform .22s cubic-bezier(.55, .055, .675, .19);
   transition: bottom .1s ease-in .25s, transform .22s cubic-bezier(.55, .055, .675, .19), -webkit-transform .22s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spin-r.is-active .hamburger-inner {
   -webkit-transform: rotate(-225deg);
   transform: rotate(-225deg);
   -webkit-transition-delay: .12s;
   transition-delay: .12s;
   -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
   transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--spin-r.is-active .hamburger-inner:before {
   top: 0;
   opacity: 0;
   -webkit-transition: top .1s ease-out, opacity .1s ease-out .12s;
   transition: top .1s ease-out, opacity .1s ease-out .12s
}

.hamburger--spin-r.is-active .hamburger-inner:after {
   bottom: 0;
   -webkit-transform: rotate(90deg);
   transform: rotate(90deg);
   -webkit-transition: bottom .1s ease-out, -webkit-transform .22s cubic-bezier(.215, .61, .355, 1) .12s;
   transition: bottom .1s ease-out, -webkit-transform .22s cubic-bezier(.215, .61, .355, 1) .12s;
   transition: bottom .1s ease-out, transform .22s cubic-bezier(.215, .61, .355, 1) .12s;
   transition: bottom .1s ease-out, transform .22s cubic-bezier(.215, .61, .355, 1) .12s, -webkit-transform .22s cubic-bezier(.215, .61, .355, 1) .12s
}

.btn.btn__main,
.gradient--main,
.jitiv-cf-modal .wpcf7-submit {
   background: #2153f9;
   background-image: -webkit-gradient(linear, left top, right top, from(#2153f9), color-stop(#5e81f4), color-stop(#4c73f5), to(#2153f9));
   background-image: linear-gradient(90deg, #2153f9, #5e81f4, #4c73f5, #2153f9);
   -webkit-transition: background-position .4s ease-in-out;
   transition: background-position .4s ease-in-out;
   background-size: 300% 100%
}

.btn.btn__main:hover,
.gradient--main:hover,
.jitiv-cf-modal .wpcf7-submit:hover {
   background-position: 100% 0;
   -webkit-transition: background-position .4s ease-in-out;
   transition: background-position .4s ease-in-out;
   cursor: pointer
}

body {
   font-family: Merriweather Sans;
   font-size: 16px;
   color: #2c3d74;
   background-color: #f6f5fa
}

:focus {
   outline: none
}

.container {
   width: 1200px;
   margin-left: auto;
   margin-right: auto;
   -webkit-box-sizing: border-box;
   box-sizing: border-box
}

@media only screen and (max-width:1366px) {
   .container {
      width: 980px
   }
}

@media only screen and (max-width:1200px) {
   .container {
      width: 840px
   }
}

@media only screen and (max-width:1024px) {
   .container {
      width: 100%;
      padding-left: 80px;
      padding-right: 80px
   }
}

@media only screen and (max-width:600px) {
   .container {
      padding-left: 40px;
      padding-right: 40px
   }
}

.section,
.section--blue {
   padding: 80px 0 150px;
   -webkit-box-sizing: border-box;
   box-sizing: border-box
}

@media only screen and (max-width:1024px) {

   .section,
   .section--blue {
      padding-left: 80px;
      padding-right: 80px
   }
}

@media only screen and (max-width:600px) {

   .section,
   .section--blue {
      padding: 40px
   }
}

.section--blue {
   background-color: #232851;
   width: 100%;
   margin: 0;
   padding: 40px 0;
   color: #fff
}

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

a {
   color: inherit;
   text-decoration: none
}

h1 {
   font-size: 60px
}

h1,
h2 {
   font-weight: 700
}

h2 {
   margin: 0 0 10px
}

h2,
h3 {
   font-size: 30px
}

h3 {
   font-weight: 400;
   margin: 20px 0;
   text-align: center
}

h4 {
   font-size: 20px
}

p {
   font-size: 16px;
   font-weight: 300;
   margin: 15px 0;
   line-height: 28px
}

small {
   font-size: 12px
}

svg:focus,
svg path:focus {
   outline: none
}

a,
button,
input,
select,
textarea {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.overflowY-hidden {
   overflow-y: hidden
}

.zeroHeight {
   height: 0 !important;
   visibility: hidden;
   -webkit-transition: height .2s ease;
   transition: height .2s ease
}

.zeroTop {
   top: 0 !important
}

.btn,
.jitiv-cf-modal .wpcf7-submit {
   outline: none;
   border: none;
   border-radius: 5px;
   font-family: Merriweather Sans
}

.btn.btn__main,
.jitiv-cf-modal .wpcf7-submit {
   height: 46px;
   padding: 0 45px;
   font-size: 14px;
   color: #fff
}

.btn.btn__main.btn__main--white,
.jitiv-cf-modal .btn__main--white.wpcf7-submit {
   background: none;
   border: 1px solid #fff
}

.ticks--white li,
.ticks li {
   padding-left: 40px;
   background-image: url(./images/ico_check.svg);
   background-size: 10px 7px;
   background-position-x: left;
   background-repeat: no-repeat
}

.ticks--white li {
   background-image: url(./images/ico_check_white.svg)
}

.close-helper {
   height: 100%;
   width: 100%;
   background: none;
   position: fixed;
   top: 0;
   left: 0;
   z-index: 2;
   display: none
}

.close-helper.active {
   display: block
}

@-webkit-keyframes preloaderGradient {
   0% {
      background-position: 0 50%
   }

   50% {
      background-position: 100% 50%
   }

   to {
      background-position: 0 50%
   }
}

@keyframes preloaderGradient {
   0% {
      background-position: 0 50%
   }

   50% {
      background-position: 100% 50%
   }

   to {
      background-position: 0 50%
   }
}

.preloader {
   position: fixed;
   z-index: 99999999;
   background: linear-gradient(-45deg, #232851, #2153f9, #4c73f5);
   background-size: 400% 400%;
   -webkit-animation: preloaderGradient 20s ease infinite;
   animation: preloaderGradient 20s ease infinite;
   width: 100%;
   height: 100%;
   -webkit-transition: height .5s ease;
   transition: height .5s ease;
   overflow: hidden;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center
}

.preloader .logo {
   height: 72px;
   -o-object-fit: contain;
   object-fit: contain;
   position: absolute;
   top: 46%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%)
}

.preloader .logo path {
   fill: #fff
}

.preloader.loaded {
   height: 0;
   -webkit-transition: height .5s ease;
   transition: height .5s ease
}

.preloader .lds-ellipsis {
   display: inline-block;
   position: relative;
   margin-top: 50px;
   width: 64px;
   height: 64px
}

.preloader .lds-ellipsis div {
   position: absolute;
   top: 27px;
   width: 11px;
   height: 11px;
   border-radius: 50%;
   background: #fff;
   -webkit-animation-timing-function: cubic-bezier(0, 1, 1, 0);
   animation-timing-function: cubic-bezier(0, 1, 1, 0)
}

.preloader .lds-ellipsis div:first-child {
   left: 6px;
   -webkit-animation: lds-ellipsis1 .6s infinite;
   animation: lds-ellipsis1 .6s infinite
}

.preloader .lds-ellipsis div:nth-child(2) {
   left: 6px;
   -webkit-animation: lds-ellipsis2 .6s infinite;
   animation: lds-ellipsis2 .6s infinite
}

.preloader .lds-ellipsis div:nth-child(3) {
   left: 26px;
   -webkit-animation: lds-ellipsis2 .6s infinite;
   animation: lds-ellipsis2 .6s infinite
}

.preloader .lds-ellipsis div:nth-child(4) {
   left: 45px;
   -webkit-animation: lds-ellipsis3 .6s infinite;
   animation: lds-ellipsis3 .6s infinite
}

@-webkit-keyframes lds-ellipsis1 {
   0% {
      -webkit-transform: scale(0);
      transform: scale(0)
   }

   to {
      -webkit-transform: scale(1);
      transform: scale(1)
   }
}

@keyframes lds-ellipsis1 {
   0% {
      -webkit-transform: scale(0);
      transform: scale(0)
   }

   to {
      -webkit-transform: scale(1);
      transform: scale(1)
   }
}

@-webkit-keyframes lds-ellipsis3 {
   0% {
      -webkit-transform: scale(1);
      transform: scale(1)
   }

   to {
      -webkit-transform: scale(0);
      transform: scale(0)
   }
}

@keyframes lds-ellipsis3 {
   0% {
      -webkit-transform: scale(1);
      transform: scale(1)
   }

   to {
      -webkit-transform: scale(0);
      transform: scale(0)
   }
}

@-webkit-keyframes lds-ellipsis2 {
   0% {
      -webkit-transform: translate(0);
      transform: translate(0)
   }

   to {
      -webkit-transform: translate(19px);
      transform: translate(19px)
   }
}

@keyframes lds-ellipsis2 {
   0% {
      -webkit-transform: translate(0);
      transform: translate(0)
   }

   to {
      -webkit-transform: translate(19px);
      transform: translate(19px)
   }
}

.jitiv-banner {
   height: 825px;
   padding: 40px 0;
   position: relative;
   color: #fff
}

.jitiv-banner .jitiv-banner__background {
   position: absolute;
   top: 0;
   left: 0;
   z-index: -1;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   background-image: url(./images/banner.png);
   background-repeat: no-repeat;
   background-position: 50%;
   background-size: cover;
   background-color: #2c3d74
}

.patronage {
   height: 63px;
   padding: 8px 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   width: 100%;
   background-color: #fff;
   position: relative;
   z-index: 4;
   -webkit-transition: height .2s ease;
   transition: height .2s ease
}

.patronage img {
   padding: 0 30px
}

.navbar-wrapper .navbar {
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   font-size: 14px;
   font-weight: 300
}

.navbar-wrapper .navbar.navbar--desktop {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex
}

.navbar-wrapper .navbar.navbar--mobile {
   display: none
}

.navbar-wrapper .navbar .navbar__item {
   -webkit-box-flex: 1;
   -ms-flex-positive: 1;
   flex-grow: 1
}

.navbar-wrapper .navbar .navbar__item:first-child {
   -webkit-box-flex: 7;
   -ms-flex-positive: 7;
   flex-grow: 7
}

.navbar-wrapper .navbar .navbar__item a,
.navbar-wrapper .navbar .navbar__item a:hover {
   -webkit-transition: color .1s ease;
   transition: color .1s ease
}

.navbar-wrapper .navbar .navbar__item a:hover {
   color: #4fd4ff
}

.navbar-wrapper .navbar .navbar__item.navbar__item--select {
   position: relative
}

.navbar-wrapper .navbar .navbar__item.navbar__item--select .select-trigger {
   -webkit-transition: color .1s ease;
   transition: color .1s ease;
   padding-left: 20px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex
}

.navbar-wrapper .navbar .navbar__item.navbar__item--select .select-trigger svg {
   width: 8px;
   height: auto;
   max-height: 16px;
   margin-right: 12px
}

.navbar-wrapper .navbar .navbar__item.navbar__item--select .select-trigger:hover {
   color: #4fd4ff;
   -webkit-transition: color .1s ease;
   transition: color .1s ease;
   cursor: pointer
}

.navbar-wrapper .navbar .navbar__item.navbar__item--select .select-trigger:hover svg path {
   fill: #4fd4ff;
   -webkit-transition: color .1s ease;
   transition: color .1s ease
}

.navbar-wrapper .navbar .logo {
   height: 38px
}

.navbar-wrapper .navbar .icon {
   width: 20px
}

.navbar-wrapper .navbar .icon:hover {
   cursor: pointer
}

.navbar-wrapper .navbar .lang-wrapper {
   font-size: 10px;
   border: 1px solid #fff;
   border-radius: 5px;
   width: 63px;
   max-width: 63px;
   height: 24px;
   text-align: center;
   line-height: 24px;
   cursor: pointer
}

.navbar-wrapper .navbar .lang-wrapper .lang {
   text-transform: uppercase
}

.navbar-wrapper .navbar .lang-wrapper .lang:after {
   content: ">";
   display: inline-block;
   margin-left: 10px
}

.navbar-wrapper .navbar .lang-wrapper .lang-dropdown {
   z-index: 99999;
   position: relative;
   display: none;
   text-align: left;
   margin-left: 18px
}

.navbar-wrapper .select-wrapper {
   display: none;
   background-color: #fff;
   width: 220px;
   padding: 14px 23px;
   border-radius: 5px;
   color: #2c3d74;
   position: absolute;
   left: -85px;
   top: 45px;
   text-align: center;
   z-index: 3
}

.navbar-wrapper .select-wrapper:after {
   content: "";
   position: absolute;
   width: 0;
   height: 0;
   top: -10px;
   border-color: transparent transparent #fff;
   border-style: solid;
   border-width: 0 10px 10px
}

.navbar-wrapper .select-wrapper .select-list {
   text-align: left
}

.navbar-wrapper .select-wrapper .select-list .select-item {
   margin: 9px 0;
   font-size: 14px;
   font-weight: 400;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   line-height: 21px
}

.navbar-wrapper .select-wrapper .select-list .select-item svg {
   margin-right: 25px;
   width: 24px;
   max-height: 21px
}

.navbar--sticky {
   width: 100%;
   height: 90px;
   background-color: #fff;
   color: #2c3d74;
   position: fixed;
   top: 0;
   z-index: 999;
   opacity: 0;
   -webkit-transition: opacity .2s ease-in-out;
   transition: opacity .2s ease-in-out;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   border-bottom-right-radius: 6px;
   border-bottom-left-radius: 6px
}

.navbar--sticky .hamburger span.hamburger-inner,
.navbar--sticky .hamburger span.hamburger-inner:after,
.navbar--sticky .hamburger span.hamburger-inner:before {
   background-color: #2c3d74
}

.navbar--sticky .navbar .navbar__item {
   font-weight: 400
}

.navbar--sticky .navbar .navbar__item a:hover {
   color: #2c3d74;
   text-decoration: underline;
   -webkit-transition: none;
   transition: none
}

.navbar--sticky .navbar .navbar__item.navbar__item--select .select-trigger {
   -webkit-transition: none;
   transition: none
}

.navbar--sticky .navbar .navbar__item.navbar__item--select .select-trigger svg path {
   fill: #2c3d74
}

.navbar--sticky .navbar .navbar__item.navbar__item--select .select-trigger:hover {
   color: #2c3d74;
   -webkit-transition: none;
   transition: none;
   text-decoration: underline
}

.navbar--sticky .navbar .navbar__item.navbar__item--select .select-trigger:hover svg path {
   fill: #2c3d74;
   text-decoration: underline
}

.navbar--sticky .navbar .navbar__item.navbar__item--select .select-wrapper {
   width: 180px;
   left: -75px;
   -webkit-box-shadow: 0 0 15px 8px rgba(0, 0, 0, .1);
   box-shadow: 0 0 15px 8px rgba(0, 0, 0, .1)
}

.navbar--sticky .navbar .icon path {
   fill: #2c3d74
}

.navbar--sticky .navbar .lang-wrapper {
   border-color: #2c3d74
}

.navbar--sticky.appear {
   opacity: 1;
   -webkit-transition: opacity .4s ease-in-out;
   transition: opacity .4s ease-in-out;
   -webkit-box-shadow: 0 0 22px 8px rgba(0, 0, 0, .1);
   box-shadow: 0 0 22px 8px rgba(0, 0, 0, .1)
}

.mobile-menu-box {
   width: 100vw;
   height: 100vh;
   position: fixed;
   top: 60px;
   left: 0;
   background: #232851;
   z-index: 3;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: start;
   -ms-flex-pack: start;
   justify-content: flex-start;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   text-align: center;
   -webkit-transform: translateY(-120%);
   transform: translateY(-120%)
}

.mobile-menu-box,
.mobile-menu-box.active {
   -webkit-transition: -webkit-transform .2s ease-in-out;
   transition: -webkit-transform .2s ease-in-out;
   transition: transform .2s ease-in-out;
   transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out
}

.mobile-menu-box.active {
   -webkit-transform: translateY(0);
   transform: translateY(0)
}

.mobile-menu-box .box-inside {
   margin-top: 150px;
   width: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   overflow: scroll
}

.mobile-menu-box .box-inside .navbar__item {
   padding: 20px 0
}

.mobile-menu-box .box-inside .navbar__item .icon {
   width: 30px;
   height: 30px;
   margin: 20px 0
}

.mobile-menu-box .select-wrapper {
   display: none
}

.jitiv-banner__info {
   max-width: 500px;
   margin-top: 120px
}

.jitiv-banner__info h1 {
   line-height: 65px
}

.jitiv-banner__info .btn,
.jitiv-banner__info .jitiv-cf-modal .wpcf7-submit,
.jitiv-cf-modal .jitiv-banner__info .wpcf7-submit {
   margin: 25px 0
}

.jitiv-banner__steps {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   padding: 0 80px;
   margin-top: 110px
}

.jitiv-banner__steps .step {
   min-width: 140px;
   width: 140px;
   max-width: 140px;
   text-align: center
}

.jitiv-banner__steps .step .step__icon {
   height: 40px;
   width: 40px
}

.jitiv-banner__steps .step p {
   font-size: 14px;
   line-height: 16px
}

.jitiv-banner__steps hr {
   width: 100%;
   border-color: #fff;
   opacity: .5
}

.customers-wrapper {
   height: 110px;
   padding: 40px 0;
   background-color: #fff;
   font-size: 14px;
   color: #2c3d74;
   position: absolute;
   bottom: 0;
   width: 100%;
   left: 0;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   -webkit-box-shadow: 0 0 24px 6px hsla(0, 0%, 74.5%, .1);
   box-shadow: 0 0 24px 6px hsla(0, 0%, 74.5%, .1)
}

.customers-wrapper .customers {
   display: block;
   height: 100%
}

.customers-wrapper .customers .customer {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   height: 26px;
   margin: 0 10px;
   -o-object-fit: contain;
   object-fit: contain
}

.customers-wrapper .customers .customer:first-child {
   white-space: nowrap;
   line-height: 30px;
   float: left
}

#customers-slider {
   width: 100%
}

.features {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column
}

.features,
.features .feature {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center
}

.features .feature {
   -ms-flex-pack: distribute;
   justify-content: space-around;
   margin: 10px 0;
   padding: 0 35px
}

.features .feature .feature__image.macbook {
   left: auto !important;
   right: 60px !important
}

.features .feature .feature__image.dollar-1 {
   top: 50px !important;
   bottom: auto !important;
   left: 80px !important;
   right: auto !important
}

.features .feature .feature__image.dollar-2 {
   top: auto !important;
   bottom: 140px !important;
   left: 30px !important;
   right: auto !important
}

.features .feature .feature__image.drivers-5 {
   left: auto !important;
   right: -80px !important
}

.features .feature .feature__image.drivers-3 {
   top: -50px !important;
   bottom: auto !important;
   left: auto !important;
   right: 180px !important
}

.features .feature .feature__image.drivers-2 {
   top: auto !important;
   bottom: 30px !important;
   left: 160px !important;
   right: auto !important
}

.features .feature .feature__image.drivers-4 {
   top: 0 !important;
   bottom: auto !important;
   left: auto !important;
   right: 100px !important
}

.features .feature .feature__image.drivers-1 {
   top: -40px !important;
   bottom: auto !important;
   left: 120px !important;
   right: auto !important
}

.features .feature .feature__image.cloud-3 {
   left: 90px !important;
   right: auto !important;
   top: 40px !important;
   width: 290px;
   bottom: auto !important
}

.features .feature .feature__image.cloud-2 {
   top: -20px !important;
   bottom: auto !important;
   left: 150px !important;
   right: auto !important
}

.features .feature .feature__image.cloud-1 {
   left: auto !important;
   right: 160px !important;
   width: 70px;
   top: 30px !important;
   bottom: auto !important
}

.features .feature:nth-child(2) {
   -webkit-box-orient: horizontal;
   -webkit-box-direction: reverse;
   -ms-flex-direction: row-reverse;
   flex-direction: row-reverse;
   text-align: right
}

.features .feature .image-wrapper {
   width: 50%
}

.features .feature .image-wrapper.mobile-only {
   display: none;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center
}

.features .feature .image-wrapper.desktop-only {
   display: block
}

.features .feature .description-wrapper {
   width: 50%
}

.features .feature .description-wrapper p {
   line-height: 26px
}

.section--sectors {
   padding-top: 50px;
   padding-bottom: 80px
}

.sectors {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center
}

.sectors .tabs-buttons {
   margin: 40px 0
}

.jitiv-cf-modal .sectors .tabs-buttons .wpcf7-submit,
.sectors .tabs-buttons .btn,
.sectors .tabs-buttons .jitiv-cf-modal .wpcf7-submit {
   border-color: hsla(0, 0%, 100%, 0);
   padding: 0 30px;
   color: #8086b7;
   margin: 0 20px;
   -webkit-transition: color .2s ease-in-out, border .2s ease-in-out;
   transition: color .2s ease-in-out, border .2s ease-in-out;
   height: 40px
}

.jitiv-cf-modal .sectors .tabs-buttons .active.wpcf7-submit,
.sectors .tabs-buttons .btn.active,
.sectors .tabs-buttons .jitiv-cf-modal .active.wpcf7-submit {
   border: 1px solid #fff;
   color: #fff;
   -webkit-transition: color .2s ease-in-out, border .2s ease-in-out;
   transition: color .2s ease-in-out, border .2s ease-in-out
}

.jitiv-cf-modal .sectors .tabs-buttons .wpcf7-submit:hover,
.sectors .tabs-buttons .btn:hover,
.sectors .tabs-buttons .jitiv-cf-modal .wpcf7-submit:hover {
   color: #fff;
   -webkit-transition: color .2s ease-in-out;
   transition: color .2s ease-in-out
}

.sectors .tabs .tab {
   display: none;
   margin-top: 20px
}

.sectors .tabs .tab .tab__image {
   width: 50%
}

.sectors .tabs .tab .tab__image,
.sectors .tabs .tab .tab__image .mask-wrapper {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   position: relative
}

.sectors .tabs .tab .tab__image .mask-wrapper {
   width: 350px;
   height: 350px;
   overflow: hidden
}

.sectors .tabs .tab .tab__image .mask {
   width: 100%;
   height: 100%;
   max-width: 350px;
   max-height: 350px;
   z-index: 2;
   position: absolute
}

.sectors .tabs .tab .tab__image .mask path {
   fill: #232851
}

.sectors .tabs .tab .tab__image .mask-bg {
   width: auto;
   height: 350px;
   min-height: 350px;
   min-width: 350px;
   -o-object-fit: fill;
   object-fit: fill
}

.sectors .tabs .tab .tab__image .mask-bg#tab_1,
.sectors .tabs .tab .tab__image .mask-bg#tab_2 {
   left: auto !important;
   right: -50px !important
}

.sectors .tabs .tab .tab__content {
   width: 50%
}

.sectors .tabs .tab .tab__content p {
   font-size: 14px;
   font-weight: 400;
   line-height: 26px
}

.sectors .tabs .tab .tab__content .tab__features {
   margin-top: 70px
}

.sectors .tabs .tab .tab__content .tab__features .tab__feature {
   line-height: 22px;
   margin: 8px 0;
   font-size: 12px;
   font-weight: 700;
   max-width: 360px;
   background-position-y: 8px
}

.sectors .tabs .tab.active {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex
}

.white-bg-wrapper {
   background-color: #fff
}

.section--advantages {
   padding-bottom: 50px;
   padding-top: 50px
}

.advantages {
   -ms-flex-pack: distribute;
   justify-content: space-around;
   -ms-flex-line-pack: start;
   align-content: flex-start;
   margin-top: 90px
}

.advantages,
.advantages .advantage {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex
}

.advantages .advantage {
   width: 350px;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   text-align: center
}

.advantages .advantage img {
   max-width: 250px;
   height: 230px;
   -o-object-fit: contain;
   object-fit: contain;
   margin-bottom: 10px
}

.advantages .advantage h4 {
   max-width: 220px;
   min-height: 46px;
   margin-bottom: 10px
}

.advantages .advantage p {
   font-size: 14px;
   line-height: 24px
}

.advantages .advantage__above {
   width: 150px;
   right: 50px !important;
   top: 0 !important;
   bottom: auto !important;
   left: auto !important
}

.advantages .advantage__coin-3 {
   width: 30px;
   right: 100px !important;
   left: auto !important;
   top: -90px !important;
   bottom: auto !important
}

.advantages .advantage__coin-2 {
   width: 50px;
   right: auto !important;
   left: 30px !important;
   top: -60px !important;
   bottom: auto !important
}

.advantages .advantage__coin-1 {
   width: 90px;
   right: 20px !important;
   left: auto !important;
   top: -10px !important;
   bottom: auto !important
}

.advantages .advantage__leaf-2 {
   width: 100px;
   right: 0 !important;
   left: auto !important;
   top: auto !important;
   bottom: -60px !important
}

.advantages .advantage__leaf-1 {
   width: 160px;
   right: -50px !important;
   left: auto !important;
   top: -30px !important;
   bottom: auto !important
}

.advantage__image-wrapper.desktop-only {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex
}

.advantage__image-wrapper .clock-arrow {
   width: 70px;
   top: 40px !important;
   bottom: auto !important;
   left: 90px !important;
   right: auto !important
}

.advantage__image-wrapper.mobile-only {
   display: none;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center
}

.advantage__image-wrapper.mobile-only.ecology img {
   margin-left: 50px
}

.section--testimonials {
   padding-top: 50px;
   padding-bottom: 90px;
   position: relative
}

.section--testimonials h3 {
   position: relative;
   z-index: 1
}

.section--testimonials .testimonials__arrows {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   position: absolute;
   bottom: 170px;
   right: 0;
   z-index: 1
}

.section--testimonials .testimonials__arrows #testimonial_next,
.section--testimonials .testimonials__arrows #testimonial_prev {
   width: 18px;
   z-index: 1
}

.section--testimonials .testimonials__arrows #testimonial_next:hover,
.section--testimonials .testimonials__arrows #testimonial_prev:hover {
   cursor: pointer
}

.section--testimonials .testimonials__arrows #testimonial_prev {
   margin-right: 32px
}

.section--testimonials .testimonials__arrows path {
   fill: #232851
}

.section--testimonials .quote-bg {
   position: absolute;
   width: 445px;
   top: 25px;
   left: -21px;
   z-index: 0
}

.testimonials {
   margin-top: 45px;
   z-index: 1
}

.testimonials .testimonial .author__image {
   -webkit-mask: url(./images/ico_quote\ photo.svg);
   mask: url(./images/ico_quote\ photo.svg);
   -webkit-mask-repeat: no-repeat;
   mask-repeat: no-repeat;
   -webkit-mask-position: center;
   mask-position: center
}

.testimonials .testimonial:hover {
   cursor: -webkit-grab;
   cursor: grab
}

.testimonials .testimonial:focus {
   cursor: -webkit-grabbing;
   cursor: grabbing
}

.testimonials.slick-slider .slick-slide {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center
}

.testimonials.slick-slider .author__image {
   width: 110px;
   height: 110px;
   margin-bottom: 10px;
   -o-object-fit: cover;
   object-fit: cover
}

.testimonials.slick-slider .cite {
   max-width: 920px;
   text-align: center;
   font-size: 22px;
   font-weight: 300;
   line-height: 36px;
   margin: 35px 0
}

.testimonials.slick-slider .author {
   font-size: 16px;
   font-weight: 700;
   line-height: 24px;
   margin-top: 35px
}

.testimonials.slick-slider .company {
   font-size: 16px;
   font-weight: 400;
   line-height: 24px
}

.section--media {
   padding-top: 80px
}

.section--media,
.section--media .media-wrapper {
   position: relative
}

.section--media .media__arrows {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   position: absolute;
   right: 0;
   margin-top: 68px
}

.section--media .media__arrows #media_next,
.section--media .media__arrows #media_prev {
   width: 18px
}

.section--media .media__arrows #media_next:hover,
.section--media .media__arrows #media_prev:hover {
   cursor: pointer
}

.section--media .media__arrows #media_prev {
   margin-right: 32px
}

.section--media .media__arrows path {
   fill: #fff
}

#media-slider {
   margin-top: 70px
}

#media-slider .entries-group {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column
}

#media-slider .entries-group,
#media-slider .entries-group .entry {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center
}

#media-slider .entries-group .entry {
   height: 130px;
   margin: 1px 0;
   width: 299px;
   background-color: #2e335a;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-transition: background-color .5s ease;
   transition: background-color .5s ease
}

#media-slider .entries-group .entry:hover {
   background-color: #333760;
   -webkit-transition: background-color .1s ease;
   transition: background-color .1s ease;
   cursor: pointer
}

.section--awards {
   padding-top: 100px;
   padding-bottom: 130px
}

.awards {
   margin-top: 45px
}

.awards .slick-track {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between
}

.awards .slick-track:after,
.awards .slick-track:before {
   display: none
}

.awards .award {
   width: 250px !important;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   text-align: center;
   margin: 50px 0
}

.awards .award,
.awards .award .award__images {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center
}

.awards .award .award__images {
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   margin-bottom: 10px
}

.awards .award .award__images .laur {
   width: 40px;
   height: auto
}

.awards .award .award__images .logo {
   margin: 0 10px;
   max-width: 110px
}

.awards .award:hover {
   cursor: default
}

.awards__arrows {
   display: none
}

.plans {
   margin-top: 60px
}

.plans .slick-list {
   width: 100%;
   overflow: visible
}

.plans .slick-list .slick-track {
   width: 100%;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between
}

.plans .plan,
.plans .slick-list .slick-track {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex
}

.plans .plan {
   width: 367px !important;
   height: 531px;
   background-color: #fff;
   border-radius: 5px;
   -webkit-box-shadow: 0 0 24px 6px hsla(0, 0%, 67.1%, .1);
   box-shadow: 0 0 24px 6px hsla(0, 0%, 67.1%, .1);
   padding: 30px;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-transition: -webkit-box-shadow .3s ease-in-out;
   transition: -webkit-box-shadow .3s ease-in-out;
   transition: box-shadow .3s ease-in-out;
   transition: box-shadow .3s ease-in-out, -webkit-box-shadow .3s ease-in-out
}

.plans .plan:hover {
   -webkit-box-shadow: 0 0 24px 6px hsla(0, 0%, 67.1%, .2);
   box-shadow: 0 0 24px 6px hsla(0, 0%, 67.1%, .2);
   -webkit-transition: -webkit-box-shadow .2s ease-in-out;
   transition: -webkit-box-shadow .2s ease-in-out;
   transition: box-shadow .2s ease-in-out;
   transition: box-shadow .2s ease-in-out, -webkit-box-shadow .2s ease-in-out
}

.plans .plan h4 {
   font-size: 22px;
   margin-top: 0;
   font-weight: 700
}

.plans .plan .plan__features {
   margin-bottom: 30px
}

.plans .plan .plan__features .feature {
   font-size: 12px;
   margin: 10px 0;
   background-position-y: 4px
}

.plans .plan .cost {
   font-size: 12px;
   text-align: center;
   margin-top: auto
}

.plans .plan .cost h2 {
   display: inline-block;
   margin-left: 8px
}

.plans .plan .cost h2 .slash {
   font-weight: 300;
   color: #4c73f5;
   margin: 0 5px
}

.plans .plan .cost sup {
   margin-left: 10px
}

.jitiv-cf-modal .plans .plan .wpcf7-submit,
.plans .plan .btn,
.plans .plan .jitiv-cf-modal .wpcf7-submit {
   width: 150px;
   margin-top: 10px;
   margin-bottom: 0
}

.plans .plan:last-child .cost {
   font-size: 14px;
   font-weight: 700
}

.jitiv-cf-modal .plans .plan:last-child .cost .wpcf7-submit,
.plans .plan:last-child .cost .btn,
.plans .plan:last-child .cost .jitiv-cf-modal .wpcf7-submit {
   margin-top: 20px
}

.plans__arrows {
   display: none
}

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

.contact__info {
   text-align: left;
   margin-left: auto;
   margin-right: 230px;
   float: left
}

.contact__info .envelope {
   width: 60px
}

.contact__info h3 {
   text-align: left;
   margin-top: 30px;
   margin-bottom: 5px
}

.contact__info .street {
   margin-top: 30px
}

.contact__info .email {
   margin-top: 20px
}

.contact__info .telephone {
   margin-top: 20px;
   font-size: 28px;
   font-weight: 700
}

.contact__map {
   width: 50%;
   height: 960px;
   margin-right: 0;
   background: #fff;
   float: left
}

.contact__map:after {
   content: "";
   clear: both
}

.footer {
   text-align: center;
   padding-bottom: 60px;
   position: relative;
   overflow: hidden
}

.footer .footer__logotype {
   margin-top: 90px;
   width: 77px
}

.footer .address {
   margin-top: 35px;
   font-size: 14px;
   line-height: 22px
}

.footer .social {
   margin: 75px 0
}

.footer .social .icon {
   width: 20px
}

.footer .social .icon:hover {
   cursor: pointer
}

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

.footer .policy .policy__item {
   padding: 0 20px;
   font-size: 12px
}

.footer .policy a:hover {
   cursor: pointer;
   text-decoration: underline
}

.footer .footer__logotype-bg {
   position: absolute;
   opacity: .05;
   top: -120px;
   left: -500px;
   width: 1262px
}

@media only screen and (max-width:1366px) {
   .features .feature .feature__image.macbook {
      right: -50px !important
   }

   .features .feature .feature__image.drivers-3 {
      top: -20px !important;
      right: 60px !important
   }

   .features .feature .feature__image.drivers-2 {
      bottom: 10px !important;
      left: 180px !important
   }

   .features .feature .feature__image.drivers-4 {
      width: 260px;
      top: 30px !important;
      right: 10px !important
   }

   .features .feature .feature__image.drivers-1 {
      top: -30px !important
   }

   .features .feature .feature__image.cloud-3 {
      left: 40px !important
   }

   .features .feature .feature__image.cloud-2 {
      left: 90px !important
   }

   .features .feature .feature__image.cloud-1 {
      right: 100px !important
   }

   #media-slider .entries-group .entry {
      width: 243px
   }

   .awards {
      -ms-flex-pack: distribute;
      justify-content: space-around
   }

   .plans .plan {
      width: 310px !important;
      height: auto
   }

   .plans .plan .cost h2 {
      font-size: 20px
   }

   .contact .contact__info {
      margin-right: 120px
   }

   .section--testimonials .quote-bg {
      left: -120px
   }
}

@media only screen and (max-width:1200px) {
   .jitiv-banner__steps {
      padding: 0
   }

   .features .feature {
      margin: 30px 0
   }

   .features .feature .feature__image {
      max-width: 350px;
      max-height: 280px;
      margin-right: 30px
   }

   .features .feature .feature__image.macbook {
      right: 0 !important
   }

   .features .feature .feature__image.dollar-1 {
      left: 30px !important
   }

   .features .feature .feature__image.dollar-2 {
      bottom: 100px !important
   }

   .features .feature .feature__image.drivers-5 {
      left: 20px !important
   }

   .features .feature .feature__image.drivers-2 {
      bottom: 0 !important;
      left: 100px !important
   }

   .features .feature .feature__image.drivers-4 {
      width: 240px;
      top: 30px !important
   }

   .features .feature .feature__image.drivers-1 {
      width: 180px;
      left: 60px !important;
      top: -30px !important
   }

   .features .feature .feature__image.cloud-3 {
      left: 0 !important;
      top: 40px !important
   }

   .features .feature .feature__image.cloud-2 {
      left: 60px !important
   }

   .features .feature .feature__image.cloud-1 {
      right: 40px !important;
      top: 40px !important
   }

   .features .feature:nth-child(2) .feature__image {
      margin-right: 0;
      margin-left: 30px
   }

   .advantages {
      margin-top: 50px
   }

   .advantages .advantage {
      max-width: 250px
   }

   .advantages .advantage img {
      max-width: 210px;
      height: 200px
   }

   .advantages .advantage p {
      margin-top: 0
   }

   .advantages .advantage:nth-child(2) {
      padding: 0 20px
   }

   .advantages .advantage__coin-3 {
      left: 90px !important;
      top: -60px !important
   }

   .advantages .advantage__coin-2 {
      left: 10px !important;
      top: -30px !important
   }

   .advantages .advantage__coin-1 {
      right: 10px !important
   }

   .advantages .clock-arrow {
      width: 55px;
      left: 80px !important;
      top: 45px !important
   }

   .section--testimonials {
      padding-top: 0;
      padding-bottom: 80px
   }

   .section--testimonials .quote-bg {
      top: -30px
   }

   .section--media .media__arrows {
      position: static;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center
   }

   #media-slider .entries-group .entry {
      width: 208px
   }

   .awards .award:focus {
      outline: none
   }

   .awards .slick-track {
      display: block
   }

   .awards__arrows {
      margin-top: 20px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center
   }

   .awards__arrows #award_next,
   .awards__arrows #award_prev {
      width: 18px;
      margin: 0 16px
   }

   .awards__arrows #award_next:hover,
   .awards__arrows #award_prev:hover {
      cursor: pointer
   }

   .section--plans {
      position: relative
   }

   .plans {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center
   }

   .plans .slick-list {
      width: 400px !important;
      border-radius: 5px;
      margin: 0 auto;
      overflow: hidden
   }

   .plans .slick-list .slick-track {
      display: block
   }

   .plans .plan {
      width: 400px !important;
      height: 530px;
      margin: 0 50px;
      -webkit-box-shadow: none;
      box-shadow: none
   }

   .plans .plan .cost {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column
   }

   .plans .plan .cost h2 {
      font-size: 30px
   }

   .jitiv-cf-modal .plans .plan .cost .wpcf7-submit,
   .plans .plan .cost .btn,
   .plans .plan .cost .jitiv-cf-modal .wpcf7-submit {
      display: block;
      margin-top: 20px
   }

   .plans__arrows {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin-top: 50px;
      z-index: 1;
      position: absolute;
      top: 420px;
      width: 100%
   }

   .plans__arrows #plan_next,
   .plans__arrows #plan_prev {
      width: 18px
   }

   .plans__arrows #plan_next:hover,
   .plans__arrows #plan_prev:hover {
      cursor: pointer
   }

   .plans__arrows #plan_prev {
      margin-left: 150px;
      margin-right: auto
   }

   .plans__arrows #plan_next {
      margin-right: 150px;
      margin-left: auto
   }

   .plans__arrows path {
      fill: #232851
   }

   .contact .contact__info {
      padding-left: 60px
   }

   .contact .contact__map {
      height: 600px
   }

   .footer {
      padding: 60px 0
   }

   .footer .footer__logotype {
      margin: 0
   }
}

@media only screen and (max-width:1024px) {
   .jitiv-banner {
      height: 700px
   }

   .jitiv-banner .jitiv-banner__info {
      margin-top: 70px
   }

   .jitiv-banner .jitiv-banner__steps {
      margin-top: 30px
   }

   .navbar-wrapper.navbar--sticky {
      height: 60px
   }

   .navbar-wrapper .navbar.navbar--desktop {
      display: none
   }

   .navbar-wrapper .navbar.navbar--mobile {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex
   }

   .navbar-wrapper .navbar.navbar--mobile .logo {
      height: 30px
   }

   .navbar-wrapper .navbar.navbar--mobile .navbar__item:nth-child(2) {
      text-align: right
   }

   .section--introduce {
      padding-top: 80px;
      padding-bottom: 80px
   }

   .features .feature {
      padding: 10px 0
   }

   .features .feature .feature__image {
      max-width: 300px
   }

   .features .feature .feature__image.macbook {
      left: 40px !important;
      top: 10px !important;
      right: auto !important
   }

   .features .feature .feature__image.dollar-1 {
      left: 50px !important
   }

   .features .feature .feature__image.dollar-2 {
      left: 20px !important
   }

   .features .feature .feature__image.thund {
      left: 0 !important;
      right: auto !important
   }

   .features .feature .feature__image.drivers-5 {
      left: 0 !important
   }

   .features .feature .feature__image.drivers-4 {
      top: 20px !important;
      width: 200px;
      left: 80px !important;
      right: auto !important
   }

   .features .feature .feature__image.drivers-3 {
      right: 40px !important
   }

   .features .feature .feature__image.drivers-2 {
      left: 40px !important
   }

   .features .feature .feature__image.drivers-1 {
      width: 160px;
      top: -20px !important;
      left: 40px !important;
      right: auto !important
   }

   .features .feature .feature__image.cloud-3 {
      width: 280px;
      left: -10px !important;
      right: auto !important
   }

   .features .feature .feature__image.cloud-2 {
      width: 160px;
      left: 60px !important
   }

   .features .feature .feature__image.cloud-1 {
      top: 30px !important;
      right: auto !important;
      left: 210px !important
   }

   .features .feature p {
      font-size: 14px;
      line-height: 22px
   }

   .sectors .tabs-buttons {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      width: 550px;
      text-align: center;
      margin-top: 20px
   }

   .jitiv-cf-modal .sectors .tabs-buttons .wpcf7-submit,
   .sectors .tabs-buttons .btn,
   .sectors .tabs-buttons .jitiv-cf-modal .wpcf7-submit {
      width: auto;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      margin: 10px
   }

   .sectors .tabs .tab {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column
   }

   .sectors .tabs .tab .tab__image {
      width: 100%
   }

   .sectors .tabs .tab .tab__image img {
      max-height: 300px;
      margin-bottom: 50px
   }

   .sectors .tabs .tab .tab__content {
      width: 100%
   }

   .section--advantages {
      padding-bottom: 0
   }

   .section--advantages .advantages .advantage img {
      max-width: 190px;
      height: 180px
   }

   .section--advantages .advantages .advantage__coin-3 {
      left: 80px !important
   }

   .section--advantages .advantages .advantage__coin-2 {
      width: 50px;
      left: 0 !important
   }

   .section--advantages .advantages .advantage__coin-1 {
      right: 10px !important;
      top: 0 !important;
      width: 75px
   }

   .section--advantages .advantages .clock-arrow {
      width: 50px;
      left: 70px !important;
      top: 40px !important
   }

   .section--testimonials {
      padding-bottom: 60px
   }

   .section--testimonials .testimonials {
      max-width: 650px;
      margin: 50px auto
   }

   .section--testimonials .testimonials.slick-slider .cite {
      font-size: 20px
   }

   .section--testimonials .testimonials__arrows {
      margin-top: 50px;
      position: static;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center
   }

   .section--testimonials .testimonials__arrows #testimonial_prev {
      margin-right: 16px
   }

   .section--testimonials .testimonials__arrows #testimonial_next {
      margin-left: 16px
   }

   .section--testimonials .quote-bg {
      left: -80px
   }

   #media-slider .slick-list {
      width: 600px;
      margin: 0 auto
   }

   #media-slider .entries-group {
      margin: 0 1px
   }

   #media-slider .entries-group .entry {
      width: 100%
   }

   .section--awards {
      padding-top: 40px;
      padding-bottom: 80px
   }

   .plans__arrows {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin-top: 40px;
      z-index: 1;
      position: static;
      width: auto
   }

   .plans__arrows #plan_next,
   .plans__arrows #plan_prev {
      width: 18px;
      margin: 0 16px
   }

   .plans__arrows #plan_next:hover,
   .plans__arrows #plan_prev:hover {
      cursor: pointer
   }

   .contact {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column
   }

   .contact .contact__info {
      width: 100%;
      padding-left: 80px;
      padding-right: 80px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      text-align: center;
      margin-bottom: 80px
   }

   .contact .contact__info h3 {
      text-align: center
   }

   .contact .contact__map {
      width: 100%;
      height: 600px
   }
}

@media only screen and (max-width:768px) {
   .patronage {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between
   }

   .jitiv-banner {
      height: auto;
      padding-bottom: 110px
   }

   .jitiv-banner .jitiv-banner__steps {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -ms-flex-pack: distribute;
      justify-content: space-around;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-line-pack: center;
      align-content: center;
      padding-bottom: 80px
   }

   .jitiv-banner .jitiv-banner__steps hr {
      display: none
   }

   .jitiv-banner .jitiv-banner__steps .step {
      width: 50%;
      max-width: none;
      margin: 20px 0
   }

   .jitiv-banner .jitiv-banner__steps .step p {
      max-width: 150px;
      margin: 10px auto
   }

   .jitiv-banner .jitiv-banner__background {
      background-position-x: -600px
   }

   .navbar--sticky.appear {
      -webkit-box-shadow: 0 0 22px 8px rgba(0, 0, 0, .1);
      box-shadow: 0 0 22px 8px rgba(0, 0, 0, .1)
   }

   .mobile-menu-box .box-inside {
      margin-top: 120px;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start
   }

   .mobile-menu-box .box-inside .navbar__item {
      padding: 15px 0
   }

   .media-wrapper #media-slider .slick-list {
      width: auto;
      max-width: 400px
   }

   .awards .award {
      margin: 50px 5px
   }

   .awards .slick-track {
      display: block
   }

   .features .feature,
   .features .feature:nth-child(2) {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column
   }

   .features .feature:nth-child(2) {
      text-align: right
   }

   .features .feature .image-wrapper {
      width: 100%;
      text-align: center;
      padding-bottom: 40px
   }

   .features .feature .image-wrapper.mobile-only {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex
   }

   .features .feature .image-wrapper.desktop-only {
      display: none
   }

   .features .feature .image-wrapper .feature__image {
      margin: 0;
      max-height: 250px
   }

   .features .feature .description-wrapper {
      width: 100%;
      max-width: 450px;
      margin-top: 20px;
      text-align: center
   }

   .advantages {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center
   }

   .advantages .advantage {
      max-width: 420px;
      margin-bottom: 40px
   }

   .advantage__image-wrapper.desktop-only {
      display: none
   }

   .advantage__image-wrapper.mobile-only {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex
   }
}

@media only screen and (max-width:600px) {
   .patronage img {
      max-width: 120px
   }

   .jitiv-banner .jitiv-banner__info {
      margin-top: 60px
   }

   .jitiv-banner .jitiv-banner__steps {
      padding-bottom: 40px
   }

   .jitiv-banner h1 {
      font-size: 50px
   }

   .jitiv-banner .jitiv-banner__background {
      background-position-x: -850px
   }

   .section--introduce {
      padding: 40px 60px 20px
   }

   .features .feature {
      margin-top: 0
   }

   .features .feature .image-wrapper .feature__image {
      max-height: 180px
   }

   .features .feature:last-child {
      margin-bottom: 0
   }

   .section--sectors {
      padding-top: 40px;
      padding-bottom: 40px
   }

   .sectors .tabs .tab {
      margin-top: 0
   }

   .sectors .tabs .tab .tab__image img {
      max-height: 250px;
      margin-bottom: 20px
   }

   .section--media {
      padding-top: 40px
   }

   .media-wrapper #media-slider .slick-list {
      max-width: 300px
   }

   .section--testimonials {
      padding-top: 40px
   }

   .section--testimonials .quote-bg {
      top: 0
   }

   .section--plans {
      padding-left: 10px;
      padding-right: 10px
   }

   .plans .slick-list {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      max-width: 360px
   }

   .plans .plan {
      width: 360px !important;
      min-height: 560px
   }

   .section--contact .contact__info {
      margin-top: 60px;
      padding-left: 30px;
      padding-right: 30px
   }

   .section--contact .contact__map {
      height: 100vw
   }
}

@media only screen and (max-width:480px) {
   .patronage img {
      max-width: 95px;
      padding: 0 10px
   }

   .jitiv-banner .jitiv-banner__content {
      padding-left: 30px;
      padding-right: 30px
   }

   .jitiv-banner .jitiv-banner__background {
      background-position-x: center
   }

   .section--introduce {
      padding: 40px;
      text-align: center
   }

   .section--introduce .features .feature__image {
      max-width: 200px
   }

   .section--media {
      padding-top: 40px;
      padding-bottom: 40px
   }

   .section--sectors {
      padding-bottom: 50px
   }

   .sectors .tabs-buttons {
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      width: 100%
   }

   .sectors .tabs .tab .mask-wrapper,
   .sectors .tabs .tab .mask-wrapper .mask {
      max-width: 260px;
      max-height: 260px
   }

   .sectors .tabs .tab .mask-wrapper .mask-bg {
      min-height: 260px;
      min-width: 260px;
      height: 260px
   }

   .advantages .advantage {
      max-width: 250px
   }

   .section--plans {
      padding-left: 0;
      padding-right: 0
   }

   .section--plans h3 {
      padding: 0 50px
   }

   .section--plans .plans .slick-list {
      width: 100% !important;
      max-width: 300px
   }

   .section--plans .plans .plan {
      width: 100%;
      max-width: 300px;
      min-height: 580px;
      height: auto
   }
}

@media only screen and (max-width:359px) {
   .patronage img {
      max-width: 80px;
      padding: 0 8px
   }

   .quote-bg {
      display: none
   }
}

.jitiv-cf-modal {
   position: fixed;
   overflow: auto;
   z-index: 9999999999999;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   width: 100%;
   max-width: 670px;
   height: auto;
   max-height: 80vh;
   margin: 0;
   background-color: #fff;
   display: none;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: start;
   -ms-flex-pack: start;
   justify-content: flex-start;
   border-radius: 6px;
   padding: 40px
}

.jitiv-cf-modal .modal-close {
   position: absolute;
   width: 20px;
   height: 20px;
   -o-object-fit: contain;
   object-fit: contain;
   top: 20px;
   right: 20px;
   cursor: pointer;
   outline: none
}

.jitiv-cf-modal h2 {
   text-align: center
}

.jitiv-cf-modal p {
   margin: 5px 0
}

.jitiv-cf-modal label {
   font-size: 12px;
   font-weight: 400;
   line-height: 1.5
}

.jitiv-cf-modal .wpcf7 {
   width: 100%;
   margin-top: 10px;
   max-height: 80vh
}

.jitiv-cf-modal .wpcf7-form {
   position: relative;
   width: 100%;
   display: block
}

.jitiv-cf-modal input {
   display: block;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   padding: 16px;
   border-radius: 6px;
   font-size: 12px;
   border-color: #dadada;
   border-style: solid;
   width: 100%
}

.jitiv-cf-modal .wpcf7-submit {
   width: auto;
   margin: 10px auto
}

.jitiv-cf-modal .wpcf7-not-valid-tip {
   display: block;
   font-size: 10px;
   color: #4c73f5
}

.jitiv-cf-modal .wpcf7-validation-errors {
   font-size: 12px;
   color: #4c73f5
}

.screen-reader-response {
   display: none
}

.modal-close-helper {
   position: fixed;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   background-color: rgba(35, 40, 81, .6);
   display: none
}

.modal-close-helper:hover {
   cursor: pointer
}

@media only screen and (max-width:768px) {
   .jitiv-cf-modal {
      width: 90vw;
      max-width: 600px;
      border-radius: 10px;
      background-color: #fff
   }
}