/* Start:/local/components/avivi_new/main.payform/templates/payform/style.css?158763025527*/
.luck{
    display: none;
}
/* End */


/* Start:/local/components/avivi_new/main.payform/templates/payform_harvest/style.css?158763028727*/
.luck{
    display: none;
}
/* End */


/* Start:/local/templates/avivi2019/css/slick-theme.css?15918700833343*/
@charset "UTF-8";
/* Slider */
.slick-loading .slick-list {
  background: #fff url("/local/templates/avivi2019/css/./../images/ajax-loader.gif") center center no-repeat; }

/* Icons */
@font-face {
  font-family: "slick";
  src: url("/local/templates/avivi2019/css/../fonts/slick.eot");
  src: url("/local/templates/avivi2019/css/../fonts/slick.eot?#iefix") format("embedded-opentype"), url("/local/templates/avivi2019/css/../fonts/slick.woff") format("woff"), url("/local/templates/avivi2019/css/../fonts/slick.ttf") format("truetype"), url("/local/templates/avivi2019/css/../fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  margin-top: -10px\9;
  /*lte IE 8*/
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }

.slick-prev:before, .slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "←"; }
    [dir="rtl"] .slick-prev:before {
      content: "→"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "→"; }
    [dir="rtl"] .slick-next:before {
      content: "←"; }

/* Dots */
.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -45px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

/* End */


/* Start:/local/templates/avivi2019/css/jquery.fancybox.min.css?158685673117734*/
@charset "UTF-8";
.fancybox-enabled {
  overflow: hidden; }

.fancybox-enabled body {
  overflow: visible;
  height: 100%; }

.fancybox-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99993;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden; }

.fancybox-container ~ .fancybox-container {
  z-index: 99992; }

.fancybox-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #0f0f11;
  opacity: 0;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.06, 0.68, 0.19);
  -moz-transition-timing-function: cubic-bezier(0.55, 0.06, 0.68, 0.19);
  -o-transition-timing-function: cubic-bezier(0.55, 0.06, 0.68, 0.19);
  transition-timing-function: cubic-bezier(0.55, 0.06, 0.68, 0.19);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden; }

.fancybox-container--ready .fancybox-bg {
  opacity: .87;
  -webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
  -moz-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
  -o-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); }

.fancybox-controls {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  opacity: 0;
  z-index: 99994;
  -webkit-transition: opacity .2s;
  -o-transition: opacity .2s;
  -moz-transition: opacity .2s;
  transition: opacity .2s;
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  direction: ltr; }

.fancybox-show-controls .fancybox-controls {
  opacity: 1; }

.fancybox-infobar {
  display: none; }

.fancybox-show-infobar .fancybox-infobar {
  display: inline-block;
  pointer-events: all; }

.fancybox-infobar__body {
  display: inline-block;
  width: 70px;
  line-height: 44px;
  font-size: 13px;
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
  text-align: center;
  color: #ddd;
  background-color: rgba(30, 30, 30, 0.7);
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: subpixel-antialiased; }

.fancybox-buttons {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  pointer-events: all; }

.fancybox-show-buttons .fancybox-buttons {
  display: block; }

.fancybox-slider-wrap {
  overflow: hidden;
  direction: ltr; }

.fancybox-slider, .fancybox-slider-wrap {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  z-index: 99993;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent; }

.fancybox-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: auto;
  outline: none;
  white-space: normal;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  z-index: 99994;
  -webkit-overflow-scrolling: touch; }

.fancybox-slide:before {
  content: "";
  height: 100%;
  width: 0; }

.fancybox-slide:before, .fancybox-slide > * {
  display: inline-block;
  vertical-align: middle; }

.fancybox-slide > * {
  position: relative;
  padding: 24px;
  margin: 44px 0;
  border-width: 0;
  text-align: left;
  background-color: #fff;
  overflow: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.fancybox-slide--image {
  overflow: hidden; }

.fancybox-slide--image:before {
  display: none; }

.fancybox-content {
  display: inline-block;
  position: relative;
  margin: 44px auto;
  padding: 0;
  border: 0;
  width: 80%;
  height: -webkit-calc(100% - 88px);
  height: -moz-calc(100% - 88px);
  height: calc(100% - 88px);
  vertical-align: middle;
  line-height: normal;
  text-align: left;
  white-space: normal;
  outline: none;
  font-size: 16px;
  font-family: Arial,sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  -webkit-overflow-scrolling: touch; }

.fancybox-iframe {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  width: 100%;
  height: 100%;
  background: #fff; }

.fancybox-slide--video .fancybox-content, .fancybox-slide--video .fancybox-iframe {
  background: transparent; }

.fancybox-placeholder {
  z-index: 99995;
  background: transparent;
  cursor: default;
  overflow: visible;
  -webkit-transform-origin: top left;
  -moz-transform-origin: top left;
  -ms-transform-origin: top left;
  -o-transform-origin: top left;
  transform-origin: top left;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden; }

.fancybox-image, .fancybox-placeholder, .fancybox-spaceball {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  border: 0; }

.fancybox-image, .fancybox-spaceball {
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  background: transparent;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%; }

.fancybox-controls--canzoomOut .fancybox-placeholder {
  cursor: -webkit-zoom-out;
  cursor: -moz-zoom-out;
  cursor: zoom-out; }

.fancybox-controls--canzoomIn .fancybox-placeholder {
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.fancybox-controls--canGrab .fancybox-placeholder {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab; }

.fancybox-controls--isGrabbing .fancybox-placeholder {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing; }

.fancybox-spaceball {
  z-index: 1; }

.fancybox-tmp {
  position: absolute;
  top: -9999px;
  left: -9999px;
  visibility: hidden; }

.fancybox-error {
  position: absolute;
  margin: 0;
  padding: 40px;
  top: 50%;
  left: 50%;
  width: 380px;
  max-width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #fff;
  cursor: default; }

.fancybox-error p {
  margin: 0;
  padding: 0;
  color: #444;
  font: 16px/20px Helvetica Neue,Helvetica,Arial,sans-serif; }

.fancybox-close-small {
  position: absolute;
  top: 0;
  right: 0;
  width: 44px;
  height: 44px;
  padding: 0;
  margin: 0;
  border: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  outline: none;
  background: transparent;
  z-index: 10;
  cursor: pointer; }

.fancybox-close-small:after {
  content: "×";
  position: absolute;
  top: 5px;
  right: 5px;
  width: 30px;
  height: 30px;
  font: 20px/30px Arial,Helvetica Neue,Helvetica,sans-serif;
  color: #888;
  font-weight: 300;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border-width: 0;
  background: #fff;
  -webkit-transition: background .2s;
  -o-transition: background .2s;
  -moz-transition: background .2s;
  transition: background .2s;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 2; }

.fancybox-close-small:focus:after {
  outline: 1px dotted #888; }

.fancybox-slide--video .fancybox-close-small {
  top: -36px;
  right: -36px;
  background: transparent; }

.fancybox-close-small:hover:after {
  color: #555;
  background: #eee; }

.fancybox-caption-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 60px 30px 0;
  z-index: 99998;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(20%, rgba(0, 0, 0, 0.1)), color-stop(40%, rgba(0, 0, 0, 0.2)), color-stop(80%, rgba(0, 0, 0, 0.6)), color-stop(80%, rgba(0, 0, 0, 0.8)));
  background: -webkit-linear-gradient(top, transparent 0, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8));
  background: -moz- oldlinear-gradient(top, transparent 0, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8));
  background: -o-linear-gradient(top, transparent 0, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8));
  background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8));
  opacity: 0;
  -webkit-transition: opacity .2s;
  -o-transition: opacity .2s;
  -moz-transition: opacity .2s;
  transition: opacity .2s;
  pointer-events: none; }

.fancybox-show-caption .fancybox-caption-wrap {
  opacity: 1; }

.fancybox-caption {
  padding: 30px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.4);
  font-size: 14px;
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
  color: #fff;
  line-height: 20px;
  -webkit-text-size-adjust: none; }

.fancybox-caption a, .fancybox-caption button {
  pointer-events: all; }

.fancybox-caption a {
  color: #fff;
  text-decoration: underline; }

.fancybox-button {
  display: inline-block;
  position: relative;
  width: 44px;
  height: 44px;
  line-height: 44px;
  margin: 0;
  padding: 0;
  border: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  cursor: pointer;
  background: transparent;
  color: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  outline: none; }

.fancybox-button--disabled {
  cursor: default;
  pointer-events: none; }

.fancybox-button, .fancybox-infobar__body {
  background: rgba(30, 30, 30, 0.6); }

.fancybox-button:hover {
  background: rgba(0, 0, 0, 0.8); }

.fancybox-button:after, .fancybox-button:before {
  content: "";
  pointer-events: none;
  position: absolute;
  border-color: #fff;
  background-color: currentColor;
  color: currentColor;
  opacity: .9;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block; }

.fancybox-button--disabled:after, .fancybox-button--disabled:before {
  opacity: .5; }

.fancybox-button--left:after {
  left: 20px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg); }

.fancybox-button--left:after, .fancybox-button--right:after {
  top: 18px;
  width: 6px;
  height: 6px;
  background: transparent;
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor; }

.fancybox-button--right:after {
  right: 20px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }

.fancybox-button--left {
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-left-radius: 5px; }

.fancybox-button--right {
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  border-bottom-right-radius: 5px; }

.fancybox-button--close {
  float: right; }

.fancybox-button--close:after, .fancybox-button--close:before {
  content: "";
  display: inline-block;
  position: absolute;
  height: 2px;
  width: 16px;
  top: -webkit-calc(50% - 1px);
  top: -moz-calc(50% - 1px);
  top: calc(50% - 1px);
  left: -webkit-calc(50% - 8px);
  left: -moz-calc(50% - 8px);
  left: calc(50% - 8px); }

.fancybox-button--close:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }

.fancybox-button--close:after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.fancybox-loading {
  border: 6px solid rgba(99, 99, 99, 0.4);
  border-top: 6px solid rgba(255, 255, 255, 0.6);
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  height: 50px;
  width: 50px;
  -webkit-animation: a .8s infinite linear;
  -moz-animation: a .8s infinite linear;
  -o-animation: a .8s infinite linear;
  animation: a .8s infinite linear;
  background: transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 99999; }

@-webkit-keyframes a {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@-moz-keyframes a {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    transform: rotate(359deg); } }

@-o-keyframes a {
  0% {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes a {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    transform: rotate(359deg); } }

@media (max-width: 800px) {
  .fancybox-controls {
    text-align: left; }
  .fancybox-button--left, .fancybox-button--right, .fancybox-buttons button:not(.fancybox-button--close) {
    display: none !important; }
  .fancybox-caption {
    padding: 20px 0;
    margin: 0; } }

.fancybox-button--fullscreen:before {
  width: 15px;
  height: 11px;
  left: 15px;
  top: 16px;
  border: 2px solid;
  background: none; }

.fancybox-button--play:before {
  top: 16px;
  left: 18px;
  width: 0;
  height: 0;
  border-top: 6px inset transparent;
  border-bottom: 6px inset transparent;
  border-left: 10px solid;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  background: transparent; }

.fancybox-button--pause:before {
  top: 16px;
  left: 18px;
  width: 7px;
  height: 11px;
  border-style: solid;
  border-width: 0 2px;
  background: transparent; }

.fancybox-button--thumbs span {
  font-size: 23px; }

.fancybox-button--thumbs:before {
  top: 20px;
  left: 21px;
  width: 3px;
  height: 3px;
  -webkit-box-shadow: 0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0;
  -moz-box-shadow: 0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0;
  box-shadow: 0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0; }

.fancybox-container--thumbs .fancybox-caption-wrap, .fancybox-container--thumbs .fancybox-controls, .fancybox-container--thumbs .fancybox-slider-wrap {
  right: 220px; }

.fancybox-thumbs {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  width: 220px;
  margin: 0;
  padding: 5px 5px 0 0;
  background: #fff;
  z-index: 99993;
  word-break: normal;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: transparent;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.fancybox-thumbs > ul {
  list-style: none;
  position: absolute;
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
  font-size: 0; }

.fancybox-thumbs > ul > li {
  float: left;
  overflow: hidden;
  max-width: 50%;
  padding: 0;
  margin: 0;
  width: 105px;
  height: 75px;
  position: relative;
  cursor: pointer;
  outline: none;
  border: 5px solid #fff;
  border-top-width: 0;
  border-right-width: 0;
  -webkit-tap-highlight-color: transparent;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

li.fancybox-thumbs-loading {
  background: rgba(0, 0, 0, 0.1); }

.fancybox-thumbs > ul > li > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  max-width: none;
  max-height: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.fancybox-thumbs > ul > li:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 4px solid #4ea7f9;
  z-index: 99991;
  opacity: 0;
  -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.fancybox-thumbs > ul > li.fancybox-thumbs-active:before {
  opacity: 1; }

@media (max-width: 800px) {
  .fancybox-thumbs {
    display: none !important; }
  .fancybox-container--thumbs .fancybox-caption-wrap, .fancybox-container--thumbs .fancybox-controls, .fancybox-container--thumbs .fancybox-slider-wrap {
    right: 0; } }

/* End */


/* Start:/local/templates/avivi2019/css/formstyler.css?158685673119374*/
@charset "UTF-8";
.jq-checkbox {
  top: -1px;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  margin: 0 4px 0 0;
  border: 1px solid #C3C3C3;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #F5F5F5;
  background: -webkit-linear-gradient(#FFF, #E6E6E6);
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#E6E6E6));
  background: -moz- oldlinear-gradient(#FFF, #E6E6E6);
  background: -o-linear-gradient(#FFF, #E6E6E6);
  background: linear-gradient(#FFF, #E6E6E6);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05), inset -1px -1px #FFF, inset 1px -1px #FFF;
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05), inset -1px -1px #FFF, inset 1px -1px #FFF;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05), inset -1px -1px #FFF, inset 1px -1px #FFF;
  cursor: pointer; }

.jq-checkbox.checked .jq-checkbox__div {
  width: 12px;
  height: 12px;
  margin: 2px 0 0 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: #666;
  -webkit-box-shadow: inset 0 -3px 6px #AAA;
  -moz-box-shadow: inset 0 -3px 6px #AAA;
  box-shadow: inset 0 -3px 6px #AAA; }

.jq-checkbox.focused {
  border: 1px solid #08C; }

.jq-checkbox.disabled {
  opacity: .55; }

.jq-radio {
  top: -1px;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  margin: 0 4px 0 0;
  border: 1px solid #C3C3C3;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #F5F5F5;
  background: -webkit-linear-gradient(#FFF, #E6E6E6);
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#E6E6E6));
  background: -moz- oldlinear-gradient(#FFF, #E6E6E6);
  background: -o-linear-gradient(#FFF, #E6E6E6);
  background: linear-gradient(#FFF, #E6E6E6);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05), inset -1px -1px #FFF, inset 1px -1px #FFF;
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05), inset -1px -1px #FFF, inset 1px -1px #FFF;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05), inset -1px -1px #FFF, inset 1px -1px #FFF;
  cursor: pointer; }

.jq-radio.checked .jq-radio__div {
  width: 10px;
  height: 10px;
  margin: 3px 0 0 3px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #777;
  -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.7);
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.7); }

.jq-radio.focused {
  border: 1px solid #08C; }

.jq-radio.disabled {
  opacity: .55; }

.jq-file {
  width: 270px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); }

.jq-file input {
  height: auto;
  line-height: 1em;
  cursor: pointer; }

.jq-file__name {
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 34px;
  padding: 0 80px 0 10px;
  border: 1px solid #CCC;
  border-bottom-color: #B3B3B3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #FFF;
  -webkit-box-shadow: inset 1px 1px #F1F1F1;
  -moz-box-shadow: inset 1px 1px #F1F1F1;
  box-shadow: inset 1px 1px #F1F1F1;
  font: 14px/32px Arial, sans-serif;
  color: #333;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis; }

.jq-file__browse {
  position: absolute;
  top: 1px;
  right: 1px;
  padding: 0 10px;
  border-left: 1px solid #CCC;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
  background: #F5F5F5;
  background: -webkit-linear-gradient(#FFF, #E6E6E6);
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#E6E6E6));
  background: -moz- oldlinear-gradient(#FFF, #E6E6E6);
  background: -o-linear-gradient(#FFF, #E6E6E6);
  background: linear-gradient(#FFF, #E6E6E6);
  -webkit-box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0, 0, 0, 0.1);
  font: 14px/32px Arial, sans-serif;
  color: #333;
  text-shadow: 1px 1px #FFF; }

.jq-file:hover .jq-file__browse {
  background: #E6E6E6;
  background: -webkit-linear-gradient(#F6F6F6, #E6E6E6);
  background: -webkit-gradient(linear, left top, left bottom, from(#F6F6F6), to(#E6E6E6));
  background: -moz- oldlinear-gradient(#F6F6F6, #E6E6E6);
  background: -o-linear-gradient(#F6F6F6, #E6E6E6);
  background: linear-gradient(#F6F6F6, #E6E6E6); }

.jq-file:active .jq-file__browse {
  background: #F5F5F5;
  -webkit-box-shadow: inset 1px 1px 3px #DDD;
  -moz-box-shadow: inset 1px 1px 3px #DDD;
  box-shadow: inset 1px 1px 3px #DDD; }

.jq-file.focused .jq-file__name {
  border: 1px solid #5794BF; }

.jq-file.disabled,
.jq-file.disabled .jq-file__name,
.jq-file.disabled .jq-file__browse {
  border-color: #CCC;
  background: #F5F5F5;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: #888; }

.jq-number {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding: 0 36px 0 0; }

.jq-number__field {
  width: 100px;
  border: 1px solid #CCC;
  border-bottom-color: #B3B3B3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0, 0, 0, 0.1); }

.jq-number__field:hover {
  border-color: #B3B3B3; }

.jq-number__field input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 8px 9px;
  border: none;
  outline: none;
  background: none;
  font: 14px Arial, sans-serif;
  color: #333;
  text-align: left;
  /* для Opera Presto */
  -moz-appearance: textfield; }

.jq-number__field input::-webkit-inner-spin-button,
.jq-number__field input::-webkit-outer-spin-button {
  margin: 0;
  /* в каких-то браузерах присутствует отступ */
  -webkit-appearance: none; }

.jq-number__spin {
  position: absolute;
  top: 0;
  right: 0;
  width: 32px;
  height: 14px;
  border: 1px solid #CCC;
  border-bottom-color: #B3B3B3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #F5F5F5;
  background: -webkit-linear-gradient(#FFF, #E6E6E6);
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#E6E6E6));
  background: -moz- oldlinear-gradient(#FFF, #E6E6E6);
  background: -o-linear-gradient(#FFF, #E6E6E6);
  background: linear-gradient(#FFF, #E6E6E6);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-shadow: 1px 1px #FFF;
  cursor: pointer; }

.jq-number__spin.minus {
  top: auto;
  bottom: 0; }

.jq-number__spin:hover {
  background: #E6E6E6;
  background: -webkit-linear-gradient(#F6F6F6, #E6E6E6);
  background: -webkit-gradient(linear, left top, left bottom, from(#F6F6F6), to(#E6E6E6));
  background: -moz- oldlinear-gradient(#F6F6F6, #E6E6E6);
  background: -o-linear-gradient(#F6F6F6, #E6E6E6);
  background: linear-gradient(#F6F6F6, #E6E6E6); }

.jq-number__spin:active {
  background: #F5F5F5;
  -webkit-box-shadow: inset 1px 1px 3px #DDD;
  -moz-box-shadow: inset 1px 1px 3px #DDD;
  box-shadow: inset 1px 1px 3px #DDD; }

.jq-number__spin:after {
  content: '';
  position: absolute;
  top: 4px;
  left: 11px;
  width: 0;
  height: 0;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #999;
  border-left: 5px solid transparent; }

.jq-number__spin.minus:after {
  top: 5px;
  border-top: 5px solid #999;
  border-right: 5px solid transparent;
  border-bottom: none;
  border-left: 5px solid transparent; }

.jq-number__spin.minus:hover:after {
  border-top-color: #000; }

.jq-number__spin.plus:hover:after {
  border-bottom-color: #000; }

.jq-number.focused .jq-number__field {
  border: 1px solid #5794BF; }

.jq-number.disabled .jq-number__field,
.jq-number.disabled .jq-number__spin {
  border-color: #CCC;
  background: #F5F5F5;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: #888; }

.jq-number.disabled .jq-number__spin:after {
  border-bottom-color: #AAA; }

.jq-number.disabled .jq-number__spin.minus:after {
  border-top-color: #AAA; }

.jq-selectbox {
  vertical-align: middle;
  cursor: pointer; }

.jq-selectbox__select {
  height: 32px;
  padding: 0 45px 0 10px;
  border: 1px solid #CCC;
  border-bottom-color: #B3B3B3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #F5F5F5;
  background: -webkit-linear-gradient(#FFF, #E6E6E6);
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#E6E6E6));
  background: -moz- oldlinear-gradient(#FFF, #E6E6E6);
  background: -o-linear-gradient(#FFF, #E6E6E6);
  background: linear-gradient(#FFF, #E6E6E6);
  -webkit-box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0, 0, 0, 0.1);
  font: 14px/32px Arial, sans-serif;
  color: #333;
  text-shadow: 1px 1px #FFF; }

.jq-selectbox__select:hover {
  background: #E6E6E6;
  background: -webkit-linear-gradient(#F6F6F6, #E6E6E6);
  background: -webkit-gradient(linear, left top, left bottom, from(#F6F6F6), to(#E6E6E6));
  background: -moz- oldlinear-gradient(#F6F6F6, #E6E6E6);
  background: -o-linear-gradient(#F6F6F6, #E6E6E6);
  background: linear-gradient(#F6F6F6, #E6E6E6); }

.jq-selectbox__select:active {
  background: #F5F5F5;
  -webkit-box-shadow: inset 1px 1px 3px #DDD;
  -moz-box-shadow: inset 1px 1px 3px #DDD;
  box-shadow: inset 1px 1px 3px #DDD; }

.jq-selectbox.focused .jq-selectbox__select {
  border: 1px solid #5794BF; }

.jq-selectbox.disabled .jq-selectbox__select {
  border-color: #CCC;
  background: #F5F5F5;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: #888; }

.jq-selectbox__select-text {
  display: block;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis; }

.jq-selectbox .placeholder {
  color: #888; }

.jq-selectbox__trigger {
  position: absolute;
  top: 0;
  right: 0;
  width: 34px;
  height: 100%;
  border-left: 1px solid #CCC; }

.jq-selectbox__trigger-arrow {
  position: absolute;
  top: 14px;
  right: 12px;
  width: 0;
  height: 0;
  border-top: 5px solid #999;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent; }

.jq-selectbox:hover .jq-selectbox__trigger-arrow {
  border-top-color: #000; }

.jq-selectbox.disabled .jq-selectbox__trigger-arrow {
  border-top-color: #AAA; }

.jq-selectbox__dropdown {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin: 2px 0 0;
  padding: 0;
  border: 1px solid #CCC;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #FFF;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  font: 14px/18px Arial, sans-serif; }

.jq-selectbox__search {
  margin: 5px; }

.jq-selectbox__search input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 5px 27px 6px 8px;
  border: 1px solid #CCC;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  outline: none;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNqU078LAXEYx/FzYfNzk5TJaFNKYjFYSQZ/hvwBsvg1UCY2xT9gM8hukQGThWRjkcFw3pdnujhfT736Xn2fPvfc3fd07V0OFDDFAnM0ENYsZRiGLSc9OpqIYIA9fMhhjCrW2h9VlMlcH/aymMGtOqEugX08PwQucUZKdTozMIqdTc9WepQD7wjY9ARx+ydwhfyXfS+S0qMcOEQJGcueB3VccFINdMgal6NzkmPjRwJXxDBB7/2RDdtAp6wb+dpphHDASG5QQ0V6u2aoSqBZD/lDrNWRJynLK2qpBn4rc6K2XB9/Nb8EGABtf1thzY6X2AAAAABJRU5ErkJggg==) no-repeat 100% 50%;
  -webkit-box-shadow: inset 1px 1px #F1F1F1;
  -moz-box-shadow: inset 1px 1px #F1F1F1;
  box-shadow: inset 1px 1px #F1F1F1;
  color: #333;
  -webkit-appearance: textfield; }

.jq-selectbox__search input::-webkit-search-cancel-button,
.jq-selectbox__search input::-webkit-search-decoration {
  -webkit-appearance: none; }

.jq-selectbox__not-found {
  margin: 5px;
  padding: 5px 8px 6px;
  background: #F0F0F0;
  font-size: 13px; }

.jq-selectbox ul {
  margin: 0;
  padding: 0; }

.jq-selectbox li {
  min-height: 18px;
  padding: 5px 10px 6px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  color: #231F20; }

.jq-selectbox li.selected {
  background-color: #A3ABB1;
  color: #FFF; }

.jq-selectbox li:hover {
  background-color: #08C;
  color: #FFF; }

.jq-selectbox li.disabled {
  color: #AAA; }

.jq-selectbox li.disabled:hover {
  background: none; }

.jq-selectbox li.optgroup {
  font-weight: bold; }

.jq-selectbox li.optgroup:hover {
  background: none;
  color: #231F20;
  cursor: default; }

.jq-selectbox li.option {
  padding-left: 25px; }

.jq-select-multiple {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1px;
  border: 1px solid #CCC;
  border-bottom-color: #B3B3B3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #FFF;
  -webkit-box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0, 0, 0, 0.1);
  font: 14px/18px Arial, sans-serif;
  color: #333;
  cursor: default; }

.jq-select-multiple.focused {
  border: 1px solid #5794BF; }

.jq-select-multiple.disabled {
  border-color: #CCC;
  background: #F5F5F5;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: #888; }

.jq-select-multiple ul {
  margin: 0;
  padding: 0; }

.jq-select-multiple li {
  padding: 3px 9px 4px;
  list-style: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap; }

.jq-select-multiple li:first-child {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0; }

.jq-select-multiple li:last-child {
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px; }

.jq-select-multiple li.selected {
  background: #08C;
  color: #FFF; }

.jq-select-multiple li.disabled {
  color: #AAA; }

.jq-select-multiple.disabled li.selected,
.jq-select-multiple li.selected.disabled {
  background: #CCC;
  color: #FFF; }

.jq-select-multiple li.optgroup {
  font-weight: bold; }

.jq-select-multiple li.option {
  padding-left: 25px; }

input[type='email'].styler,
input[type='password'].styler,
input[type='search'].styler,
input[type='tel'].styler,
input[type='text'].styler,
input[type='url'].styler,
textarea.styler {
  padding: 8px 9px;
  border: 1px solid #CCC;
  border-bottom-color: #B3B3B3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0, 0, 0, 0.1);
  font: 14px Arial, sans-serif;
  color: #333; }

input[type='search'].styler {
  -webkit-appearance: none; }

textarea.styler {
  overflow: auto; }

input[type='email'].styler:hover,
input[type='password'].styler:hover,
input[type='search'].styler:hover,
input[type='tel'].styler:hover,
input[type='text'].styler:hover,
input[type='url'].styler:hover,
textarea.styler:hover {
  border-color: #B3B3B3; }

input[type='email'].styler:focus,
input[type='password'].styler:focus,
input[type='search'].styler:focus,
input[type='tel'].styler:focus,
input[type='text'].styler:focus,
input[type='url'].styler:focus,
textarea.styler:focus {
  border-color: #CCC;
  border-top-color: #B3B3B3;
  outline: none;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }

button.styler,
input[type='button'].styler,
input[type='submit'].styler,
input[type='reset'].styler {
  overflow: visible;
  padding: 8px 11px;
  border: 1px solid #CCC;
  border-bottom-color: #B3B3B3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  outline: none;
  background: #F5F5F5;
  background: -webkit-linear-gradient(#FFF, #E6E6E6);
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#E6E6E6));
  background: -moz- oldlinear-gradient(#FFF, #E6E6E6);
  background: -o-linear-gradient(#FFF, #E6E6E6);
  background: linear-gradient(#FFF, #E6E6E6);
  -webkit-box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0, 0, 0, 0.1);
  font: 14px Arial, sans-serif;
  color: #333;
  text-shadow: 1px 1px #FFF;
  cursor: pointer; }

button.styler::-moz-focus-inner,
input[type='button'].styler::-moz-focus-inner,
input[type='submit'].styler::-moz-focus-inner,
input[type='reset'].styler::-moz-focus-inner {
  padding: 0;
  border: 0; }

button.styler:not([disabled]):hover,
input[type='button'].styler:not([disabled]):hover,
input[type='submit'].styler:not([disabled]):hover,
input[type='reset'].styler:hover {
  background: #E6E6E6;
  background: -webkit-linear-gradient(#F6F6F6, #E6E6E6);
  background: -webkit-gradient(linear, left top, left bottom, from(#F6F6F6), to(#E6E6E6));
  background: -moz- oldlinear-gradient(#F6F6F6, #E6E6E6);
  background: -o-linear-gradient(#F6F6F6, #E6E6E6);
  background: linear-gradient(#F6F6F6, #E6E6E6); }

button.styler:not([disabled]):active,
input[type='button'].styler:not([disabled]):active,
input[type='submit'].styler:not([disabled]):active,
input[type='reset'].styler:active {
  background: #F5F5F5;
  -webkit-box-shadow: inset 1px 1px 3px #DDD;
  -moz-box-shadow: inset 1px 1px 3px #DDD;
  box-shadow: inset 1px 1px 3px #DDD; }

button.styler[disabled],
input[type='button'].styler[disabled],
input[type='submit'].styler[disabled] {
  border-color: #CCC;
  background: #F5F5F5;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: #888; }

/* End */


/* Start:/local/templates/avivi2019/css/normalize.css?15868567318608*/
/* ==========================================================================
   Normalize.scss settings
   ========================================================================== */
/**
 * Includes legacy browser support IE6/7
 *
 * Set to false if you want to drop support for IE6 and IE7
 */
/* Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 * 3. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
 *  `em` units.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active, a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Addresses styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 8/9/10.
 * 2. Improves image quality when scaled in IE 7.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *  Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 * 4. Improves appearance and consistency in all browsers.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *  and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *  `input` and others.
 * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
 *  Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 *  Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  /* 2 */ }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 * 3. Corrects text not wrapping in Firefox 3.
 * 4. Corrects alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

/* End */


/* Start:/local/templates/avivi2019/css/slick.css?16499211511649*/
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  /*height: 100%;*/
  min-height: 1px;
  display: none; }
  [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; }

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

/* End */


/* Start:/local/templates/avivi2019/css/main.css?1706607795262831*/
@charset "UTF-8";
* {
    margin: 0;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
}

*, body, html {
    -webkit-text-size-adjust: none;
    -webkit-appearance: none;
    max-height: 9001em;
}

html, body {
    height: 100%;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.2;
    color: #3c4557;
}

@font-face {
    font-family: "Roboto";
    src: url("/local/templates/avivi2019/css/../fonts/RobotoLight.eot");
    src: url("/local/templates/avivi2019/css/../fonts/RobotoLight.eot?#iefix") format("embedded-opentype"), url("/local/templates/avivi2019/css/../fonts/RobotoLight.woff") format("woff"), url("/local/templates/avivi2019/css/../fonts/RobotoLight.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Roboto";
    src: url("/local/templates/avivi2019/css/../fonts/RobotoRegular.eot");
    src: url("/local/templates/avivi2019/css/../fonts/RobotoRegular.eot?#iefix") format("embedded-opentype"), url("/local/templates/avivi2019/css/../fonts/RobotoRegular.woff") format("woff"), url("/local/templates/avivi2019/css/../fonts/RobotoRegular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Roboto";
    src: url("/local/templates/avivi2019/css/../fonts/RobotoMedium.eot");
    src: url("/local/templates/avivi2019/css/../fonts/RobotoMedium.eot?#iefix") format("embedded-opentype"), url("/local/templates/avivi2019/css/../fonts/RobotoMedium.woff") format("woff"), url("/local/templates/avivi2019/css/../fonts/RobotoMedium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Roboto";
    src: url("/local/templates/avivi2019/css/../fonts/RobotoBold.eot");
    src: url("/local/templates/avivi2019/css/../fonts/RobotoBold.eot?#iefix") format("embedded-opentype"), url("/local/templates/avivi2019/css/../fonts/RobotoBold.woff") format("woff"), url("/local/templates/avivi2019/css/../fonts/RobotoBold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "RobotoSlab";
    src: url("/local/templates/avivi2019/css/../fonts/RobotoSlabRegular.eot");
    src: url("/local/templates/avivi2019/css/../fonts/RobotoSlabRegular.eot?#iefix") format("embedded-opentype"), url("/local/templates/avivi2019/css/../fonts/RobotoSlabRegular.woff") format("woff"), url("/local/templates/avivi2019/css/../fonts/RobotoSlabRegular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "RobotoSlab";
    src: url("/local/templates/avivi2019/css/../fonts/RobotoSlabBold.eot");
    src: url("/local/templates/avivi2019/css/../fonts/RobotoSlabBold.eot?#iefix") format("embedded-opentype"), url("/local/templates/avivi2019/css/../fonts/RobotoSlabBold.woff") format("woff"), url("/local/templates/avivi2019/css/../fonts/RobotoSlabBold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'RobotoSlab', sans-serif;
    font-weight: 700;
}

h1.green, h2.green, h3.green, h4.green, h5.green, h6.green {
    color: #3bbf8d;
}

h4 {
    font-size: 1.375rem;
}

h3 {
    font-size: 1.5rem;
}

hr {
    border: none;
    border-bottom: 1px solid #e5e5e5;
    padding-top: 53px;
    margin-bottom: 43px;
}

@-webkit-keyframes main-go-forward {
    0% {
        left: 0;
        height: 100%;
    }
    48% {
        left: 100%;
        height: 100%;
    }
    49% {
        left: 200%;
        height: 100%;
        opacity: 0;
    }
    50% {
        top: 0%;
        left: 200%;
        opacity: 0;
        height: 50%;
        border-left: 2px solid #bbbbbb;
    }
    51% {
        top: 0%;
        left: 200%;
        height: 50%;
        width: 41%;
        opacity: 1;
        border-left: 2px solid #bbbbbb;
    }
    100% {
        top: 0%;
        left: 59%;
        height: 50%;
        width: 41%;
        border-left: 0;
        border-left: 2px solid #bbbbbb;
    }
}

@-moz-keyframes main-go-forward {
    0% {
        left: 0;
        height: 100%;
    }
    48% {
        left: 100%;
        height: 100%;
    }
    49% {
        left: 200%;
        height: 100%;
        opacity: 0;
    }
    50% {
        top: 0%;
        left: 200%;
        opacity: 0;
        height: 50%;
        border-left: 2px solid #bbbbbb;
    }
    51% {
        top: 0%;
        left: 200%;
        height: 50%;
        width: 41%;
        opacity: 1;
        border-left: 2px solid #bbbbbb;
    }
    100% {
        top: 0%;
        left: 59%;
        height: 50%;
        width: 41%;
        border-left: 0;
        border-left: 2px solid #bbbbbb;
    }
}

@-o-keyframes main-go-forward {
    0% {
        left: 0;
        height: 100%;
    }
    48% {
        left: 100%;
        height: 100%;
    }
    49% {
        left: 200%;
        height: 100%;
        opacity: 0;
    }
    50% {
        top: 0%;
        left: 200%;
        opacity: 0;
        height: 50%;
        border-left: 2px solid #bbbbbb;
    }
    51% {
        top: 0%;
        left: 200%;
        height: 50%;
        width: 41%;
        opacity: 1;
        border-left: 2px solid #bbbbbb;
    }
    100% {
        top: 0%;
        left: 59%;
        height: 50%;
        width: 41%;
        border-left: 0;
        border-left: 2px solid #bbbbbb;
    }
}

@keyframes main-go-forward {
    0% {
        left: 0;
        height: 100%;
    }
    48% {
        left: 100%;
        height: 100%;
    }
    49% {
        left: 200%;
        height: 100%;
        opacity: 0;
    }
    50% {
        top: 0%;
        left: 200%;
        opacity: 0;
        height: 50%;
        border-left: 2px solid #bbbbbb;
    }
    51% {
        top: 0%;
        left: 200%;
        height: 50%;
        width: 41%;
        opacity: 1;
        border-left: 2px solid #bbbbbb;
    }
    100% {
        top: 0%;
        left: 59%;
        height: 50%;
        width: 41%;
        border-left: 0;
        border-left: 2px solid #bbbbbb;
    }
}

@-webkit-keyframes second-go-forward {
    0% {
        left: 59%;
        top: 0;
        height: 50%;
        width: 41%;
    }
    100% {
        left: 59%;
        top: 50%;
        height: 50%;
        width: 41%;
    }
}

@-moz-keyframes second-go-forward {
    0% {
        left: 59%;
        top: 0;
        height: 50%;
        width: 41%;
    }
    100% {
        left: 59%;
        top: 50%;
        height: 50%;
        width: 41%;
    }
}

@-o-keyframes second-go-forward {
    0% {
        left: 59%;
        top: 0;
        height: 50%;
        width: 41%;
    }
    100% {
        left: 59%;
        top: 50%;
        height: 50%;
        width: 41%;
    }
}

@keyframes second-go-forward {
    0% {
        left: 59%;
        top: 0;
        height: 50%;
        width: 41%;
    }
    100% {
        left: 59%;
        top: 50%;
        height: 50%;
        width: 41%;
    }
}

@-webkit-keyframes third-go-forward {
    0% {
        top: 50%;
        left: 59%;
    }
    50% {
        left: 125%;
        height: 50%;
        top: 50%;
    }
    100% {
        top: 50%;
        left: 200%;
        height: 50%;
    }
}

@-moz-keyframes third-go-forward {
    0% {
        top: 50%;
        left: 59%;
    }
    50% {
        left: 125%;
        height: 50%;
        top: 50%;
    }
    100% {
        top: 50%;
        left: 200%;
        height: 50%;
    }
}

@-o-keyframes third-go-forward {
    0% {
        top: 50%;
        left: 59%;
    }
    50% {
        left: 125%;
        height: 50%;
        top: 50%;
    }
    100% {
        top: 50%;
        left: 200%;
        height: 50%;
    }
}

@keyframes third-go-forward {
    0% {
        top: 50%;
        left: 59%;
    }
    50% {
        left: 125%;
        height: 50%;
        top: 50%;
    }
    100% {
        top: 50%;
        left: 200%;
        height: 50%;
    }
}

@-webkit-keyframes fourth-go-forward {
    0% {
        left: -120%;
        height: 100%;
        top: 0;
        width: 59%;
    }
    100% {
        left: 0%;
        height: 100%;
        top: 0;
        width: 59%;
    }
}

@-moz-keyframes fourth-go-forward {
    0% {
        left: -120%;
        height: 100%;
        top: 0;
        width: 59%;
    }
    100% {
        left: 0%;
        height: 100%;
        top: 0;
        width: 59%;
    }
}

@-o-keyframes fourth-go-forward {
    0% {
        left: -120%;
        height: 100%;
        top: 0;
        width: 59%;
    }
    100% {
        left: 0%;
        height: 100%;
        top: 0;
        width: 59%;
    }
}

@keyframes fourth-go-forward {
    0% {
        left: -120%;
        height: 100%;
        top: 0;
        width: 59%;
    }
    100% {
        left: 0%;
        height: 100%;
        top: 0;
        width: 59%;
    }
}

@-webkit-keyframes main-go-back {
    0% {
        left: 0;
    }
    100% {
        left: 120%;
    }
}

@-moz-keyframes main-go-back {
    0% {
        left: 0;
    }
    100% {
        left: 120%;
    }
}

@-o-keyframes main-go-back {
    0% {
        left: 0;
    }
    100% {
        left: 120%;
    }
}

@keyframes main-go-back {
    0% {
        left: 0;
    }
    100% {
        left: 120%;
    }
}

@-webkit-keyframes second-go-back {
    0% {
        left: 59%;
        height: 50%;
        width: 59%;
    }
    48% {
        left: 180%;
        height: 50%;
        width: 59%;
    }
    49% {
        left: 180%;
        height: 50%;
        width: 59%;
        opacity: 0;
    }
    50% {
        left: -120%;
        height: 100%;
        width: 59%;
        opacity: 0;
        border-right: 2px solid #bbbbbb;
    }
    51% {
        left: -120%;
        height: 100%;
        width: 59%;
        opacity: 1;
        border-right: 2px solid #bbbbbb;
    }
    100% {
        left: 0%;
        height: 100%;
        width: 59%;
        border-left: 0;
        border-right: 2px solid #bbbbbb;
        z-index: 1111111111;
    }
}

@-moz-keyframes second-go-back {
    0% {
        left: 59%;
        height: 50%;
        width: 59%;
    }
    48% {
        left: 180%;
        height: 50%;
        width: 59%;
    }
    49% {
        left: 180%;
        height: 50%;
        width: 59%;
        opacity: 0;
    }
    50% {
        left: -120%;
        height: 100%;
        width: 59%;
        opacity: 0;
        border-right: 2px solid #bbbbbb;
    }
    51% {
        left: -120%;
        height: 100%;
        width: 59%;
        opacity: 1;
        border-right: 2px solid #bbbbbb;
    }
    100% {
        left: 0%;
        height: 100%;
        width: 59%;
        border-left: 0;
        border-right: 2px solid #bbbbbb;
        z-index: 1111111111;
    }
}

@-o-keyframes second-go-back {
    0% {
        left: 59%;
        height: 50%;
        width: 59%;
    }
    48% {
        left: 180%;
        height: 50%;
        width: 59%;
    }
    49% {
        left: 180%;
        height: 50%;
        width: 59%;
        opacity: 0;
    }
    50% {
        left: -120%;
        height: 100%;
        width: 59%;
        opacity: 0;
        border-right: 2px solid #bbbbbb;
    }
    51% {
        left: -120%;
        height: 100%;
        width: 59%;
        opacity: 1;
        border-right: 2px solid #bbbbbb;
    }
    100% {
        left: 0%;
        height: 100%;
        width: 59%;
        border-left: 0;
        border-right: 2px solid #bbbbbb;
        z-index: 1111111111;
    }
}

@keyframes second-go-back {
    0% {
        left: 59%;
        height: 50%;
        width: 59%;
    }
    48% {
        left: 180%;
        height: 50%;
        width: 59%;
    }
    49% {
        left: 180%;
        height: 50%;
        width: 59%;
        opacity: 0;
    }
    50% {
        left: -120%;
        height: 100%;
        width: 59%;
        opacity: 0;
        border-right: 2px solid #bbbbbb;
    }
    51% {
        left: -120%;
        height: 100%;
        width: 59%;
        opacity: 1;
        border-right: 2px solid #bbbbbb;
    }
    100% {
        left: 0%;
        height: 100%;
        width: 59%;
        border-left: 0;
        border-right: 2px solid #bbbbbb;
        z-index: 1111111111;
    }
}

@-webkit-keyframes third-go-back {
    0% {
        top: 50%;
    }
    100% {
        top: 0;
    }
}

@-moz-keyframes third-go-back {
    0% {
        top: 50%;
    }
    100% {
        top: 0;
    }
}

@-o-keyframes third-go-back {
    0% {
        top: 50%;
    }
    100% {
        top: 0;
    }
}

@keyframes third-go-back {
    0% {
        top: 50%;
    }
    100% {
        top: 0;
    }
}

@-webkit-keyframes fourth-go-back {
    0% {
        left: 200%;
        height: 50%;
        top: 50%;
        border-left: 2px solid #bbbbbb;
    }
    100% {
        left: 59%;
        height: 50%;
        top: 50%;
        border-left: 2px solid #bbbbbb;
    }
}

@-moz-keyframes fourth-go-back {
    0% {
        left: 200%;
        height: 50%;
        top: 50%;
        border-left: 2px solid #bbbbbb;
    }
    100% {
        left: 59%;
        height: 50%;
        top: 50%;
        border-left: 2px solid #bbbbbb;
    }
}

@-o-keyframes fourth-go-back {
    0% {
        left: 200%;
        height: 50%;
        top: 50%;
        border-left: 2px solid #bbbbbb;
    }
    100% {
        left: 59%;
        height: 50%;
        top: 50%;
        border-left: 2px solid #bbbbbb;
    }
}

@keyframes fourth-go-back {
    0% {
        left: 200%;
        height: 50%;
        top: 50%;
        border-left: 2px solid #bbbbbb;
    }
    100% {
        left: 59%;
        height: 50%;
        top: 50%;
        border-left: 2px solid #bbbbbb;
    }
}

body.relmenu-opened {
    height: 100vh;
    overflow: hidden;
}

p {
    margin-bottom: 1em;
}

dl {
    list-style-type: none;
}

dl dt {
    font-size: 1.375rem;
    color: #3c4557;
    font-weight: 700;
    font-family: RobotoSlab, Arial, sans-serif;
    padding: 21px 0 13px;
}

dl dd {
    position: relative;
    font-weight: 300;
    letter-spacing: -0.45px;
    margin: 10px 0 10px 20px;
}

dl dd:before {
    width: 5px;
    height: 5px;
    background-color: #3bbf8d;
    display: block;
    left: -20px;
    top: 7px;
    position: absolute;
    content: '';
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

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

li {
    position: relative;
    font-weight: 300;
    letter-spacing: -0.45px;
    margin: 10px 0 10px 20px;
}

li:before {
    width: 5px;
    height: 5px;
    background-color: #3bbf8d;
    display: block;
    left: -20px;
    top: 7px;
    position: absolute;
    content: '';
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

a {
    color: #28805e;
    text-decoration: underline;
}

a:hover {
    text-decoration: none;
}

table {
    width: 100%;
}

td {
    padding: 15px;
}

tr:nth-child(2n + 1) {
    background-color: #f0f0f0;
}

th {
    padding: 15px;
    background-color: #3bbf8d;
    color: #fff;
}

img {
    max-width: 100%;
    width: 100%;
}

.aplications {
    background-image: url(/local/templates/avivi2019/css/../images/bgvb.png);
    background-repeat: repeat;
    position: relative;
    padding: 10px 0;
}

.aplications:before {
    position: absolute;
    width: 50%;
    background-color: rgba(60, 69, 87, 0.9);
    height: 100%;
    right: 0;
    top: 0;
    content: '';
}

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

.aplications__img {
    width: 50%;
}

.aplications__img img {
    width: 100%;
}

.aplications__text {
    width: 50%;
    color: #fff;
    max-width: 600px;
    padding: 34px 70px 34px 34px;
}

.aplications__text h6 {
    font-size: 20px;
    margin-bottom: 44px;
}

.aplications__text .button {
    margin-top: 56px;
}

.applist {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 25px 0;
}

.applist__text {
    font-size: 1.625rem;
    color: #3c4557;
    line-height: 1.308;
    font-weight: 700;
    width: 266px;
}

.applist__img {
    width: 137px;
    margin-right: 20px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    line-height: 0;
}

.applist__item {
    border: 5px solid transparent;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 200ms;
    -o-transition: all 200ms;
    -moz-transition: all 200ms;
    transition: all 200ms;
    height: 230px;
    padding: 20px;
}

.applist__item-wrap {
    border: 2px solid #f0f0f0;
    width: -webkit-calc(50% - 30px);
    width: -moz-calc(50% - 30px);
    width: calc(50% - 30px);
    text-decoration: none;
    display: block;
    margin: 0 15px 30px;
    -webkit-transition: all 200ms;
    -o-transition: all 200ms;
    -moz-transition: all 200ms;
    transition: all 200ms;
}

.applist__item-wrap:hover {
    border-color: #3bbf8d;
}

.applist__item-wrap:hover .applist__item {
    border-color: #3bbf8d;
}

.applist__summary {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 2.5rem;
}

.applist__prices {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.applist__decimals {
    font-size: 2.5rem;
    color: #ec2028;
    font-weight: 600;
    margin-top: 6px;
}

.applist__when {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 15px;
}

.applist__when span {
    font-size: 1.25rem;
    line-height: 1.25rem;
}

.applist__when span:first-child {
    border-bottom: 1px solid #3c4557;
}

.apptitle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 37px 0 69px;
}

.apptitle__img {
    width: 378px;
    padding: 0 40px;
}

.apptitle h2 {
    font-size: 3.125rem;
    letter-spacing: 2px;
    margin: 16px 0;
}

.apptitle .applist__summary p {
    margin-bottom: 0;
}

.apptitle p {
    font-size: 1.25rem;
    margin-bottom: 50px;
}

.apptitle .button {
    margin: 6px 12px;
}

.apptitle__text {
    padding-bottom: 35px;
}

.apptitle__text .button-same-width {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 -12px;
}

.apptitle__text .button-same-width .button {
    max-width: 275px;
}

.appslider {
    padding: 55px 42px;
}

.appslider__slide {
    width: 138px;
    margin: 0 auto;
    display: block;
    position: relative;
    height: 138px;
    overflow: hidden;
}

.appslider__slide img {
    position: absolute;
    -webkit-transition: all 200ms;
    -o-transition: all 200ms;
    -moz-transition: all 200ms;
    transition: all 200ms;
}

.appslider__slide img:last-child {
    opacity: 0;
}

.appslider__slide:hover img:last-child {
    opacity: 1;
}

.appslider .button--arrow {
    position: absolute;
    top: -webkit-calc(50% - 21px);
    top: -moz-calc(50% - 21px);
    top: calc(50% - 21px);
    left: 0;
    z-index: 10;
}

.appslider .button--arrow.forward {
    left: auto;
    right: 0;
}

.button {
    padding: 0;
    border: 0;
    -webkit-border-radius: 21px;
    -moz-border-radius: 21px;
    border-radius: 21px;
    display: inline-block;
    text-decoration: none;
    background-color: transparent;
    -webkit-transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
}

.button span {
    background-color: #3bbf8d;
    border: 2px solid #3bbf8d;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.875rem;
    line-height: 1.2;
    height: 42px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    letter-spacing: 2.75px;
    -webkit-border-radius: 21px;
    -moz-border-radius: 21px;
    border-radius: 21px;
    cursor: pointer;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 30px;
    -webkit-transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
}

.button:hover span {
    background-color: #00a07e;
    border-color: #00a07e;
}

.button--bordered span {
    color: #3bbf8d;
    background-color: #fff;
}

.button--bordered:hover span {
    color: #fff;
    background-color: #3bbf8d;
    border-color: #3bbf8d;
}

.button--arrow {
    z-index: 10;
}

.button--arrow span {
    width: 42px;
    position: relative;
    min-width: 1px;
    padding: 0;
}

.button--arrow span:hover:after {
    border-color: #fff;
}

.button--arrow span:after {
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    display: block;
    content: '';
    position: absolute;
    width: 13px;
    height: 13px;
    border-top: 2px solid #3bbf8d;
    border-left: 2px solid #3bbf8d;
    top: 34%;
    left: 42%;
    -webkit-transform: rotateZ(-45deg);
    -moz-transform: rotateZ(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg);
}

.button--arrow.forward span:after {
    left: 28%;
    -webkit-transform: rotateZ(135deg);
    -moz-transform: rotateZ(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotateZ(135deg);
    transform: rotateZ(135deg);
}

.button--red span {
    color: #fff;
    background-color: #ec2028;
    border-color: #ec2028;
}

.button--red:hover span {
    background-color: #cc1d22;
    border-color: #cc1d22;
}

.button--gray span {
    color: #000;
    background-color: #f0f0f0;
    border-color: #f0f0f0;
    letter-spacing: 1.5px;
}

.button--gray:hover span {
    color: #fff;
    background-color: #00a07e;
    border-color: #00a07e;
}

.button--icon {
    margin: 15px;
    white-space: nowrap;
}

.button--icon span {
    text-transform: none;
    font-weight: 400;
}

.button--icon svg {
    width: 35px;
    height: 35px;
    fill: #3bbf8d;
    margin-right: 15px;
}

.button--icon:hover svg {
    fill: #fff;
}

.button--full {
    width: 100%;
}

.button--full span {
    width: 100%;
}

.b24table__top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 0 27px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.b24table__img {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 0 50px 24px 20px;
}

.b24table__icon {
    width: 60px;
    height: 60px;
    margin-right: 15px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.b24table__icon svg {
    width: 100%;
    height: 100%;
}

.b24table__text {
    width: 100%;
    max-width: 270px;
}

.b24table__box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 27px;
}

.b24table__item {
    width: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 24px;
    padding: 0 10px;
}

.b24table__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.b24table__cel {
    width: 100%;
    text-align: center;
    padding: 9px 5px;
    position: relative;
}

.b24table__cel h5 {
    color: #3bbf8d;
    font-size: 1rem;
    margin-bottom: 12px;
}

.b24table__bottom {
    padding: 30px 0 0;
}

.b24table__table {
    width: 100%;
    padding-bottom: 20px;
    overflow-x: auto;
}

.b24table__table th,
.b24table__table td {
    text-align: center;
}

.b24table__table th:first-child,
.b24table__table td:first-child {
    text-align: left;
    width: 25%;
}

.b24table__table th:first-child .b24table__cel,
.b24table__table td:first-child .b24table__cel {
    text-align: left;
}

.b24table__table table {
    width: 99.9%;
}

.b24table__table tr.b24table__special {
    background-color: transparent;
}

.b24table__table tr.b24table__special td {
    padding: 0;
    border-right: 2px solid #f0f0f0;
}

.breadcrumbs {
    margin: 5px 0;
    font-size: 12px;
}

.breadcrumbs ul {
    list-style-type: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
}

.breadcrumbs li {
    margin: 0 20px 0 0;
    position: relative;
}

.breadcrumbs li:before {
    display: none;
}

.breadcrumbs li:last-child:after {
    display: none;
}

.breadcrumbs li a {
    font-weight: 500;
}

.breadcrumbs li:after {
    position: absolute;
    content: '→';
    color: #000;
    display: block;
    right: -15px;
    top: 1px;
}

.blogitem {
    padding: 25px 0;
}

.blogitem:nth-child(2n) {
    /* background-color: #f0f0f0; */
}

.blogitem__top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 23px;
}

.blogitem__top p {
    margin-bottom: 0;
}

.blogitem__author {
    width: 333px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.blogitem__title {
    color: #b2b2b2;
    text-decoration: none;
    padding-right: 15px;
}

.blogitem__title h4 {
    color: #3c4557;
    font-size: 1.375rem;
}

.blogitem__title h4:hover {
    color: #3bbf8d;
}

.blogitem__name {
    color: #363636;
    text-align: right;
}

.blogitem__name h5 {
    font-size: 1.125rem;
}

.blogitem__img {
    width: 100%;
    display: block;
    padding-bottom: 12px;
}

.blogitem__img img {
    width: 100%;
}

.blogitem__photo {
    width: 50px;
    height: 50px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    margin-left: 20px;
}

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

.blogitem__bot {
    text-align: center;
    padding-top: 10px;
}

.blogpost {
    padding-top: 14px;
    padding-bottom: 8px;
}

.blogpost .blogitem__photo img {
    margin: 0;
}

.blogpost img {
    margin: 0.875rem 0;
}

.blogpost__date {
    width: 333px;
}

.blogpost__text {
    max-width: 976px;
    margin: 0 auto;
    font-weight: 300;
    line-height: 1.875rem;
    font-size: 1.25rem;
}

.blogpost__text img {
    width: auto;
}

.blogpost__text h4 {
    margin: 2.750rem 0 1.69rem;
}

.blogpost__text p {
    margin-bottom: 1.875rem;
}

.blogpost__text .regular {
    font-weight: 400;
}

.career__item {
    padding: 24px 0 44px;
}

.career__item:nth-child(2n) {
    background-color: #f0f0f0;
}

.career__item:nth-child(2n) .job__send {
    background-color: #fff;
}

.caselist__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px 0;
}

.caselist__item:nth-child(2n) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -moz-box-orient: horizontal;
    -moz-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.caselist__item:nth-child(2n) .caselist__text {
    margin-left: 0;
}

.caselist__item:nth-child(2n) .caselist__text .button {
    margin-left: 0;
}

.caselist__item:nth-child(2n) .caselist__img {
    padding-right: 0;
    padding-left: 15px;
}

.caselist__item:nth-child(2n) .caselist__img:before {
    background: -webkit-gradient(linear, left top, right top, from(white), to(rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 100%);
    background: -moz- oldlinear-gradient(left, white 0%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
}

.caselist__img {
    width: 50%;
    padding-right: 15px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
}

.caselist__img:before {
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%);
    background: -moz- oldlinear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.caselist__text {
    margin-left: -80px;
    z-index: 1;
    line-height: 1.67;
}

.caselist__text .title {
    margin-bottom: 60px;
}

.caselist__text .button {
    margin-left: 125px;
    margin-top: 20px;
}

.caselist__text .button span {
    min-width: 260px;
}

.contacts-land {
    background-color: #f0f0f0;
    padding: 30px 0;
    margin-top: 60px;
}

.contacts-land__box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 40px 0 80px 0;
}

.contacts-land__box img {
    min-width: 80px;
    width: 80px;
    height: 80px;
    border: solid 1px transparent;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    overflow: hidden;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.case {
    padding-top: 50px;
    padding-bottom: 20px;
}

.cases-slider {
    font-size: 1rem;
    height: 100vh;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-height: 700px;
}

.cases-slider .mbox {
    max-width: 1040px;
}

.callback {
    background-color: #3c4557;
    padding: 6px 0 12px;
}

.callback__title {
    color: #fff;
    font-size: 1.25rem;
    font-weight: 300;
    text-align: center;
    padding-bottom: 10px;
    margin-bottom: 25px;
}

.callback__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 24px;
}

.callback__row textarea,
.callback__row input[type=password],
.callback__row input[type=email],
.callback__row input[type=url],
.callback__row input[type=number],
.callback__row input[type=text],
.callback__row input[type=tel] {
    width: 100%;
    border-style: solid;
    border-color: #fff;
    border-width: 0 0 1px;
    background-color: transparent;
    font-weight: 300;
    color: #fff;
    -webkit-transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.callback__row textarea::-webkit-input-placeholder,
.callback__row input[type=password]::-webkit-input-placeholder,
.callback__row input[type=email]::-webkit-input-placeholder,
.callback__row input[type=url]::-webkit-input-placeholder,
.callback__row input[type=number]::-webkit-input-placeholder,
.callback__row input[type=text]::-webkit-input-placeholder,
.callback__row input[type=tel]::-webkit-input-placeholder {
    color: #fff;
    font-weight: 300;
}

.callback__row textarea:-moz-placeholder,
.callback__row input[type=password]:-moz-placeholder,
.callback__row input[type=email]:-moz-placeholder,
.callback__row input[type=url]:-moz-placeholder,
.callback__row input[type=number]:-moz-placeholder,
.callback__row input[type=text]:-moz-placeholder,
.callback__row input[type=tel]:-moz-placeholder {
    color: #fff;
    font-weight: 300;
}

.callback__row textarea::-moz-placeholder,
.callback__row input[type=password]::-moz-placeholder,
.callback__row input[type=email]::-moz-placeholder,
.callback__row input[type=url]::-moz-placeholder,
.callback__row input[type=number]::-moz-placeholder,
.callback__row input[type=text]::-moz-placeholder,
.callback__row input[type=tel]::-moz-placeholder {
    color: #fff;
    font-weight: 300;
}

.callback__row textarea:-ms-input-placeholder,
.callback__row input[type=password]:-ms-input-placeholder,
.callback__row input[type=email]:-ms-input-placeholder,
.callback__row input[type=url]:-ms-input-placeholder,
.callback__row input[type=number]:-ms-input-placeholder,
.callback__row input[type=text]:-ms-input-placeholder,
.callback__row input[type=tel]:-ms-input-placeholder {
    color: #fff;
    font-weight: 300;
}

.callback__row textarea {
    resize: none;
}

.callback__row .errorText {
    font-weight: 300;
    color: #fff;
    margin: 7px 0;
    font-size: 12px;
    position: absolute;
    display: inline-block;
    top: 100%;
}

.callback__row .errorText:before {
    content: '!';
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    display: inline-block;
    width: 14px;
    height: 14px;
    line-height: 14px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 8px;
    background-color: #ec2028;
    text-align: center;
    vertical-align: text-top;
}

.callback__input {
    padding: 0 15px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 33%;
    margin-bottom: 15px;
    position: relative;
}

.callback__input--100 {
    width: 100%;
}

.callback__form {
    padding-bottom: 25px;
}

.callback__thanks {
    position: relative;
    background-color: transparent;
}

.callback__thanks img {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.callback__thanks .callback__title {
    max-width: 690px;
    margin: 0 auto;
    line-height: 30px;
}

.contacts {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 30px 0;
}

.contacts__tel span {
    font-size: 1.5rem;
}

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

.coop__over {
    width: 100%;
    overflow: hidden;
    background-color: #f0f0f0;
    margin-top: -54px;
}

.coop__wrap {
    margin-top: 63px;
}

.coop__company {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 7px 0 20px 0;
}

.coop__company a {
    font-weight: 600;
}

.coop__content {
    padding-top: 27px;
}

.coop__content--team {
    padding-top: 22px;
}

.coop__content p {
    margin: 0;
}

.coop__text {
    line-height: 1.625rem;
    color: #3c4557;
}

.coop__text--bold {
    font-weight: 600;
    margin-top: 26px;
}

.coop__col {
    width: 50%;
    padding-right: 70px;
}

.coop__col--team {
    background-color: #3c4557;
    position: relative;
    padding-right: 0;
    padding-bottom: 69px;
}

.coop__col--team:after {
    display: block;
    height: 100%;
    content: '';
    width: 100%;
    left: 100%;
    background-color: #3c4557;
    position: absolute;
    top: 0;
}

.coop__col--team .coop__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.coop__col--team .blogitem__author {
    margin: 14px 0;
}

.coop__col--team .blogitem__name {
    color: #fff;
}

.coop__col--team .blogitem__name h5 {
    font-size: 1.25rem;
}

.coop__col--team .blogitem__name p {
    font-weight: 300;
    font-size: 1.125rem;
}

.coop__col--team .blogitem__photo {
    margin-left: 30px;
}

.doubleslider {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    border-top: 3px solid #bbb;
    border-bottom: 3px solid #bbb;
    overflow: hidden;
    background-color: #fff;
}

.doubleslider__big {
    width: 55.3%;
    border-right: 3px solid #bbb;
    -webkit-transform: scaleY(-1);
    -moz-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    transform: scaleY(-1);
}

.doubleslider__big .slide {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 58px 38px 27px;
    -webkit-transform: scaleY(-1);
    -moz-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    transform: scaleY(-1);
}

.doubleslider__big .slide__box {
    width: 548px;
}

.doubleslider__nav {
    width: 44.7%;
    margin-top: -235px;
}

.doubleslider__nav .slide {
    padding: 23px 47px 27px;
    position: relative;
    height: 235px;
}

.doubleslider__nav .slide:before {
    content: '';
    width: 100%;
    height: 3px;
    background-color: #bbb;
    position: absolute;
    left: 0;
    bottom: 0;
}

.doubleslider__nav .slide__description {
    display: none;
}

.doubleslider__nav .slide__box {
    max-width: 345px;
}

.doubleslider__nav .slide__header {
    font-size: 1.25rem;
    height: 48px;
}

.doubleslider__nav .slide__image {
    height: 129px;
    margin-bottom: 0;
}

.doubleslider__nav .slide .button span {
    height: 26px;
    font-size: 9px;
}

.doubleslider__nav .slick-active + .slick-active + .slick-active.slide:before {
    display: none;
}

.doubleslider__buttons {
    text-align: center;
    padding: 36px 0 10px;
}

.doubleslider .slick-slider {
    margin-bottom: 0;
}

.item {
    padding: 12px;
    width: 33%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 23px 0;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.item__text {
    color: #3c4557;
    text-align: center;
    width: 100%;
    max-width: 230px;
    font-size: 1.125rem;
    margin-bottom: 26px;
    margin-top: 14px;
    height: 42px;
}

.item__image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 80px;
}

.icon {
    width: 30px;
    height: 30px;
    display: inline-block;
    margin: 2px;
}

.icon svg {
    width: 100%;
    height: 100%;
}

.icon--green {
    fill: #3bbf8d;
}

.features {
    padding: 1px 0;
}

.features__icon {
    width: 80px;
    height: 80px;
    padding: 4px;
    margin: 0 auto 12px;
}

.features__icon svg {
    width: 100%;
    height: 100%;
}

.features__title {
    font-size: 1.125rem;
    text-align: center;
}

.features__hover {
    color: #fff;
    background-color: #3bbf8d;
    padding: 20px;
    font-size: 0.875rem;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-align: center;
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    line-height: 1.25;
    -webkit-transform: translateY(-50%) scale(0);
    -moz-transform: translateY(-50%) scale(0);
    -ms-transform: translateY(-50%) scale(0);
    -o-transform: translateY(-50%) scale(0);
    transform: translateY(-50%) scale(0);
    opacity: 0;
    height: 0;
    overflow: hidden;
    -webkit-transition: opacity 200ms, -webkit-transform 200ms;
    transition: opacity 200ms, -webkit-transform 200ms;
    -o-transition: opacity 200ms, -o-transform 200ms;
    -moz-transition: transform 200ms, opacity 200ms, -moz-transform 200ms;
    transition: transform 200ms, opacity 200ms;
    transition: transform 200ms, opacity 200ms, -webkit-transform 200ms, -moz-transform 200ms, -o-transform 200ms;
    z-index: 100;
}

.features__hover h5 {
    font-size: 1.125rem;
    position: relative;
    padding: 6px 0 19px;
    margin-bottom: 24px;
}

.features__hover h5:before {
    width: 54px;
    height: 3px;
    background-color: #fff;
    content: '';
    display: block;
    position: absolute;
    left: -webkit-calc(50% - 27px);
    left: -moz-calc(50% - 27px);
    left: calc(50% - 27px);
    bottom: 0;
}

.features__item {
    width: 222px;
    position: relative;
    margin: 0 auto;
}

.features__item:hover .features__hover {
    -webkit-transform: translateY(-50%) scale(1);
    -moz-transform: translateY(-50%) scale(1);
    -ms-transform: translateY(-50%) scale(1);
    -o-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1);
    opacity: 1;
    height: auto;
    overflow: hidden;
}

.features__slide {
    width: 24.5%;
    padding: 40px 5px;
    display: inline-block;
}

.features__slider {
    padding-bottom: 25px;
}

@media screen and (min-width: 601px) {
    .features__slider {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        flex-wrap: wrap;
    }
}

.feedback {
    padding: 20px 0 30px;
}

.feedback .slick-center .feedback__topit {
    border-style: solid;
    border-color: #3bbf8d;
    border-width: 3px 3px 0;
}

.feedback__topit {
    width: 100%;
    height: 127px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 12px 0;
}

.feedback__topit img {
    width: auto;
}

.feedback__logos {
    margin-bottom: 0;
    padding: 16px 50px 0;
}

.feedback__logos .button--arrow {
    position: absolute;
    top: -webkit-calc(50% - 21px);
    top: -moz-calc(50% - 21px);
    top: calc(50% - 21px);
    left: 0;
}

.feedback__logos .button--arrow.forward {
    left: auto;
    right: 0;
}

.feedback__text {
    background-color: #f0f0f0;
    padding: 15px;
}

.feedback__comment {
    font-weight: 300;
    max-width: 823px;
    width: 100%;
    margin: 0 auto;
    line-height: 1.6;
    padding: 40px 0 16px;
}

.feedback__avatar {
    width: 80px;
    height: 80px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}

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

.feedback__autor {
    text-align: center;
    padding: 26px 0;
}

.feedback__autor b {
    font-size: 1.125rem;
    color: #3bbf8d;
}

.footer {
    background: cadetblue;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    /*background-image: url(/local/templates/avivi2019/css/../images/greenrabasymka.jpg);*/
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.footer__info {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    /*-webkit-justify-content: flex-end;*/
    /*-moz-box-pack: end;*/
    /*-ms-flex-pack: end;*/
    /*justify-content: flex-end;*/
}

.title.title--white {
    display: flex;
    justify-content: center;
}

@media screen and (min-width: 992px) {
    .footer__info-box {
        /*width: 600px;*/
        padding-left: 20px;
        width: 100%;
    }

    .footer-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .footer-grid > a,
    .footer-grid > div {
        display: flex;
        justify-content: start;
        align-items: center;
        height: 40px;
        padding-left: 20%;
        margin: 0 0 20px 0;
    }
}

.footer__map {
    width: 50%;
    height: 460px;
}

.footer__address {
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
}

.footer__links a {
    color: #ffffff;
    text-decoration: none;
    font-size: 30px;
    font-weight: 300;
    line-height: 1;
    display: block;
    margin: 6px 0;
}

.footer__phone {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px;
}

.footer__mail {
    text-decoration: none;
    color: #fff;
    line-height: 1;
}

.footer__icon {
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 30px;
}

.footer__icon svg {
    width: 100%;
    height: 100%;
    fill: #fff;
}

.footer__socials {
    margin: 18px 0 0 -15px;
}

.footer__addr-link {
    border: none;
    background: transparent;
    text-align: left;
}

.footer__addr-link.menu__address-txt:not(:nth-child(2)) {
    border: none;
}

.footer__addr-link.menu__address-txt:not(:first-child) {
    border-left: 3px solid #fff;
}

.fours .leave__picture {
    width: auto;
    padding: 0 10px;
}

.fours .callback__title {
    margin-top: 50px;
    max-width: 500px;
    line-height: 2rem;
}

.fours .leave__form {
    max-width: 650px;
}

.fours .leave__form .button {
    margin: 10px 10px;
}

.grey-bg {
    background-color: #f0f0f0;
    padding: 1px 0;
}

.global-wraper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
}

header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    /*border-bottom: 1px solid #959da6;*/
}

header .mbox {
    max-width: 1600px;
}

header.white {
    background-color: #fff;
    position: fixed;
    top: -100%;
    -webkit-animation-duration: 200ms;
    -moz-animation-duration: 200ms;
    -o-animation-duration: 200ms;
    animation-duration: 200ms;
    -webkit-animation-name: header;
    -moz-animation-name: header;
    -o-animation-name: header;
    animation-name: header;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

header.white .header #logo-color {
    display: inline-block;
}

header.white .header #logo-outline {
    display: none;
}

header.white .header a {
    color: #000;
}

header.white .header__tel svg {
    fill: #000;
}

header.white .header__logo svg {
    fill: #000;
}

header.white .header__lang .jq-selectbox__select-text {
    color: #000;
}

header.white .header__lang .jq-selectbox:hover .jq-selectbox__trigger-arrow {
    border-top: 2px solid #000;
    border-right: 2px solid #000;
}

header.white .header__lang .jq-selectbox__trigger-arrow {
    border-top: 2px solid #000;
    border-right: 2px solid #000;
}

header.white .menu__butter span {
    background-color: #000;
}

.simple {
    padding-top: 100px;
}

.simple header {
    background-color: #fff;
}

.simple header .header #logo-color {
    display: inline-block;
}

.simple header .header #logo-outline {
    display: none;
}

.simple header .header a {
    color: #000;
}

.simple header .header__tel svg {
    fill: #000;
}

.simple header .header__logo svg {
    fill: #000;
}

.simple header .header__lang .jq-selectbox__select-text {
    color: #000;
}

.simple header .header__lang .jq-selectbox:hover .jq-selectbox__trigger-arrow {
    border-top: 2px solid #000;
    border-right: 2px solid #000;
}

.simple header .header__lang .jq-selectbox__trigger-arrow {
    border-top: 2px solid #000;
    border-right: 2px solid #000;
}

.simple header .menu__butter span {
    background-color: #000;
    -webkit-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease;
}

@-webkit-keyframes header {
    0% {
        top: -100px;
    }
    100% {
        top: 0;
    }
}

@-moz-keyframes header {
    0% {
        top: -100px;
    }
    100% {
        top: 0;
    }
}

@-o-keyframes header {
    0% {
        top: -100px;
    }
    100% {
        top: 0;
    }
}

@keyframes header {
    0% {
        top: -100px;
    }
    100% {
        top: 0;
    }
}

.header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header #logo-color {
    display: none;
}

.header a {
    color: #fff;
    text-decoration: none;
}

.header a:hover {
    color: #3bbf8d;
}

.header__logo {
    width: 78px;
    height: 60px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 5px;
}

.header__logo svg {
    width: 100%;
    height: 100%;
    fill: #fff;
}

.header__nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /*width: 445px;*/
    /*margin: 0 5px;*/
    column-gap: 40px;
}

@media screen and (max-width: 1360px) {
    .header__nav {
        column-gap: 30px;
    }
}

@media screen and (max-width: 1280px) {
    .header__nav {
        column-gap: 20px;
    }
}

.header__nav a {
    height: 99px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: 'RobotoSlab';
    font-weight: 600;
    text-decoration: none;
    border-bottom: 3px solid transparent;
    color: #FFFDFD;
}

.header__nav a:hover {
    color: #3bbf8d;
    border-color: #3bbf8d;
}

.header__tel {
    font-size: 16px;
    font-weight: 600;
    color: #FFFDFD;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    /*margin: 0 5px;*/
}

.header__tel svg {
    width: 20px;
    height: 20px;
    fill: #fff;
    display: none;
}

.header__btn {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    /*margin: 0 5px;*/
}

.header__lang {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.header__lang .jq-selectbox.focused .jq-selectbox__select,
.header__lang .jq-selectbox__select {
    background: transparent;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.header__lang .jq-selectbox__select-text {
    color: #FFFDFD;
    text-shadow: none;
    font-size: 1rem;
    font-weight: 600;
    /*text-transform: uppercase;*/
}

.header__lang .jq-selectbox__trigger {
    border-left: none;
}

.header__lang .jq-selectbox:hover .jq-selectbox__trigger-arrow {
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}

.header__lang .jq-selectbox__trigger-arrow {
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    width: 7px;
    height: 7px;
    border-left: 0;
    border-bottom: 0;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    top: 10px;
    right: 20px;
}

.header__lang .jq-selectbox__dropdown {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.header__lang .jq-selectbox ul {
    padding: 10px 0;
}

.header__lang .jq-selectbox li {
    margin: 0;
    color: #c1c1c1;
    text-align: center;
    text-transform: uppercase;
}

.header__lang .jq-selectbox li:before {
    display: none;
}

.header__lang .jq-selectbox li.selected {
    color: #3d4759;
    background-color: transparent;
}

.header__lang .jq-selectbox li:hover {
    color: #3bbf8d;
    background-color: transparent;
}

.hidden-block {
    position: absolute;
    left: -9999px;
    top: -9999px;
}

.js-resize-slider .button--arrow {
    position: absolute;
    top: -webkit-calc(50% - 21px);
    top: -moz-calc(50% - 21px);
    top: calc(50% - 21px);
    left: 0;
}

.js-resize-slider .button--arrow.forward {
    left: auto;
    right: 0;
}

.js-app-slider {
    margin-bottom: 10px;
    padding-top: 43px;
}

.js-app-slider .slick-dots {
    bottom: auto;
    right: 40px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: auto;
}

.js-app-slider .slick-dots li {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
}

.js-app-slider .slick-dots li button {
    padding: 0;
    position: relative;
    font-size: 1rem;
    background: #fff;
    width: 10px;
    height: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    z-index: 3;
}

.js-app-slider .slick-dots li button:before {
    display: none;
}

.js-app-slider .slick-dots li.slick-active button {
    background: #3bbf8d;
}

.js-showmore-hid {
    display: none;
}

.job__img {
    width: 100%;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    height: 240px;
}

.job__img img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.job__header {
    font-size: 1.375rem;
    color: #3c4557;
    font-weight: 700;
    font-family: RobotoSlab, Arial, sans-serif;
    padding: 21px 0 13px;
}

.job__send {
    background-color: #f0f0f0;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 22px 20px;
    margin-top: 12px;
    margin-bottom: 4px;
}

.job__locate {
    margin-right: 10px;
}

.job__locate p {
    font-weight: 300;
    font-size: 0.9375rem;
    margin: 0;
}

.job__locate p span {
    font-weight: 700;
}

.job__requirements {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.job__col {
    width: 50%;
    padding-right: 50px;
}

.languages {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.languages a, .languages label {
    position: relative;
    display: inline-block;
    padding: 5px;
    cursor: pointer;
}

.languages a input, .languages label input {
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
}

.languages a span, .languages label span {
    width: 46px;
    height: 24px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.1);
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    font-family: 'RobotoSlab', sans-serif;
}

.languages a:hover span, .languages label:hover span {
    background-color: #3bbf8d;
}

.languages a input:checked + span, .languages label input:checked + span {
    background-color: white;
    color: #444f64;
}

.languages a {
    position: relative;
    display: inline-block;
    padding: 5px;
    cursor: pointer;
    text-decoration: none;
}

.languages a span {
    width: 46px;
    height: 24px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.1);
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    font-family: 'RobotoSlab', sans-serif;
}

.languages a:hover span {
    background-color: #3bbf8d;
}

.languages a.active span {
    background-color: white;
    color: #444f64;
}

.land {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 25%;
    padding: 0 25px 35px 25px;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

.land a {
    font-size: 1.87rem;
    white-space: nowrap;
    color: #3c4557;
    text-decoration: none;
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.land__name {
    font-size: 2.49rem;
    font-weight: 300;
    margin-top: 10px;
}

.land__city {
    font-size: 1rem;
    line-height: 1.19;
    margin: 10px 0;
}

.land__phone b {
    font-weight: 300;
}

.leave__picture {
    width: 100px;
    margin-top: 120px;
}

.leave__form {
    max-width: 310px;
    width: 100%;
}

.leave .callback__input {
    padding: 0;
}

.main-content {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    position: relative;
}

.mate {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 260px;
    padding: 10px;
    margin-bottom: 17px;
}

.mate__photo {
    width: 152px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 152px;
    border: 1px solid #e6e6e6;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
}

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

.mate__name {
    color: #3c4557;
    font-size: 1.375rem;
    font-weight: 700;
    font-family: RobotoSlab, Arial, sans-serif;
    margin: 11px 0 2px;
}

.mate__position {
    font-weight: 300;
}

.mate__mail {
    text-decoration: none;
    font-weight: 400;
    color: #000000;
    margin: 15px 0;
}

.mate__mail:hover {
    text-decoration: underline;
}

.mate__image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 7px;
}

.mate__image svg {
    width: 37px;
    height: 29px;
    fill: #3bbf8d;
}

.mainbanner {
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 50% 50%;
    position: relative;
}

.mainbanner:before {
    background-color: rgba(33, 39, 51, 0.8);
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.mainbanner__text {
    width: 100%;
    height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    z-index: 10;
}

.mainbanner__special {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.mainbanner__special .onlymob-992 {
    margin-top: 12px;
}

.mainbanner__special .onlymob-992 .button {
    width: 100%;
}

.mainbanner__special .button {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.mainbanner__special .button span {
    width: 100%;
}

.mainslider.slick-slider {
    margin-bottom: 0;
}

.mainslider .slick-dots {
    bottom: 126px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    /*left: 50%;*/
    right: 54px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: auto;
    top: auto;
}

.mainslider .slick-dots li {
    margin: 0;
    padding: 0 8px 0 0;
    height: 8px;
    width: 0;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
    position: relative;
}

.mainslider .slick-dots {
    column-gap: 8px;
}

.mainslider .slick-dots li:before {
    width: 100%;
    height: 6px;
    background-image: url(/local/templates/avivi2019/css/../images/vbvv.png);
    background-repeat: repeat-x;
    display: block;
    content: none;
    position: absolute;
    left: 0;
    z-index: 1;
    top: 2px;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
    background-color: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.mainslider .slick-dots li:after {
    width: 200%;
    height: 6px;
    border-left: 50px solid #3bbf8d;
    background-color: #fff;
    display: block;
    content: none;
    position: absolute;
    left: -100%;
    z-index: 0;
    top: 2px;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
}

.mainslider .slick-dots li button {
    padding: 0;
    position: relative;
    font-size: 1rem;
    background: #fff;
    width: 8px;
    height: 8px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    z-index: 3;
    margin: 0;
}

.mainslider .slick-dots li.slick-active:after {
    left: 0;
    -webkit-transition: left 4500ms;
    -o-transition: left 4500ms;
    -moz-transition: left 4500ms;
    transition: left 4500ms;
}

.mainslider .slick-dots li.slick-active button {
    background: #3bbf8d;
}

.mainslider .slick-dots li:last-child {
    width: 10px;
}

.mainslider .slick-dots li:last-child:before {
    display: none;
}

.mainslider .slick-dots li:last-child:after {
    display: none;
}

.mbox {
    max-width: 1198px;
    padding: 0 10px;
    margin: 0 auto;
    width: 100%;
}

.menu {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.menu__butter {
    width: 40px;
    height: 25px;
    cursor: pointer;
    border: none;
    background: transparent;
    padding: 0;
    position: relative;
}

.menu__butter span {
    display: block;
    height: 2px;
    width: 22px;
    background-color: #fff;
    position: absolute;
    left: 5px;
    top: 4px;
    border-radius: 20px;
}

.menu__butter span:nth-child(2) {
    top: 12px;
    width: 35px;
}

.menu__butter span:nth-child(3) {
    top: 20px;
}

.menu__hiden {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    pointer-events: none;
    z-index: 1200;
}

.menu__box {
    background-color: #48474C;
    /*background-image: url(/local/templates/avivi2019/css/../images/bgvb.png);*/
    background-repeat: repeat;
    position: absolute;
    padding: 0;
    height: 100%;
    overflow-y: auto;
    width: 100%;
    opacity: 0;
    left: -100%;
    top: 0;
    pointer-events: all;
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    -moz-transition: all 300ms;
    transition: all 300ms;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.menu__box.active {
    opacity: 1;
    left: 0;
}

.menu__box .mbox {
    max-width: 1600px;
    padding: 0 30px;
}

.menu__close {
    width: 30px;
    height: 30px;
    position: absolute;
    left: 6px;
    top: 35px;
    cursor: pointer;
}

.menu__close span {
    width: 20px;
    height: 2px;
    background-color: #fff;
    display: block;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
}

.menu__close span:last-child {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.menu__close--solologo {
    left: auto;
    right: 6px;
}

.menu__logo {
    width: 112px;
    height: 86px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 5px;
    display: block;
    position: absolute;
    left: 50px;
    top: 10px;
}

.menu__logo svg {
    width: 100%;
    height: 100%;
    fill: #fff;
}

.menu__logo--solologo {
    width: 78px;
    height: 60px;
}

.menu__top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px 0 0 50px;
    position: relative;
}

.menu__top--solologo {
    padding: 10px;
}

.menu__top .languages {
    width: 330px;
}

.menu__top .socials {
    width: 330px;
}

.menu__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-height: 330px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
}

.menu__hiden .menu__box .menu__content {
    margin-top: 20px;
}

@media all and (max-width: 1320px) {
    .menu__content a {
        font-size: 2rem;
    }
}

.menu__content a {
    font-family: 'RobotoSlab';
    font-size: 2.5rem;
    color: #fff;
    text-decoration: none;
    width: 330px;
    text-align: left;
    padding: 0 10px;
    line-height: 2;
}

.menu__content a:hover {
    color: #3bbf8d;
    color: #3bbf8d;
}

.menu__phone {
    color: #ffffff;
    text-decoration: none;
    font-size: 1.875rem;
    font-weight: 300;
    line-height: 1;
}

.menu__phone svg {
    width: 35px;
    height: 36px;
    fill: #fff;
    margin-right: 8px;
    vertical-align: middle;
}

.menu__mail {
    text-decoration: none;
    color: #fff;
    line-height: 1;
}

.menu__mail svg {
    width: 31px;
    height: 22px;
    fill: #fff;
    margin-right: 8px;
    vertical-align: middle;
}

.menu__address {
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.menu__address svg {
    width: 22px;
    height: 32px;
    fill: #fff;
}

.menu__address-txt {
    padding: 0 10px;
}

.menu__address-txt:not(:nth-child(2)) {
    border-left: 2px solid #3bbf8d;
}

.menu__address-txt p {
    margin-bottom: 0;
}

.menu__bottom {
    min-height: 140px;
    background-color: #3e4759;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.menu__bottom-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}

.morebtn {
    text-align: center;
    padding-bottom: 25px;
}

.morebtn a {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-weight: 700;
    font-size: 0.875rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase;
}

.morebtn svg {
    width: 12px;
    height: 7px;
    fill: #28805e;
    margin-left: 6px;
}

.order__text {
    color: #fff;
    text-align: center;
    margin-bottom: 55px;
}

.order__bottom {
    width: 100%;
    text-align: center;
    padding-bottom: 40px;
}

.order__bottom--styled {
    padding: 0;
}

.order__bottom--styled .button {
    max-width: 275px;
}

.order__bottom--styled .order__files {
    margin-bottom: 0;
    padding: 40px 0;
}

.order__bottom--styled .order__files-wrap {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.order__files {
    margin-bottom: 40px;
    background-color: #3e4759;
    padding: 10px 0;
    border-bottom: 1px solid #787f8b;
}

.order__files--styled {
    margin-bottom: 0;
    padding: 10px 20px;
}

.order__files-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.order__form .title h2 {
    margin-top: 0;
    margin-bottom: 35px;
}

.order__form textarea {
    text-align: center;
    height: 29px;
}

.order__form input {
    text-align: center;
}

.order__slider {
    max-width: 970px;
    margin: 0 auto;
}

.order__slider .button--arrow span {
    background-color: transparent;
    border-color: #fff;
}

.order__slider .button--arrow span:after {
    border-color: #fff;
}

.order__slider .button--arrow span:hover {
    background-color: #3bbf8d;
    border-color: #3bbf8d;
}

.order__upload {
    margin: 0 12px;
    cursor: pointer;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 8px;
}

.order__upload svg {
    width: 28px;
    height: 28px;
    fill: #fff;
    vertical-align: middle;
    margin-right: 8px;
}

.order__upload label {
    position: relative;
    color: #fff;
    line-height: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.order__upload input {
    position: absolute;
    opacity: 0;
    left: 0;
    top: 0;
    height: 0;
}

.order__uploaded {
    height: 100%;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.order__one-file {
    position: relative;
    color: #fff;
    line-height: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 6px;
    cursor: pointer;
    text-align: left;
}

.order__one-file svg {
    width: 28px;
    height: 28px;
    fill: #fff;
    vertical-align: middle;
    margin-right: 8px;
    cursor: pointer;
}

.order__one-file input {
    position: absolute;
    opacity: 0;
    left: 0;
    top: 0;
    pointer-events: none;
}

.order__one-file span {
    width: 150px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

.oscar {
    padding: 40px 0;
}

.oscar__wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.oscar__item {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 33%;
    padding: 45px;
}

.onlymob-600 {
    display: none;
}

.onlymob-992 {
    display: none;
}

.paginator {
    margin: 25px 0 47px;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.paginator li {
    margin: 5px;
}

.paginator li:before {
    display: none;
}

.paginator a {
    width: 42px;
    height: 42px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #000;
    background-color: #f2f2f2;
    text-decoration: none;
}

.paginator a.active {
    background-color: #3bbf8d;
    color: #fff;
    pointer-events: none;
}

.paginator a:hover {
    background-color: #3bbf8d;
    color: #fff;
}

.pentaslider {
    padding: 0 42px;
}

.pentaslider__slider {
    width: 100%;
    margin-bottom: 90px;
}

.pentaslider__slide {
    -webkit-transform: scale(0.75);
    -moz-transform: scale(0.75);
    -ms-transform: scale(0.75);
    -o-transform: scale(0.75);
    transform: scale(0.75);
    -webkit-transition: -webkit-transform 300ms;
    transition: -webkit-transform 300ms;
    -o-transition: -o-transform 300ms;
    -moz-transition: transform 300ms, -moz-transform 300ms;
    transition: transform 300ms;
    transition: transform 300ms, -webkit-transform 300ms, -moz-transform 300ms, -o-transform 300ms;
}

.pentaslider__slide.slick-center {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    width: 653px;
}

.pentaslider__slide img {
    margin: 0 auto;
}

.pentaslider .slick-dots {
    bottom: -64px;
}

.pentaslider .button--arrow {
    left: 5%;
    top: 50%;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10;
}

.pentaslider .button--arrow.forward {
    right: 5%;
    left: auto;
}

.pocket {
    width: 100%;
    max-width: 377px;
    background-color: #ffffff;
    margin: 5px 10px 5px 0;
    min-width: 250px;
    -webkit-transition: all 200ms;
    -o-transition: all 200ms;
    -moz-transition: all 200ms;
    transition: all 200ms;
}

.pocket__head {
    background-color: #3bbf8d;
    color: #ffffff;
    font-size: 1.875rem;
    font-family: RobotoSlab, Arial, sans-serif;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 121px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 20px;
    position: relative;
}

.pocket__leafs {
    position: absolute;
    bottom: -26px;
    line-height: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 5;
}

.pocket__leafs img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.pocket__price {
    font-size: 1.875rem;
    color: #3e4759;
    font-family: RobotoSlab, Arial, sans-serif;
    font-weight: 700;
    text-align: center;
    margin-bottom: 24px;
}

.pocket__inside {
    position: relative;
    overflow: hidden;
    max-height: 464px;
    min-height: 464px;
    -webkit-transition: all 600ms;
    -o-transition: all 600ms;
    -moz-transition: all 600ms;
    transition: all 600ms;
    border: 1px solid #3bbf8d;
    border-width: 0 1px 1px 1px;
}

.pocket__inside.opened {
    overflow: visible;
}

.pocket__items {
    position: absolute;
    width: -webkit-calc(100% + 2px);
    width: -moz-calc(100% + 2px);
    width: calc(100% + 2px);
    left: -1px;
    height: auto;
    border: 1px solid #3bbf8d;
    border-width: 0 1px 0px 1px;
    max-height: 464px;
    -webkit-transition: all 500ms;
    -o-transition: all 500ms;
    -moz-transition: all 500ms;
    transition: all 500ms;
    overflow: hidden;
}

.pocket__items.show {
    max-height: 1000px;
    height: auto;
    -webkit-box-shadow: 0 3px 30px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 30px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 30px rgba(0, 0, 0, 0.3);
}

.pocket__items.show .pocket__holder {
    padding-bottom: 20px;
}

.pocket__button {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 47px;
}

.pocket__desc {
    text-align: center;
    font-weight: 300;
    font-size: 0.9375rem;
    letter-spacing: 0.8px;
}

.pocket__desc p {
    margin-bottom: 2rem;
}

.pocket__slide {
    -webkit-transition: all 200ms;
    -o-transition: all 200ms;
    -moz-transition: all 200ms;
    transition: all 200ms;
    width: 60px;
    height: 60px;
    background-color: #bbbbbb;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    bottom: -30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    cursor: pointer;
}

.pocket__slide:after {
    position: absolute;
    -webkit-transition: left 200ms;
    -o-transition: left 200ms;
    -moz-transition: left 200ms;
    transition: left 200ms;
    display: block;
    width: 2px;
    height: 12px;
    content: '';
    background-color: #ffffff;
    top: 10px;
    left: -webkit-calc(50% + 3px);
    left: -moz-calc(50% + 3px);
    left: calc(50% + 3px);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
}

.pocket__slide:before {
    position: absolute;
    -webkit-transition: left 200ms;
    -o-transition: left 200ms;
    -moz-transition: left 200ms;
    transition: left 200ms;
    display: block;
    width: 2px;
    height: 12px;
    content: '';
    background-color: #ffffff;
    top: 10px;
    left: -webkit-calc(50% - 5px);
    left: -moz-calc(50% - 5px);
    left: calc(50% - 5px);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotateZ(-45deg);
    -moz-transform: rotateZ(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg);
}

.pocket__slide:hover {
    background-color: #3bbf8d;
}

.pocket__slide.hidden {
    display: none;
}

.pocket__gradient {
    -webkit-transition: all 100ms;
    -o-transition: all 100ms;
    -moz-transition: all 100ms;
    transition: all 100ms;
    position: absolute;
    width: 100%;
    height: 150px;
    display: block;
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(white));
    background-image: -webkit-linear-gradient(transparent, white);
    background-image: -moz- oldlinear-gradient(transparent, white);
    background-image: -o-linear-gradient(transparent, white);
    background-image: linear-gradient(transparent, white);
    bottom: 0;
    left: 0;
    pointer-events: none;
    opacity: 1;
}

.pocket__gradient.hidden {
    display: none;
}

.pocket__gradient.hide {
    opacity: 0;
}

.pocket__holder {
    background-color: #fff;
    width: 100%;
    height: auto;
    padding: 44px 50px 2px 50px;
    -webkit-transition: all 200ms;
    -o-transition: all 200ms;
    -moz-transition: all 200ms;
    transition: all 200ms;
}

.pocket.opened {
    z-index: 1000;
}

.pocket.opened .pocket__items {
    border-width: 0 1px 1px 1px;
}

.pocket.opened .pocket__slide:after {
    left: -webkit-calc(50% - 5px);
    left: -moz-calc(50% - 5px);
    left: calc(50% - 5px);
}

.pocket.opened .pocket__slide:before {
    left: -webkit-calc(50% + 3px);
    left: -moz-calc(50% + 3px);
    left: calc(50% + 3px);
}

.services {
    padding: 17px 0;
}

.services .mbox {
    max-width: 1170px;
}

.services__wrapper {
    padding: 13px 0 25px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.services .button--arrow {
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.services .button--arrow.forward {
    right: 0;
    left: auto;
}

.social {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.social__btn {
    width: 30px;
    height: 30px;
    display: inline-block;
    padding: 6px;
    margin: 7px;
}

.social__btn svg {
    width: 100%;
    height: 100%;
    fill: #fff;
    -webkit-transition: -webkit-transform 100ms;
    transition: -webkit-transform 100ms;
    -o-transition: -o-transform 100ms;
    -moz-transition: transform 100ms, -moz-transform 100ms;
    transition: transform 100ms;
    transition: transform 100ms, -webkit-transform 100ms, -moz-transform 100ms, -o-transform 100ms;
}

.social__btn:hover svg {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
}

.similar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 30px;
    padding-bottom: 24px;
}

.similar__item {
    width: 230px;
    padding: 0 10px;
    text-decoration: none;
    color: #000;
    display: block;
    margin-bottom: 25px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.similar__item:hover {
    color: #3bbf8d;
}

.similar__img {
    width: 100%;
    height: 116px;
    margin-bottom: 18px;
}

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

.similar__title {
    font-size: 1.125rem;
    font-weight: 700;
}

.screenshot {
    width: 25%;
    padding: 12px;
    position: relative;
    line-height: 0;
}

.screenshot:before {
    content: '';
    display: block;
    width: -webkit-calc(100% - 24px);
    width: -moz-calc(100% - 24px);
    width: calc(100% - 24px);
    height: -webkit-calc(100% - 24px);
    height: -moz-calc(100% - 24px);
    height: calc(100% - 24px);
    background-color: rgba(20, 64, 47, 0.3);
    position: absolute;
    left: 12px;
    top: 12px;
    -webkit-transition: opacity 200ms;
    -o-transition: opacity 200ms;
    -moz-transition: opacity 200ms;
    transition: opacity 200ms;
    opacity: 0;
}

.screenshot:hover:before {
    opacity: 1;
}

.screenshot:hover svg {
    opacity: 1;
}

.screenshot svg {
    width: 30px;
    height: 30px;
    fill: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: opacity 200ms;
    -o-transition: opacity 200ms;
    -moz-transition: opacity 200ms;
    transition: opacity 200ms;
    opacity: 0;
}

.someblock {
    padding: 27px 0;
}

.someblock__flexrow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 25px 0;
}

.someblock__row {
    text-align: center;
    margin: 7px 0 41px;
}

.someblock__row .button {
    margin: 8px 13px;
}

.someblock__text {
    position: relative;
    z-index: 10;
    color: #fff;
    font-weight: 300;
    text-align: center;
}

.someblock__text p {
    margin: 61px 0 25px;
    line-height: 1.67;
}

.someblock__text-black {
    position: relative;
    z-index: 10;
    color: #3c4557;
    padding-top: 20px;
    line-height: 1.625;
    font-weight: 300;
    text-align: center;
}

.someblock__text-black p {
    margin: 0 0 1em;
}

.someblock__img {
    text-align: center;
}

.someblock.toper {
    padding: 27px 0;
}

.slider {
    position: relative;
    height: 100%;
}

.slider__wrapper {
    border-top: 2px solid #bbbbbb;
    border-bottom: 2px solid #bbbbbb;
    max-height: 450px;
    height: 100%;
    min-height: 350px;
    background-color: #fff;
}

.slider__wrapper .mbox {
    height: 100%;
}

.slider__control {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px;
    height: 100%;
}

.slider__control .button {
    margin: 0 5px;
}

.slider__controllers {
    background-color: #f0f0f0;
}

.slider.slided-back .slide__main {
    -webkit-animation-name: main-go-back;
    -moz-animation-name: main-go-back;
    -o-animation-name: main-go-back;
    animation-name: main-go-back;
    -webkit-animation-duration: 300ms;
    -moz-animation-duration: 300ms;
    -o-animation-duration: 300ms;
    animation-duration: 300ms;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.slider.slided-back .slide__second {
    -webkit-animation-name: second-go-back;
    -moz-animation-name: second-go-back;
    -o-animation-name: second-go-back;
    animation-name: second-go-back;
    -webkit-animation-duration: 380ms;
    -moz-animation-duration: 380ms;
    -o-animation-duration: 380ms;
    animation-duration: 380ms;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    border-right: 2px solid #dddddd;
}

.slider.slided-back .slide__second .slide__description {
    display: block;
}

.slider.slided-back .slide__second .slide__header {
    text-align: left;
    font-size: 40px;
    margin-bottom: 25px;
    font-weight: 600;
    padding: 0px 0 0 0;
    color: #4b586d;
}

.slider.slided-back .slide__second .button {
    padding: 0;
    border: 0;
    -webkit-border-radius: 21px;
    -moz-border-radius: 21px;
    border-radius: 21px;
    margin-left: 10px;
}

.slider.slided-back .slide__second .button:hover span {
    background-color: #3bbf8d;
    border-color: #3bbf8d;
}

.slider.slided-back .slide__second .button span {
    background-color: #3bbf8d;
    border: 2px solid #3bbf8d;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.875rem;
    line-height: 1.2;
    height: 42px;
    min-width: 258px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-border-radius: 21px;
    -moz-border-radius: 21px;
    border-radius: 21px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    cursor: pointer;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.slider.slided-back .slide__second .slide__box {
    padding: 25px 50px 10px 25px;
    border: 7px solid transparent;
    border-left: 0;
    height: 100%;
}

.slider.slided-back .slide__second .slide__box:before {
    display: none;
}

.slider.slided-back .slide__second .slide__buttons a {
    font-weight: 700;
    color: #3bbf8d;
    font-size: 0.9375rem;
}

.slider.slided-back .slide__second:after {
    display: none;
}

.slider.slided-back .slide__third {
    -webkit-animation-name: third-go-back;
    -moz-animation-name: third-go-back;
    -o-animation-name: third-go-back;
    animation-name: third-go-back;
    -webkit-animation-duration: 200ms;
    -moz-animation-duration: 200ms;
    -o-animation-duration: 200ms;
    animation-duration: 200ms;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.slider.slided-back .slide__third:after {
    position: absolute;
    height: -webkit-calc(100% + 4px);
    height: -moz-calc(100% + 4px);
    height: calc(100% + 4px);
    top: -2px;
    display: block;
    width: 200%;
    left: 100%;
    content: '';
    border-bottom: 2px solid #bbbbbb;
    border-top: 2px solid #bbbbbb;
}

.slider.slided-back .slide__fourth {
    -webkit-animation-name: fourth-go-back;
    -moz-animation-name: fourth-go-back;
    -o-animation-name: fourth-go-back;
    animation-name: fourth-go-back;
    -webkit-animation-duration: 400ms;
    -moz-animation-duration: 400ms;
    -o-animation-duration: 400ms;
    animation-duration: 400ms;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.slider.slided-forward .slide__main {
    -webkit-animation-name: main-go-forward;
    -moz-animation-name: main-go-forward;
    -o-animation-name: main-go-forward;
    animation-name: main-go-forward;
    -webkit-animation-duration: 300ms;
    -moz-animation-duration: 300ms;
    -o-animation-duration: 300ms;
    animation-duration: 300ms;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    position: absolute;
    left: 59%;
    top: 0;
    height: 50%;
    width: 41%;
    border-top: 2px solid #bbbbbb;
    border-left: 2px solid #bbbbbb;
    border-bottom: 2px solid #bbbbbb;
}

.slider.slided-forward .slide__main .slide__description {
    display: none;
}

.slider.slided-forward .slide__main .slide__header {
    padding-top: 0;
    -webkit-transition: color 0.2s;
    -o-transition: color 0.2s;
    -moz-transition: color 0.2s;
    transition: color 0.2s;
    color: #000000;
    font-size: 20px;
    margin-bottom: 5px;
}

.slider.slided-forward .slide__main .slide__buttons a {
    font-size: 0.75rem;
}

.slider.slided-forward .slide__main .slide__buttons .button span {
    font-size: 0.5625rem;
    min-width: 160px;
    height: 26px;
}

.slider.slided-forward .slide__main .slide__box {
    border: 7px solid transparent;
    border-right: 0;
    padding: 20px 25px 10px 50px;
    background-color: #fff;
}

.slider.slided-forward .slide__main .slide__box:before {
    right: auto;
    left: 100%;
    background-color: #fff;
}

.slider.slided-forward .slide__main .slide__box:hover {
    border-color: #00a07e;
    border-right: 0;
}

.slider.slided-forward .slide__main:after {
    position: absolute;
    top: -2px;
    display: block;
    width: 200%;
    left: 100%;
    content: '';
    border-bottom: 2px solid #bbbbbb;
    border-top: 2px solid #bbbbbb;
    height: -webkit-calc(100% + 4px);
    height: -moz-calc(100% + 4px);
    height: calc(100% + 4px);
}

.slider.slided-forward .slide__main:before {
    display: none;
}

.slider.slided-forward .slide__second {
    -webkit-animation-name: second-go-forward;
    -moz-animation-name: second-go-forward;
    -o-animation-name: second-go-forward;
    animation-name: second-go-forward;
    -webkit-animation-duration: 300ms;
    -moz-animation-duration: 300ms;
    -o-animation-duration: 300ms;
    animation-duration: 300ms;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.slider.slided-forward .slide__third {
    -webkit-animation-name: third-go-forward;
    -moz-animation-name: third-go-forward;
    -o-animation-name: third-go-forward;
    animation-name: third-go-forward;
    -webkit-animation-duration: 200ms;
    -moz-animation-duration: 200ms;
    -o-animation-duration: 200ms;
    animation-duration: 200ms;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.slider.slided-forward .slide__third .slide__header {
    display: block;
    width: 100%;
    text-align: left;
    font-size: 40px;
    margin-bottom: 25px;
    font-weight: 600;
    padding: 0px 0 0 0;
    color: #4b586d;
}

.slider.slided-forward .slide:last-child {
    position: relative;
    -webkit-animation-name: fourth-go-forward;
    -moz-animation-name: fourth-go-forward;
    -o-animation-name: fourth-go-forward;
    animation-name: fourth-go-forward;
    -webkit-animation-duration: 300ms;
    -moz-animation-duration: 300ms;
    -o-animation-duration: 300ms;
    animation-duration: 300ms;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    border-top: 2px solid #bbbbbb;
    border-right: 2px solid #bbbbbb;
    border-bottom: 2px solid #bbbbbb;
}

.slider.slided-forward .slide:last-child:before {
    border-top: 2px solid #bbbbbb;
    border-bottom: 2px solid #bbbbbb;
    position: absolute;
    display: block;
    content: '';
    right: 100%;
    top: -2px;
    width: 100%;
    height: -webkit-calc(100% + 4px);
    height: -moz-calc(100% + 4px);
    height: calc(100% + 4px);
}

.slider.slided-forward .slide:last-child:after {
    border-top: 2px solid #bbbbbb;
}

.slide__header {
    display: block;
    width: 100%;
    text-align: left;
    font-size: 2rem;
    height: 76px;
    margin-bottom: 0;
    font-weight: 600;
    padding: 0;
    color: #4b586d;
}

.slide__description {
    font-size: 15px;
    margin: 18px 0 19px;
    height: 54px;
}

.slide__image {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 30px;
    height: 155px;
}

.slide__image img {
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
    height: auto;
}

.slide__box {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.slide__buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.slide__buttons a {
    font-weight: 700;
    color: #3bbf8d;
    font-size: 0.9375rem;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

.slide__buttons a:hover {
    color: #00a07e;
    text-decoration: none;
}

.slick-dots {
    bottom: auto;
    top: -webkit-calc(100% - 40px);
    top: -moz-calc(100% - 40px);
    top: calc(100% - 40px);
    margin: 0;
}

.slick-dots li {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
}

.slick-dots li:before {
    display: none;
}

.slick-dots li button {
    padding: 0;
    position: relative;
    font-size: 1rem;
    background: #d8dade;
    width: 10px;
    height: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    z-index: 3;
    margin: 0 auto;
}

.slick-dots li button:before {
    display: none;
}

.slick-dots li.slick-active button {
    background: #3bbf8d;
}

.solution__wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 26px 0;
}

.solution__col {
    width: 100%;
    max-width: 490px;
    margin: 10px 0;
    padding: 0 15px 0 0;
}

.solution__text {
    line-height: 1.66rem;
}

.solution__brands {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.solution__item {
    width: 30%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 25px 25px 25px 0;
}

.solution__item img {
    width: auto;
}

.subscribe {
    position: fixed;
    background-color: #fff;
    left: 0;
    bottom: 0;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px;
    -webkit-box-shadow: 1px -1px 16px 0px #000;
    -moz-box-shadow: 1px -1px 16px 0px #000;
    box-shadow: 1px -1px 16px 0px #000;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    border-top-right-radius: 10px;
    max-width: 100%;
    z-index: 222;
    margin-right: 40px;
}

.subscribe__text {
    font-size: 12px;
    margin-right: 12px;
}

.subscribe__cross {
    background-color: transparent;
    border: none;
    width: 30px;
    height: 30px;
    padding: 5px;
    margin-left: 12px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.subscribe__cross svg {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 100%;
    height: 100%;
    fill: #000;
}

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

.subscribe__form .callback__row {
    margin: 0;
}

.subscribe__form .callback__input {
    margin: 0;
}

.subscribe__form .callback__input input {
    border-color: #3c4557;
    color: #3c4557;
    width: 200px;
}

.subscribe__form .callback__input input::-webkit-input-placeholder {
    color: #3c4557;
    font-weight: 300;
}

.subscribe__form .callback__input input:-moz-placeholder {
    color: #3c4557;
    font-weight: 300;
}

.subscribe__form .callback__input input::-moz-placeholder {
    color: #3c4557;
    font-weight: 300;
}

.subscribe__form .callback__input input:-ms-input-placeholder {
    color: #3c4557;
    font-weight: 300;
}

.task__image {
    border: 1px solid #e4e4e4;
}

.team__desc {
    font-size: 0.9375rem;
    text-align: center;
    max-width: 75%;
    margin: 0 auto;
    padding: 11px 0;
}

.team__desc--white {
    color: #fff;
}

.team__box {
    display: block;
    width: 100%;
    margin-top: 26px;
    margin-bottom: 50px;
}

.team__box .button--arrow {
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.team__box .button--arrow.forward {
    right: 0;
    left: auto;
}

.title h1, .title h2, .title h3, .title h4, .title h5, .title h6 {
    color: #4b586d;
    text-align: center;
}

.title h1, .title h2 {
    font-size: 3.125rem;
    margin: 40px 0;
    letter-spacing: 2px;
}

.title h3 {
    margin: 30px 0;
    line-height: 1.2;
}

.title--underline {
    position: relative;
}

.title--underline:before {
    position: absolute;
    bottom: -32px;
    left: -webkit-calc(50% - 27px);
    left: -moz-calc(50% - 27px);
    left: calc(50% - 27px);
    width: 54px;
    height: 3px;
    background-color: #3bbf8d;
    content: '';
    display: block;
}

.title--white h1, .title--white h2, .title--white h3, .title--white h4, .title--white h5, .title--white h6 {
    color: #fff;
}

.title--white.title--underline:before {
    background-color: #fff;
}

.title--left h1, .title--left h2, .title--left h3, .title--left h4, .title--left h5, .title--left h6 {
    text-align: left;
}

/*.title--left:before {*/
/*    left: 0;*/
/*}*/

.title--right h1, .title--right h2, .title--right h3, .title--right h4, .title--right h5, .title--right h6 {
    text-align: right;
}

/*.title--right:before {*/
/*    left: auto;*/
/*    right: 0;*/
/*}*/

.toper {
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 50% 50%;
    position: relative;
    padding: 190px 0 90px;
}

.toper:before {
    background-color: rgba(33, 39, 51, 0.8);
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.toper__text {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    z-index: 10;
}

.toper__text h1 {
    color: #fff;
    text-align: center;
    font-size: 3.125rem;
    margin-top: 0;
}

.thanks__text {
    color: #ffffff;
    text-align: center;
    padding-top: 50px;
}

.tables {
    padding: 20px 0 55px;
    position: relative;
    z-index: 10;
}

.tables__wrapper {
    min-width: 1180px;
    overflow-x: scroll;
}

.tables__box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 0 -10px 0 0;
    padding-top: 41px;
}

.the-result {
    padding-top: 25px;
}

.the-result__wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.the-result__item {
    width: 360px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 15px;
    margin: 0 10px;
}

.the-result__icon {
    width: 70px;
    height: 70px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.the-result__icon svg {
    width: 100%;
    height: 100%;
}

.the-result__icon img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.the-result__text {
    font-weight: 300;
    text-align: center;
    margin-top: 20px;
}

.the-result__text p {
    line-height: 1.375rem;
}

.the-result__button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 20px 0 40px;
}

.the-result__subhead {
    max-width: 660px;
    margin: 0 auto 55px;
    text-align: center;
    padding-top: 20px;
    font-size: 16px;
    font-family: Roboto, sans-serif;
}

.the-result__subhead p {
    line-height: 1.375rem;
    letter-spacing: 0;
}

.testimonial {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 auto;
    max-width: 826px;
    padding-top: 20px;
    padding-bottom: 0px;
}

.testimonial__text p {
    margin: 0;
    line-height: 1.66rem;
}

.testimonial__guy {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 27px;
}

.testimonial__photo {
    width: 80px;
    height: 80px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
}

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

.testimonial__who {
    text-align: center;
    padding-top: 10px;
}

.testimonial__who h5 {
    font-weight: 600;
    color: #00a07e;
    font-size: 1.125rem;
    letter-spacing: -0.5px;
}

.testimonial__who p {
    color: #3c4557;
    font-weight: 300;
}

.testimonial__who p a {
    color: #3c4557;
}

.widgets {
    padding: 40px 0;
}

.widgets__wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.widgets__item {
    padding: 15px;
    line-height: 0;
}

.widgets__item a {
    line-height: 0;
    display: inline-block;
}

.widgets__title {
    font-size: 1.875rem;
    width: 40%;
}

.clutch-widget {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #ccc;
    padding: 11px;
}

.socials__share {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 10px 0;
}

.socials__link {
    width: 24px;
    height: 24px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 200ms;
    -o-transition: all 200ms;
    -moz-transition: all 200ms;
    transition: all 200ms;
    margin: 3px;
}

.socials__link svg {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.socials__link:hover {
    opacity: 0.9;
}

.socials__text {
    margin-right: 10px;
    font-weight: 400;
}

.rubricator {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 10px 0;
}

.rubricator__item {
    margin: 4px 8px;
}

.rubricator__item a:hover {
    color: #3bbf8d;
    text-decoration: underline;
}

.rubricator__item.active a {
    color: #3bbf8d;
    text-decoration: underline;
}

.rubricator__item a {
    text-decoration: none;
    color: #000;
}

/* eng main rework */

.competencies {
    display: flex;
    justify-content: center;
    margin: 0 -12px;
    padding-bottom: 40px;
}

.competencies-item {
    width: 25%;
    margin: 0 12px;
}

.blog__row {
    display: flex;
    justify-content: center;
    margin: 0 -10px;
}

.blog .blogitem {
    width: 33.33%;
}

.blog .blogitem:nth-child(2n) {
    /* background-color: #fff;*/
}

.blog .blogitem .mbox {
    display: flex;
    flex-direction: column;
}

/*.blog .blogitem__img {*/
/*    order: -1;*/
/*}*/

.blog .blogitem__top {
    padding: 0;
}

.blog .blogitem__bot {
    font-size: .875rem;
    color: #959595;
}

.blog .blogitem__bot b {
    font-weight: 400;
}

.blog .blogitem__author {
    display: none;
}

.blog .blogitem__title p {
    display: none;
}

.blog .blogitem h4 {
    font-size: 1.15rem;
}


@media screen and (orientation: portrait) {
    body {
        height: 100%;
    }
}

@media screen and (orientation: landscape) {
    body {
        height: 100%;
    }
}

@media screen and (max-height: 700px) {
    .leave__picture {
        width: 60px;
    }

    .leave h2 {
        margin: 25px 0;
    }
}

@media screen and (max-height: 630px) {
    .order__form .title h2 {
        font-size: 2rem;
    }

    .order__text {
        margin-bottom: 25px;
    }

    .order__bottom {
        padding-bottom: 25px;
    }

    .order__files {
        margin-bottom: 25px;
    }
}

@media screen and (max-width: 1600px) {
    header.white .header__nav a {
        height: 74px;
    }
}

@media screen and (max-width: 1200px) {
    .header__tel svg {
        display: block;
    }

    .header__tel span {
        display: none;
    }

    .land a {
        font-size: 1.5rem;
    }

    .pocket__desc p {
        margin-bottom: 1.3rem;
    }
}

@media screen and (max-width: 992px) {
    html, body {
        font-size: 14px;
    }

    .title h2 {
        margin: 25px 0;
    }

    .title--underline:before {
        bottom: -16px;
    }

    header {
        border-bottom: none;
    }

    header.white {
        border-bottom: 1px solid #959da6;
    }

    .simple {
        padding-top: 80px;
    }

    .simple header {
        border-bottom: 1px solid #959da6;
    }

    .applist__img {
        width: 80px;
    }

    .apptitle {
        padding: 26px 0;
    }

    .apptitle__img {
        width: 30%;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding: 0 20px;
    }

    .apptitle p {
        margin-bottom: 20px;
    }

    .appslider {
        padding: 25px 42px;
    }

    .aplications__content {
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -moz-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

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

    .aplications__text .button {
        margin-top: 10px;
    }

    .breadcrumbs {
        display: none;
    }

    .b24table__img {
        display: none;
    }

    .blogpost__top .button {
        display: none;
    }

    .callback__input {
        margin-bottom: 30px;
    }

    .caselist__text .button {
        margin-top: 0;
    }

    .caselist__text .title {
        margin-bottom: 34px;
    }

    .caselist__text .title h3 {
        margin-top: 10px;
    }

    .caselist__item {
        padding: 20px 0;
    }

    .case {
        padding: 20px 10px;
    }

    .coop__over {
        margin-top: 0;
    }

    .doubleslider__nav {
        display: none;
    }

    .doubleslider__big {
        width: 100%;
        border-right: 0;
    }

    .doubleslider__big .slide {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 20px;
    }

    .doubleslider__big .slide__description {
        height: auto;
    }

    .doubleslider__big .slide__image {
        height: auto;
    }

    .doubleslider__big .slide__header {
        font-size: 2rem;
    }

    .item {
        margin-top: 0;
    }

    .features__slide {
        width: 32.5%;
    }

    .features__item:hover .features__hover {
        opacity: 0;
        height: 0;
        overflow: hidden;
    }

    .footer {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        position: relative;
        padding-bottom: 44px;
    }

    .footer__info {
        width: 100%;
    }

    .footer__info-box {
        width: 100%;
        padding-left: 0;
        text-align: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .footer__icon {
        margin-right: 0;
        margin-bottom: 7px;
    }

    .footer__map {
        width: 100%;
        height: 260px;
    }

    .footer__socials {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        margin: 0;
        text-align: center;
    }

    .footer .title--left h2 {
        text-align: center;
    }

    .footer__address {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -moz-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
        margin-bottom: 15px;
    }

    .footer__address svg {
        margin-left: 4px;
    }

    .footer__links {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -moz-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .footer__links a {
        margin: 0 12px;
        font-size: 2rem;
    }

    .footer__addr-link {
        width: 49%;
        text-align: center;
    }

    .footer__phone {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .footer__maptubs {
        width: 100%;
    }

    .footer__mail {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-bottom: 15px;
    }

    .feedback {
        padding: 20px 0 10px;
    }

    .feedback__comment {
        padding: 10px 0 0;
    }

    .feedback__autor {
        padding: 26px 0 0;
    }

    .header {
        padding: 10px 0;
    }

    .header__nav {
        display: none;
    }

    .header__lang {
        display: none;
    }

    .header__btn {
        display: none;
    }

    .job__col {
        padding-right: 15px;
    }

    .land {
        width: 50%;
        padding: 55px 15px;
    }

    .menu__content {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        max-height: none;
        padding-left: 20px;
    }

    .menu__content a {
        font-size: 2rem;
        width: 250px;
    }

    .menu__bottom-wrap {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .menu__mail {
        padding: 10px;
    }

    .menu__phone {
        padding: 10px;
    }

    .menu__address {
        padding: 10px;
    }

    .menu__box .socials {
        display: none;
    }

    .mate {
        width: 180px;
    }

    .onlymob-992 {
        display: block;
    }

    .order__files-wrap {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .order__uploaded {
        width: 100%;
        padding-top: 10px;
    }

    .pentaslider .button--arrow {
        left: 0;
    }

    .pentaslider .button--arrow.forward {
        right: 0;
    }

    .pentaslider__slide {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    .slide__main {
        width: 100%;
        border: none;
    }

    .slide__second {
        left: 105%;
        display: none;
    }

    .slide__third {
        left: 105%;
        display: none;
    }

    .slide__main:before {
        display: none;
    }

    .slide__box {
        padding: 15px 10px 15px;
        border-right: 0;
    }

    .slide__box:hover {
        border-color: transparent;
    }

    .slide__box:hover:before {
        border-color: transparent;
    }

    .slide__header {
        text-align: center;
    }

    .slide__description {
        text-align: center;
    }

    .similar {
        padding-top: 12px;
        padding-bottom: 0;
    }

    .solution__col {
        padding: 0;
        max-width: none;
        text-align: center;
    }

    .solution__wrap {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-top: 0;
        padding-bottom: 0;
    }

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

    .someblock {
        padding: 15px 0;
    }

    .task__image {
        display: inline-block;
    }

    .tables__box {
        padding-top: 25px;
    }

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

    .team__desc br {
        display: none;
    }

    .toper {
        padding: 160px 0 80px;
    }

    .toper--fullscreen {
        min-height: -webkit-calc(100vh - 80px);
        min-height: -moz-calc(100vh - 80px);
        min-height: calc(100vh - 80px);
        padding: 80px 0 80px;
    }

    .apptitle h1,
    .apptitle h2,
    .title h1,
    .title h2 {
        font-size: 2.6rem;
    }

    .the-result__button {
        margin-bottom: 20px;
    }

    @-webkit-keyframes main-go-forward {
        0% {
            left: 0;
            height: 100%;
        }
        48% {
            left: -120%;
            height: 100%;
        }
        49% {
            left: 200%;
            height: 100%;
            opacity: 0;
        }
        50% {
            top: 0%;
            left: 200%;
            opacity: 0;
            height: 50%;
            border-left: 2px solid #bbbbbb;
        }
        51% {
            top: 0%;
            left: 200%;
            height: 50%;
            width: 100%;
            opacity: 1;
            border-left: 2px solid #bbbbbb;
        }
        100% {
            top: 0%;
            left: 105%;
            height: 50%;
            width: 100%;
            border-left: 0;
            border-left: 2px solid #bbbbbb;
        }
    }
    @-moz-keyframes main-go-forward {
        0% {
            left: 0;
            height: 100%;
        }
        48% {
            left: -120%;
            height: 100%;
        }
        49% {
            left: 200%;
            height: 100%;
            opacity: 0;
        }
        50% {
            top: 0%;
            left: 200%;
            opacity: 0;
            height: 50%;
            border-left: 2px solid #bbbbbb;
        }
        51% {
            top: 0%;
            left: 200%;
            height: 50%;
            width: 100%;
            opacity: 1;
            border-left: 2px solid #bbbbbb;
        }
        100% {
            top: 0%;
            left: 105%;
            height: 50%;
            width: 100%;
            border-left: 0;
            border-left: 2px solid #bbbbbb;
        }
    }
    @-o-keyframes main-go-forward {
        0% {
            left: 0;
            height: 100%;
        }
        48% {
            left: -120%;
            height: 100%;
        }
        49% {
            left: 200%;
            height: 100%;
            opacity: 0;
        }
        50% {
            top: 0%;
            left: 200%;
            opacity: 0;
            height: 50%;
            border-left: 2px solid #bbbbbb;
        }
        51% {
            top: 0%;
            left: 200%;
            height: 50%;
            width: 100%;
            opacity: 1;
            border-left: 2px solid #bbbbbb;
        }
        100% {
            top: 0%;
            left: 105%;
            height: 50%;
            width: 100%;
            border-left: 0;
            border-left: 2px solid #bbbbbb;
        }
    }
    @keyframes main-go-forward {
        0% {
            left: 0;
            height: 100%;
        }
        48% {
            left: -120%;
            height: 100%;
        }
        49% {
            left: 200%;
            height: 100%;
            opacity: 0;
        }
        50% {
            top: 0%;
            left: 200%;
            opacity: 0;
            height: 50%;
            border-left: 2px solid #bbbbbb;
        }
        51% {
            top: 0%;
            left: 200%;
            height: 50%;
            width: 100%;
            opacity: 1;
            border-left: 2px solid #bbbbbb;
        }
        100% {
            top: 0%;
            left: 105%;
            height: 50%;
            width: 100%;
            border-left: 0;
            border-left: 2px solid #bbbbbb;
        }
    }
    @-webkit-keyframes second-go-forward {
        0% {
            left: 105%;
            top: 0;
            height: 50%;
            width: 41%;
        }
        100% {
            left: 105%;
            top: 50%;
            height: 50%;
            width: 41%;
        }
    }
    @-moz-keyframes second-go-forward {
        0% {
            left: 105%;
            top: 0;
            height: 50%;
            width: 41%;
        }
        100% {
            left: 105%;
            top: 50%;
            height: 50%;
            width: 41%;
        }
    }
    @-o-keyframes second-go-forward {
        0% {
            left: 105%;
            top: 0;
            height: 50%;
            width: 41%;
        }
        100% {
            left: 105%;
            top: 50%;
            height: 50%;
            width: 41%;
        }
    }
    @keyframes second-go-forward {
        0% {
            left: 105%;
            top: 0;
            height: 50%;
            width: 41%;
        }
        100% {
            left: 105%;
            top: 50%;
            height: 50%;
            width: 41%;
        }
    }
    @-webkit-keyframes third-go-forward {
        0% {
            top: 50%;
            left: 105%;
        }
        50% {
            left: 125%;
            height: 50%;
            top: 50%;
        }
        100% {
            top: 50%;
            left: 200%;
            height: 50%;
        }
    }
    @-moz-keyframes third-go-forward {
        0% {
            top: 50%;
            left: 105%;
        }
        50% {
            left: 125%;
            height: 50%;
            top: 50%;
        }
        100% {
            top: 50%;
            left: 200%;
            height: 50%;
        }
    }
    @-o-keyframes third-go-forward {
        0% {
            top: 50%;
            left: 105%;
        }
        50% {
            left: 125%;
            height: 50%;
            top: 50%;
        }
        100% {
            top: 50%;
            left: 200%;
            height: 50%;
        }
    }
    @keyframes third-go-forward {
        0% {
            top: 50%;
            left: 105%;
        }
        50% {
            left: 125%;
            height: 50%;
            top: 50%;
        }
        100% {
            top: 50%;
            left: 200%;
            height: 50%;
        }
    }
    @-webkit-keyframes fourth-go-forward {
        0% {
            left: -120%;
            height: 100%;
            top: 0;
            width: 59%;
        }
        100% {
            left: 0%;
            height: 100%;
            top: 0;
            width: 59%;
        }
    }
    @-moz-keyframes fourth-go-forward {
        0% {
            left: -120%;
            height: 100%;
            top: 0;
            width: 59%;
        }
        100% {
            left: 0%;
            height: 100%;
            top: 0;
            width: 59%;
        }
    }
    @-o-keyframes fourth-go-forward {
        0% {
            left: -120%;
            height: 100%;
            top: 0;
            width: 59%;
        }
        100% {
            left: 0%;
            height: 100%;
            top: 0;
            width: 59%;
        }
    }
    @keyframes fourth-go-forward {
        0% {
            left: -120%;
            height: 100%;
            top: 0;
            width: 59%;
        }
        100% {
            left: 0%;
            height: 100%;
            top: 0;
            width: 59%;
        }
    }
    @-webkit-keyframes second-go-back {
        0% {
            left: 105%;
            height: 50%;
            width: 59%;
        }
        48% {
            left: 180%;
            height: 50%;
            width: 59%;
        }
        49% {
            left: 180%;
            height: 50%;
            width: 59%;
            opacity: 0;
        }
        50% {
            left: -120%;
            height: 100%;
            width: 59%;
            opacity: 0;
            border-right: 2px solid #bbbbbb;
        }
        51% {
            left: -120%;
            height: 100%;
            width: 59%;
            opacity: 1;
            border-right: 2px solid #bbbbbb;
        }
        100% {
            left: 0%;
            height: 100%;
            width: 59%;
            border-left: 0;
            border-right: 2px solid #bbbbbb;
            z-index: 1111111111;
        }
    }
    @-moz-keyframes second-go-back {
        0% {
            left: 105%;
            height: 50%;
            width: 59%;
        }
        48% {
            left: 180%;
            height: 50%;
            width: 59%;
        }
        49% {
            left: 180%;
            height: 50%;
            width: 59%;
            opacity: 0;
        }
        50% {
            left: -120%;
            height: 100%;
            width: 59%;
            opacity: 0;
            border-right: 2px solid #bbbbbb;
        }
        51% {
            left: -120%;
            height: 100%;
            width: 59%;
            opacity: 1;
            border-right: 2px solid #bbbbbb;
        }
        100% {
            left: 0%;
            height: 100%;
            width: 59%;
            border-left: 0;
            border-right: 2px solid #bbbbbb;
            z-index: 1111111111;
        }
    }
    @-o-keyframes second-go-back {
        0% {
            left: 105%;
            height: 50%;
            width: 59%;
        }
        48% {
            left: 180%;
            height: 50%;
            width: 59%;
        }
        49% {
            left: 180%;
            height: 50%;
            width: 59%;
            opacity: 0;
        }
        50% {
            left: -120%;
            height: 100%;
            width: 59%;
            opacity: 0;
            border-right: 2px solid #bbbbbb;
        }
        51% {
            left: -120%;
            height: 100%;
            width: 59%;
            opacity: 1;
            border-right: 2px solid #bbbbbb;
        }
        100% {
            left: 0%;
            height: 100%;
            width: 59%;
            border-left: 0;
            border-right: 2px solid #bbbbbb;
            z-index: 1111111111;
        }
    }
    @keyframes second-go-back {
        0% {
            left: 105%;
            height: 50%;
            width: 59%;
        }
        48% {
            left: 180%;
            height: 50%;
            width: 59%;
        }
        49% {
            left: 180%;
            height: 50%;
            width: 59%;
            opacity: 0;
        }
        50% {
            left: -120%;
            height: 100%;
            width: 59%;
            opacity: 0;
            border-right: 2px solid #bbbbbb;
        }
        51% {
            left: -120%;
            height: 100%;
            width: 59%;
            opacity: 1;
            border-right: 2px solid #bbbbbb;
        }
        100% {
            left: 0%;
            height: 100%;
            width: 59%;
            border-left: 0;
            border-right: 2px solid #bbbbbb;
            z-index: 1111111111;
        }
    }
    @-webkit-keyframes fourth-go-back {
        0% {
            left: 200%;
            height: 50%;
            top: 50%;
            border-left: 2px solid #bbbbbb;
        }
        100% {
            left: 105%;
            height: 50%;
            top: 50%;
            border-left: 2px solid #bbbbbb;
        }
    }
    @-moz-keyframes fourth-go-back {
        0% {
            left: 200%;
            height: 50%;
            top: 50%;
            border-left: 2px solid #bbbbbb;
        }
        100% {
            left: 105%;
            height: 50%;
            top: 50%;
            border-left: 2px solid #bbbbbb;
        }
    }
    @-o-keyframes fourth-go-back {
        0% {
            left: 200%;
            height: 50%;
            top: 50%;
            border-left: 2px solid #bbbbbb;
        }
        100% {
            left: 105%;
            height: 50%;
            top: 50%;
            border-left: 2px solid #bbbbbb;
        }
    }
    @keyframes fourth-go-back {
        0% {
            left: 200%;
            height: 50%;
            top: 50%;
            border-left: 2px solid #bbbbbb;
        }
        100% {
            left: 105%;
            height: 50%;
            top: 50%;
            border-left: 2px solid #bbbbbb;
        }
    }
}

@media screen and (max-width: 900px) {
    .tables__box {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0;
    }

    .pocket {
        max-width: 500px;
        margin: 5px 0;
    }

    .pocket__holder {
        padding-top: 30px;
    }

    .pocket__price {
        margin-bottom: 13px;
    }

    .pocket__head {
        height: 90px;
    }

    .pocket__button {
        margin-bottom: 20px;
    }

    .pocket__items {
        max-height: 245px;
    }

    .pocket__inside {
        max-height: 245px;
        min-height: 245px;
    }

    .pocket__desc p {
        margin-bottom: 1.3rem;
    }
}

@media screen and (max-width: 767px) {
    .aplications:before {
        width: 50%;
    }

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

    .aplications__text {
        width: 100%;
        padding: 30px 10px;
        text-align: center;
        margin: 0 auto;
    }

    .aplications__text h6 {
        margin-bottom: 15px;
    }

    .aplications__text .button {
        margin-top: 10px;
    }

    .aplications__img {
        width: 100%;
        height: 160px;
    }

    .applist__item-wrap {
        width: 100%;
    }

    .applist__item {
        height: auto;
        padding: 24px;
    }

    .applist__img {
        width: 137px;
    }

    .caselist__item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        max-width: 400px;
        margin: 0 auto;
    }

    .caselist__item:nth-child(2n) {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .caselist__item:nth-child(2n) .caselist__img {
        padding-right: 0;
        padding-left: 0;
    }

    .caselist__item:nth-child(2n) .caselist__img:before {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white));
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
        background: -moz- oldlinear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
        background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
    }

    .caselist__text {
        margin-left: 0;
        text-align: center;
    }

    .caselist__text .button {
        margin-left: 0;
    }

    .caselist__text .button span {
        min-width: 1px;
    }

    .caselist__text .title {
        margin-bottom: 0;
    }

    .caselist__text .title h3 {
        text-align: center;
        margin: 20px 0;
    }

    .caselist__text .title--underline:before {
        display: none;
    }

    .caselist__img {
        padding-right: 0;
        padding-left: 0;
        width: 100%;
    }

    .caselist__img:before {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white));
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
        background: -moz- oldlinear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
        background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
    }

    .coop {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .coop__col {
        width: 100%;
        padding-right: 0;
    }

    .coop__col--team {
        padding-bottom: 22px;
    }

    .coop__col--team:before {
        display: block;
        height: 100%;
        content: '';
        width: 100%;
        right: 100%;
        background-color: #3c4557;
        position: absolute;
        top: 0;
    }

    .coop__col--team .blogitem__photo {
        margin-left: 0;
    }

    .coop__col--team .blogitem__name {
        text-align: left;
    }

    .coop__text {
        text-align: center;
    }

    .coop .blogitem__author {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -moz-box-orient: horizontal;
        -moz-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
    }

    .coop .blogitem__photo {
        margin-right: 10px;
    }

    .coop__wrap {
        margin-top: 20px;
    }

    .coop__content--team {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -moz-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .footer__icon {
        margin-right: 0;
    }

    .js-app-slider {
        padding-top: 10px;
    }

    .js-app-slider .slick-dots {
        right: auto;
        top: auto;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        bottom: -15px;
        display: block;
        margin: 0 auto;
        width: 100%;
    }

    .oscar__item {
        padding: 15px;
    }

    .similar {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .similar__img {
        margin-bottom: 8px;
    }

    .screenshot {
        width: 50%;
    }

    .title--left h2 {
        text-align: center;
    }

    .title--left:before {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .title--right h2 {
        text-align: center;
    }

    .title--right:before {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .subscribe__form {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -moz-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

    .subscribe__form button {
        margin-top: 10px;
    }

    .widgets__wrap {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .widgets__title {
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
    }

    .competencies {
        margin: 0;
        padding-bottom: 0;
        flex-wrap: wrap;
    }

    .competencies-item {
        width: calc(50% - 24px);
        margin: 12px;
    }
}

@media screen and (max-width: 640px) {
    .pocket {
        max-width: 520px;
    }
}

.apptitle__text h1 {
    font-size: 3.125rem;
    margin: 40px 0;
    letter-spacing: 2px;
    color: #4b586d;
}

@media screen and (max-width: 600px) {
    th, td {
        padding: 8px;
    }

    hr {
        margin-bottom: 0;
        padding-top: 0;
    }

    html, body {
        font-size: 12px;
    }

    .applist {
        padding-top: 20px;
    }

    .applist__item-wrap {
        margin: 0 0 15px;
    }

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

    .applist__img {
        margin-right: 0;
        margin-bottom: 20px;
    }

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

    .apptitle {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 15px 0 0;
    }

    .apptitle__text {
        text-align: center;
    }

    .apptitle__text h2 {
        text-align: center;
        font-size: 2.168rem;
    }

    .apptitle__img {
        width: 150px;
        padding-right: 0;
    }

    .appslider {
        padding: 10px 42px;
    }

    .b24table__item {
        width: 100%;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
    }

    .b24table__text {
        max-width: 100%;
    }

    .b24table__cel {
        padding: 5px;
    }

    .button span {
        height: 32px;
        font-size: 12px;
    }

    .button--arrow span {
        width: 32px;
    }

    .button--arrow span:after {
        top: 9px;
        left: 10px;
        width: 10px;
        height: 10px;
    }

    .button--arrow.forward span:after {
        left: 7px;
    }

    .blogitem {
        padding: 11px 0 1px;
    }

    .blogitem__author {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -moz-box-orient: vertical;
        -moz-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        margin-top: 16px;
    }

    .blogitem__name {
        text-align: center;
    }

    .blogitem__photo {
        margin-left: 0;
    }

    .blogitem__title {
        width: 100%;
        text-align: center;
        padding-right: 0;
    }

    .blogitem__top {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .button--icon {
        margin: 15px 0;
    }

    .button--icon svg {
        width: 25px;
        height: 25px;
    }

    .button-same-width {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .button-same-width .button span {
        width: 100%;
    }

    .career__item {
        padding: 10px 0 20px;
    }

    .contacts-land {
        margin-top: 20px;
    }

    .contacts-land__box {
        padding: 0;
    }

    .contacts {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -moz-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        margin: 0;
    }

    .callback__row {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 20px;
    }

    .callback__row:last-child {
        margin-bottom: 0;
    }

    .callback__row textarea {
        height: 42px;
    }

    .callback__row textarea,
    .callback__row input[type=password],
    .callback__row input[type=email],
    .callback__row input[type=number],
    .callback__row input[type=text],
    .callback__row input[type=tel] {
        text-align: center;
    }

    .callback__row .errorText {
        position: relative;
    }

    .callback__input {
        padding: 0;
        width: 100%;
        margin: 0 auto 20px;
        text-align: center;
        max-width: 400px;
    }

    .cases-slider {
        height: 600px;
    }

    .footer__map {
        height: 180px;
    }

    .feedback__logos {
        padding-top: 0;
    }

    .feedback__logos .button--arrow {
        top: -webkit-calc(50% - 16px);
        top: -moz-calc(50% - 16px);
        top: calc(50% - 16px);
    }

    .features__slide {
        padding-top: 0;
    }

    .header__tel svg {
        height: 15px;
        width: 15px;
    }

    .header__logo {
        width: 63px;
        height: 45px;
    }

    .job__header {
        text-align: center;
    }

    .job__img {
        display: none;
    }

    .job__col {
        width: 100%;
        padding-right: 0;
    }

    .job__requirements {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

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

    .job__locate {
        width: 100%;
        margin: 0 0 10px 0;
    }

    .item__text {
        font-size: 1.5rem;
    }

    .land {
        width: 100%;
        padding: 0;
        margin-bottom: 20px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .land a {
        font-size: 1.5rem;
        position: relative;
        left: auto;
        bottom: auto;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }

    .land > div {
        padding: 0 15px;
        width: 100%;
        text-align: left;
    }

    .land__name {
        font-size: 1.5rem;
    }

    .mainslider {
        margin-bottom: 0;
    }

    .mate {
        margin: 0 auto;
    }

    .menu__content {
        padding-left: 0;
    }

    .menu__content a {
        font-size: 1.5rem;
        width: 100%;
        text-align: center;
    }

    .menu__bottom {
        display: none;
    }

    .menu__top {
        position: static;
        padding: 15px 0;
    }

    .menu__top .socials {
        display: none;
    }

    .menu__top .languages {
        width: 100%;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .menu__logo {
        display: none;
    }

    .menu__box .mbox {
        padding: 0 10px;
    }

    .menu__box[data-rel=main] {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -moz-box-orient: vertical;
        -moz-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        padding-top: 20px;
    }

    .menu__close {
        left: 15px;
        top: 10px;
    }

    .onlymob-600 {
        display: block;
    }

    .order__upload {
        margin: 0;
        width: 100%;
    }

    .order__upload label {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .order__one-file span {
        width: 115px;
        text-align: left;
    }

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

    .slick-initialized .slick-slide.item {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }

    .services__wrapper {
        margin-bottom: 0;
    }

    .someblock {
        padding: 10px 0;
    }

    .someblock__row {
        margin: 0;
    }

    .someblock__row--sticky {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -moz-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .someblock__row--sticky span {
        width: 100%;
    }

    .someblock__text p {
        margin: 0 0 25px;
    }

    .subscribe {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-border-top-right-radius: 0;
        -moz-border-radius-topright: 0;
        border-top-right-radius: 0;
        margin-right: 0;
    }

    .subscribe__text {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
        padding-right: 40px;
    }

    .subscribe__cross {
        position: absolute;
        top: 10px;
        right: 10px;
    }

    .solution__text {
        text-align: center;
    }

    .simple {
        padding-top: 66px;
    }

    .tac-mobile {
        text-align: center;
    }

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

    .title h1,
    .title h2 {
        font-size: 2.168rem;
        margin: 25px 0;
        letter-spacing: 2px;
    }

    .title--underline:before {
        bottom: -15px;
    }

    .toper {
        padding: 130px 0 65px;
    }

    .toper--fullscreen {
        min-height: -webkit-calc(100vh - 65px);
        min-height: -moz-calc(100vh - 65px);
        min-height: calc(100vh - 65px);
        padding: 65px 0 65px;
    }

    .toper h1 {
        font-size: 2.168rem;
    }

    .the-result__item {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .the-result__icon {
        margin-right: 10px;
        min-width: 70px;
    }

    .the-result__text {
        margin: 0;
    }

    .the-result__text p {
        margin: 0;
    }

    .pocket__items {
        max-height: 245px;
    }

    .pocket__inside {
        max-height: 245px;
        min-height: 245px;
    }

    .blog__row {
        margin: 0;
        padding-top: 30px;
    }

    .blog .blogitem .mbox {
        padding: 0;
    }

    .blog .blogitem {
        padding: 0 5px 50px;
    }

    .blog .slick-arrow {
        opacity: 0;
    }

    .services__wrapper.js-resize-slider .slick-arrow {
        opacity: 0;
    }

    .slide__buttons {
        flex-direction: column;
    }

    .slide__buttons a {
        margin: 10px 0;
    }
}

@media screen and (max-width: 520px) {
    .pocket {
        max-width: 440px;
    }

    .pocket__items {
        max-height: 215px;
    }

    .pocket__inside {
        max-height: 215px;
        min-height: 215px;
    }

    .competencies-item {
        width: 100%;
        margin: 6px 12px;
    }
}

@media screen and (max-width: 480px) {
    .similar__item {
        width: 100%;
        padding: 0;
    }

    .pocket {
        max-width: 460px;
    }
}

@media screen and (max-width: 400px) {
    .aplications__img {
        width: 100%;
    }

    .slick-dots {
        max-width: 200px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .js-app-slider .slick-dots {
        left: auto;
        max-width: 100%;
    }

    .pocket {
        min-width: unset;
    }

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

    .oscar__item {
        width: 200px;
    }
}

@media screen and (max-width: 340px) {
    .mbox {
        padding: 0 8px;
    }

    .button span {
        letter-spacing: 0;
    }
}

/* task https://avivi.bitrix24.ru/company/personal/user/244/tasks/task/view/27971/ */
.simple header .menu__butter:hover span {
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
    background-color: #3bbf8d;
}

.header__tel a:hover span {
    color: #3bbf8d;
}

ol {
    list-style-type: none;
    counter-reset: item;
}

ol li,
.blogpost__post ul li {
    display: block;
    position: relative;
    font-family: 'Roboto', sans-serif;
}

ol li:after {
    content: counter(item) ". ";
    counter-increment: item;
    font-size: 16px;
    font-weight: 400;
    color: #3bbf8d;
    font-family: 'Roboto', sans-serif;
    position: absolute;
    top: 0;
    right: calc(100% + 6px);
}

.blogpost__post ol li:after {
    font-size: 20px;
    font-weight: 300;
}

.blogpost__post ul li:after {
    display: none;
}

ol li:before {
    display: none;
}

.blogpost__post ul li:before {
    content: '';
    width: 7px;
    height: 7px;
    border-right: 2px solid #3bbf8d;
    border-bottom: 2px solid #3bbf8d;
    position: absolute;
    top: 12px;
    left: -20px;
    -webkit-transform: translateY(0) rotate(-45deg);
    -moz-transform: translateY(0) rotate(-45deg);
    -ms-transform: translateY(0) rotate(-45deg);
    -o-transform: translateY(0) rotate(-45deg);
    transform: translateY(0) rotate(-45deg);
    border-radius: 0;
    background-color: transparent;
}


/* end task https://avivi.bitrix24.ru/company/personal/user/244/tasks/task/view/27971/ */

.blog-sub {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 622px;
    margin: 0 auto
}

.blog-sub__close {
    margin-right: 15px
}

.blog-sub__close svg {
    fill: #fff;
    width: 44px;
    height: 44px
}

.blog-sub__input {
    margin: 0 15px 0 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-left: 14px;
    padding-right: 14px;
    border: none;
    font-size: 15px;
    height: 41px;
    background: none;
    border-bottom: #cbcfd5 solid 1px
}

.blog-sub__input::-webkit-input-placeholder {
    color: #757575
}

.blog-sub__input::-moz-placeholder {
    color: #757575
}

.blog-sub__input:-moz-placeholder {
    color: #757575
}

.blog-sub__input:-ms-input-placeholder {
    color: #757575
}

.blog-sub__input.error {
    border-color: #d5213b
}

.blog-sub__input.valid {
    border-color: #159e31
}

.blog-sub__ok-mess {
    display: none;
    text-align: center;
    color: #59d556;
    font-size: 20px;
    line-height: 1.6
}

.blog-sub__err-mess {
    display: none;
    text-align: center;
    color: #d5213b;
    font-size: 20px;
    line-height: 1.6
}

.blog-sub.blog-sub--unsub input {
    padding-left: 0
}

.blog-sub.blog-sub--unsub .btn {
    min-width: 186px
}

.btn {
    color: #fff;
    background: #d5213b;
    -webkit-border-radius: 42px;
    -moz-border-radius: 42px;
    border-radius: 42px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border: none;
    padding: 15px 28px;
    font-family: "RobotoBold", Arial, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2.5px;
    -webkit-transition: background .3s ease;
    -o-transition: background .3s ease;
    -moz-transition: background .3s ease;
    transition: background .3s ease
}

.btn:hover {
    background: #df2b45;
    -webkit-transition: background .3s ease;
    -o-transition: background .3s ease;
    -moz-transition: background .3s ease;
    transition: background .3s ease
}

.btn--green {
    background: #0f946c
}

.btn--green:hover {
    /*	background: #63df60;*/
    -webkit-transition: background .3s ease;
    -o-transition: background .3s ease;
    -moz-transition: background .3s ease;
    transition: background .3s ease
}


.blog-sub__close {
    margin-right: 15px
}

.blog-sub__close svg {
    fill: #000;
    width: 44px;
    height: 44px
}

.footer__mail a {
    color: #fff;
}

.toper:before {
    display: none;
}

.toper__btns {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    z-index: 2;
    position: relative;
}

.button--transparent span {
    color: #fff;
    border-color: #fff;
    background-color: transparent;
}

.toper__btns a span {
    width: 100%;
}

.toper__btns a {
    max-width: 308px;
    width: 100%;
}

.toper__btns a:not(:last-child) {
    margin-right: 24px;
}

.about-top-text {
    padding-top: 10px;
    margin-bottom: 53px;
}

.about-top-text .mbox {
    max-width: 1040px;
}

.about-top-text p {
    font-size: 18px;
    line-height: 26px;
    letter-spacing: .02em;
    text-align: center;
    padding: 0 10px;
}

.avivi-is {
    background-color: #f8f9fc;
    padding-top: 8px;
}

.avivi-is .title {
    margin-bottom: 60px;
}

.avivi-is .features__slider {
    padding-bottom: 28px;
}

.avivi-is__slider {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
}

.avivi-is__slide {
    width: 33.3%;
    padding: 28px 5px;
}

.avivi-is__slider .features__title {
    max-width: 170px;
    margin: 0 auto;
    font-weight: 500;
}

.avivi-is__slider .features__icon {
    margin: 0 auto 25px;
}

.mission {
    background-size: cover;
    padding: 7px 0 34px;
}

.mission .title {
    margin-bottom: 70px;
}

.mission .mbox {
    max-width: 930px;
}

.mission__text {
    color: #fff;
    font-size: 1.25rem;
    font-weight: 300;
    text-align: center;
}

.mission__text p:not(:last-child) {
    margin-bottom: 28px;
}

.mission__title:before {
    background-color: #3bbf8d !important;
}

.our-team__slider {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    padding: 0 89px;
}

.our-team {
    padding: 7px 0 4px;
}

.our-team .title {
    margin-bottom: 60px;
}

.our-team .slick-slider {
    margin-bottom: 0;
}

.our-team .mate {
    padding: 30px 10px;
}

.our-team .mate__name {
    font-size: 20px;
    margin: 23px 0 7px;
}

.our-team__slider .team__slide {
    border: 5px solid transparent;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    -webkit-transition: border-color 0.3s ease;
    transition: border-color 0.3s ease;
    text-decoration: none;
    position: relative;
}

.our-team__slider .team__slide:after {
    content: '';
    position: absolute;
    bottom: 26px;
    background-color: #00b779;
    height: 5px;
    width: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transition: width 0.2s ease;
    transition: width 0.2s ease;
}

.our-team__slider .team__slide:hover {
    -webkit-transition: width 0.1s ease;
    transition: width 0.1s ease;
    border: 5px solid #ededed;
}

.our-team__slider .team__slide:hover:after {
    width: 67%;
}

.our-team__slider .mate__position {
    color: #000000;
}

.our-team__slider button {
    position: absolute;
    top: 29%;
}

.our-team__slider button.prev {
    left: 0;
}

.our-team__slider button.next {
    right: 0;
}

.our-team .mate__name {
    text-align: center;
}

.soc-network {
    background-color: #f4f5fa;
    padding-top: 7px;
}

.soc-network .title {
    margin-bottom: 65px;
}

.soc-network__slider {
    padding: 0 100px 130px 100px;
}

.soc-network .slick-dots {
    bottom: 59px;
}

.soc-network__slider .slick-arrow {
    position: absolute;
    top: 28%;
}

.soc-network__slider button.prev {
    left: 0;
}

.soc-network__slider button.next {
    right: 0;
}

.soc-network__item {
    display: flex !important;
    -ms-align-items: flex-start;
    align-items: flex-start;
}

.soc-network__img {
    width: 373px;
    flex-shrink: 0;
    margin-right: 25px;
    margin-top: 6px;
}

.soc-network__title {
    margin-bottom: 14px;
}

.soc-network__text {
    font-size: 16px;
    line-height: 26px;
}

.soc-network .slick-dots li button {
    background: #3c4557;
}

.soc-network__slider .slick-dots li {
    width: 40px;
}

.soc-network__slider .slick-dots li:after {
    background-color: #3c4557;
    display: none;
}

.soc-network__slider .slick-dots li:before {
    background-image: url(/local/templates/avivi2019/css/../images/vwvv.png);
    display: none;
}

.soc-network__slider .button--bordered span {
    background-color: transparent;
}

.soc-network__slider .button--bordered span {
    background-color: transparent;
}

.soc-network__slider .button--bordered:hover span {
    background-color: #3bbf8d;
    border-color: #3bbf8d;
}

.our-clients {
    padding-top: 8px;
}

.our-clients .title {
    margin-bottom: 69px;
}

.our-clients__item {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
}

.our-clients__content {
    position: relative;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    width: 25%;
    flex-shrink: 0;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 1;
    margin-bottom: 64px;
}

.our-clients__content img {
    width: auto;
    position: relative;
    z-index: 2;
    padding: 0 35px;
    max-height: 94px;
}

.our-clients__content a {
    position: absolute;
    top: 120px;
    left: 50%;
    transform: translateX(-50%);
    display: none;
    z-index: 2;
}

.our-clients__content:before {
    position: absolute;
    content: '';
    width: 90%;
    padding-top: 85%;
    left: 50%;
    transform: translateX(-50%);
    top: -50px;
    border: 5px solid #ededed;
    background-color: #fff;
    z-index: 1;
    display: none;
}

.our-clients__content:hover:before {
    display: block;
}

.our-clients__content .button--bordered span {
    width: 200px;
    padding: 0 15px;
}

.our-clients__content:hover {
    z-index: 2;
}

.our-clients__content:hover a {
    display: block;
}

.meet {
    position: relative;
    padding: 8px 0 90px;
}

.meet .title {
    margin-bottom: 108px;
}

.meet__wrapper {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
}

.meet__btn {
    position: relative;
    width: 94px;
    height: 94px;
    cursor: pointer;
}

.meet__btn svg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.popup-video {
    display: none;
    position: fixed;
    width: 100%;
    height: 100vh;
    left: 0;
    top: 0;
    background-image: url('/local/templates/avivi2019/images/bg-popup.jpg');
    z-index: 1999;
}

.popup-video__wrapper {
    position: relative;
    height: 100vh;
    padding-top: 100px;
}

.pop-close {
    position: absolute;
    right: 0;
    top: 42px;
    width: 18px;
    height: 18px;
    cursor: pointer;
    opacity: .8;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.pop-close:hover {
    opacity: 1;
}

.pop-close svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.pop-logo {
    position: absolute;
    left: 60px;
    top: 20px;
    width: 78px;
    height: 60px;
}

.pop-logo svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    fill: #fff;
}

.player__wrapper {
    width: 100%;
    position: relative;
    padding-top: 57%;
}

.player__wrapper #player {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.page-contacts .first-screen__sub-title {
    text-align: center;
}


@media screen and (max-width: 991px) {
    .about-top-text {
        padding-top: 25px;
        margin-bottom: 25px;
    }

    .soc-network__item {
        align-items: center;
        flex-direction: column;
    }

    .soc-network__img {
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 30px;
    }

    .our-clients__content {
        width: 50%;
    }

    .our-clients__content a {
        top: calc(100% + 50px);
    }
}

@media screen and (max-width: 768px) {
    .avivi-is__slide {
        width: 50%;
    }

    .our-team__slider {
        padding: 0 35px;
    }

    .soc-network__slider {
        padding: 0 55px 55px 55px;
    }

    .soc-network .slick-dots {
        bottom: 30px;
    }
}

@media screen and (max-width: 600px) {
    .about-page .toper {
        padding: 93px 0 90px;
    }

    .toper__btns {
        justify-content: flex-start;
        flex-direction: column;
        align-items: center;
    }

    .toper__btns a {
        width: 85%;
    }

    .toper__btns span {
        height: 40px;
    }

    .toper__btns a:not(:last-child) {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .avivi-is .features__slider {
        margin-bottom: 0;
    }

    .avivi-is__slider .features__icon {
        margin: 0 auto 15px;
    }

    .avivi-is .title {
        margin-bottom: 25px;
    }

    .avivi-is .button--arrow {
        top: 27%;
    }

    .mission {
        padding: 7px 0;
        background-size: auto;
        background-position: center bottom;
    }

    .mission .title h2 {
        margin-top: 10px;
    }

    .mission .title {
        margin-bottom: 35px;
    }

    .mission__text p:not(:last-child) {
        margin-bottom: 20px;
    }

    .our-team .title h2 {
        margin-top: 10px;
    }

    .our-team .title {
        margin-bottom: 0px;
    }

    .our-team__slider .team__slide:after {
        bottom: 13px;
    }

    .soc-network {
        padding-top: 5px;
        padding-bottom: 60px;
    }

    .soc-network .title {
        margin-bottom: 40px;
    }

    .soc-network__slider {
        padding: 0;
    }

    .soc-network .button--arrow {
        display: none !important;
    }

    .soc-network__text {
        margin-bottom: 0;
        font-size: 14px;
        color: #959595;
        line-height: 1.4;
    }

    .soc-network__text:not(:last-child) {
        margin-bottom: 20px;
    }

    .soc-network .slick-dots {
        bottom: -30px;
    }

    .soc-network__img {
        margin-bottom: 20px;
        width: 100%;
    }

    .our-clients__item {
        display: flex !important;
    }

    .our-clients .button--arrow {
        display: none !important;
    }

    .our-clients .title h2 {
        margin-top: 20px;
    }

    .our-clients .title {
        margin-bottom: 40px;
    }

    .our-clients__slider {
        padding: 0 10px;
        margin-bottom: 0;
    }

    .our-clients__content:before {
        width: 100%;
        height: calc(100% + 45px);
        padding-top: 0;
        top: 0;
        border: 3px solid #ededed;
    }

    .our-clients__content img {
        padding: 0 10px;
        max-height: none;
    }

    .our-clients__content {
        padding: 10px;
        margin-bottom: 0;
    }

    .our-clients__content a {
        top: 100%;
    }

    .our-clients__content .button--bordered span {
        width: 125px;
        font-weight: 400;
        padding: 0 5px;
        letter-spacing: 1.3px;
        font-size: 11px;
    }

    .meet {
        background-size: auto;
        background-position: -532px center;
    }

    .soc-network__slider .slick-dots li:after,
    .soc-network__slider .slick-dots li:before {
        display: none;
    }

    .soc-network .slick-dots li {
        width: 30px;
    }

    .pop-logo {
        left: 0;
        top: 14px;
        width: 60px;
        height: 48px;
    }

    .popup-video__wrapper {
        padding-top: 80px;
    }

    .our-clients {
        padding-bottom: 80px;
    }

    .our-clients .slick-dots {
        top: auto;
        bottom: -48px;
    }
}

/*правки на сайте 07.11.2019*/

.team__box:after {
    content: ""; /* Генерируем пустой элемент */
    clear: both; /* Отменяем обтекание*/
    display: block; /* Блочный элемент */
}

.team__box .team__slide {
    margin: 0 17px;
    float: left;
}

.b24table__table .b24table__cel a {
    padding: 0;
}

@media screen and (max-width: 768px) {
    .team__box {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        flex-wrap: wrap;
        -ms-align-items: flex-start;
        align-items: flex-start;
        justify-content: space-around;
    }

    .team__box:after {
        content: '';
        width: 180px;
        height: 0;
        opacity: 0;
        overflow: hidden;
    }

    .team__box .team__slide {
        float: none;
        margin: 0;
    }
}

/*конец правки на сайте 07.11.2019*/


/*скрытие кнопки скачать на странице 'О нас'*/
.about-page .toper__btns a[download="download"] {
    display: none;
}

/*конец скрытие кнопки скачать на странице 'О нас'*/

.toper:after {
    content: '';
    width: 100%;
    height: 100%;
    background: url(/local/templates/aviviNew/img/pattern.png) rgba(33, 39, 51, 0.8);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.toper__navigation {
    padding: 190px 0 30px;
}

.toper__navigation-wrapper {
    padding-top: 60px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 2;
}

.toper__navigation-wrapper .button {
    position: relative;
    min-width: 170px;
    display: none;
}

.toper__navigation-wrapper .button.prev span {
    padding: 0 30px 0 40px;
}

.toper__navigation-wrapper .button.next span {
    padding: 0 40px 0 30px;
}

.toper__navigation-wrapper .button span {
    position: relative;
    width: 100%;
}

.toper__navigation-wrapper .button span:after {
    position: absolute;
    left: 20px;
    top: 12px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    display: inline-block;
    content: '';
    width: 13px;
    height: 13px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    -webkit-transform: rotateZ(-45deg);
    -moz-transform: rotateZ(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg);
}

.toper__navigation-wrapper .button.next span:after {
    -webkit-transform: rotateZ(135deg);
    -moz-transform: rotateZ(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotateZ(135deg);
    transform: rotateZ(135deg);
    left: auto;
    right: 32px;
}

@media screen and (max-width: 600px) {
    .toper__navigation {
        padding: 130px 0 30px;
    }

    .toper__navigation-wrapper {
        padding-top: 35px;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        justify-content: space-between;
        position: relative;
        z-index: 2;
    }

    .toper__navigation-wrapper .button span {
        height: 32px;
        font-size: 12px;
    }

    .toper__navigation-wrapper .button span:after {
        top: 7px;
    }
}

@media screen and (max-width: 400px) {
    .toper__navigation-wrapper {
        padding-top: 15px;
    }

    /*	.toper__navigation-wrapper .button span:after {
	    display: none;
	}*/
    /*	.toper__navigation-wrapper .button span {
	    padding: 0 20px!important;
	}*/
    .toper__navigation-wrapper .button {
        min-width: 130px;
    }

    .toper__navigation {
        padding: 100px 0 30px;
    }
}

@media (max-height: 769px) and (orientation: landscape) {
    .player__wrapper {
        padding-top: 52%;
    }
}

@media (max-height: 650px) and (orientation: landscape) {
    .player__wrapper {
        padding-top: 46%;
    }
}

@media (max-height: 500px) and (orientation: landscape) {
    .player__wrapper {
        padding-top: 42%;
    }
}

@media (max-height: 450px) and (orientation: landscape) {
    .player__wrapper {
        padding-top: 37%;
    }
}

/*cookie msg*/
.cookie-msg {
    width: 100%;
    background-color: #f4f4f4;
    border-top: 1px solid #cbcbcb;
}

.cookie-msg.loaded {
    height: auto !important;
    opacity: 1 !important;
    position: fixed !important;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 99999;
}

.cookie-msg__wrapper {
    width: 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0;
}

.cookie-msg__text {
    margin-right: 30px;
    font-size: 18px;
    font-weight: 400;
}

.cookie-msg__btn {
    font-size: 18px;
    display: block;
    text-transform: uppercase;
    cursor: pointer;
    border: 1px solid #ccc;
    font-weight: 500;
    padding: 6px 40px;
    border-radius: 20px;
    -webkit-transition: all 0.2s ease;
    transition: border-color 0.2s ease;
}

.cookie-msg__btn:hover {
    border-color: #3c4557;
}

@media (max-width: 600px) {
    .cookie-msg__wrapper {
        padding: 15px 0;
        flex-direction: column;
    }

    .cookie-msg__text {
        margin-right: 0;
        margin-bottom: 20px;
        text-align: center;
    }
}

/*endcookie msg*/

/*Page Partnership*/
.partnership {

}

.partnership__info {
    padding: 0 0 60px;
}

.partnership__info-title {
    margin-bottom: 65px;
    text-align: center;
}

.partnership__info .mobile {
    display: none;
}

.partnership__info-text {
    display: block;
    font-size: 18px;
    line-height: 26px;
    color: #3C4557;
    text-align: center;
    font-weight: 400;
}

.benefits {
    padding: 60px 0 0;
    background: #F8F9FC;
}

.benefits__title {
    text-align: center;
    margin-bottom: 93px;
    position: relative;
}

.benefits__wrapper {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    padding: 0 60px;
}

.benefits__item {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -ms-align-items: center;
    align-items: center;
    width: 50%;
    padding: 0 30px;
    margin-bottom: 60px;
}

.benefits__icon {
    position: relative;
    margin-bottom: 16px;
}

.benefits__icon svg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.benefits__text {
    font-weight: 400;
    text-align: center;
    font-size: 18px;
    line-height: 26px;
}

.earn {
    padding: 20px 0 60px;
}

.earn__title {
    margin-bottom: 66px;
}

.earn__subtitle {
    display: block;
    font-weight: normal;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    color: #3C4557;
    margin-bottom: 32px;
}

.earn__wrapper {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.earn__item {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
}

.earn__item {
    width: calc((100% - 424px) / 2);
}

.earn__item:nth-child(2) {
    max-width: 424px;
    width: 100%;
}

.earn__text-wrapper {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -ms-align-items: center;
    align-items: center;
    width: 100%;
    padding: 0 40px 40px;
    margin-bottom: 38px;
}

.earn__item:not(:last-child) .earn__text-wrapper {
    border-right: 3px solid #29B57C;
}

.earn__item-title {
    display: block;
    font-weight: bold;
    font-size: 20px;
    line-height: 29px;
    text-align: center;
    color: #3C4557;
    margin-bottom: 18px;
}

.earn__item-text {
    display: block;
    font-weight: normal;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    color: #3C4557;
}

.earn__btn {
    padding: 12px 33px;
    background-color: #CC1D22;
    border-radius: 30px;
    text-align: center;
    align-items: center;
    text-align: center;
    letter-spacing: 2.8px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    color: #fff;
    text-decoration: none;
    -webkit-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
}

.earn__btn:hover {
    background-color: #ec2028;
}

.trm {
    padding: 60px 0 40px;
    background-color: #00A07E;
}

.trm__wrapper {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
}

.trm__text {
    color: #fff;
    text-align: center;
    font-weight: normal;
    font-size: 22px;
    line-height: 34px;
    max-width: 838px;
}

@media screen and (max-width: 1100px) {
    .earn__text-wrapper {
        padding: 0 15px 30px;
        margin-bottom: 30px;
    }

    .earn__item {
        width: 33% !important;
    }
}

@media screen and (max-width: 768px) {
    .partnership__info {
        padding: 0 0 40px;
    }

    .benefits {
        padding: 40px 0 0;
    }

    .benefits__wrapper {
        padding: 0 0px;
    }

    .benefits__item {
        padding: 0 5px;
        margin-bottom: 40px;
    }

    .benefits__title {
        margin-bottom: 60px;
    }

    .earn {
        padding: 10px 0 40px;
    }

    .earn__title {
        margin-bottom: 40px;
    }

    .earn__item {
        width: 100% !important;
    }

    .earn__item:nth-child(2) {
        max-width: 100%;
    }

    .earn__text-wrapper {
        height: auto !important;
    }

    .earn__item-title {
        height: auto !important;
    }

    .earn__item-title br {
        display: none;
    }

    .earn__wrapper {
        flex-wrap: wrap;
    }

    .earn__item:not(:last-child) .earn__text-wrapper {
        border-right: none;
    }

    .earn__subtitle {
        margin-bottom: 30px;
    }

    .earn__text-wrapper {
        padding: 0;
        margin-bottom: 30px;
    }

    .earn__item:not(:last-child) {
        margin-bottom: 35px;
        border-bottom: 2px solid #29B57C;
        padding-bottom: 35px;
    }

    .trm {
        padding: 40px 0 20px;
    }
}

@media screen and (max-width: 600px) {
    .partnership__info h1 {
        display: none;
    }

    .partnership__info .mobile {
        display: block;
        font-weight: bold;
        font-size: 26px;
        line-height: 25px;
    }

    .partnership__info-text {
        font-size: 16px;
        line-height: 22px;
        padding: 0px 10px;
    }

    .partnership__info-title {
        margin-bottom: 40px;
    }

    .benefits__item {
        width: 100%;
        padding: 0 5px;
        margin-bottom: 30px;
    }

    .benefits__title {
        margin-bottom: 45px;
    }

    .earn__subtitle {
        display: none;
    }

    .trm {
        padding: 35px 0 15px;
    }

    .trm__text {
        text-align: left;
    }
}

@media screen and (max-width: 400px) {
    .earn__btn {
        width: 100%;
        display: block;
    }

}

/*END Page Partnership*/

.toper__nopallete:after {
    display: none;
}

/*Page Solutions*/
.solutions {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 65px 0 80px;
}

.solutions__item {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    width: calc(50% - 11px);
    margin-bottom: 22px;
    -ms-align-items: center;
    align-items: center;
    padding-bottom: 30px;
    background: #F0F0F0;
}

.solutions__img {
    width: 100%;
    height: 252px;
    margin-bottom: 30px;
}

.solutions__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.solutions__text {
    display: block;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 25px;
    text-align: center;
    color: #000000;
    margin-bottom: 22px;
}

.solutions__btn {
    padding: 12px 26px;
    border: 2px solid #29B57C;
    border-radius: 30px;
    color: #29B57C;
    text-align: center;
    letter-spacing: 2.8px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    text-decoration: none;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.solutions__btn:hover {
    color: #fff;
    background-color: #29B57C;
}

.sol-detail {

}

.sol-detail .title {
    margin-bottom: 0;
}

.sol-detail__banner-btn {
    text-decoration: none;
    padding: 12px 33px;
    background-color: #CC1D22;
    border-radius: 30px;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 2.8px;
    text-transform: uppercase;
}

.sol-detail__banner {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -ms-align-items: center;
    align-items: center;
}

.sol-detail__banner-btn:hover {
    background-color: #ec2028;
}

.sol-detail__info {
    background-color: #F0F0F0;
    padding: 70px 0;
}

.sol-detail__info-text {
    padding: 0px 100px;
    margin: 0;
    font-weight: 300;
    font-size: 18px;
    line-height: 29px;
    text-align: center;
    color: #3C4557;
}

.sol-detail__info-text.mobile {
    display: none;
}

.sol-detail__top {
    padding: 30px 0 70px;
}

.sol-detail__top-list {
    padding: 0px 115px;
    font-size: 16px;
    line-height: 1.4;
}

.sol-detail__top-list li:not(:last-child) {
    margin-bottom: 30px;
}

.sol-detail__top .title {
    margin-bottom: 60px;
}

.sol-detail__instrum {
    padding: 30px 0 10px;
    background-color: #F0F0F0;
}

.sol-detail__instrum .title {
    margin-bottom: 60px;
}

.sol-detail__instrum-text {
    display: block;
    margin-bottom: 70px;
    padding: 0 110px;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    color: #000000;
}

.sol-detail__instrum-wrapper {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0 110px;
}

.sol-detail__instrum-item {
    cursor: pointer;
    position: relative;
    width: 33%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -ms-align-items: center;
    align-items: center;
    margin-bottom: 65px;
}

.sol-detail__instrum-info {
    display: block;
    text-align: center;
    font-weight: normal;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    color: #3C4557;
}

.sol-detail__instrum-hidden {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0);
    width: 100%;
    max-width: 278px;
    background: #29B57C;
    border-radius: 10px;
    color: #fff;
    padding: 32px 20px;
    z-index: 10;
    opacity: 0;
    height: 0;
    -webkit-transition: opacity 200ms, -webkit-transform 200ms;
    transition: opacity 200ms, -webkit-transform 200ms;
    -o-transition: opacity 200ms, -o-transform 200ms;
    -moz-transition: transform 200ms, opacity 200ms, -moz-transform 200ms;
    transition: transform 200ms, opacity 200ms;
    transition: transform 200ms, opacity 200ms, -webkit-transform 200ms, -moz-transform 200ms, -o-transform 200ms;
}

.sol-detail__instrum-hidden-title {
    position: relative;
    display: block;
    font-weight: bold;
    font-size: 18px;
    line-height: 17px;
    text-align: center;
    margin-bottom: 45px;
}

.sol-detail__instrum-hidden-title:after {
    position: absolute;
    content: '';
    width: 56px;
    height: 3px;
    left: 50%;
    transform: translateX(-50%);
    bottom: -25px;
    background-color: #fff;
}

.sol-detail__instrum-hidden-text {
    display: block;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
}

.sol-detail__instrum-item:hover .sol-detail__instrum-hidden {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
    height: auto;
}

.sol-detail__key {
    padding: 30px 0 70px;
}

.sol-detail__key-wrapper {
    padding: 0 110px;
}

.sol-detail__key .title {
    margin-bottom: 60px;
}

.sol-detail__key-text {
    text-align: center;
    margin-bottom: 40px;
    font-family: Roboto;
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    color: #000000;
}

.sol-detail__key-text p {
    margin: 0;
}

.sol-detail__key-text p:not(:last-child) {
    margin-bottom: 20px;
}

.sol-detail__key-honors {
    margin-bottom: 70px;
}

.sol-detail__key-honors tr:first-child td {
    color: #fff;
    font-weight: 500;
    background: #29B57C;
}

.sol-detail__key-honors td {
    width: 50%;
}

.sol-detail__key-honors td:first-child {
    border-right: 1px solid #f0f0f0;
}

.sol-detail__spec h3 {
    font-weight: bold;
    font-size: 24px;
    line-height: 29px;
    text-align: center;
    color: #000000;
    margin-bottom: 32px;
}

.sol-detail__spec-table {
    font-weight: 400;
}

.sol-detail__spec-table td {
    padding: 20px 40px;
}

.sol-detail__spec-table td:nth-child(2) {
    width: 133px;
    text-align: right;
    padding: 20px 40px 20px 20px;
    vertical-align: text-top;
}

.sol-detail__spec-table td:nth-child(2) b {
    margin-right: 4px;
}

.sol-detail__spec-table td:first-child {
    border-right: 1px solid #f0f0f0;
}

.sol-detail__spec-table-dec {
    position: relative;
    padding-left: 26px;
}

/*.sol-detail__spec-table-dec:before {
  position: absolute;
  content: '';
  width: 10px;
  height: 10px;
  background-color: #000;
  left: 0;
  top: 4px;
  border-radius: 50%;
}*/
.sol-detail__spec-table-dec:before {
    content: '';
    width: 7px;
    height: 7px;
    border-right: 2px solid #3bbf8d;
    border-bottom: 2px solid #3bbf8d;
    position: absolute;
    top: 6px;
    left: -10px;
    -webkit-transform: translateY(0) rotate(-45deg);
    -moz-transform: translateY(0) rotate(-45deg);
    -ms-transform: translateY(0) rotate(-45deg);
    -o-transform: translateY(0) rotate(-45deg);
    transform: translateY(0) rotate(-45deg);
    border-radius: 0;
    background-color: transparent;
}

.sol-detail__spec-table-dec-small {
    position: relative;
    padding-left: 21px;
    margin-left: 40px;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    margin-top: 14px;
}

/*.sol-detail__spec-table-dec-small:before {
  position: absolute;
  content: '';
  width: 5px;
  height: 5px;
  background-color: #000;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
}*/
.sol-detail__spec-table-dec-small:before {
    content: '';
    width: 7px;
    height: 7px;
    border-right: 2px solid #3bbf8d;
    border-bottom: 2px solid #3bbf8d;
    position: absolute;
    top: 6px;
    left: -5px;
    -webkit-transform: translateY(0) rotate(-45deg);
    -moz-transform: translateY(0) rotate(-45deg);
    -ms-transform: translateY(0) rotate(-45deg);
    -o-transform: translateY(0) rotate(-45deg);
    transform: translateY(0) rotate(-45deg);
    border-radius: 0;
    background-color: transparent;
}

.sol-detail__spec-table-intable div {
    height: 19px;
    margin-top: 14px;
}

.sol-detail__spec-table-intable div:first-child {
    height: 19px;
    margin-top: 0;
}

.sol-detail__spec-table.green-table {
    border: 2px solid #29B57C;
    margin-bottom: 32px;
}

.sol-detail__spec-table.green-table tr {
    background-color: #fff;
}

.sol-detail__spec-table.green-table td:nth-child(1) {
    text-align: right;
    font-size: 18px;
    line-height: 26px;
    padding: 0 40px 0 40px;
}

.sol-detail__spec-table.green-table td:nth-child(2) {
    padding: 0 40px 0 20px;
    line-height: 26px;
}

.sol-detail__spec-table.green-table tr:first-child td {
    padding-top: 36px;
}

.sol-detail__spec-table.green-table tr:last-child td {
    padding-bottom: 32px;
}

.sol-detail__spec-table-thin {
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    padding-top: 28px;
}

.sol-detail__dop {
    position: relative;
    padding: 30px 94px;
    border: 1px solid #F0F0F0;
}

.sol-detail__dop i.ico {
    position: absolute;
    content: '';
    left: 40px;
    top: 30px;
    width: 30px;
    height: 30px;
}

.sol-detail__dop i.ico svg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.sol-detail__dop-text {
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    color: #000;
    margin: 0;
}

.sol-detail__way {
    padding: 30px 0 70px;
    background-color: #F0F0F0;
}

.sol-detail__way-wrapper {
    padding: 0 110px;
}

.sol-detail__way .title {
    margin-bottom: 60px;
}

.sol-detail__way-subtitle {
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    color: #000000;
    margin: 0;
    margin-bottom: 34px;
}

.sol-detail__way-list {
    padding: 0;
    margin-bottom: 36px;
}

.sol-detail__way-list li {
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    color: #000;
    margin: 0;
    padding-left: 62px;
}

.sol-detail__way-list li:not(:last-child) {
    margin-bottom: 30px;
}

.sol-detail__way-list li:after {
    content: counter(item) "";
    font-weight: bold;
    font-size: 16px;
    line-height: 26px;
    color: #29B57C;
    font-family: 'Roboto', sans-serif;
    position: absolute;
    top: 0;
    right: auto;
    left: 0;
    width: 30px;
    height: 30px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    border: 2px solid #29B57C;
    border-radius: 50%;
}

.sol-detail__way-list li:last-child:after {
    border-color: transparent;
    background: url('/local/templates/avivi2019/images/solutions/star.svg') no-repeat center;
    width: 40px;
    height: 38px;
    background-size: 100%;
    background-position-y: -2px;
    top: -4px;
    left: -4px;
}

.sol-detail__way-list li:not(:last-child):before {
    position: absolute;
    content: '';
    width: 1px;
    height: calc(100% - 10px);
    background-color: #d5d6da;
    left: 15px;
    top: 34px;
    display: block !important;
}

.sol-detail__way-btn-wrapper {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
}

.sol-detail__way-btn {
    text-transform: uppercase;
    text-decoration: none;
    background-color: #CC1D22;
    border-radius: 30px;
    padding: 12px 33px;
    letter-spacing: 2.8px;
    text-transform: uppercase;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
}

.sol-detail__way-btn:hover {
    background-color: #ec2028;
}

.sol-detail__example {
    padding: 30px 0 70px;
}

.sol-detail__example .title {
    margin-bottom: 75px;
}

.sol-detail__example-wrapper {
    padding: 0 110px;
}

.sol-detail__example-item {
    display: flex !important;
    justify-content: center;
    flex-wrap: wrap;
}

.sol-detail__example-img {
    position: relative;
    width: 377px;
    margin-right: 23px;
    flex-shrink: 0;
}

.sol-detail__example-img:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(270.23deg, #FFFFFF 0.08%, rgba(255, 255, 255, 0) 64.71%);
    z-index: 2;
}

.sol-detail__example-img img {
    position: relative;
    z-index: 1;
    width: 100%;
}

.sol-detail__example-info {
    width: 377px;
    flex-shrink: 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    justify-content: space-between;
    -ms-align-items: flex-start;
    align-items: flex-start;
}

.sol-detail__example-text {
    font-family: RobotoSlab, Arial, sans-serif;
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 15px;
}

.sol-detail__example-btn {
    display: inline-block;
    background-color: #00A07E;
    border-radius: 30px;
    padding: 12px 33px;
    color: #FFFFFF;
    text-align: center;
    letter-spacing: 2.8px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    text-decoration: none;
}

.sol-detail__example-btn:hover {
    background-color: #3bbf8d;
}

.sol-detail__example-slider {
    margin: 0;
    margin-bottom: 70px !important;
}

.sol-detail__example-slider .slick-dots {
    bottom: -70px;
}

.sol-detail__example-slider .slick-dots li button {
    background: #3c4557;
}

.sol-detail__example-slider .slick-dots li {
    width: 40px;
}

.sol-detail__example-slider .slick-dots li:after {
    background-color: #3c4557;
    display: none;
}

.sol-detail__example-slider .slick-dots li:before {
    display: none !important;
}

.sol-detail__example-slider .button--bordered span {
    background-color: transparent;
}

.sol-detail__example-slider .button--bordered span {
    background-color: transparent;
}

.sol-detail__example-slider .button--bordered:hover span {
    background-color: #3bbf8d;
    border-color: #3bbf8d;
}

@media screen and (max-width: 991px) {
    .solutions {
        padding: 40px 0;
    }

    .solutions__img {
        height: 200px;
    }

    .sol-detail__info {
        padding: 40px 0;
    }

    .sol-detail__info-text {
        padding: 0px 30px;
    }

    .sol-detail__top {
        padding: 10px 0 40px;
    }

    .sol-detail__top .title {
        margin-bottom: 40px;
    }

    .sol-detail__top-list {
        padding: 0px 40px;
    }

    .sol-detail__instrum {
        padding: 10px 0 0;
    }

    .sol-detail__instrum-item {
        margin-bottom: 40px;
        width: 50%;
        padding: 0 5px;
    }

    .sol-detail__instrum .title {
        margin-bottom: 40px;
    }

    .sol-detail__instrum-text {
        margin-bottom: 40px;
        padding: 0 50px;
    }

    .sol-detail__instrum-wrapper {
        padding: 0 30px;
    }

    .sol-detail__key-wrapper {
        padding: 0;
    }

    .sol-detail__key .title {
        margin-bottom: 40px;
    }

    .sol-detail__key {
        padding: 10px 0 40px;
    }

    .sol-detail__key-honors {
        margin-bottom: 40px;
    }

    .sol-detail__way {
        padding: 10px 0 40px;
    }

    .sol-detail__way .title {
        margin-bottom: 40px;
    }

    .sol-detail__way-wrapper {
        padding: 0 50px;
    }

    .sol-detail__example {
        padding: 10px 0 40px;
    }

    .sol-detail__example .title {
        margin-bottom: 40px;
    }

    .sol-detail__example-img {
        width: calc(50% - 10px);
        margin-right: 0;
    }

    .sol-detail__example-info {
        width: calc(50% - 10px);
    }

    .sol-detail__example-wrapper {
        padding: 0 50px;
    }

    .sol-detail__example-item {
        justify-content: space-between;
    }

    .sol-detail__example-slider .slick-dots {
        bottom: -60px;
    }
}

@media screen and (max-width: 600px) {
    .solutions__img {
        height: auto;
        margin-bottom: 20px;
    }

    .solutions__item {
        width: 100%;
        margin-bottom: 15px;
        padding-bottom: 20px;
    }

    .solutions__text {
        margin-bottom: 20px;
    }

    .solutions {
        padding: 30px 0;
    }

    .sol-detail__info {
        padding: 30px 0;
    }

    .sol-detail__info-text {
        padding: 0;
    }

    .sol-detail__top-list {
        padding: 0;
    }

    .sol-detail__top {
        padding: 0 0 25px;
    }

    .sol-detail__top-list li:not(:last-child) {
        margin-bottom: 20px;
    }

    .sol-detail__instrum-wrapper {
        padding: 0;
    }

    .sol-detail__instrum-item {
        margin-bottom: 30px;
        width: 100%;
        padding: 0;
    }

    .sol-detail__instrum-text {
        margin-bottom: 30px;
        padding: 0;
    }

    .sol-detail__key {
        padding: 10px 0 30px;
    }

    .sol-detail__key-text {
        margin-bottom: 30px;
    }

    .sol-detail__key-honors {
        margin-bottom: 30px;
    }

    .sol-detail__spec-table td {
        padding: 15px 10px;
    }

    .sol-detail__spec-table-dec {
        padding-left: 20px;
    }

    .sol-detail__spec-table-dec-small {
        padding-left: 15px;
        margin-left: 5px;
        font-size: 12px;
        line-height: 1.2;
        margin-top: 10px;
    }

    .sol-detail__spec-table-dec-small:before {
        top: 3px;
        transform: translateY(0);
    }

    .sol-detail__spec h3 {
        font-size: 1.5rem;
        line-height: 1.2;
        margin-bottom: 30px;
    }

    .sol-detail__spec-table-intable div {
        margin-top: 10px;
    }

    .sol-detail__spec-table.green-table tr:first-child td {
        padding-top: 15px;
    }

    .sol-detail__spec-table.green-table td:nth-child(1) {
        font-size: 12px;
        line-height: 1.2;
        padding: 5px 15px 0 15px;
    }

    .sol-detail__spec-table.green-table tr:last-child td {
        padding-bottom: 15px;
    }

    .sol-detail__spec-table-thin {
        font-size: 12px;
        line-height: 1.2;
        padding-top: 15px;
    }

    .sol-detail__dop {
        padding: 15px 40px;
    }

    .sol-detail__dop-text {
        font-size: 14px;
        line-height: 1.2;
    }

    .sol-detail__dop i.ico {
        left: 10px;
        top: 13px;
        width: 20px;
        height: 20px;
    }

    .sol-detail__way {
        padding: 5px 0 30px;
    }

    .sol-detail__way-wrapper {
        padding: 0;
    }

    .sol-detail__way-subtitle {
        margin-bottom: 25px;
    }

    .sol-detail__way-list li {
        font-size: 16px;
        line-height: 1.4;
        padding-left: 40px;
    }

    .sol-detail__way-list {
        margin-bottom: 30px;
    }

    .sol-detail__example {
        padding: 5px 0 30px;
    }

    .sol-detail__example-wrapper {
        padding: 0;
    }

    .sol-detail__example-img {
        width: 100%;
        margin-bottom: 15px;
    }

    .sol-detail__example-info {
        width: 100%;
    }

    .sol-detail__example-info {
        justify-content: flex-start;
        align-items: center;
    }

    .sol-detail__info-text {
        font-size: 16px;
        line-height: 1.4;
    }

    .sol-detail__instrum-text {
        line-height: 1.4;
    }

    .sol-detail__key-text {
        line-height: 1.4;
    }

    .sol-detail__spec-table-dec:before {
        top: 2px;
    }

    .sol-detail__way-subtitle {
        line-height: 1.4;
    }

    .sol-detail__way-list li:not(:last-child) {
        margin-bottom: 20px;
    }

    .sol-detail__way-list li:not(:last-child):before {
        height: calc(100% - 20px);
    }

    .sol-detail__info-text {
        display: none;
    }

    .sol-detail__info-text.mobile {
        display: block;
    }
}

/*END Page Solutions*/

.title .blogpost__text h2 {
    line-height: 1;
    text-align: left !important;
}

.page-bitrix24 .first-screen__sub-title {
    text-align: center;
    margin-bottom: 30px;
    color: #ffffff;
}

/*правки по задаче https://avivi.bitrix24.ru/company/personal/user/244/tasks/task/view/31725/*/

.first-screen__sub-title {
    line-height: 1.4;
}

.blogitem__top p {
    line-height: 1.6;
}

.blogPreview {
    font-weight: 400;
    max-height: 67px;
    /*overflow: hidden;*/
}

.sol-detail .toper .mbox {
    position: relative;
    z-index: 2;
}

.order__upload label {
    cursor: pointer;
}

.first-screen__sub-title {
    position: relative;
    z-index: 2;
    width: 100%;
    text-align: center;
    margin-bottom: 1em;
}

.sol-detail .first-screen__sub-title,
.cases-page .first-screen__sub-title {
    color: #ffffff;
}

.bitrix_captcha {
    width: 200px;
    height: 100px;
}

/*конец правки по задаче https://avivi.bitrix24.ru/company/personal/user/244/tasks/task/view/31725/*/


/*support page*/

.supp {

}

a.supp_bg-btn {
    max-width: none;
    width: auto;
}

.supp_bg-btn span {
    width: auto;
}

.page-title .title {
    margin-bottom: 60px;
}

.supp-option__block {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.supp-option__item {
    flex-shrink: 0;
    width: 33.3%;
    padding: 0px 40px;
    margin-bottom: 50px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    align-items: center;
}

.supp-option__text {
    display: block;
    font-size: 18px;
    line-height: 1.2;
    text-align: center;
    font-weight: 400;
}

.supp-option__img {
    width: 50px;
    height: 50px;
    position: relative;
    margin-bottom: 15px;
}

.supp-option__img:empty {
    display: none;
}

.supp-option__img svg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.supp-price {
    background-color: #f8f9fc;
    padding-top: 1px;
    padding-bottom: 50px;
}

.supp-price__subtitle-text {
    display: block;
    margin-bottom: 40px;
    padding: 0 180px;
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 1.4;
    text-align: center;
    font-weight: 400;
}

.supp-price__subtitle {
    text-align: center;
    font-weight: bold;
    font-size: 24px;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 32px;
    color: #4b586d;
}

.supp-price__option {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.supp-price__option-item {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    width: calc(33.3% - 11px);
    padding: 0 20px;
    justify-content: space-between;
}

.supp-price .supp-price__option-item {
    border: 2px solid #29B57C;
    padding: 20px 22px 30px;
}

.supp-price__option-title {
    display: block;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 24px;
    text-align: center;
}

.supp-price__option-text {
    font-size: 16px;
    line-height: 1.4;
    font-weight: 400;
    margin-bottom: 30px;
    display: block;
    text-align: center;
}

.supp-price__option-list {
    margin: 0 0 30px;
}

.supp-price__option-list li {
    position: relative;
    padding-left: 20px;
    font-weight: 400;
    letter-spacing: 0;
    margin: 0;
    text-align: left;
    font-size: 16px;
    line-height: 1.4;
}

.supp-price__option-list li:not(:last-child) {
    margin-bottom: 10px;
}

.supp-price__option-list li:before {
    position: absolute;
    top: 8px;
    width: 5px;
    height: 5px;
    left: 0;
    background-color: #3c4557;
}

.supp-price__bottom {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
}

.supp-price__bprice-info {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    -ms-align-items: flex-start;
    align-items: flex-start;
}

.supp-price__option-price {
    display: inline-block;
    font-size: 18px;
    line-height: 1.2;
    margin-bottom: 4px;
    text-align: center;
    font-weight: 700;
}

.supp-price__option-btn {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
}

.supp-price__option-subtext {
    font-size: 10px;
    line-height: 1.2;
    color: #3C4557;
    text-align: center;
    font-weight: 400;
}

.regulations {
    background-color: #f8f9fc;
    padding-top: 1px;
    padding-bottom: 50px;
}

.regulations .supp-price__subtitle-text {
    padding: 0 80px;
}

.regulations .supp-price__option-text {
    margin-bottom: 0;
}

@media screen and (max-width: 991px) {
    .supp-option__item {
        padding: 0px 15px;
    }

    .supp-price__option-text {
        font-size: 14px;
    }

    .supp-option__text {
        font-size: 14px;
        line-height: 1.4;
    }

    .supp-price__option-item {
        width: 100%;
        padding: 0;
    }

    .supp-price__option-item:not(:last-child) {
        margin-bottom: 40px;
    }

    .supp-price__subtitle-text {
        padding: 0 !important;
    }
}

@media screen and (max-width: 768px) {
    .supp .toper {
        padding: 60px 0;
        background-size: cover;
    }

    .supp-option__item {
        width: 50%;
        margin-bottom: 30px;
    }

    .supp-price__subtitle-text {
        margin-bottom: 30px;
        font-size: 14px;
    }

    .page-title .title {
        margin-bottom: 40px;
    }

    .supp-price__subtitle {
        font-size: 22px;
        line-height: 1.4;
        margin-bottom: 25px;
    }

    .supp-price__option-title {
        font-size: 20px;
        line-height: 1.4;
        margin-bottom: 10px;
    }

    .supp-price__option-text {
        margin-bottom: 15px;
    }

    .supp-price__option-item:not(:last-child) {
        margin-bottom: 25px;
    }

    .supp-price {
        padding-bottom: 40px;
    }

    .regulations {
        padding-bottom: 40px;
    }
}

/*end support page*/

/*правки от 23.06.2020*/

@media screen and (min-width: 601px) {
    .services .item {
        padding: 0 12px;
        margin: 0 0 50px 0;
    }

    .services .item__text {
        margin-bottom: 0;
    }
}

/*правки от 23.06.2020*/

/*правки от 02.07.2020*/

@media screen and (min-width: 993px) {
    .mainbanner__special {
        flex-direction: row
    }

    .mainbanner__special a {
        margin: 0 5px
    }

    .mainbanner__special .button {
        min-width: 188px;
    }
}

@media screen and (max-width: 992px) {
    .mainbanner__special > a {
        margin-top: 12px;
    }
}

.av-youtube {
    display: flex;
    margin: 0 -15px;
    flex-wrap: wrap;
    justify-content: center;
}

.av-youtube__item {
    width: calc(33.33% - 30px);
    margin: 0 15px 30px;
    height: 0;
    padding-bottom: 20%;
    position: relative;
}

.av-youtube__item svg {
    fill: #fe2200;
    width: 75px;
    height: 53px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
}

.av-youtube__item img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.av-youtube__item:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .5);
    z-index: 1;
    transition: background-color .3s;
}

.av-youtube__item:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 25px;
    height: 25px;
    display: inline-block;
    background-color: #fff;
    z-index: 2;
}

.av-youtube__item:hover:before {
    background-color: rgba(0, 0, 0, .2)
}

@media screen and (max-width: 992px) {
    .av-youtube__item {
        width: calc(50% - 30px);
        padding-bottom: 30%;
    }

    .av-youtube {
        margin: 0;
    }
}

@media screen and (max-width: 767px) {
    .av-youtube__item {
        width: 100%;
    }

    .av-youtube__item {
        padding-bottom: 50%;
    }
}

/*правки от 02.07.2020*/


.flex-center {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
}

.customization .regulations {
    display: none;
}

.customization .supp-option {
    margin-bottom: 20px;
}


/* style smtp page */

/*header-menu*/
.menu__content a {
    font-size: 2rem;
}

/*slider-smtp*/

.our-clients__item-mod-height .our-clients__content:hover:before {
    padding-top: 34%;
    top: auto;
}

@media screen and (max-width: 550px) {
    .our-clients__item-mod-height .our-clients__content:hover:before {
        padding-top: 37%;
        height: 100%;
        top: auto;
    }
}

@media screen and (min-width: 550px) and (max-width: 600px) {
    .our-clients__item-mod-height .our-clients__content:hover:before {
        padding-top: 37%;
        height: auto;
        top: auto;
    }
}

@media screen and (min-width: 1600px) and (max-width: 1880px) {
    .our-clients__item-mod-height .our-clients__content:hover:before {
        padding-top: 28%;
        top: auto;
    }
}

@media screen and (min-width: 1880px) {
    .our-clients__item-mod-height .our-clients__content:hover:before {
        padding-top: 20%;
        top: auto;
    }
}

.appslider__slide-position_img > img {
    top: 50%;
    transform: translateY(-50%);
}

/*smtp*/

.block-form-img > svg {
    width: 90%;
    height: 100%;
}

.supp-price-page-smtp {
    background-color: white;
    padding-bottom: 0;
}

.global-wrapper-block-form {
    background-color: #f8f9fc;
    padding: 25px 0 50px 0;
    margin-top: 25px;
}

.global-wrapper-block-form .mbox .parent-wrapper-for-form {
    display: inline-flex;
    width: 100%;
    margin-top: 40px;
}

.global-wrapper-block-form .mbox .parent-wrapper-for-form .block-form-img {
    width: 50%;
}

.global-wrapper-block-form .mbox .parent-wrapper-for-form .buy-form-smtp {
    width: 50%;
}

.parent-wrapper-for-form .buy-form-smtp form {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.parent-wrapper-for-form .buy-form-smtp form .form_group {
    margin: 20px auto;
    width: 100%;
    display: flex;
    justify-content: center;
}

.parent-wrapper-for-form .buy-form-smtp form .form_group input {
    border: none;
    border-bottom: 1px solid #696969;
    color: #1d1d1d;
    background-color: transparent;
    width: 49.5%;
    margin: 0 15px;
    font-weight: 300;
    font: inherit;
}

/*.parent-wrapper-for-form .buy-form-smtp form .form_group a{*/
/*  width: 49.5%;*/
/*  margin: 0 15px;*/
/*}*/

/*.parent-wrapper-for-form .buy-form-smtp form .form_group-linkblock{*/
/*  text-align: center;*/
/*}*/

.buy-form-smtp_descr {
    margin: 10px auto;
}

.parent-wrapper-for-form .buy-form-smtp form button {
    color: white;
    padding: 10px 10px;
    border: 1px solid #ec2028;
    border-radius: 21px;
    background-color: #ec2028;
    text-transform: uppercase;
    font-size: 0.875rem;
    cursor: pointer;
}

.parent-wrapper-for-form .buy-form-smtp form button:hover {
    background-color: #cc1d22;
    border-color: #cc1d22;
}

.parent-wrapper-for-form .buy-form-smtp form .buy-form-smtp_btn {
    width: 200px;
    margin: 5px auto;
}

.smtp_form-captcha {
    margin-bottom: 0;
    border-bottom: none;
    background-color: transparent;
}

.parent-wrapper-for-form .buy-form-smtp form .form_group input[placeholder] {
    text-overflow: ellipsis;
    color: #696969;
}

.parent-wrapper-for-form .buy-form-smtp form .form_group input::-webkit-input-placeholder {
    text-indent: 0px;
    color: #696969;
    transition: text-indent 0.3s ease;
}

.parent-wrapper-for-form .buy-form-smtp form .form_group input::-moz-placeholder {
    text-overflow: ellipsis;
    color: #696969;
    text-indent: 0px;
    transition: text-indent 0.3s ease;
}

.parent-wrapper-for-form .buy-form-smtp form .form_group input:-moz-placeholder {
    text-overflow: ellipsis;
    color: #696969;
    text-indent: 0px;
    transition: text-indent 0.3s ease;
}

.parent-wrapper-for-form .buy-form-smtp form .form_group input:-ms-input-placeholder {
    text-overflow: ellipsis;
    color: #696969;
    text-indent: 0px;
    transition: text-indent 0.3s ease;
}


@media all and (max-width: 428px) {
    .global-wrapper-block-form .mbox .parent-wrapper-for-form {
        display: flex;
        width: 100%;
        flex-direction: column;
    }

    .global-wrapper-block-form .mbox .parent-wrapper-for-form .block-form-img {
        width: 100%;
    }

    .global-wrapper-block-form .mbox .parent-wrapper-for-form .buy-form-smtp {
        width: 100%;
    }

    .parent-wrapper-for-form .buy-form-smtp form .form_group input {
        width: 49.5%;
    }

    .block-form-img > svg {
        width: 100%;
    }
}

@media all and (min-width: 428px) and (max-width: 696px) {
    .global-wrapper-block-form .mbox .parent-wrapper-for-form {
        display: flex;
        width: 100%;
        flex-direction: column;
    }

    .global-wrapper-block-form .mbox .parent-wrapper-for-form .block-form-img {
        width: 100%;
    }

    .global-wrapper-block-form .mbox .parent-wrapper-for-form .buy-form-smtp {
        width: 100%;
    }

    .block-form-img > svg {
        width: 100%;
    }
}

.smtp_number-installations {
    padding-bottom: 0 !important;
    background-color: white;
}

.smtp_number-installations .mbox .title {
    margin-bottom: 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.smtp_number {
    color: #3bbf8d !important;
}

.title_smtp-installations::after {
    content: '';
    width: 10px;
    padding: 0 10px;
    display: inline-flex;
    margin: auto 10px;
    border-top: 4px solid #4b586d;
    height: 15px;
}

@media all and (max-width: 420px) {
    .title_smtp-installations {
        margin-bottom: 0 !important;
    }

    .title_smtp-installations::after {
        height: 15px;
    }

    .smtp_number {
        margin-top: 0 !important;
    }
}

@media all and (min-width: 420px) and (max-width: 600px) {
    .title_smtp-installations::after {
        height: 8px !important;
    }
}

@media all and (max-width: 600px) {
    .title_smtp-installations::after {
        height: 7px;
        border-top: 3px solid #4b586d;
        padding: 0 10px;
    }
}

.js-appslider-smtp {
    max-width: 1178px !important;
    margin-right: auto;
    margin-left: auto;
}

@media all and (max-width: 800px) {
    .js-appslider-smtp {
        margin-right: 10px;
        margin-left: 10px;
    }

    .someblock__text .js-appslider-smtp {
        margin-right: 2px;
        margin-left: 2px;
    }
}

@media all and (min-width: 800px) and (max-width: 1179px) {
    .js-appslider-smtp {
        width: 90% !important;
    }

    .someblock__text .js-appslider-smtp {
        width: auto;
    }
}

.sol-detail__top-list-smtp > li::after {
    font-size: 17px;
    top: 0.5%;
}

@media all and (min-width: 601px) and (max-width: 1000px) {
    .sol-detail__top-list-smtp > li::after {
        font-size: 19px;
        top: 2%;
    }
}

@media all and (min-width: 1000px) {
    .sol-detail__top-list-smtp > li::after {
        font-size: 20px;
        top: 2.5%;
    }
}

.first_block-smtp > .mbox .supp-price__subtitle-text {
    text-align: left;
}

.smtp__toper__btns > a > span {
    white-space: nowrap;
}

@media screen and (max-width: 600px) {
    .smtp__toper__btns {
        justify-content: center;
        flex-direction: column;
        align-items: normal;
        width: 50%;
        margin: auto;
    }

    .smtp-module__toper__btns {
        width: 60%;
    }

    .smtp__toper__btns > a {
        width: 100% !important;
    }
}

.button_smtp--outline span {
    background-color: transparent !important;
    border: 3px solid white !important;
    white-space: nowrap;
}


/*smtp-module*/


.smtp-module_number-installations {
    background-color: #f8f9fc;
}

.smtp-module_capabilities {
    background-color: white;
}

.toper .mbox .button_smtp--outline {
    opacity: 1;
}

.toper .mbox .button_smtp--outline:hover {
    opacity: 0.8;
}

.b24table__table-smtp_module th:first-child, .b24table__table td:first-child {
    text-align: left;
    width: 40%;
}

@media all and (min-width: 320px) and (max-width: 500px) {
    .fancybox-content {
        width: auto;
        height: min-content;
    }
}

.b24-how__tablesWrap > .form-smtp_module-btn {
    width: 90%;
    margin: 0 auto;
    text-align: center;
}

td.table-btn > .form-smtp_module-btn > .form-scroll {
    width: 100% !important;
}

.smtp-table_bg {
    background-color: white;
}

.smtp-video_block {
    background-color: #f8f9fc;
    padding-bottom: 0 !important;
}

.smtp-video_block .mbox .frame_blc {
    overflow: hidden;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
}

.smtp-video_block .mbox .frame_blc iframe {
    position: absolute;
    width: 80%;
    height: 80%;
    left: 10%;
    top: 10%;
}

.smtp-cost_body .supp-price__subtitle-text .cost_st {
    font-weight: 900;
}

.group-linkblock {
    margin-top: 5px;
    font-size: 11px;
    text-align: center;
}

.buy-form-smtp form .callback__row-hiden {
    height: 0;
}

.block_after-sending {
    padding-top: 30px;
    text-align: center;
}

.block_after-sending .thank-you-text {
    color: #3bbf8d;
}

/* кнопка 'до гори' */

.scroll_up-style {
    position: fixed;
    right: 45px;
    bottom: 45px;
    background-color: #3bbf8d;
    width: 56px;
    height: 56px;
    z-index: 99999;
    border-radius: 50%;
    padding: 5px;
    margin: 5px;
    align-items: center;
    text-align: center;
    cursor: pointer;
    opacity: 1;
}

.scroll_up-style:hover {
    opacity: 0.8;
    transition: all 0.1s ease-out;
}

.scroll_up-d_none {
    display: none;
}

.scroll_up-style::after {
    content: '⇑';
    color: white;
    font-size: 33px;
    line-height: 45px;
}

.scroll_up-wrapper {
    border-radius: 50%;
    border: 2px solid rgba(65, 184, 146, 0);
    width: 60px;
    height: 60px;
    position: fixed;
    right: 45px;
    bottom: 45px;
    margin: 3px;
    animation-name: scroll_up-pulse;
    animation-duration: 1.2s;
    animation-timing-function: ease;
    animation-iteration-count: infinite;
    animation-delay: 0.5s;
    z-index: 9999;
}

.scroll_up-wrapper:hover {
    animation-name: none;
}

@keyframes scroll_up-pulse {
    from {
        width: 60px;
        height: 60px;
        border-color: rgba(65, 184, 146, 0.6);
    }

    50% {
        width: 80px;
        height: 80px;
        margin: -7px;
        border-color: rgba(65, 184, 146, 0);
    }

    to {
        display: none;
    }
}

@media all and (max-width: 425px) {
    .scroll_up-style {
        right: 20px;
        bottom: 20px;
        opacity: 0.5;
    }

    .scroll_up-style:hover {
        opacity: 1;
    }

    .scroll_up-wrapper {
        right: 20px;
        bottom: 20px;
    }

}

.coop__over .coop__company_info {
    display: flex;
    flex-direction: column;
    min-height: 80px;
    justify-content: space-evenly;
}

.coop__over .coop__company_info .coop__text {
    text-align: left;
}

/* task to change from h2-h6, b to span START */

.title--underline {
    text-align: center;
}

.title--underline span.h2 {
    display: block;
    font-size: 3.125rem;
    font-family: 'RobotoSlab', sans-serif;
    font-weight: 700;
    color: #4b586d;
    margin: 40px 0;
    letter-spacing: 2px;
}

.features__hover span.h5 {
    display: block;
    font-size: 1.125rem;
    position: relative;
    padding: 6px 0 19px;
    margin-bottom: 24px;
    font-family: 'RobotoSlab', sans-serif;
    font-weight: 700;
}

.features__hover span.h5:before {
    width: 54px;
    height: 3px;
    background-color: #fff;
    content: '';
    display: block;
    position: absolute;
    left: -webkit-calc(50% - 27px);
    left: -moz-calc(50% - 27px);
    left: calc(50% - 27px);
    bottom: 0;
}

.someblock__text .title--underline span.h2 {
    color: #fff;
}

.title--underline h2 {
    display: block;
    font-family: 'RobotoSlab', sans-serif;
    font-weight: 700;
    font-size: 3.125rem;
    margin: 40px 0;
    letter-spacing: 2px;
    /*color: #4b586d;*/
    text-align: center;
}

.blog .title span.h2 {
    display: block;
    font-family: 'RobotoSlab', sans-serif;
    font-weight: 700;
    font-size: 3.125rem;
    margin: 40px 0;
    letter-spacing: 2px;
    color: #4b586d;
    text-align: center;
}

.title span.h2-white {
    display: block;
    font-family: 'RobotoSlab', sans-serif;
    font-weight: 700;
    font-size: 3.125rem;
    margin: 40px 0;
    letter-spacing: 2px;
    color: #fff;
    text-align: center;
}

.callback .title span.h2 {
    display: block;
    font-family: 'RobotoSlab', sans-serif;
    font-weight: 700;
    font-size: 3.125rem;
    margin: 40px 0;
    letter-spacing: 2px;
    color: #fff;
    text-align: center;
}

.caselist__text .title span.h3 {
    display: block;
    font-family: 'RobotoSlab', sans-serif;
    font-weight: 700;
    font-size: 1.5rem;
    color: #4b586d;
    text-align: left;
    margin: 30px 0;
    line-height: 1.2;
}

.benefits span.h3 {
    display: block;
    font-family: 'RobotoSlab', sans-serif;
    font-weight: 700;
    font-size: 1.5rem;
    color: #3c4557;
    margin-bottom: 93px;
    text-align: center;
}

.footer__info-box .title span.h2 {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 3.125rem;
    margin: 40px 0;
    letter-spacing: 2px;
    font-family: 'RobotoSlab', sans-serif;
    font-weight: 700;
}

.blogitem__title span.h4 {
    /*display: block;*/
    overflow: hidden;
    text-overflow: ellipsis;
    display: -moz-box;
    -moz-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    box-orient: vertical;
    font-family: 'RobotoSlab', sans-serif;
    font-weight: 700;
    color: #3c4557;
    font-size: 1.15rem;
    text-decoration: none;
    padding-right: 15px;
    min-height: 41px;
    /*max-height: 45px;*/
    height: 100%;
    transition: .3s all ease;
}

.blogitem__title span.h4:hover {
    color: #3bbf8d;
    transition: .3s all ease;
}

.blogitem__name span.h5 {
    dispalay: block;
    font-size: 1.125rem;
    font-family: 'RobotoSlab', sans-serif;
    font-weight: 700;
    color: #363636;
    text-align: right;
}

.someblock span.h2 {
    display: block;
    font-size: 3.125em;
    font-family: 'RobotoSlab', sans-serif;
    font-weight: 700;
    text-align: center;
    color: #3c4557;
    margin: 40px 0;
    letter-spacing: 2px;
}

.someblock__text-black span.h2 {
    display: block;
    font-size: 1.5em;
    font-family: 'RobotoSlab', sans-serif;
    font-weight: 700;
    text-align: justify;
    color: #3c4557;
    padding-top: 20px;
    line-height: 1.625;
}

.coop__wrap .title .title--left h2 {
    display: block;
    text-align: center;
    color: #4b586d;
    font-size: 3.125rem;
    margin: 40px 0;
    letter-spacing: 2px;
    font-family: 'RobotoSlab', sans-serif;
    font-weight: 700;
}

.coop__wrap .title .title--right h2 {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 3.125rem;
    margin: 40px 0;
    letter-spacing: 2px;
    font-family: 'RobotoSlab', sans-serif;
    font-weight: 700;
}

.blogitem__name span.h5 {
    display: block;
    font-size: 1.125rem;
    text-align: right;
    color: #fff;
    font-family: 'RobotoSlab', sans-serif;
    font-weight: 700;
}

.blogitem__name span.h5-black {
    display: block;
    font-size: 1.125rem;
    text-align: right;
    color: #363636;
    font-family: 'RobotoSlab', sans-serif;
    font-weight: 700;
}

span.strong {
    font-weight: bold;
}

span.strong-white {
    font-weight: bold;
    color: #fff;
}

span.strong-green {
    font-weight: bold;
    color: #3bbf8d;
}

span.h5-table {
    display: block;
    color: #3bbf8d;
    font-size: 1rem;
    margin-bottom: 12px;
    ont-family: 'RobotoSlab', sans-serif;
    font-weight: 700;
    text-align: left;
}

span.h2-article {
    display: block;
    font-size: 1.5rem;
    font-family: 'RobotoSlab', sans-serif;
    font-weight: 700;
    color: #3c4557;
}

span.h3-article {
    display: block;
    font-size: 1.25rem;
    font-family: 'RobotoSlab', sans-serif;
    font-weight: 700;
    color: #3c4557;
}

.testimonial__who span.h5 {
    text-align: center;
    padding-top: 10px;
    font-weight: 600;
    color: #00a07e;
    font-size: 1.125rem;
    letter-spacing: -0.5px;
}


span.h3-soc-network__title {
    display: block;
    font-size: 1.5rem;
    font-family: 'RobotoSlab', sans-serif;
    font-weight: 700;
    color: #3c4557;
    margin-bottom: 14px;
}

.order__form .title span.h2 {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 3.125rem;
    margin-top: 0;
    margin-bottom: 35px;
    letter-spacing: 2px;
    font-family: 'RobotoSlab', sans-serif;
    font-weight: 700;
}

/*.partnership__info span.mobile {*/
/*    display: none;*/
/*}*/


.footer__links a span {
    font-size: 30px;
    font-weight: bold;
}

@media screen and (max-width: 992px) {
    .title--underline span.h2,
    .order__form .title span.h2 {
        font-size: 2.6rem;
        margin: 25px 0;
    }

    .apptitle span.h2,
    .callback .title span.h2,
    .title--underline h2,
    .coop__wrap .title h2,
    .coop__wrap .title h2,
    .someblock span.h2 {
        font-size: 2.6rem;
    }

    .footer .title--left span.h2 {
        font-size: 2.6rem;
        text-align: center;
    }

    .footer__links a span {
        font-size: 28px;
    }
}

.partnership__info-title span.h2 {
    display: none;
}

@media screen and (max-width: 600px) {
    .blogitem__title span.h4 {
        -webkit-line-clamp: inherit;
        line-clamp: inherit;
        min-height: 100%;
    }
    .apptitle span.h2,
    .callback .title span.h2,
    .footer .title--left span.h2,
    .title--underline h2,
    .coop__wrap .title h2, {
        font-size: 2.168rem;
    }

    .title--underline span.h2,
    .someblock span.h2,
    .order__form .title span.h2 {
        font-size: 2.168rem;
        margin: 25px 0;
        letter-spacing: 2px;
    }

    .apptitle__text span.h2 {
        text-align: center;
        font-size: 2.168rem;
    }

    .footer__links a span {
        font-size: 24px;
    }
    .benefits span.h3 {
        font-size: 1.125rem;
        margin-bottom: 45px;
    }
    .partnership__info-title span.h2 {
        display: block;
        margin: 25px 0;
    }
}

@media screen and (max-width: 768px) {
    .benefits span.h3 {
        font-size: 1.25rem;
        margin-bottom: 60px;
    }
}

h2.applist__text-h2 {
    font-size: 1.625rem;
    color: #3c4557;
    line-height: 1.308;
    font-weight: 700;
    width: 266px;
}


@media screen and (max-width: 600px) {
    h2.applist__text-h2 {
        width: 100%;
        text-align: center;
    }
}

/* task to change from h2-h6, b to span END */

/*NEW CHANGES*/
/* якщо юзер авторизований - додаємо цей клас до адмін панелі*/
/*.panel-style {*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    right: 0;*/
/*}*/
/*!* якщо юзер авторизований - додаємо цей клас до header*!*/
/*.header-style {*/
/*    position: absolute;*/
/*    top: 147px;*/
/*}*/
/*!*додаємо цей клас в будь-якому випадку*!*/
/*.main-content--additional {*/
/*    position: static;*/
/*}*/
/*NEW CHANGES*/

@media (max-width: 600px) {
    .land {
        width: auto!important;
    }
}

/*headers popups*/

.header .header__nav-mod{
    position: relative;
}

.header .headers-popup{
    transition: all .5s;
    position: absolute;
    width: 100%;
    background-color: #434F65;
    left: 0;
    top: 101%;
    z-index: -1;
    /*height: 0;*/
    padding: 0 60px;
}

.popup_show{
    display: block !important;
    transition: all 2s ease;
    z-index: 2 !important;
}

.header .headers-popup .headers-popup-title{
    color: #FFFFFF;
    opacity: 0.2;
    font-style: normal;
    font-weight: bold;
    font-size: 64px !important;
    line-height: 60px;
    margin: 40px auto;
    max-width: 1330px;
}

.header .headers-popup .about_us-popup-list{
    color: #FFFFFF;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 30px;
    line-height: 33px;
    max-width: 1330px;
    margin: 80px auto 50px;
}

.header .headers-popup .about_us-popup-list li{
    margin: 10px 40px 10px 15px !important;
    float: left;
    width: 45%;
}

.header .headers-popup .about_us-popup-list li::before{
    background-color: #FFFFFF !important;
    left: -13px !important;
    top: 16px;
}

.header .headers-popup .about_us-popup-list li a{
    color: #ffffff !important;
}

.header .headers-popup .about_us-popup-list li:hover a{
    color: #3bbf8d !important;
}

.header .headers-popup .about_us-popup-list li:hover::before{
    background-color: #3bbf8d !important;
}

.header .headers-popup > *{
    display: none;
}

.header .active_select{
    position: relative;
    color: #fff;
    border-color: #3bbf8d;
    padding-right: 12px;
}
.header .noactive_select{
    position: relative;
    color: #fff;
    padding-right: 12px;
}

.header .active_select::after{
    content: '';
    width: 8px;
    height: 8px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    display: block;
    position: absolute;
    border-top: 2px solid #3bbf8d;
    border-left: 2px solid #3bbf8d;
    -webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
    right: 0;
    top: 50%
}

.header .noactive_select::after{
    content: '';
    width: 8px;
    height: 8px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    display: block;
    position: absolute;
    border-bottom: 2px solid #3bbf8d;
    border-right: 2px solid #3bbf8d;
    -webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
    right: 0;
    /*top: 50%*/
}

@media all and (min-width: 1440px) and (max-width: 1500px ) {
    .header .headers-popup .headers-popup-title{
        max-width: 1180px;
    }

    .header .headers-popup .about_us-popup-list{
        max-width: 1180px;
    }
}

@media all and (min-width: 1500px) and (max-width: 1600px ) {
    .header .headers-popup .headers-popup-title{
        max-width: 1265px;
    }

    .header .headers-popup .about_us-popup-list{
        max-width: 1265px;
    }
}

/*14.04.23* start*/
.widgets_wrapper_col .widgets__item{
    max-width: 276px;
    padding: 3px 15px;
}

.widgets_wrapper_row .widgets__item .fiverr-icon{
    width: initial!important;
    height: initial!important;
}

.widgets__item .upwork-widget{
    border-radius: 10px;
    border: 1px solid #ccc;
}

.widgets__item .techbehemoths-widget{
    border-radius: 10px;
    border: 1px solid #ccc;
}

@media all and (max-width: 767px){
    .widgets__wrap{
        flex-direction: column;
    }
}
/*14.04.23 end*/

@media screen and (min-width: 992px) {
    .slider-wrapper {
        max-width: calc(100vw - 282px);
        width: calc(100vw - 282px);
        position: relative;
    }

    .achievement {
        width: 282px;
        max-width: 282px;
        display: flex;
        flex-direction: column;
        row-gap: 16px;
        align-items: center;
        justify-content: center;
    }

    .achievement_item {
        width: 162px;
        height: 152px;
        border-radius: 21px;
        background-color: #48474C;
        display: flex;
        flex-direction: column;
        row-gap: 48px;
        padding: 16px;
    }
}

.main-banner_Wrapper {
    display: flex;
    background-image: url(/local/templates/avivi2019/css/../images/bgbanner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.achievement_item span {
    font-size: 32px;
    font-weight: 500;
    color: #FFFDFD;
}

.achievement_item p {
    font-size: 13px;
    line-height: 130%;
    color: #FFFDFD;
}

.header__nav-mod {
    padding: 0 54px;
    height: 99px;
    column-gap: 122px;
}

@media screen and (max-width: 1280px) {
    .header__nav-mod {
        column-gap: 80px;
        padding: 0 54px 0 34px;
    }
}

@media screen and (max-width: 1080px) {
    .header__nav-mod {
        column-gap: 50px;
    }
}

.header__btn a span {
    text-transform: inherit;
    font-size: 1rem;
    /*line-height: 130%;*/
    width: 162px;
    letter-spacing: inherit;
    padding: 0;
}

.burger_central-line {
    width: 35px;
}

.header-navigation_wrapper {
    display: flex;
    align-items: center;
    height: 41px;
    width: 100%;
    justify-content: space-between;
}

.header-navigation__contacts {
    display: flex;
    column-gap: 24px;
    align-items: center;
}

@media screen and (max-width: 1280px) {
    .header-navigation__contacts {
        column-gap: 12px;
    }
}

@media screen and (max-width: 1080px) {
    .header-navigation__contacts {
        column-gap: 6px;
    }
}

.header-navigation__contacts .jq-selectbox__select {

}

.header-navigation_wrapper .header__logo svg{
    width: 112px;
    height: 41px;
}

.mainbanner__text .title {
    max-width: 710px;
}

.mainbanner__text .title h1,
.mainbanner__text .title h2,
.mainbanner__text .title h3 {
    text-align: left;
}

.mainbanner-wrapper {
    padding: 0 64px;
}


@media screen and (max-width: 1280px) {
    .mainbanner-wrapper {
        padding: 0 34px;
    }
}

@media screen and (min-width: 992px) {
    .banner-info {
        left: 64px;
        bottom: 108px;
    }
}

@media screen and (min-width: 1240px) {
    .mainslider .slick-dots {
        bottom: 120px;
    }
}

@media screen and (max-width: 1240px) {
    .mainslider .slick-dots {
        bottom: 40px;
        left: 50%;
        transform: translateX(-50%);
        justify-content: center;
    }
}

.banner-info {
    position: absolute;
    z-index: 1;
    display: flex;
    column-gap: 46px;
    align-items: center;
}

.banner-info p {
    color: #FFFDFD;
    width: 178px;
    font-size: 13px;
    line-height: 130%;
    text-transform: uppercase;
    margin: 0;
}

.banner-info__list {
    display: flex;
    column-gap: 16px;
}

.banner-info__list-item {
    width: 152px;
    height: 48px;
    background-color: rgba(255, 253, 253, 0.10);
    border-radius: 21px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.banner-info__list-item:nth-child(1) svg {
    width: 100px;
    height: 32px;
}

.banner-info__list-item:nth-child(2) svg {
    width: 111px;
    height: 27px;
}

.banner-info__list-item:nth-child(3) svg {
    width: 130px;
    height: 28px;
}

@media screen and (max-width: 992px) {
    .header-navigation__nav {
        display: none;
    }

    .mainbanner-wrapper {
        height: 724px;
        padding: 0 16px;
    }

    .mainbanner-wrapper .title.title--white h2 {
        margin: 8px 0 40px;
    }

    .banner-info {
        left: 0;
        width: 100%;
        padding: 0 16px;
        bottom: 62px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .banner-info__list {
        display: flex;
        flex-direction: column;
        row-gap: 10px;
    }

    .banner-info p {
        width: 87px;
    }

    .header-navigation__logo {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

    .header-navigation__contacts {
        width: 100%;
        justify-content: space-between;
    }

    .main-banner_Wrapper {
        flex-direction: column;
    }

    .achievement {
        width: 100%;
        display: flex;
        flex-direction: column;
        row-gap: 8px;
        align-items: center;
        justify-content: center;
        padding: 32px 16px;
    }

    .achievement_item {
        width: 100%;
        border-radius: 21px;
        background-color: #48474C;
        display: flex;
        justify-content: space-between;
        row-gap: 48px;
        padding: 16px 32px;
        align-items: center;
    }

    .achievement_item p {
        margin: 0;
        color: #FFFDFD;
        font-size: 13px;
        font-weight: 400;
        line-height: 130%;
        text-transform: uppercase;
        width: 100px;
    }

    .slick-list.draggable,
    .mainslider.js-mainslider {
        height: 100%;
    }


    .slider-wrapper {
        width: 100%;
        max-width: 100%;
        height: 724px;
        position: relative;
    }

    .mainbanner:before {
        height: 724px;
    }

    .mainbanner__text {
        padding-top: 120px;
        justify-content: flex-start;
        height: 724px;
    }

    .header__nav-mod {
        padding: 0 16px;
    }

    .mainslider .slick-dots {
        bottom: 16px;
    }
}

.mainbanner-subtitle h3{
    color: #FFFDFD;
    font-style: normal;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 2.75px;
}

/* End */


/* Start:/local/templates/avivi2019/css/back.css?158797777439*/
.digital-person{
    display: none;
}
/* End */


/* Start:/local/templates/avivi2019/template_styles.min.css?1639583762568*/
.team__box .mate__name{white-space:nowrap}.site-card-list{list-style-type:none;padding:0 40px 50px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.site-card-list li{width:50%}.site-card-list li:not(:last-child){margin-bottom:15px}.site-card-list li a{display:block;padding:0 20px;position:relative;text-decoration:none;color:#4b586d;font-family:RobotoSlabBold,Arial,sans-serif}.site-card-list li a:hover{color:#d5213b}.sitemap_title{margin-top:50px;margin-left:700px}
/* End */
/* /local/components/avivi_new/main.payform/templates/payform/style.css?158763025527 */
/* /local/components/avivi_new/main.payform/templates/payform_harvest/style.css?158763028727 */
/* /local/templates/avivi2019/css/slick-theme.css?15918700833343 */
/* /local/templates/avivi2019/css/jquery.fancybox.min.css?158685673117734 */
/* /local/templates/avivi2019/css/formstyler.css?158685673119374 */
/* /local/templates/avivi2019/css/normalize.css?15868567318608 */
/* /local/templates/avivi2019/css/slick.css?16499211511649 */
/* /local/templates/avivi2019/css/main.css?1706607795262831 */
/* /local/templates/avivi2019/css/back.css?158797777439 */
/* /local/templates/avivi2019/template_styles.min.css?1639583762568 */