a,
article,
body,
div,
fieldset,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
html,
i,
img,
input,
li,
nav,
ol,
p,
section,
span,
textarea,
u,
ul {
  margin: 0;
  padding: 0;
}
.svg {
  display: none;
}
svg,
use {
  display: block;
}
a {
  color: #2381c0;
  outline: none;
  cursor: pointer;
}
fieldset,
img {
  border: none;
}
b,
i,
strong {
  font-family: "Roboto Medium", Arial, Tahoma, Verdana;
  font-weight: 400;
}
i {
  font-family: "Roboto Italic", Arial, Tahoma, Verdana;
  font-style: normal;
}
input[type="email"],
input[type="email"]:active,
input[type="email"]:focus,
input[type="submit"],
input[type="submit"]:active,
input[type="submit"]:focus,
input[type="tel"],
input[type="tel"]:focus,
input[type="text"],
input[type="text"]:active,
input[type="text"]:focus,
textarea {
  -webkit-appearance: none;
  border-radius: 0;
}
blockquote {
  padding: 10px 20px;
  margin-left: 0;
  border-left: 5px solid #eee;
}
.xb-full-width {
  font-size: 16px;
  line-height: 24px;
}
.xb-full-clear,
.xb-full-width {
  position: relative;
  overflow: hidden;
}
.xb-block,
.xb-container {
  position: relative;
  width: 1170px;
}
.xb-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 auto;
}
.xb-block {
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box;
}
.xb-row {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}
.blocks-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.blocks-v-center {
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.xb-flex-container {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.compact-cols {
  margin-left: -10px;
  margin-right: -10px;
}
.compact-cols > .xb-col-1,
.compact-cols > .xb-col-10,
.compact-cols > .xb-col-11,
.compact-cols > .xb-col-12,
.compact-cols > .xb-col-2,
.compact-cols > .xb-col-20p,
.compact-cols > .xb-col-3,
.compact-cols > .xb-col-4,
.compact-cols > .xb-col-5,
.compact-cols > .xb-col-6,
.compact-cols > .xb-col-7,
.compact-cols > .xb-col-8,
.compact-cols > .xb-col-9 {
  padding-left: 10px;
  padding-right: 10px;
}
.xb-col-1,
.xb-col-10,
.xb-col-11,
.xb-col-12,
.xb-col-2,
.xb-col-20p,
.xb-col-3,
.xb-col-4,
.xb-col-5,
.xb-col-6,
.xb-col-7,
.xb-col-8,
.xb-col-9 {
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box;
  z-index: 1;
}
.xb-col-v-centered,
.xb-repeat-pict img {
  margin: auto;
}
.xb-col-1 {
  width: 8.333333333333332%;
}
.xb-col-2 {
  width: 16.666666666666664%;
}
.xb-col-20p {
  width: 20%;
}
.xb-col-3 {
  width: 25%;
}
.xb-col-4 {
  width: 33.33333333333333%;
}
.xb-col-5 {
  width: 41.66666666666667%;
}
.xb-col-6,
.xb-col-6-0 {
  width: 50%;
}
.xb-col-7 {
  width: 58.333333333333336%;
}
.xb-col-8 {
  width: 66.66666666666666%;
}
.xb-col-9 {
  width: 75%;
}
.xb-col-10 {
  width: 83.33333333333334%;
}
.xb-col-11 {
  width: 91.66666666666666%;
}
.xb-col-12 {
  width: 100%;
}
.xb-flex-justify-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.xb-repeater-container:nth-child(2n) .xb-container > div:first-child {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}
.xb-repeater-container .xb-container > div {
  margin: auto 0;
}
.xb-repeat-pict {
  display: -ms-flexbox;
  -ms-flex-direction: row;
  -ms-flex-align: center;
  align-items: center;
}
.xb-flex-row-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.xb-flex-row-2 > div {
  width: 50%;
  box-sizing: border-box;
}
.xb-flex-row-2 > div:first-child {
  padding-right: 1.5rem;
}
.xb-flex-row-2 > div:last-child {
  padding-left: 1.5rem;
}
.xb-grid-stairs .xb-flex-container:nth-child(2n-1) {
  text-align: right;
}
.xb-grid-stairs .xb-flex-container:nth-child(2n) .xb-container {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
@media (max-width: 770px) {
  .xm-order-1 {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .xm-order-2 {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
}
html {
  font-size: 10px;
}
body {
  font: 16px/1.5 "Roboto", Arial, Tahoma, Verdana;
  color: #5b5b5b;
  background-color: #fff;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
  transition: opacity 0.3s ease-in-out;
  opacity: 1;
}
.hidden-body {
  opacity: 0;
}
.xb-global-container,
body,
html {
  position: relative;
  height: 100%;
}
.company-progress-block__title.inside br,
.scheme-elem,
.slick-slide.slick-loading img,
.xb-global-container.menu-opened {
  display: none;
}
.xb-global-content {
  position: relative;
  z-index: 10;
}
.bold-italic {
  font-family: "Roboto Italic", Arial, Tahoma, Verdana;
  font-weight: 600;
}
.sub-caption {
  position: relative;
  color: #000;
  font-weight: 400;
  font-size: 3.2rem;
  font-family: "Roboto Slab", Arial, Tahoma, Verdana;
  line-height: 3.8rem;
  text-align: center;
  padding: 4.9rem 0 3.4rem;
  z-index: 100;
}
.white-caption {
  color: #fff;
}
.black-caption {
  color: #000;
}
.black-color {
  color: #292929;
}
.sub-caption-part-container.white-caption,
.subcaption-part-container.white-caption,
.white-color {
  color: #fff;
}
.page-anchor {
  position: relative;
  top: -100px;
}
.case-form-anchor {
  position: relative;
  top: -180px;
}
.sub-caption-part-container {
  color: #000;
  font-weight: 400;
  font-size: 3.2rem;
  font-family: "Roboto Slab", Arial, Tahoma, Verdana;
  line-height: 3.6rem;
  padding-bottom: 3rem;
}
.center {
  text-align: center;
}
.right-align {
  text-align: right;
}
@media (min-width: 771px) {
  .desktop-right-align {
    text-align: right;
  }
}
@media (max-width: 770px) {
  .xm-center {
    text-align: center;
  }
}
.clear-container {
  position: relative;
  overflow: hidden;
}
.subcaption-part-container {
  position: relative;
  color: #000;
  font-size: 2.6rem;
  font-weight: 400;
  font-family: "Roboto Slab Bold", Arial, Tahoma, Verdana;
  line-height: 3.9rem;
  padding-bottom: 2rem;
  transition: all 0.2s ease-in-out;
  z-index: 10;
}
.sub-title {
  font-weight: 400;
  font-size: 2.6rem;
  font-family: "Roboto Slab", Arial, Tahoma, Verdana;
  line-height: 1.2;
}
.sub-title.blue {
  color: #778fcd;
}
.sub-title-24 {
  font-size: 2.4rem;
}
.slab-bold-18,
.slab-bold-20 {
  font-weight: 400;
  font-size: 1.8rem;
  font-family: "Roboto Slab Bold", Arial, Tahoma, Verdana;
  line-height: 1.2;
}
.slab-bold-20 {
  font-size: 2rem;
}
.xb-content {
  font-size: 16px;
  line-height: 1.5;
}
.xb-content p,
.xb-post-content ol,
.xb-post-content ul,
.xb-testing-content ol,
.xb-testing-content ul {
  margin-top: 1.6rem;
}
.xb-content p:first-child {
  margin-top: 0;
}
.xb-list li {
  padding: 0.85rem 0 0.85rem 2.3rem;
  font-size: 1.6rem;
  line-height: 2.2rem;
  list-style: none;
  background: url(../images/marker-gray.svg) left 1.6rem no-repeat;
  box-sizing: border-box;
}
.img-responsive {
  max-width: 100%;
  height: auto;
}
@media (max-width: 480px) {
  .m-picture {
    max-width: 200px;
    width: 100%;
  }
}
.more {
  position: relative;
  z-index: 100;
}
.centered {
  display: block;
  margin: 0 auto;
}
.container-center {
  font-size: 0;
}
.container-center:before {
  content: "";
  height: 100%;
}
.container-center:before,
.elem-center {
  display: inline-block;
  vertical-align: middle;
}
.relative {
  position: relative;
}
.bottom-5 {
  padding-bottom: 0.5rem;
}
.bottom-10 {
  padding-bottom: 1rem;
}
.bottom-15 {
  padding-bottom: 1.5rem;
}
.bottom-20 {
  padding-bottom: 2rem;
}
.bottom-25 {
  padding-bottom: 2.5rem;
}
.bottom-30 {
  padding-bottom: 3rem;
}
.bottom-35 {
  padding-bottom: 3.5rem;
}
.bottom-40 {
  padding-bottom: 4rem;
}
.bottom-45 {
  padding-bottom: 4.5rem;
}
.bottom-50 {
  padding-bottom: 5rem;
}
.bottom-55 {
  padding-bottom: 5.5rem;
}
.bottom-60 {
  padding-bottom: 6rem;
}
.bottom-65 {
  padding-bottom: 6.5rem;
}
.bottom-70 {
  padding-bottom: 7rem;
}
.bottom-75 {
  padding-bottom: 7.5rem;
}
.bottom-80 {
  padding-bottom: 8rem;
}
.bottom-85 {
  padding-bottom: 8.5rem;
}
.bottom-100 {
  padding-bottom: 10rem;
}
.p-top-65 {
  padding-top: 6.5rem;
}
.p-top-70 {
  padding-top: 7rem;
}
.p-top-80 {
  padding-top: 8rem;
}
.m-bottom-60 {
  margin-bottom: 6rem;
}
.m-bottom-25 {
  margin-bottom: 2.5rem;
}
.left-15 {
  left: -1.5rem;
}
.top-5 {
  margin-top: 0.5rem;
}
.top-10 {
  margin-top: 1rem;
}
.top-15 {
  margin-top: 1.5rem;
}
.top-20 {
  margin-top: 2rem;
}
.top-25 {
  margin-top: 2.5rem;
}
.top-30 {
  margin-top: 3rem;
}
.top-35 {
  margin-top: 3.5rem;
}
.top-40 {
  margin-top: 4rem;
}
.top-45 {
  margin-top: 4.5rem;
}
.top-50 {
  margin-top: 5rem;
}
.top-60 {
  margin-top: 6rem;
}
.top-70 {
  margin-top: 7rem;
}
.top-95 {
  margin-top: 9.5rem;
}
.color-gray-text {
  color: #7a7a7a;
}
.site-color {
  color: #5c5c5c;
}
.pink-text {
  color: #e4264f;
}
.top-bottom-10 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.top-bottom-15 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.top-bottom-20 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.top-bottom-25 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.top-bottom-30 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.top-bottom-40 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.top-bottom-50 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.top-bottom-60 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}
.top-bottom-80 {
  padding-top: 8rem;
  padding-bottom: 8rem;
}
.top-bottom-100 {
  padding-top: 10rem;
  padding-bottom: 10rem;
}
.to-top-displaced {
  margin-top: -3rem;
}
.flex-space-between,
.xb-flex-v-centered {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.xb-flex-v-centered {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  padding: 0 10rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.flex-space-between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.top-part-page {
  position: relative;
  background: url(../images/bg-service-description.png) center center no-repeat
    #f2f2f2;
  background-size: cover;
}
.line-shadow {
  box-shadow: 0 1px 5px 0 rgba(76, 139, 181, 0.15);
  z-index: 100;
}
.line-border {
  border-bottom: 1px solid #e6e6e6;
}
.hidden {
  overflow: hidden;
}
.list-with-border {
  position: relative;
  text-align: center;
  padding: 9rem 0 12.5rem;
}
.list-with-border .service-caption {
  display: inline-block;
  padding: 0 1.5rem;
  max-width: 85%;
}
.list-with-border .xb-list {
  margin: -2.4rem auto 0;
  padding: 4.5rem 6.2rem;
  text-align: left;
}
.xb-page-title {
  font-weight: 400;
  font-size: 2.6rem;
  font-family: "Roboto Slab", Arial, Tahoma, Verdana;
  line-height: 4rem;
  text-align: center;
}
.high-persp {
  z-index: 100;
}
.light-gray-bg {
  background: #f2f2f2;
}
.dark-gray-bg {
  background: #f5f5f5;
}
.reviews-clutch-logo {
  position: absolute;
  right: -110px;
  top: -90px;
}
.clutch-iframe {
  padding-left: 20px;
}
@media screen and (max-width: 960px) {
  .clutch-iframe {
    padding-left: 0;
  }
}
.clutch-logo-indent {
  padding-right: 70px;
}
.clutch-logo-img {
  max-width: 200px;
  height: auto;
}
.menu-item {
  list-style: none;
  text-align: left;
}
.lazy-load {
  opacity: 0;
  transition: opacity 0.15s ease-in-out;
}
.loaded .lazy-load {
  opacity: 1;
}
.img-container,
.img-wrap {
  line-height: 0;
}
.img-wrap {
  display: block;
}
.img-container {
  display: inline-block;
}
.dot-list__row {
  position: relative;
  padding-left: 22px;
  list-style: none;
  line-height: 1.3;
  margin-top: 10px;
}
.dot-list__row:first-child {
  margin-top: 0;
}
.dot-list__row:before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: 8px;
  height: 8px;
  border-radius: 5px;
  background: #7e97d8;
}
.chess-content-line.reverse:nth-child(2n + 1) .chess-content__col-text,
.chess-content-line:nth-child(2n) .chess-content__col-text {
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}
.chess-content-line.reverse:nth-child(2n + 1) .chess-content__col-picture,
.chess-content-line:nth-child(2n) .chess-content__col-picture {
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
}
.chess-content-line:nth-child(2n) .chess-content__col-picture--pressed {
  text-align: left;
}
.chess-content.vertical-middle {
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.chess-content.vertical-top {
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.chess-content__col-picture {
  text-align: center;
}
.chess-content__col-picture--pressed {
  text-align: right;
}
.benefits-list-title {
  font: 18px "Roboto Bold", Arial, Tahoma, Verdana;
}
@media screen and (max-width: 960px) {
  .benefits-list-title {
    font-size: 16px;
  }
}
.benefits-list__row {
  position: relative;
  padding-left: 37px;
  margin-top: 16px;
}
.benefits-list__row:first-child,
.description-list__row:first-child,
.page-main-description-content p:first-child,
.xb-post-content li:first-child {
  margin-top: 0;
}
.benefits-list__row:before {
  content: "";
  width: 4px;
  height: 4px;
  border: 2px solid #5d74af;
  border-radius: 5px;
  position: absolute;
  left: 0;
  top: 10px;
}
.description-list {
  font-size: 18px;
  line-height: 1.4;
}
.description-list__row {
  position: relative;
  padding-left: 35px;
  margin-top: 20px;
}
.description-list__icon {
  position: absolute;
  left: 0;
  top: 1px;
}
.description-list__icon-path,
.description-list__icon-svg {
  width: 24px;
  height: 24px;
}
.description-list__icon-path.webix {
  fill: #62568c;
}
.description-list__icon-path.blue {
  fill: #7e97d8;
}
.disable-hover,
.slick-slide.dragging img {
  pointer-events: none;
}
.case-form-container .material-form {
  top: 0;
}
.case-form-container {
  height: 0;
  overflow: hidden;
  will-change: height;
  transition: height 0.4s ease;
}
.case-form-container__inside {
  padding-top: 3rem;
  padding-bottom: 6rem;
  opacity: 0;
  transition: opacity 0.4s ease;
}
.case-form-container.active .case-form-container__inside {
  opacity: 1;
}
.video-block {
  position: relative;
  padding-top: 56.25%;
}
.video-block-43 {
  position: relative;
  max-width: 600px;
  margin: 0 auto;
}
.video-block-43:before {
  content: "";
  display: block;
  padding-top: 75%;
}
.video-elem {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 960px) {
  .chess-content-line .chess-content__col-text {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .chess-content-line .chess-content__col-picture {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    margin-bottom: 30px;
  }
  .chess-content-line:nth-child(2n) .chess-content__col-picture--pressed {
    text-align: center;
  }
  .chess-content-line .chess-content__col-picture--pressed {
    text-align: center;
  }
  .description-list {
    font-size: 16px;
  }
}
@media screen and (max-width: 770px) {
  .benefits-list__row {
    padding-left: 25px;
  }
}
@media screen and (max-width: 600px) {
  .description-list {
    font-size: 14px;
  }
  .description-list__row {
    padding-left: 30px;
  }
  .description-list__icon-path,
  .description-list__icon-svg {
    width: 18px;
    height: 18px;
  }
  .benefits-list__row {
    margin-top: 10px;
  }
}
@media screen and (max-width: 360px) {
  .slab-bold-18,
  .slab-bold-20 {
    font-size: 2rem;
  }
}
@media (max-width: 770px) {
  .xm-top-5 {
    padding-top: 5px;
  }
  .xm-bottom-5,
  .xm-top-bottom-5 {
    padding-bottom: 5px;
  }
  .xm-top-bottom-5 {
    padding-top: 5px;
  }
  .xm-top-10 {
    padding-top: 10px;
  }
  .xm-bottom-10,
  .xm-top-bottom-10 {
    padding-bottom: 10px;
  }
  .xm-top-bottom-10 {
    padding-top: 10px;
  }
  .xm-top-15 {
    padding-top: 15px;
  }
  .xm-bottom-15,
  .xm-top-bottom-15 {
    padding-bottom: 15px;
  }
  .xm-top-bottom-15 {
    padding-top: 15px;
  }
  .xm-top-20 {
    padding-top: 20px;
  }
  .xm-bottom-20,
  .xm-top-bottom-20 {
    padding-bottom: 20px;
  }
  .xm-top-bottom-20 {
    padding-top: 20px;
  }
  .xm-top-25 {
    padding-top: 25px;
  }
  .xm-bottom-25,
  .xm-top-bottom-25 {
    padding-bottom: 25px;
  }
  .xm-top-bottom-25 {
    padding-top: 25px;
  }
  .xm-top-30 {
    padding-top: 30px;
  }
  .xm-bottom-30,
  .xm-top-bottom-30 {
    padding-bottom: 30px;
  }
  .xm-top-bottom-30 {
    padding-top: 30px;
  }
  .xm-top-35 {
    padding-top: 35px;
  }
  .xm-bottom-35,
  .xm-top-bottom-35 {
    padding-bottom: 35px;
  }
  .xm-top-bottom-35 {
    padding-top: 35px;
  }
  .xm-top-40 {
    padding-top: 40px;
  }
  .xm-bottom-40,
  .xm-top-bottom-40 {
    padding-bottom: 40px;
  }
  .xm-top-bottom-40 {
    padding-top: 40px;
  }
}
.p-top-5 {
  padding-top: 0.5rem;
}
.p-bottom-5 {
  padding-bottom: 0.5rem;
}
.p-top-10 {
  padding-top: 1rem;
}
.p-bottom-10 {
  padding-bottom: 1rem;
}
.p-top-15 {
  padding-top: 1.5rem;
}
.p-bottom-15 {
  padding-bottom: 1.5rem;
}
.p-top-20 {
  padding-top: 2rem;
}
.p-bottom-20 {
  padding-bottom: 2rem;
}
.p-top-25 {
  padding-top: 2.5rem;
}
.p-bottom-25 {
  padding-bottom: 2.5rem;
}
.p-top-30 {
  padding-top: 3rem;
}
.p-bottom-30 {
  padding-bottom: 3rem;
}
.p-top-35 {
  padding-top: 3.5rem;
}
.p-bottom-35 {
  padding-bottom: 3.5rem;
}
.p-top-40 {
  padding-top: 4rem;
}
.p-bottom-40 {
  padding-bottom: 4rem;
}
.p-top-45 {
  padding-top: 4.5rem;
}
.p-bottom-45 {
  padding-bottom: 4.5rem;
}
.p-top-50 {
  padding-top: 5rem;
}
.p-bottom-50 {
  padding-bottom: 5rem;
}
.p-top-55 {
  padding-top: 5.5rem;
}
.p-bottom-55 {
  padding-bottom: 5.5rem;
}
.p-top-60 {
  padding-top: 6rem;
}
.p-bottom-60 {
  padding-bottom: 6rem;
}
.header {
  position: relative;
  text-align: right;
  min-height: 134px;
  z-index: 1000;
}
.header li {
  list-style: none;
}
.header-bg-before-load {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.4s ease-in-out;
  z-index: -1;
  opacity: 1;
}
.header-bg-before-load.hidden {
  opacity: 0;
}
.present-header {
  height: 88%;
  min-height: 575px;
  padding: 0 15px;
  background-color: #5e626b;
}
.header-entry {
  position: relative;
  z-index: 10;
  color: #fff;
  text-align: center;
  display: table;
  width: 100%;
  height: 100%;
}
.process-list li span,
.v-centered-content {
  display: table-cell;
  vertical-align: middle;
}
.header-entry .header-caption {
  font-size: 48px;
  font-family: "Roboto Slab", Arial, Tahoma, Verdana;
  font-weight: 400;
  line-height: 58px;
}
.header-entry .header-subcaption {
  font-size: 32px;
  font-weight: 400;
  line-height: 32px;
  margin-top: 40px;
}
.header-entry p {
  font-size: 18px;
  line-height: 28px;
  margin-top: 20px;
}
.to-down {
  position: absolute;
  left: 50%;
  margin-left: -70px;
  bottom: 0;
  display: block;
  height: 135px;
  width: 140px;
  cursor: pointer;
  z-index: 10;
  backface-visibility: hidden;
}

.to-down:hover .to-down-arrow {
  transform: translateY(2px);
}
.to-down-arrow {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/scroll-down-arrow.svg) 50% 50% no-repeat;
  transition: transform 0.3s ease;
}
@media (max-width: 720px) {
  .header-caption br {
    display: none;
  }
  .header-entry .header-subcaption {
    font-size: 2.6rem;
  }
  .header-entry p {
    font-size: 14px;
    line-height: 24px;
  }
}
@media screen and (min-width: 1025px) {
  .top-header {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 134px;
    background: rgba(0, 0, 0, 0.73);
    z-index: 100;
  }
  .landing-header {
    position: relative;
    height: auto;
    padding: 20px 0;
    z-index: 100;
  }
  .landing-header .xb-logo {
    position: relative;
    left: 0;
    top: 0;
    margin-top: 0;
  }
  .xb-logo {
    display: block;
    line-height: 0;
    position: absolute;
    left: 15px;
    top: 50%;
    margin-top: -23px;
    z-index: 10;
  }
  .xb-logo__svg,
  .xb-logo__use {
    width: 155px;
    height: 50px;
  }
  .xb-logo__use {
    fill: #fff;
  }
  .header-nav-panel {
    position: relative;
    padding-right: 190px;
    z-index: 5;
    font-size: 0;
  }
  .loc-link {
    display: inline-block;
    text-decoration: none;
    color: #fff;
    font-size: 13px;
    line-height: 18px;
    padding: 13px 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100;
  }
  .loc-icon,
  .loc-label {
    display: inline-block;
    vertical-align: middle;
  }
  .loc-svg,
  .loc-use {
    width: 12px;
    height: 12px;
  }
  .loc-use {
    fill: #fff;
  }
  .loc-label {
    margin-left: 3px;
    text-decoration: underline;
  }
  .contacts-link {
    display: inline-block;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 14px;
    line-height: 21px;
    color: #fff;
    padding: 6px 15px 7px;
    margin-top: -17px;
    z-index: 20;
    border: 1px solid rgba(255, 255, 255, 0.5);
    background: 0 0;
    position: absolute;
    top: 50%;
    right: 0;
  }
  .contacts-link:hover {
    color: #292929;
    border-color: #fff;
    background: #fff;
  }
  .header .sub-menu,
  .menu-disabled .hmenu-li.hover > .sub-menu {
    opacity: 0;
    visibility: hidden;
  }
  .menu-disabled .hmenu-li.hover {
    background: 0 0;
  }
  .menu-disabled .hmenu-li.hover > .menu-link {
    color: #e4264f;
  }
  .hmenu-li {
    transition: background 0.2s ease-in-out;
  }
  .menu-link {
    transition: color 0.2s ease-in-out;
  }
  .sub-menu {
    transition: all 0.2s ease-in-out;
  }
  .close-menu,
  .menu-icon,
  .mobile-menu-soc,
  .mobile-menu-title {
    display: none;
  }
  .hmenu-li {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding: 50px 5px;
  }
  .hmenu-li.hover {
    background: #fefefe;
  }
  .hmenu-li.hover > .sub-menu {
    opacity: 1;
    visibility: visible;
  }
  .hmenu-li.hover > .menu-link {
    color: #e4264f;
  }
  .hmenu-li .menu-link {
    display: block;
    font-size: 16px;
    line-height: 1.5;
    text-decoration: none;
  }
  .hmenu-li > .menu-link {
    color: #fff;
    padding: 5px 10px;
  }
  .hmenu-li:first-child .sub-menu {
    padding: 45px 0 70px;
  }
  .hmenu-li .sub-menu {
    position: absolute;
    width: 306px;
    padding: 45px 0;
    box-sizing: border-box;
  }
  .hmenu-li .sub-menu .menu-item {
    padding: 5px 0;
  }
  .hmenu-li .sub-menu .menu-item:hover > .menu-link {
    color: #087cc8;
  }
  .hmenu-li .sub-menu .menu-link {
    color: #252525;
  }
  .hmenu-li .sub-menu .faq-menu > .menu-link,
  .hmenu-li .sub-menu .free-consultation-menu > .menu-link {
    font-family: "Roboto Italic", Arial, Tahoma, Verdana;
    margin-top: 10px;
    margin-bottom: -30px;
  }
  .hmenu-li > .sub-menu {
    left: 0;
    top: 100%;
    background: rgba(255, 255, 255, 0.97);
  }
  .hmenu-li .menu-item .menu-link {
    padding: 0 20px;
  }
  .hmenu-li .menu-item-has-children > .menu-link {
    position: relative;
  }
  .hmenu-li .menu-item-has-children > .menu-link:after,
  .hmenu-li .menu-item-has-children > .menu-link:before {
    content: "";
    display: block;
    width: 8px;
    height: 2px;
    border-radius: 4px;
    background: #a4a4a4;
    position: absolute;
    top: 50%;
    margin-top: -1px;
    transform-origin: right center;
    transition: background 0.15s ease-in-out;
  }
  .hmenu-li .menu-item-has-children > .menu-link:after {
    right: 20px;
  }
  .hmenu-li .menu-item-has-children > .menu-link:before {
    transform: rotate(-45deg) translateY(-1px);
    right: 19px;
  }
  .hmenu-li .menu-item-has-children > .menu-link:after {
    transform: rotate(45deg);
  }
  .hmenu-li .menu-item-has-children:hover > .menu-link:after,
  .hmenu-li .menu-item-has-children:hover > .menu-link:before {
    background: #087cc8;
  }
  .hmenu-li .menu-item-has-children:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
  }
  .hmenu-li .menu-item-has-children .sub-menu {
    left: 100%;
    top: 0;
    width: 330px;
    min-height: 100%;
    background: rgba(239, 239, 239, 0.97);
  }
  .standard-top-header .hmenu-li > .sub-menu {
    border-left: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
  }
  .standard-top-header .hmenu-li .menu-item-has-children .sub-menu {
    border-left: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
  }
  .present-header .top-header {
    height: auto;
    background: 0 0;
  }
  .present-header .menu-disabled .hmenu-li.hover {
    background: 0 0;
  }
  .fixed-nav,
  .present-header .hmenu-li.hover {
    background: rgba(255, 255, 255, 0.97);
  }
  .fixed-nav {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    border-bottom: 1px solid #e6e6e6;
    transform: translateZ(0);
    z-index: 1000;
  }
  .fixed-nav .xb-logo__use {
    fill: #e4264f;
  }
  .fixed-nav .loc-link {
    display: none;
  }
  .fixed-nav .contacts-link {
    color: #fff;
    border: 1px solid #e4264f;
    background: #e4264f;
  }
  .fixed-nav .contacts-link:hover {
    background: #d9234a;
  }
  .fixed-nav .hmenu-li,
  .fixed-nav .menu-disabled .hmenu-li.hover {
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
  }
  .fixed-nav .hmenu-li {
    padding: 20px 10px;
  }
  .fixed-nav .hmenu-li.hover {
    border-left: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    background: 0 0;
  }
  .fixed-nav .hmenu-li.hover > .menu-link {
    color: #e4264f;
  }
  .fixed-nav .hmenu-li > .menu-link {
    color: #525252;
    padding: 2px 5px;
  }
  .fixed-nav .hmenu-li > .sub-menu {
    left: -1px;
    border: 1px solid #e4e4e4;
  }
  .fixed-nav .hmenu-li .menu-item-has-children .sub-menu {
    border-left: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
  }
}
@media screen and (min-width: 1180px) {
  .hmenu-li {
    padding: 50px 10px;
  }
  .fixed-nav .hmenu-li {
    padding: 20px 15px;
  }
}
@media screen and (min-width: 0) and (max-width: 1024px) {
  .top-header {
    position: relative;
    background: rgba(0, 0, 0, 0.73);
    z-index: 100;
  }
  .landing-header,
  .top-header {
    padding: 15px 0;
  }
  .present-header .top-header {
    margin: 0 -15px;
    background: 0 0;
  }
  .xb-logo {
    display: inline-block;
    line-height: 0;
  }
  .xb-logo__svg,
  .xb-logo__use {
    width: 155px;
    height: 50px;
  }
  .xb-logo__use {
    fill: #fff;
  }
  .loc-link {
    display: inline-block;
    text-decoration: none;
    color: #838383;
    font-size: 12px;
    line-height: 18px;
    padding: 13px 0;
    position: absolute;
    left: 50%;
    top: 12px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    z-index: 100;
  }
  .loc-icon,
  .loc-label {
    display: inline-block;
    vertical-align: middle;
  }
  .loc-svg,
  .loc-use {
    width: 12px;
    height: 12px;
  }
  .loc-use {
    fill: #fff;
  }
  .loc-label {
    margin-left: 3px;
    text-decoration: underline;
  }
  .menu-icon {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -20px;
    cursor: pointer;
  }
  .menu-icon__row {
    display: block;
    width: 30px;
    height: 3px;
    margin: 7px auto 0;
    border-radius: 4px;
    background: #fff;
  }
  .menu-icon__row:first-child {
    margin-top: 8px;
  }
  .menu-icon:active .menu-icon__row:first-child {
    transform: translateY(-1px);
    -webkit-transform: translateY(-1px);
  }
  .menu-icon:active .menu-icon__row:last-child {
    transform: translateY(1px);
    -webkit-transform: translateY(1px);
  }
  .close-menu,
  .close-menu__row {
    display: block;
    position: absolute;
  }
  .close-menu {
    right: 5px;
    top: 18px;
    width: 40px;
    height: 40px;
  }
  .close-menu__row {
    width: 26px;
    height: 3px;
    left: 50%;
    top: 50%;
    margin: -2px 0 0 -13px;
    border-radius: 4px;
    background: #fff;
    transform-origin: center center;
    -webkit-transform-origin: center center;
  }
  .close-menu__row:first-child {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
  }
  .close-menu__row:last-child {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  .close-menu:active {
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
  }
  .header-nav-panel.visible,
  .hmenu-li.active > .sub-menu,
  .mobile-menu-title {
    display: block;
  }
  .m-menu-opened {
    overflow: hidden;
  }
  .header-nav-panel {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 20px 15px;
    overflow: auto;
    box-sizing: border-box;
    background: #292929;
    z-index: 1000;
    opacity: 0;
    transform: scale(0.9) translateY(30px) translateZ(0);
    transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
    display: none;
  }
  .header-nav-panel.active {
    opacity: 1;
    transform: scale(1) translateY(0) translateZ(0);
  }
  .contacts-link {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    line-height: 21px;
    text-decoration: none;
    text-transform: uppercase;
    padding: 6px 15px 7px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    background: 0 0;
    transition: color 0.05s ease-in-out, background 0.05s ease-in-out,
      border 0.05s ease-in-out;
  }
  .contacts-link:active {
    color: #292929;
    border-color: #fff;
    background: #fff;
  }
  .site-nav {
    padding: 25px 0 15px;
  }
  .hmenu-li {
    padding: 8px 0;
  }
  .hmenu-li .menu-link {
    text-decoration: none;
  }
  .hmenu-li > .menu-link {
    position: relative;
    display: block;
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    padding: 8px 0;
  }
  .hmenu-li.menu-item-has-children > .menu-link:after,
  .hmenu-li.menu-item-has-children > .menu-link:before {
    content: "";
    display: block;
    width: 9px;
    height: 2px;
    border-radius: 4px;
    background: #fff;
    position: absolute;
    top: 50%;
    margin-top: -4px;
  }
  .hmenu-li.menu-item-has-children > .menu-link:after {
    right: 5px;
  }
  .hmenu-li.menu-item-has-children > .menu-link:before {
    transform-origin: left top;
    transform: rotate(45deg);
    right: 6px;
  }
  .hmenu-li.menu-item-has-children > .menu-link:after {
    transform-origin: right top;
    transform: rotate(-45deg);
  }
  .hmenu-li > .sub-menu {
    display: none;
    padding: 0 0 15px 10px;
  }
  .hmenu-li.active > .menu-link {
    color: #2381c0;
  }
  .hmenu-li.active > .menu-link:after,
  .hmenu-li.active > .menu-link:before {
    margin-top: 2px;
  }
  .hmenu-li.active > .menu-link:before {
    transform-origin: left bottom;
    transform: rotate(-45deg);
  }
  .hmenu-li.active > .menu-link:after {
    transform-origin: right bottom;
    transform: rotate(45deg);
  }
  .hmenu-li > .sub-menu > .menu-item > .menu-link {
    color: #a2a2a2;
  }
  .hmenu-li > .sub-menu .sub-menu {
    padding-left: 20px;
  }
  .hmenu-li .sub-menu .menu-item {
    padding: 6px 0;
  }
  .hmenu-li .sub-menu .menu-link {
    color: #e7e7e7;
    font-size: 14px;
    line-height: 22px;
  }
  .hmenu-li .sub-menu .menu-link:active,
  .hmenu-li .sub-menu .mobile-menu-title .menu-link:active {
    color: #2381c0;
  }
  .hmenu-li .sub-menu .mobile-menu-title {
    padding: 25px 0 10px;
  }
  .hmenu-li .sub-menu .mobile-menu-title .menu-link {
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    color: wheat;
  }
  .mobile-menu-soc {
    text-align: center;
    padding-top: 25px;
  }
}
@media screen and (min-width: 0) and (max-width: 480px) {
  .xb-logo__svg,
  .xb-logo__use {
    width: 125px;
    height: 40px;
  }
  .mobile-menu-soc {
    width: 235px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1025px) {
  .header-search {
    width: 56px;
    height: 36px;
    position: absolute;
    right: 135px;
    top: 50%;
    margin-top: -17px;
    z-index: 20;
  }
  .header-search.active .search-open,
  .search-open:hover {
    background: rgba(255, 255, 255, 0.95);
  }
  .header-search.active .search-icon {
    display: none;
  }
  .header-search.active .close-search {
    display: inline-block;
  }
  .header-search.active .header-search-form,
  .search-open {
    display: block;
  }
  .search-open {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    font-size: 0;
    text-align: center;
    cursor: pointer;
  }
  .search-open:before {
    content: "";
    height: 100%;
  }
  .search-open:hover .search-icon use {
    fill: #e4264f;
  }
  .mobile-search-icon {
    display: none;
  }
  .search-icon__svg,
  .search-icon__use {
    width: 16px;
    height: 16px;
    pointer-events: none;
  }
  .search-icon__use {
    fill: #fff;
  }
  .close-search,
  .search-icon,
  .search-open:before {
    display: inline-block;
    vertical-align: middle;
  }
  .close-search {
    display: none;
  }
  .close-search__svg,
  .close-search__use {
    width: 10px;
    height: 10px;
  }
  .close-search__use {
    fill: #7f7f7f;
  }
  .header-search-form {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    width: 365px;
    padding: 44px 30px;
    box-sizing: border-box;
    background: rgba(255, 255, 255, 0.95);
  }
  .header-search-block {
    position: relative;
  }
  .header-search-field {
    position: relative;
    font-size: 14px;
    line-height: 22px;
    padding: 3px 30px 3px 4px;
    width: 100%;
    border: none;
    border-bottom: 2px solid #e4264f;
    background: 0 0;
    box-sizing: border-box;
    z-index: 0;
  }
  .header-search-field:focus,
  .search-btn:focus {
    outline: none;
  }
  .search-btn {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    padding: 0 0 0 14px;
    margin: 0;
    border: none;
    background: 0 0;
    cursor: pointer;
    z-index: 5;
  }
  .search-btn:active {
    transform: translateX(1px);
  }
  .search-svg,
  .search-use {
    width: 16px;
    height: 16px;
    cursor: pointer;
  }
  .search-svg,
  .search-use {
    position: relative;
  }
  .search-use {
    fill: #e4264f;
  }
  .fixed-nav .header-search {
    top: 0;
    margin-top: 0;
    height: 100%;
  }
  .fixed-nav .header-search.active .search-open,
  .fixed-nav .search-open:hover {
    border-left: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    background: 0 0;
  }
  .fixed-nav .search-open {
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
  }
  .fixed-nav .search-icon__use {
    fill: #525252;
  }
  .fixed-nav .header-search-form {
    border: 1px solid #e8e8e8;
  }
}
@media screen and (min-width: 0) and (max-width: 1024px) {
  .search-open,
  .search-svg {
    display: none;
  }
  .search-icon__svg,
  .search-icon__use {
    width: 16px;
    height: 16px;
  }
  .search-icon__use {
    fill: #838383;
  }
  .header-search-block {
    position: relative;
  }
  .header-search-field {
    position: relative;
    display: block;
    width: 100%;
    padding: 5px 40px 5px 0;
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    border: none;
    border-bottom: 2px solid transparent;
    background: 0 0;
    box-sizing: border-box;
    z-index: 1;
  }
  .header-search-field:focus {
    outline: none;
    border-bottom: 2px solid #838383;
  }
  .search-btn {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    height: 100%;
    padding: 0 0 0 20px;
    font-size: 0;
    text-align: center;
    box-sizing: border-box;
    border: none;
    background: 0 0;
    z-index: 5;
  }
  .search-btn:focus {
    outline: none;
  }
  .mobile-search-icon,
  .search-btn:before {
    display: inline-block;
    vertical-align: middle;
  }
  .search-btn:before {
    content: "";
    height: 100%;
  }
  .mobile-search-icon {
    line-height: 0;
  }
}
.present-header.video-chat-dev-head {
  background: url(../images/header-bg/video-chat-dev/video-chat-dev-header.jpg)
    center center no-repeat #5e626b;
  background-size: cover;
}
.xb-video-chat-dev-head .header-bg-before-load {
  background: url(../images/header-bg/video-chat-dev/video-chat-dev-header-mini.png)
    center center no-repeat #5e626b;
  background-size: cover;
}
.present-header.erp-dev-head {
  background: url(../images/header-bg/erp-dev/erp-development-header.jpg) center
    center no-repeat #5e626b;
  background-size: cover;
}
.xb-erp-dev-head .header-bg-before-load {
  background: url(../images/header-bg/erp-dev/erp-development-header-mini.png)
    center center no-repeat #5e626b;
  background-size: cover;
}

/*Antasena*/
.present-header.antasena-dev-head {
	background: url(../images/antasena/bg_header.jpg) center
	  center no-repeat #5e626b;
	background-size: cover;
  }
.xb-antasena-dev-head .header-bg-before-load {
	background: url(../images/antasena/bg_header.jpg)
	  center center no-repeat #5e626b;
	background-size: cover;
}

/*Antasena*/
.present-header.slik-dev-head {
	background: url(../images/emslik/bg_header.jpg) center
	  center no-repeat #5e626b;
	background-size: cover;
  }
.xb-slik-dev-head .header-bg-before-load {
	background: url(../images/emslik/bg_header.jpg)
	  center center no-repeat #5e626b;
	background-size: cover;
}


.present-header.bis-head {
  background: url(../images/header-bg/business-intelligence-solutions/business-intelligence-solutions-header.jpg)
    center center no-repeat #5e626b;
  background-size: cover;
}
.xb-bis-head .header-bg-before-load {
  background: url(../images/header-bg/business-intelligence-solutions/business-intelligence-solutions-header-mini.png)
    center center no-repeat #5e626b;
  background-size: cover;
}

.present-header.saas-dev {
  background: url(../images/saas.jpg) center center no-repeat #5e626b;
  background-size: cover;
}
.xb-saas-dev .header-bg-before-load {
  background: url(../images/saas.jpg) center center no-repeat #5e626b;
  background-size: cover;
}
.present-header.single-page-app-dev {
  background: url(../images/header-bg/single-page-app-dev/single-page-app-dev-header.jpg)
    center center no-repeat #5e626b;
  background-size: cover;
}
.xb-single-page-app-dev .header-bg-before-load {
  background: url(../images/header-bg/single-page-app-dev/single-page-app-dev-header-mini.png)
    center center no-repeat #5e626b;
  background-size: cover;
}
.present-header.cloud-software-dev-header {
  background: url(../images/cloud.png) center center no-repeat #035d88;
  background-size: cover;
}
.xb-cloud-software-dev-header .header-bg-before-load {
  background: #035d88;
}
.present-header.oss-dev-header {
  background: url(../images/header-bg/oss-dev/oss-dev-header.jpg) center center
    no-repeat #5e626b;
  background-size: cover;
}
.xb-oss-dev-header .header-bg-before-load {
  background: url(../images/header-bg/oss-dev/oss-dev-header-mini.png) center
    center no-repeat #5e626b;
  background-size: cover;
}
.present-header.app-modernization-service-header {
  background: url(../images/header-bg/app-modernization-service/app-modernization-service-header.jpg)
    center center no-repeat #5e626b;
  background-size: cover;
}
.xb-app-modernization-service-header .header-bg-before-load {
  background: url(../images/header-bg/app-modernization-service/app-modernization-service-header-mini.png)
    center center no-repeat #5e626b;
  background-size: cover;
}
.present-header.pm-dev-header {
  background: url(../images/header-bg/pm-dev/pm-header-bg.jpg) center center
    no-repeat #5e626b;
  background-size: cover;
}
.xb-pm-dev-header .header-bg-before-load {
  background: url(../images/header-bg/pm-dev/pm-header-bg-mini.png) center
    center no-repeat #5e626b;
  background-size: cover;
}
.present-header.home-page-header {
  background: url(../images/ant-for-main.jpg) center bottom no-repeat #5e626b;
  background-size: cover;
}
.present-header.custom-webdev {
  background: url(../images/header-bg/custom-web-application-development.jpg)
    center center no-repeat #5e626b;
  background-size: cover;
}
.xb-c-wa-d .header-bg-before-load {
  background: url(../images/header-bg/custom-web-application-development-mini.png)
    center center no-repeat #5e626b;
  background-size: cover;
}
.present-header.mobile-app-dev {
  background: url(../images/header-bg/mobile-apps-dev-header.jpg) center center
    no-repeat #5e626b;
  background-size: cover;
}
.xb-m-ad .header-bg-before-load {
  background: url(../images/header-bg/mobile-apps-dev-header-mini.png) center
    center no-repeat #5e626b;
  background-size: cover;
}
.present-header.advanced-soft-dev {
  background: url(../images/header-bg/advanced-software-development.jpg) center
    center no-repeat #5e626b;
  background-size: cover;
}
.xb-adv-sd .header-bg-before-load {
  background: url(../images/header-bg/advanced-software-development-mini.png)
    center center no-repeat #5e626b;
  background-size: cover;
}
.present-header.responsive-development {
  background: url(../images/header-bg/responsive-development.jpg) center center
    no-repeat #5e626b;
  background-size: cover;
}
.xb-r-w-dd .header-bg-before-load {
  background: url(../images/header-bg/responsive-development-mini.png) center
    center no-repeat #5e626b;
  background-size: cover;
}
.present-header.site-frontend {
  background: url(../images/header-bg/frontend-development.jpg) center center
    no-repeat #5e626b;
  background-size: cover;
}
.xb-sf-d .header-bg-before-load {
  background: url(../images/header-bg/frontend-development-mini.png) center
    center no-repeat #5e626b;
  background-size: cover;
}
.present-header.website-crm {
  background: url(../images/header-bg/web-site-and-crm-integration.jpg) center
    center no-repeat #5e626b;
  background-size: cover;
}
.xb-w-ci .header-bg-before-load {
  background: url(../images/header-bg/web-site-and-crm-integration-mini.png)
    center center no-repeat #5e626b;
  background-size: cover;
}
.present-header.mow-dev {
  background: url(../images/header-bg/mobile-optimized-website.jpg) center
    center no-repeat #5e626b;
  background-size: cover;
}
.xb-mo-w-d .header-bg-before-load {
  background: url(../images/header-bg/mobile-optimized-website-mini.png) center
    center no-repeat #5e626b;
  background-size: cover;
}
.present-header.trial-testing-page {
  background: url(../images/free-trial-testing-bg-min.jpg) center bottom
    no-repeat #5e626b;
  background-size: cover;
}
.xb-f-tt .header-bg-before-load {
  background: url(../images/free-trial-testing-bg-mini.png) center bottom
    no-repeat #5e626b;
  background-size: cover;
}
.present-header.react-js-dev {
  background: url(../images/header-bg/react-js-development.jpg) center center
    no-repeat #5e626b;
  background-size: cover;
}
.xb-react-js .header-bg-before-load {
  background: url(../images/header-bg/react-js-development-mini.png) center
    center no-repeat #5e626b;
  background-size: cover;
}
.present-header.social-media-dev {
  background: url(../images/header-bg/social-media-dev.jpg) center center
    no-repeat #5e626b;
  background-size: cover;
}
.xb-smd .header-bg-before-load {
  background: url(../images/header-bg/social-media-dev-mini.png) center center
    no-repeat #5e626b;
  background-size: cover;
}
.present-header.smart-chat-bots {
  background: url(../images/header-bg/smart-chat-bots-dev.jpg) center bottom
    no-repeat #5e626b;
  background-size: cover;
}
.xb-smart-chat-bots .header-bg-before-load {
  background: url(../images/header-bg/smart-chat-bots-dev-mini.png) center
    bottom no-repeat #5e626b;
  background-size: cover;
}
.present-header.dotnet-head {
  background: url(../images/header-bg/dot-net-dev/dotnet-header.jpg) center
    center no-repeat #5e626b;
  background-size: cover;
}
.xb-dotnet-head .header-bg-before-load {
  background: url(../images/header-bg/dot-net-dev/dotnet-header-mini.png) center
    center no-repeat #5e626b;
  background-size: cover;
}
.present-header.school-management-head {
  background: url(../images/header-bg/school-management.jpg) center top
    no-repeat #5e626b;
  background-size: cover;
}
.xb-school-management-head .header-bg-before-load {
  background: url(../images/header-bg/school-management-mini.png) center top
    no-repeat #5e626b;
  background-size: cover;
}
.xb-fleet-management-head .header-bg-before-load {
  background: url(../images/header-bg/fleet-management-software-mini.png) center
    center no-repeat #5e626b;
  background-size: cover;
}
.present-header.fleet-management-head {
  background: url(../images/header-bg/fleet-management-software.jpg) center
    center no-repeat #5e626b;
  background-size: cover;
}
.xb-data-visual-head .header-bg-before-load {
  background: url(../images/header-bg/data-visual-mini.png) center center
    no-repeat #5e626b;
  background-size: cover;
}
.present-header.data-visual-head {
  background: url(../images/header-bg/data-visual.jpg) center center no-repeat
    #5e626b;
  background-size: cover;
}
.xb-faq-head .header-bg-before-load {
  background: url(../images/header-bg/faq-mini.png) center center no-repeat
    #5e626b;
  background-size: cover;
}
.present-header.faq-head {
  background: url(../images/header-bg/faq.jpg) center center no-repeat #5e626b;
  background-size: cover;
}
.xb-webrtc-head .header-bg-before-load {
  background: url(../images/header-bg/webrtc-bg-mini.png) center center
    no-repeat #5e626b;
  background-size: cover;
}
.present-header.webrtc-head {
  background: url(../images/header-bg/webrtc-bg.jpg) center bottom no-repeat
    #5e626b;
  background-size: cover;
}
.xb-webix-dev .header-bg-before-load {
  background: url(../images/header-bg/webix-dev-mini.png) center bottom
    no-repeat #5e626b;
  background-size: cover;
}
.present-header.webix-dev {
  background: url(../images/header-bg/webix-dev.png) center bottom no-repeat
    #5e626b;
  background-size: cover;
}
.xb-qa-staff-augmentation .header-bg-before-load {
  background: url(../images/header-bg/qa-staff-augmentation-mini.png) center
    center no-repeat #5e626b;
  background-size: cover;
}
.present-header.qa-staff-augmentation {
  background: url(../images/header-bg/qa-staff-augmentation.jpg) center center
    no-repeat #5e626b;
  background-size: cover;
}
.xb-custom-web-app-dev .header-bg-before-load {
  background: url(../images/header-bg/custom-web-app-dev-mini.png) center center
    no-repeat #5e626b;
  background-size: cover;
}
.present-header.custom-web-app-dev {
  background: url(../images/header-bg/custom-web-app-dev.jpg) center center
    no-repeat #5e626b;
  background-size: cover;
}
.xb-node-js-dev .header-bg-before-load {
  background: url(../images/header-bg/nodejs-header-mini.png) center center
    no-repeat #5e626b;
  background-size: cover;
}
.present-header.node-js-dev {
  background: url(../images/header-bg/nodejs-header.jpg) center center no-repeat
    #5e626b;
  background-size: cover;
}
.xb-php-dev .header-bg-before-load {
  background: url(../images/header-bg/php-dev-header-mini.png) center center
    no-repeat #5e626b;
  background-size: cover;
}
.present-header.php-dev {
  background: url(../images/header-bg/php-dev-header.jpg) center center
    no-repeat #5e626b;
  background-size: cover;
}
.xb-blockchain-dev .header-bg-before-load {
  background: url(../images/header-bg/blockchain-dev-header-mini.png) center
    center no-repeat #5e626b;
  background-size: cover;
}
.present-header.blockchain-dev {
  background: url(../images/header-bg/blockchain-dev-header.jpg) center center
    no-repeat #5e626b;
  background-size: cover;
}
.xb-webix-lib-header .header-bg-before-load {
  background: url(../images/header-bg/webix-lib-header-mini.png) center center
    no-repeat #5e626b;
  background-size: cover;
}
.present-header.webix-lib-header {
  background: url(../images/header-bg/webix-lib-header.jpg) center center
    no-repeat #5e626b;
  background-size: cover;
}
.xb-app-dev .header-bg-before-load {
  background: url(../images/header-bg/cross-platform-app-dev-mini.png) center
    center no-repeat #5e626b;
  background-size: cover;
}
.present-header.app-dev {
  background: url(../images/header-bg/cross-platform-app-dev.jpg) center center
    no-repeat #5e626b;
  background-size: cover;
}
.xb-ui-dev .header-bg-before-load {
  background: url(../images/header-bg/ui-dev-header-mini.png) center center
    no-repeat #5e626b;
  background-size: cover;
}
.present-header.ui-dev {
  background: url(../images/header-bg/ui-dev-header.jpg) center center no-repeat
    #5e626b;
  background-size: cover;
}
.xb-elearning-dev-header .header-bg-before-load {
  background: url(../images/header-bg/elearning-dev/elearning-dev-header-mini.png)
    center center no-repeat #5e626b;
  background-size: cover;
}
.present-header.elearning-dev-header {
  background: url(../images/header-bg/elearning-dev/elearning-dev-header.jpg)
    center center no-repeat #5e626b;
  background-size: cover;
}
@media (max-width: 1024px) {
  .present-header.video-chat-dev-head {
    background: url(../images/header-bg/video-chat-dev/video-chat-dev-header-1024.jpg)
      center center no-repeat #5e626b;
    background-size: cover;
  }
  .xb-video-chat-dev-head .header-bg-before-load {
    background: url(../images/header-bg/video-chat-dev/video-chat-dev-header-1024-mini.png)
      center center no-repeat #5e626b;
    background-size: cover;
  }
  .present-header.erp-dev-head {
    background: url(../images/header-bg/erp-dev/erp-development-header-1024.jpg)
      center center no-repeat #5e626b;
    background-size: cover;
  }
  .xb-erp-dev-head .header-bg-before-load {
    background: url(../images/header-bg/erp-dev/erp-development-header-1024-mini.png)
      center center no-repeat #5e626b;
    background-size: cover;
  }
  .present-header.bis-head {
    background: url(../images/header-bg/business-intelligence-solutions/business-intelligence-solutions-header-1024.jpg)
      center center no-repeat #5e626b;
    background-size: cover;
  }
  .xb-bis-head .header-bg-before-load {
    background: url(../images/header-bg/business-intelligence-solutions/business-intelligence-solutions-header-1024-mini.png)
      center center no-repeat #5e626b;
    background-size: cover;
  }
  .present-header.single-page-app-dev {
    background: url(../images/header-bg/single-page-app-dev/single-page-app-dev-header-1024.jpg)
      center center no-repeat #5e626b;
    background-size: cover;
  }
  .xb-single-page-app-dev .header-bg-before-load {
    background: url(../images/header-bg/single-page-app-dev/single-page-app-dev-header-1024-mini.png)
      center center no-repeat #5e626b;
    background-size: cover;
  }
  .present-header.cloud-software-dev-header {
    background: url(../images/header-bg/cloud-software-dev/cloud-software-dev-header-1024.jpg)
      center center no-repeat #5e626b;
    background-size: cover;
  }
  .xb-cloud-software-dev-header .header-bg-before-load {
    background: url(../images/header-bg/cloud-software-dev/cloud-software-dev-header-1024-mini.png)
      center center no-repeat #5e626b;
    background-size: cover;
  }
  .present-header.oss-dev-header {
    background: url(../images/header-bg/oss-dev/oss-dev-header-1024.jpg) center
      center no-repeat #5e626b;
    background-size: cover;
  }
  .xb-oss-dev-header .header-bg-before-load {
    background: url(../images/header-bg/oss-dev/oss-dev-header-1024-mini.png)
      center center no-repeat #5e626b;
    background-size: cover;
  }
  .present-header.dotnet-head {
    background: url(../images/header-bg/dot-net-dev/dotnet-header-1024.jpg)
      center center no-repeat #5e626b;
    background-size: cover;
  }
  .xb-dotnet-head .header-bg-before-load {
    background: url(../images/header-bg/dot-net-dev/dotnet-header-1024-mini.png)
      center center no-repeat #5e626b;
    background-size: cover;
  }
  .present-header.app-modernization-service-header {
    background: url(../images/header-bg/app-modernization-service/app-modernization-service-header-1024.jpg)
      center center no-repeat #5e626b;
    background-size: cover;
  }
  .xb-app-modernization-service-header .header-bg-before-load {
    background: url(../images/header-bg/app-modernization-service/app-modernization-service-header-1024-mini.png)
      center center no-repeat #5e626b;
    background-size: cover;
  }
  .present-header.pm-dev-header {
    background: url(../images/header-bg/pm-dev/pm-header-bg-1024.jpg) center
      center no-repeat #5e626b;
    background-size: cover;
  }
  .xb-pm-dev-header .header-bg-before-load {
    background: url(../images/header-bg/pm-dev/pm-header-bg-1024-mini.png)
      center center no-repeat #5e626b;
    background-size: cover;
  }
  .xb-ui-dev .header-bg-before-load {
    background: url(../images/header-bg/ui-dev-header-1024-mini.png) center 10%
      no-repeat #5e626b;
    background-size: cover;
  }
  .present-header.ui-dev {
    background: url(../images/header-bg/ui-dev-header-1024.jpg) center 10%
      no-repeat #5e626b;
    background-size: cover;
  }
  .xb-app-dev .header-bg-before-load {
    background: url(../images/header-bg/cross-platform-app-dev-1024-mini.png)
      center center no-repeat #5e626b;
    background-size: cover;
  }
  .present-header.app-dev {
    background: url(../images/header-bg/cross-platform-app-dev-1024.jpg) center
      center no-repeat #5e626b;
    background-size: cover;
  }
  .present-header.home-page-header {
    background: url(../images/ant-for-main-1024.jpg) center bottom no-repeat
      #5e626b;
    background-size: cover;
  }
  .present-header.custom-webdev {
    background: url(../images/header-bg/custom-web-application-development-1024-dark-min.jpg)
      center center no-repeat #5e626b;
    background-size: cover;
  }
  .xb-c-wa-d .header-bg-before-load {
    background: url(../images/header-bg/custom-web-application-development-1024-dark-mini.png)
      center center no-repeat #5e626b;
    background-size: cover;
  }
  .present-header.mobile-app-dev {
    background: url(../images/header-bg/mobile-apps-dev-header-1024.jpg) center
      center no-repeat #5e626b;
    background-size: cover;
  }
  .xb-m-ad .header-bg-before-load {
    background: url(../images/header-bg/mobile-apps-dev-header-1024-mini.png)
      center center no-repeat #5e626b;
    background-size: cover;
  }
  .present-header.saas-dev {
    background: url(../images/saas.jpg) center center no-repeat #5e626b;
    background-size: cover;
  }
  .xb-saas-dev .header-bg-before-load {
    background: url((../images/saas.jpg) center center no-repeat #5e626b;
    background-size: cover;
  }
  .present-header.advanced-soft-dev {
    background: url(../images/header-bg/advanced-software-development-1024.jpg)
      center center no-repeat #5e626b;
    background-size: cover;
  }
  .xb-adv-sd .header-bg-before-load {
    background: url(../images/header-bg/advanced-software-development-1024-mini.png)
      center center no-repeat #5e626b;
    background-size: cover;
  }
  .present-header.responsive-development {
    background: url(../images/header-bg/responsive-development-img-1024-dark.jpg)
      center center no-repeat #5e626b;
    background-size: cover;
  }
  .xb-r-w-dd .header-bg-before-load {
    background: url(../images/header-bg/responsive-development-img-1024-dark-mini.png)
      center center no-repeat #5e626b;
    background-size: cover;
  }
  .present-header.site-frontend {
    background: url(../images/header-bg/frontend-development-1024.jpg) center
      center no-repeat #5e626b;
    background-size: cover;
  }
  .xb-sf-d .header-bg-before-load {
    background: url(../images/header-bg/frontend-development-1024-mini.png)
      center center no-repeat #5e626b;
    background-size: cover;
  }
  .present-header.website-crm {
    background: url(../images/header-bg/web-site-and-crm-integration-1024-min.jpg)
      center center no-repeat #5e626b;
    background-size: cover;
  }
  .xb-w-ci .header-bg-before-load {
    background: url(../images/header-bg/web-site-and-crm-integration-1024-mini.png)
      center center no-repeat #5e626b;
    background-size: cover;
  }
  .present-header.mow-dev {
    background: url(../images/header-bg/mobile-optimized-website-1024-min.jpg)
      center center no-repeat #5e626b;
    background-size: cover;
  }
  .xb-mo-w-d .header-bg-before-load {
    background: url(../images/header-bg/mobile-optimized-website-1024-mini.png)
      center center no-repeat #5e626b;
    background-size: cover;
  }
  .present-header.react-js-dev {
    background: url(../images/header-bg/react-js-development-1024.jpg) center
      center no-repeat #5e626b;
    background-size: cover;
  }
  .xb-react-js .header-bg-before-load {
    background: url(../images/header-bg/react-js-development-mini.png) center
      center no-repeat #5e626b;
    background-size: cover;
  }
  .present-header.social-media-dev {
    background: url(../images/header-bg/social-media-dev-1024.jpg) center center
      no-repeat #5e626b;
    background-size: cover;
  }
  .xb-smd .header-bg-before-load {
    background: url(../images/header-bg/social-media-dev-mini.png) center center
      no-repeat #5e626b;
    background-size: cover;
  }
  .present-header.smart-chat-bots {
    background: url(../images/header-bg/smart-chat-bots-dev-1024.jpg) center
      bottom no-repeat #5e626b;
    background-size: cover;
  }
  .xb-smart-chat-bots .header-bg-before-load {
    background: url(../images/header-bg/smart-chat-bots-dev-mini.png) center
      bottom no-repeat #5e626b;
    background-size: cover;
  }
  .present-header.school-management-head {
    background: url(../images/header-bg/school-management-1024.jpg) center top
      no-repeat #5e626b;
    background-size: cover;
  }
  .xb-school-management-head .header-bg-before-load {
    background: url(../images/header-bg/school-management-1024-mini.png) center
      top no-repeat #5e626b;
    background-size: cover;
  }
  .present-header.fleet-management-head {
    background: url(../images/header-bg/fleet-management-software-1024.jpg)
      center center no-repeat #5e626b;
    background-size: cover;
  }
  .xb-fleet-management-head .header-bg-before-load {
    background: url(../images/header-bg/fleet-management-software-1024-mini.png)
      center center no-repeat #5e626b;
    background-size: cover;
  }
  .xb-data-visual-head .header-bg-before-load {
    background: url(../images/header-bg/data-visual-1024-mini.png) center center
      no-repeat #5e626b;
    background-size: cover;
  }
  .present-header.data-visual-head {
    background: url(../images/header-bg/data-visual-1024.jpg) center center
      no-repeat #5e626b;
    background-size: cover;
  }
  .xb-faq-head .header-bg-before-load {
    background: url(../images/header-bg/faq-1024-mini.png) center center
      no-repeat #5e626b;
    background-size: cover;
  }
  .present-header.faq-head {
    background: url(../images/header-bg/faq-1024.jpg) center center no-repeat
      #5e626b;
    background-size: cover;
  }
  .xb-webrtc-head .header-bg-before-load {
    background: url(../images/header-bg/webrtc-bg-mini.png) center center
      no-repeat #5e626b;
    background-size: cover;
  }
  .present-header.webrtc-head {
    background: url(../images/header-bg/webrtc-bg-1024.jpg) center center
      no-repeat #5e626b;
    background-size: cover;
  }
  .xb-webix-dev .header-bg-before-load {
    background: url(../images/header-bg/webix-dev-1024-mini.png) center bottom
      no-repeat #5e626b;
    background-size: cover;
  }
  .present-header.webix-dev {
    background: url(../images/header-bg/webix-dev-1024.png) center bottom
      no-repeat #5e626b;
    background-size: cover;
  }
  .xb-qa-staff-augmentation .header-bg-before-load {
    background: url(../images/header-bg/qa-staff-augmentation-1024-mini.png)
      right center no-repeat #5e626b;
    background-size: cover;
  }
  .present-header.qa-staff-augmentation {
    background: url(../images/header-bg/qa-staff-augmentation-1024.jpg) right
      center no-repeat #5e626b;
    background-size: cover;
  }
  .xb-custom-web-app-dev .header-bg-before-load {
    background: url(../images/header-bg/custom-web-app-dev-1024-mini.png) top
      center no-repeat #5e626b;
    background-size: cover;
  }
  .present-header.custom-web-app-dev {
    background: url(../images/header-bg/custom-web-app-dev-1024.jpg) top center
      no-repeat #5e626b;
    background-size: cover;
  }
  .xb-node-js-dev .header-bg-before-load {
    background: url(../images/header-bg/nodejs-header-1024-mini.png) center
      center no-repeat #5e626b;
    background-size: cover;
  }
  .present-header.node-js-dev {
    background: url(../images/header-bg/nodejs-header-1024.jpg) center center
      no-repeat #5e626b;
    background-size: cover;
  }
  .xb-php-dev .header-bg-before-load {
    background: url(../images/header-bg/php-dev-header-1024-mini.png) left
      center no-repeat #5e626b;
    background-size: cover;
  }
  .present-header.php-dev {
    background: url(../images/header-bg/php-dev-header-1024.jpg) left center
      no-repeat #5e626b;
    background-size: cover;
  }
  .xb-blockchain-dev .header-bg-before-load {
    background: url(../images/header-bg/blockchain-dev-header-1024-mini.png)
      center center no-repeat #5e626b;
    background-size: cover;
  }
  .present-header.blockchain-dev {
    background: url(../images/header-bg/blockchain-dev-header-1024.jpg) center
      center no-repeat #5e626b;
    background-size: cover;
  }
  .xb-webix-lib-header .header-bg-before-load {
    background: url(../images/header-bg/webix-lib-header-1024-mini.png) center
      center no-repeat #5e626b;
    background-size: cover;
  }
  .present-header.webix-lib-header {
    background: url(../images/header-bg/webix-lib-header-1024.jpg) center center
      no-repeat #5e626b;
    background-size: cover;
  }
  .xb-elearning-dev-header .header-bg-before-load {
    background: url(../images/header-bg/elearning-dev/elearning-dev-header-1024-mini.png)
      center center no-repeat #5e626b;
    background-size: cover;
  }
  .present-header.elearning-dev-header {
    background: url(../images/header-bg/elearning-dev/elearning-dev-header-1024.jpg)
      center center no-repeat #5e626b;
    background-size: cover;
  }
}
@media (max-height: 760px) {
  .present-header.home-page-header {
    background: url(../images/ant-for-main.jpg) center center no-repeat #5e626b;
    background-size: cover;
  }
}
@media (max-width: 630px) {
  .present-header.home-page-header {
    background: url(../images/ant-for-main.jpg) right center no-repeat #5e626b;
    background-size: cover;
  }
}
@media (max-width: 480px) {
  .present-header.home-page-header {
    background: url(../images/ant-for-main-1024.jpg) center bottom no-repeat
      #5e626b;
    background-size: cover;
  }
  .present-header.mobile-app-dev {
    background: url(../images/header-bg/mobile-application-development-1024-min.jpg)
      right center no-repeat #5e626b;
    background-size: cover;
  }
  .xb-m-ad .header-bg-before-load {
    background: url(../images/header-bg/mobile-application-development-1024-mini.png)
      right center no-repeat #5e626b;
    background-size: cover;
  }
  .present-header.site-frontend {
    background: url(../images/header-bg/frontend-development-1024.jpg) left
      center no-repeat #5e626b;
    background-size: cover;
  }
  .xb-sf-d .header-bg-before-load {
    background: url(../images/header-bg/frontend-development-1024-mini.png) left
      center no-repeat #5e626b;
    background-size: cover;
  }
}
.company-progress-block__info {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.hp-progress-carousel {
  border-top: 1px solid #dadada;
  margin-left: 50px;
  margin-right: 50px;
}
.hp-progress-carousel.slick-slider {
  padding: 0;
}
.hp-progress-carousel .slick-next,
.hp-progress-carousel .slick-prev {
  box-sizing: border-box;
  width: 20%;
}
.hp-progress-carousel .slick-next {
  right: 0;
}
.hp-progress-carousel__next,
.hp-progress-carousel__prev {
  position: absolute;
  top: 0;
  display: block;
  width: 50px;
  height: 100%;
  box-sizing: border-box;
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  background: #f5f5f5;
  cursor: pointer;
  z-index: 101;
}
.hp-progress-carousel__next:hover .hp-carousel-icon__path,
.hp-progress-carousel__prev:hover .hp-carousel-icon__path {
  fill: #a2b6ed;
}
.hp-progress-carousel__prev {
  left: 0;
}
.hp-progress-carousel__prev:active .hp-carousel-arrow.prev {
  transform: translateX(-2px);
}
.hp-progress-carousel__next {
  right: 0;
}
.hp-progress-carousel__next:active .hp-carousel-arrow.next {
  transform: translateX(2px);
}
.hp-carousel-icon,
.hp-carousel-icon__path {
  width: 44px;
  height: 44px;
}
.hp-carousel-icon__path {
  fill: #8aa0db;
  transition: all 0.15s ease;
}
.hp-carousel-arrow {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -22px 0 0 -22px;
}
.company-progress-block,
.company-progress-block__info-inside,
.company-progress-block__info-text,
.company-progress-block__title {
  display: block;
}
.company-progress-block {
  position: relative;
  padding: 40px 15px 55px;
  color: #6c6c6c;
  text-align: center;
  text-decoration: none;
  border-left: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  box-sizing: border-box;
  background: #f5f5f5;
}
.company-progress-block:first-child {
  border-left: none;
}
.company-progress-block.active .company-progress-block__info,
.company-progress-block:hover .company-progress-block__info {
  opacity: 1;
  visibility: visible;
}
.company-progress-block.active .company-progress-block__info-text,
.company-progress-block.active .company-progress-block__title.inside,
.company-progress-block:hover .company-progress-block__info-text,
.company-progress-block:hover .company-progress-block__title.inside {
  transform: translateY(0);
}
.company-progress-block.slick-slide {
  height: 312px;
}
.company-progress-block__pict {
  margin-bottom: 10px;
}
.company-progress-block__title {
  font-size: 20px;
  line-height: 1.5;
}
.company-progress-block__title.inside {
  transform: translateY(20px);
  transition: transform 0.15s ease-in-out;
}
.company-progress-block__info {
  position: absolute;
  left: -1px;
  right: -1px;
  top: 0;
  bottom: -1px;
  padding: 0 20px 0 30px;
  color: #fff;
  text-align: left;
  box-sizing: border-box;
  background: rgba(126, 151, 216, 0.9);
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  transition: all 0.15s ease-in-out;
}
.company-progress-block__info-inside {
  width: 100%;
}
.company-progress-block__info-text {
  line-height: 1.5;
  margin-top: 32px;
  transform: translateY(20px);
  transition: transform 0.15s ease-in-out;
}
@media screen and (max-width: 1700px) {
  .company-progress-block__title {
    font-size: 18px;
  }
}
@media screen and (max-width: 1400px) {
  .company-progress-block__img {
    max-width: 115px;
  }
  .company-progress-block__title br {
    display: none;
  }
  .company-progress-block__info {
    padding: 0 15px;
  }
  .company-progress-block__info-text {
    font-size: 14px;
    margin-top: 10px;
  }
}
@media screen and (max-width: 1280px) {
  .company-progress-block {
    padding: 30px 15px;
  }
  .company-progress-block.slick-slide {
    height: 260px;
  }
}
@media screen and (max-width: 1024px) {
  .hp-progress-carousel.slick-slider {
    margin-left: 40px;
    margin-right: 40px;
  }
  .hp-progress-carousel__next,
  .hp-progress-carousel__prev {
    width: 41px;
  }
  .hp-carousel-arrow {
    margin: -11px 0 0 -11px;
  }
  .hp-carousel-icon,
  .hp-carousel-icon__path {
    width: 22px;
    height: 22px;
  }
  .company-progress-block {
    padding: 15px 15px 20px;
  }
  .company-progress-block.slick-slide {
    height: 200px;
  }
  .company-progress-block__title {
    font-size: 16px;
  }
}
@media screen and (max-width: 900px) {
  .company-progress-block.slick-slide {
    height: 230px;
  }
}
@media screen and (max-width: 771px) {
  .company-progress-block.slick-slide {
    height: 200px;
  }
}
@media screen and (max-width: 480px) {
  .company-progress-block__title {
    font-size: 14px;
  }
  .slick-initialized .company-progress-block.slick-slide {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .company-progress-block {
    padding: 20px 15px;
  }
  .company-progress-block.slick-slide {
    height: 170px;
  }
  .company-progress-block__img {
    max-width: 85px;
  }
  .company-progress-block__info-text {
    font-size: 13px;
  }
}
@media screen and (max-width: 320px) {
  .company-progress-block.slick-slide {
    height: 200px;
  }
}
.dotnet-advantages-section {
  background: center bottom no-repeat #058dca;
}
.dotnet-advantages-section.loaded {
  background-image: url(../images/dotnet-advantages-bg.jpg);
}
@media screen and (min-width: 1921px) {
  .dotnet-advantages-section {
    background-size: cover;
  }
}
.slick-list {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
}
.slick-slider .slick-list,
.slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:after,
.slick-track:before {
  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;
}
.slick-initialized .slick-slide,
.xb-contact-form .form-row-captcha label {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.point {
  position: absolute;
  left: 0;
  top: 1px;
}
.slide-item {
  width: 348px;
  margin: 0 14px;
  line-height: 0;
  text-decoration: none;
  overflow: hidden;
  border: 1px solid #ccc;
}
.slide-item:hover .slide-item-inf {
  opacity: 1;
}
.slide-item:hover .slide-item-inf-descr,
.slide-item:hover .slide-item-inf-name {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
}
.slide-item,
.slide-item-content {
  position: relative;
  display: block;
}
.slide-item-image {
  width: 100%;
}
.slide-item-inf {
  opacity: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  padding-top: 50%;
  height: 50%;
  width: 100%;
  z-index: 1;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  transition: all 0.2s ease-in-out;
  background: rgba(54, 64, 76, 0.8);
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0) 0%,
    rgba(54, 64, 76, 0.8) 70%,
    rgba(54, 64, 76, 0.8) 100%
  );
}
.slide-item-inf-descr,
.slide-item-inf-name {
  position: relative;
  display: block;
  width: 100%;
  line-height: 22px;
  opacity: 0;
  transition: all 0.25s ease-in-out;
}
.slide-item-inf-descr {
  left: 0;
  -webkit-transform: translateX(20%);
  transform: translateX(20%);
  color: #ccc;
  font-size: 16px;
  margin-bottom: 13px;
  padding: 0 5px;
  box-sizing: border-box;
}
.slide-item-inf-name {
  right: 0;
  -webkit-transform: translateX(-20%);
  transform: translateX(-20%);
  color: #fff;
  font-size: 18px;
}
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  user-select: none;
  touch-action: pan-y;
  line-height: 0;
  z-index: 100;
  overflow: hidden;
  padding: 2px 0;
}
.slick-next,
.slick-prev {
  position: absolute;
  top: 0;
  display: block;
  width: 60px;
  height: 100%;
  cursor: pointer;
  border: none;
  font-size: 0;
  opacity: 0.5;
  transition: opacity 0.2s ease-in-out;
  outline: none;
}
.slick-prev {
  background: url(../images/c-arrow-sprite.svg) 20px center no-repeat;
}
.slick-next {
  background: url(../images/c-arrow-sprite.svg) -89px center no-repeat;
}
.carousel-projects .slick-prev {
  left: 0;
}
.carousel-projects .slick-next {
  right: 0;
}
.xb-products-slider-wrapper .slick-prev {
  left: -60px;
}
.xb-products-slider-wrapper .slick-next {
  right: -60px;
}
.slick-next:active,
.slick-next:hover,
.slick-prev:active,
.slick-prev:hover {
  opacity: 1;
  outline: none;
}
.slick-initialized .slick-slide {
  text-align: center;
}
.event-carousel.slick-initialized .slick-slide {
  text-align: left;
}
.breadcrumbs {
  text-transform: uppercase;
  color: #ccc;
  font-size: 14px;
  line-height: 24px;
  padding-bottom: 10px;
}
.breadcrumbs a,
.breadcrumbs > span {
  margin-right: 15px;
}
.breadcrumbs a {
  color: #e4264f;
  text-decoration: none;
}
.breadcrumbs a:hover,
.key-technologies .sub-caption a:hover,
.tags-list a:hover,
.xb-contact-page a:hover {
  text-decoration: underline;
}
.breadcrumbs .breadcrumbs-divider {
  display: inline-block;
  width: 7px;
  height: 12px;
  margin-right: 15px;
}
.breadcrumbs .breadcrumbs-divider.pink {
  background: url(../images/breadcrumbs-divider-pink.svg) center center
    no-repeat;
}
.breadcrumbs .breadcrumbs-divider.gray {
  background: url(../images/breadcrumbs-divider-gray.svg) center center
    no-repeat;
}
.contact-page {
  background: url(../images/bg-contactus.jpg) top center no-repeat #f2f2f2;
  background-size: cover;
}
.xb-contact-page {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  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;
  -ms-flex-align: start;
  align-items: flex-start;
}
.xb-contact-page a {
  color: #5b5b5b;
  text-decoration: none;
}
.xb-contact-page-title {
  color: #000;
  font: 700 22px "Roboto Slab", Arial, Tahoma, Verdana;
  line-height: 34px;
  padding: 30px 0 20px;
}
.xb-contact-form {
  position: relative;
  max-width: 470px;
  min-height: 525px;
  margin: 30px 0;
  padding: 20px 30px 30px;
  background: #fff;
  border: 1px solid #f3f3f3;
}
.xb-contact-form .xb-contact-form-title {
  color: #000;
  font: 18px "Roboto Slab Bold", Arial, Tahoma, Verdana;
  line-height: 25px;
  padding-bottom: 30px;
}
.xb-contact-form .contacts-textarea {
  height: 100px;
}
.xb-contact-form .form-row {
  position: relative;
  padding-left: 60px;
  padding-bottom: 30px;
}
.xb-contact-form .form-row.required-field:before {
  display: block;
  content: "*";
  position: absolute;
  left: 40px;
  top: 2px;
  color: #e4264f;
}
.xb-contact-form .form-row .icon-label {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 3px;
  width: 26px;
  height: 24px;
}
.xb-contact-form .form-row .icon-label-name {
  background: url(../images/label-form-new.svg) 3px 3px no-repeat;
}
.xb-contact-form .form-row .icon-label-company {
  background: url(../images/label-form-new.svg) -115px 1px no-repeat;
}
.xb-contact-form .form-row .icon-label-email {
  background: url(../images/label-form-new.svg) -30px 4px no-repeat;
}
.xb-contact-form .form-row .icon-label-phone {
  background: url(../images/label-form-new.svg) -60px 2px no-repeat;
}
.xb-contact-form .form-row .icon-label-message {
  background: url(../images/label-form-new.svg) -87px 2px no-repeat;
}
.xb-contact-form .form-row:hover .contacts-text-field {
  padding: 1px 0 0;
  border-bottom: 2px solid #e4264f;
}
.xb-contact-form .webix-solutions-field:hover .contacts-text-field {
  padding: 1px 0;
  border-bottom: 1px solid silver;
}
.xb-contact-form .form-row:hover .contacts-textarea {
  padding: 4px 9px;
  border: 2px solid #e4264f;
}
.xb-contact-form .form-row:hover .icon-label-name {
  background: url(../images/label-form-new.svg) 3px -29px no-repeat;
}
.xb-contact-form .form-row:hover .icon-label-company {
  background: url(../images/label-form-new.svg) -115px -27px no-repeat;
}
.xb-contact-form .form-row:hover .icon-label-email {
  background: url(../images/label-form-new.svg) -30px -29px no-repeat;
}
.xb-contact-form .form-row:hover .icon-label-phone {
  background: url(../images/label-form-new.svg) -60px -28px no-repeat;
}
.xb-contact-form .form-row:hover .icon-label-message {
  background: url(../images/label-form-new.svg) -87px -28px no-repeat;
}
.xb-contact-form .form-row-captcha {
  position: relative;
  padding-left: 140px;
  margin-top: -10px;
  padding-bottom: 10px;
}
.paginator li a:hover,
.xb-contact-form .form-row-captcha:hover .wpcf7-quiz-label {
  color: #e4264f;
}
.wpcf7-quiz-label {
  position: absolute;
  left: -140px;
  top: 15px;
}
.form-note {
  margin-top: 5px;
}
.contacts-text-field,
.contacts-textarea {
  width: 100%;
  color: #5b5b5b;
  font: 16px Roboto, Arial, Tahoma, Verdana;
  line-height: 24px;
  background: 0 0;
  box-sizing: border-box;
}
.contacts-text-field:focus,
.contacts-textarea:focus {
  outline: none;
}
.contacts-text-field {
  border: none;
  border-bottom: 1px solid silver;
  padding: 1px 0;
}
.contacts-text-field:focus {
  padding: 1px 0 0;
  border-bottom: 2px solid #e4264f;
}
.contacts-textarea {
  border: 1px solid silver;
  padding: 5px 10px;
  resize: none;
}
.contacts-textarea:focus {
  padding: 4px 9px;
  border: 2px solid #e4264f;
}
.send-btn {
  display: inline-block;
  padding: 7px 40px;
  border: 1px solid #f192a7;
  background: #fff;
  color: #e4264f;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 21px;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
div.wpcf7 .screen-reader-response {
  position: absolute;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  width: 1px;
  margin: 0;
  padding: 0;
  border: 0;
}
.wpcf7-form-control-wrap {
  position: relative;
  display: block;
  line-height: 0;
}
.xb-contact-form label.error {
  font-size: 12px;
  color: red;
  position: absolute;
  right: 0;
  bottom: -10px;
}
.wpcf7-form label.error,
.wpcf7-response-output.wpcf7-validation-errors {
  display: none !important;
}
.recaptcha-row {
  margin-top: -20px;
  padding-bottom: 10px;
}
.google-map {
  height: 1020px;
  border-right: 1px solid #fff;
}
.note-request-form {
  position: relative;
  padding-left: 28px;
  color: gray;
  font-size: 12px;
  line-height: normal;
}
.attachement_section {
  font-size: 14px;
  text-align: right;
  margin-top: -3px;
}
.attach-file.visible {
  display: inline-block;
}
.attach-file {
  display: none;
  text-align: right;
  width: 120px;
  height: 24px;
  line-height: 24px;
  position: relative;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.attach-file .my-attach {
  width: 100%;
  height: 24px;
  color: #428bca;
  text-decoration: underline;
  cursor: pointer;
}
.icon {
  display: inline-block;
}
.paper_clip_18x18 {
  position: relative;
  top: 5px;
  background: url(../images/paper_clip_18x18.svg);
  width: 18px;
  height: 18px;
  margin-right: 2px;
}
.attach-file .wpcf7-form-control-wrap {
  position: absolute !important;
  right: -2px;
  top: -2px;
}
.attach-file input {
  cursor: pointer;
  font-size: 100px;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  margin: 0;
}
.file-name {
  position: relative;
  overflow: hidden;
  padding-top: 5px;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: right;
  width: 100%;
  line-height: normal;
}
.error-file {
  display: block;
  font-size: 11px;
  color: red;
  padding-bottom: 5px;
}
.icon-delete {
  width: 15px;
  height: 15px;
  background: url(../images/icon-delete-white.svg) top left no-repeat;
  cursor: pointer;
}
.icon-delete:hover {
  background-position: 0 -18px;
}
.file-name .userfile_name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 110px;
  display: inline-block;
  padding-right: 5px;
  font-size: 13px;
}
.sidebar-widget {
  padding-top: 40px;
}
.sidebar-subwidget {
  padding-bottom: 1.2rem;
}
.sidebar-widget:first-child {
  padding-top: 0;
}
.comment-reply-title,
.widget-title {
  font: 16px "Roboto Slab Bold", Arial, Tahoma, Verdana;
  line-height: 24px;
  color: #000;
  margin-bottom: 15px;
}
.widget-subtitle {
  font: 1.5rem "Roboto Slab Bold", Verdana, Arial, Tahoma;
  line-height: 2.4rem;
  color: #000;
  margin-bottom: 0.5rem;
}
.xb-sidebar {
  font-size: 14px;
  line-height: 21px;
}
.xb-sidebar img {
  width: 100%;
  height: auto;
}
.xb-sidebar a {
  text-decoration: none;
}
.xb-sidebar li {
  list-style: none;
  padding: 6px 0;
}
.tags-list a {
  font: 12px "Roboto Slab", Arial, Tahoma, Verdana;
  line-height: 20px;
}
.text-widget,
.xb-post-content td {
  border: 1px solid #d9d9d9;
  padding: 15px 18px;
}
.xb-post-title {
  padding-bottom: 20px;
  margin-top: -6px;
  font: 22px "Roboto Slab Bold", Arial, Tahoma, Verdana;
  text-decoration: none;
}
.xb-post-title.hide {
  visibility: hidden;
}
.paginator .paginator-link,
.xb-post-title,
.xb-post-title a {
  color: #000;
  line-height: 30px;
  transition: all 0.1s ease-in-out;
}
.xb-post-title a {
  font: 22px "Roboto Slab Bold", Arial, Tahoma, Verdana;
  text-decoration: none;
}
.xb-post-title a:hover {
  color: #2388db;
}
.paginator {
  position: relative;
  padding: 27px 0;
  border-top: 1px solid #d9d9d9;
}
.paginator li {
  display: inline-block;
  margin: 0 8px;
  list-style: none;
}
.paginator .paginator-link,
.paginator li a {
  font-size: 18px;
  line-height: 28px;
  text-decoration: none;
  color: #666;
}
.paginator li.active a {
  font-family: "Roboto Medium", Arial, Tahoma, Verdana;
  font-weight: 400;
  color: #000;
}
.paginator .paginator-link {
  display: inline-block;
  position: absolute;
  top: 25px;
  opacity: 0.7;
}
.paginator .paginator-link.paginator-prev-page {
  left: 0;
  padding-left: 25px;
  background: url(../images/arrow-left.svg) left center no-repeat;
}
.paginator .paginator-link.paginator-next-page {
  right: 0;
  padding-right: 25px;
  background: url(../images/arrow-right.svg) right center no-repeat;
}
.paginator .paginator-link:hover {
  opacity: 1;
}
.xb-post-content img {
  display: block;
  max-width: 100%;
  height: auto;
}
.pink-btn,
.pink-filled-btn {
  text-transform: uppercase;
  transition: all 0.15s ease-in-out;
  cursor: pointer;
}
.pink-btn,
.pink-filled-btn:active {
  color: #e4264f;
  border: 1px solid #ed859c;
  background: 0 0;
}
.pink-filled-btn {
  color: #fff;
  border: 1px solid #e4264f;
  background: #e4264f;
}
.xb-post-content li {
  list-style-position: inside;
  margin-top: 1.6rem;
  padding-left: 3rem;
}
.xb-post-content h2,
.xb-post-content h3 {
  margin-top: 3rem;
  font-weight: 400;
  font-family: "Roboto Slab", Arial, Tahoma, Verdana;
  color: #202020;
}
.xb-post-content h2 {
  font-size: 2.8rem;
}
.xb-post-content h3 {
  font-size: 2.4rem;
}
.xb-post-content li h2,
.xb-post-content li h3 {
  display: inline-block;
  margin-top: 0;
}
.xb-post-content iframe {
  max-width: 100%;
}
.xb-post-content table {
  border: none;
  border-collapse: collapse;
  font-size: 14px;
  line-height: 18px;
  width: 100%;
  margin: 20px 0;
}
.xb-post-content td {
  padding: 5px 10px;
  vertical-align: top;
}
.xb-post-content table img {
  display: inline-block;
  margin: 10px 0;
}
@media screen and (max-width: 480px) {
  .xb-post-content td li {
    padding-left: 0;
  }
}
.xb-popup-form {
  display: none;
  position: fixed;
  left: -1px;
  top: -1px;
  right: -1px;
  bottom: -1px;
  background: rgba(152, 160, 171, 0.89);
  z-index: 10000;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  overflow: auto;
}
.xb-popup-form.visible-popup {
  display: block;
}
.xb-popup-form.opened-popup {
  opacity: 1;
}
.xb-popup-form-inside {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  min-width: 600px;
  min-height: 720px;
  -webkit-overflow-scrolling: touch;
}
.with-loader {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.95);
  z-index: 100;
  opacity: 0;
  transform: scale(0, 0);
  -webkit-transform: scale(0, 0);
  transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out;
}
.case-loader .with-loader {
  background: 0 0;
}
.loading {
  display: block;
}
.go-loading {
  opacity: 1;
  transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
}
.loading:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -30px 0 0 -30px;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  z-index: 1000;
  border-top: 5px solid #2388db;
  border-left: 5px solid #ededed;
  border-right: 5px solid #ededed;
  border-bottom: 5px solid #ededed;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
  box-sizing: border-box;
}
.checkbox-box,
.checkbox-label {
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
}
.checkbox-box {
  position: relative;
  width: 16px;
  height: 16px;
  margin-top: 4px;
  border: 1px solid #86beeb;
  box-sizing: border-box;
  overflow: hidden;
}
.checkbox-box-checked {
  background: url(../images/checkbox.svg) center center no-repeat #86beeb;
}
.checkbox-label {
  padding-left: 5px;
  white-space: normal;
}
.close-popup {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 30px;
  height: 30px;
  background: url(../images/cross.svg) center center no-repeat;
  cursor: pointer;
  transition: opacity 0.15s ease-in-out;
}
.close-popup:active,
.close-popup:focus,
.close-popup:hover {
  opacity: 0.8;
}
.landing-checkbox {
  white-space: nowrap;
}
.landing-checkbox .wpcf7-list-item-label,
.landing-checkbox input {
  display: inline-block;
  vertical-align: top;
}
.landing-checkbox input {
  margin-top: 6px;
  margin-right: 10px;
}
.landing-checkbox .wpcf7-list-item-label {
  white-space: normal;
  line-height: normal;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.request-testing-popup,
.request-vacancy-popup {
  position: absolute;
  left: 50%;
  top: 50%;
  font-size: 16px;
  line-height: 24px;
  color: #292929;
  width: 480px;
  padding: 20px 30px 35px;
  background: #fff;
  box-sizing: border-box;
}
.request-testing-popup {
  margin: -410px 0 0 -240px;
}
@media screen and (max-height: 820px) {
  .request-testing-popup {
    top: 0;
    margin-top: 40px;
    margin-bottom: 20px;
  }
}
.request-vacancy-popup {
  margin: -325px 0 0 -260px;
  min-height: 625px;
}
@media screen and (max-height: 820px) {
  .request-vacancy-popup {
    top: 0;
    margin-top: 40px;
    margin-bottom: 20px;
  }
}
.request-testing-popup .xb-post-title,
.request-vacancy-popup .xb-post-title {
  display: block;
  margin-bottom: 5px;
}
.row-testing-form,
.row-testing-form-with-quiz,
.row-testing-form-with-select,
.row-testing-form-with-textarea,
.xb-contacts-line p,
.xb-request-line p {
  position: relative;
}
.row-testing-form {
  padding-left: 80px;
  margin-bottom: 30px;
  z-index: 10;
}
.row-testing-form-with-select {
  padding-left: 205px;
  margin-bottom: 20px;
  z-index: 100;
}
.row-testing-form-with-select .to_test {
  z-index: 1000;
}
.row-testing-form-with-textarea {
  margin-bottom: 30px;
  z-index: 10;
}
.row-testing-form-with-quiz {
  padding-left: 205px;
}
.form-row-label {
  position: absolute;
  left: 0;
  top: 7px;
  font-size: 15px;
}
.required-icon {
  position: relative;
  top: -3px;
  left: 3px;
  color: #e4264f;
}
.required-icon-for-textarea {
  position: absolute;
  z-index: 10;
  right: 6px;
  top: 0;
  color: #e4264f;
}
.xb-custom-select,
.xb-request-field,
.xb-request-textarea,
.xb-trial-test-textarea {
  display: block;
  border: 1px solid #c5c5c5;
  font: 16px Roboto, Arial, Tahoma, Verdana;
  box-sizing: border-box;
  width: 100%;
}
.xb-custom-select-value,
.xb-request-field,
.xb-request-textarea,
.xb-trial-test-textarea {
  padding: 8px 15px;
}
.xb-request-textarea,
.xb-trial-test-textarea {
  resize: none;
}
.xb-request-textarea {
  height: 130px;
}
.xb-trial-test-textarea {
  height: 90px;
}
.quiz-note {
  font-size: 13px;
  text-align: right;
}
.row-testing-form-with-submit {
  margin-top: 20px;
}
.row-testing-form-with-quiz .wpcf7-quiz-label {
  left: -115px;
  top: 17px;
}
.qa-form-container label.error,
.request-testing-popup label.error,
.service-form-container label.error,
.wpcf7-not-valid-tip {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  width: 100%;
  padding: 2px 10px;
  box-sizing: border-box;
  color: #fff;
  background-color: #e4264f;
  font-size: 12px;
  line-height: 16px;
}
.qa-form-container label.error:before,
.request-testing-popup label.error:before,
.service-form-container label.error:before,
.wpcf7-not-valid-tip:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -4px;
  top: -4px;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #e4264f;
}
.material-contact-form .wpcf7-not-valid-tip {
  top: 100%;
  left: auto;
  right: 0;
  color: red;
  font-size: 11px;
  padding: 0;
  width: auto;
  background: 0 0;
}
.material-contact-form .wpcf7-not-valid-tip:before {
  display: none;
}
.material-contact-form .recaptcha-row .wpcf7-not-valid-tip {
  left: 0;
  right: auto;
}
.wpcf7-spam-blocked {
  display: none !important;
}
.ajax-loader {
  position: relative;
  left: 10px;
}
.pp-check-row {
  position: relative;
  white-space: nowrap;
  margin-bottom: 30px;
}
.pp-check-row .wpcf7-list-item-label,
.pp-check-row input {
  display: inline-block;
  vertical-align: middle;
}
.pp-check-row input {
  margin-top: 2px;
  margin-right: 10px;
}
.pp-check-row a {
  color: #2381c0;
}
.testing-pp-check-row .wpcf7-form-control-wrap {
  line-height: normal;
}
.xb-custom-select {
  position: relative;
  background: url(../images/v-select-dropdown.svg) right center no-repeat #fff;
  transition: background-color 0.2s ease-in-out;
  z-index: 100;
  cursor: pointer;
}
.xb-opened-select {
  background: url(../images/v-select-dropdown.svg) right center no-repeat
    #f7f7f7;
}
.xb-request-select {
  font-size: 0;
  width: 0;
  height: 0;
  padding: 0;
  border: none;
  opacity: 0;
  position: absolute;
  right: -1000px;
}
.xb-custom-select-value,
.xb-opened-select .xb-options-list {
  display: block;
}
.xb-options-list {
  display: none;
  position: absolute;
  top: 100%;
  left: -1px;
  right: -1px;
  border: 1px solid #c5c5c5;
  box-sizing: border-box;
  background-color: #fff;
}
.xb-option-item {
  display: block;
  padding: 5px 15px;
  cursor: pointer;
  background: #fff;
}
.xb-option-item:hover {
  background: #e4264f;
  color: #fff;
}
.z-index-1000 {
  z-index: 1000;
}
.vs-next-field-focus {
  height: 330px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
}
.request-vacancy-popup .sent .wrapper-inside-request-form {
  opacity: 0;
  height: 0;
  overflow: hidden;
}
.request-vacancy-popup .sent .wpcf7-mail-sent-ok {
  display: block !important;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  padding: 170px 20px 10px;
  text-align: center;
  background: url(../images/antik-min.png) center top no-repeat;
  box-sizing: border-box;
}
.sent .wpcf7-mail-sent-ok {
  display: none !important;
}
.item-number {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin: 0 2rem;
}
.item-number .n {
  color: #2381c0;
  font-weight: 400;
  font-size: 7.5rem;
  font-family: "Roboto Slab", Arial, Tahoma, Verdana;
  line-height: 1.25;
}
.item-number .n-caption {
  color: #7a7a7a;
  font-size: 16px;
  line-height: 1.5;
}
.about-company-home .n,
.xb-all-products .subcaption-part-container a:hover {
  color: #2381c0;
}
.about-company-home .n-caption {
  color: #7a7a7a;
}
.about-company-home.desktop .item-number {
  opacity: 0;
  transform: translateY(-90px) translateZ(0);
}
.about-company-home.desktop .item-number.started {
  transform: translateY(0) translateZ(0);
  opacity: 1;
  transition: opacity 0.4s ease-in-out,
    transform 0.4s cubic-bezier(0.37, 0.225, 0.06, 1.55);
}
.count-up {
  display: inline-block;
  min-width: 13rem;
}
.left-n-15 {
  position: relative;
  left: -1.5rem;
}
.testimonials {
  position: relative;
  background: url(../images/testim-bg.svg) center -94% no-repeat #e3f4ff;
  z-index: 100;
}
.key-technologies {
  background-color: #f5f5f5;
}
.key-technologies .sub-caption a {
  color: #000;
  text-decoration: none;
}
.to-event-link {
  position: relative;
  display: inline-block;
  line-height: 0;
  transition: opacity 0.2s ease-in-out;
  overflow: hidden;
}
a.to-event-link:hover {
  opacity: 0.9;
}
.to-event-link .img-responsive {
  position: relative;
  z-index: 0;
}
.event-description {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  color: #fff;
  box-sizing: border-box;
  z-index: 10;
}
.event-description-title,
.xb-benefits-item span {
  display: block;
}
.event-description-content {
  font-size: 16px;
  line-height: 22px;
}
.to-event-link-home .event-description {
  padding: 0 25px 20px;
}
.to-event-link-blog .event-description {
  padding: 0 10px 10px;
}
.to-event-link-home .event-description-title {
  font: 18px "Roboto Slab Bold", Arial, Tahoma, Verdana;
  margin-bottom: 15px;
}
.to-event-link-blog .event-description-title {
  font: 14px "Roboto Slab", Arial, Tahoma, Verdana;
}
.to-event-link-blog {
  max-width: 340px;
}
.container-404 {
  min-height: 350px;
  padding-top: 80px;
  padding-bottom: 80px;
}
.content-404 {
  background: url(../images/ant-404.png) 150px center no-repeat;
  padding-left: 390px;
}
.caption-404 {
  color: #292929;
  font: 32px "Roboto Slab", Arial, Tahoma, Verdana;
  line-height: 38px;
  text-align: center;
  padding-bottom: 35px;
}
.list-pages-404 {
  list-style: none;
  padding-top: 16px;
}
.note-404 {
  font-size: 20px;
}
.outsourcing-services-title {
  font: 32px "Roboto Slab", Arial, Tahoma, Verdana;
  line-height: 48px;
  text-align: center;
}
.service-page .xb-service-item {
  position: relative;
  margin-bottom: 6rem;
  transition: all 0.2s ease-in-out;
  overflow: hidden;
}
.service-page .xb-service-item:hover .xb-container,
.service-page
  .xb-service-item:hover
  .xb-service-description
  .subcaption-part-container {
  color: #fff;
}
.service-page .xb-service-item.to-left-direction:before,
.service-page .xb-service-item.to-right-direction:before,
.xb-outsourcing-service-item:before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: 50%;
}
.service-page .xb-service-item.to-right-direction:before {
  left: 0;
}
.service-page .xb-service-item.to-right-direction .xb-service-description {
  left: 10px;
}
.service-page .xb-service-item.to-left-direction:before {
  right: 0;
}
.service-page .xb-service-item.to-left-direction .xb-service-description {
  text-align: right;
  right: 10px;
}
.service-page .xb-service-item .xb-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  color: #2b2e31;
  background-color: #fff;
  transition: all 0.2s ease-in-out;
}
.service-page .xb-service-item .xb-container .xb-service-description {
  position: relative;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.service-page .xb-service-item .xb-container .xb-service-image {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 210px;
}
.service-page .xb-service-item .xb-container .xb-service-image img {
  display: block;
  padding: 3rem 0;
  margin: auto;
}
.service-page .xb-service-item.to-left-direction .xb-service-image {
  left: 35px;
}
.service-page .xb-service-item.to-right-direction .xb-service-image {
  right: 35px;
}
.outsourcing-service-preview-title,
.xb-outsourcing-service-item,
.xb-outsourcing-service-item .xb-content,
.xb-outsourcing-service-item-inside {
  transition: all 0.15s ease-in-out;
}
.xb-outsourcing-service-item {
  position: relative;
  display: block;
  text-decoration: none;
  margin-bottom: 6rem;
  overflow: hidden;
}
.xb-outsourcing-service-item:before {
  z-index: 0;
}
.left-direction-image:before {
  left: 0;
}
.right-direction-image:before {
  right: 0;
}
.xb-outsourcing-service-item-inside {
  position: relative;
  background-color: #fff;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  z-index: 10;
}
.right-direction-image .outsourcing-service-thumbnail {
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
}
.outsourcing-service-thumbnail {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  min-height: 210px;
}
.outsourcing-service-thumbnail-image {
  display: block;
  margin: auto;
  padding: 3rem 0;
  max-width: 100%;
}
.left-direction-image .outsourcing-service-thumbnail {
  left: -35px;
}
.right-direction-image .outsourcing-service-thumbnail {
  right: -35px;
}
.outsourcing-service-preview-description {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.outsourcing-service-preview-title {
  display: block;
  color: #000;
  font: 26px "Roboto Slab Bold", Verdana, Arial, Tahoma;
  line-height: 40px;
  padding-bottom: 2rem;
}
.xb-outsourcing-service-item .xb-content {
  color: #2b2e31;
}
.left-direction-image .outsourcing-service-preview-description {
  display: block;
  left: 10px;
}
.right-direction-image .outsourcing-service-preview-description {
  display: block;
  right: 10px;
  text-align: right;
}
.right-direction-image .outsourcing-service-preview-description .xb-content {
  text-align: left;
}
.purple-line-color .outsourcing-service-thumbnail {
  background-color: #a488ce;
}
.pink-line-color .outsourcing-service-thumbnail {
  background-color: #c65c7f;
}
.orange-line-color .outsourcing-service-thumbnail {
  background-color: #ffa145;
}
.turquoise-line-color .outsourcing-service-thumbnail {
  background-color: #68adb5;
}
.outsourcing-service-thumbnail:before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  position: absolute;
  top: 50%;
  margin-top: -200px;
  border-top: 200px solid transparent;
  border-bottom: 200px solid transparent;
}
.left-direction-image .outsourcing-service-thumbnail:before {
  right: -30px;
}
.right-direction-image .outsourcing-service-thumbnail:before {
  left: -30px;
}
.purple-line-color.left-direction-image .outsourcing-service-thumbnail:before {
  border-left: 30px solid #a488ce;
}
.purple-line-color.right-direction-image .outsourcing-service-thumbnail:before {
  border-right: 30px solid #a488ce;
}
.pink-line-color.left-direction-image .outsourcing-service-thumbnail:before {
  border-left: 30px solid #c65c7f;
}
.pink-line-color.right-direction-image .outsourcing-service-thumbnail:before {
  border-right: 30px solid #c65c7f;
}
.orange-line-color.left-direction-image .outsourcing-service-thumbnail:before {
  border-left: 30px solid #ffa145;
}
.orange-line-color.right-direction-image .outsourcing-service-thumbnail:before {
  border-right: 30px solid #ffa145;
}
.turquoise-line-color.left-direction-image
  .outsourcing-service-thumbnail:before {
  border-left: 30px solid #68adb5;
}
.turquoise-line-color.right-direction-image
  .outsourcing-service-thumbnail:before {
  border-right: 30px solid #68adb5;
}
.purple-line-color:before,
.purple-line-color:hover,
.purple-line-color:hover .xb-outsourcing-service-item-inside {
  background-color: #a488ce;
}
.pink-line-color:before,
.pink-line-color:hover,
.pink-line-color:hover .xb-outsourcing-service-item-inside {
  background-color: #c65c7f;
}
.orange-line-color:before,
.orange-line-color:hover,
.orange-line-color:hover .xb-outsourcing-service-item-inside {
  background-color: #ffa145;
}
.turquoise-line-color:before,
.turquoise-line-color:hover,
.turquoise-line-color:hover .xb-outsourcing-service-item-inside {
  background-color: #68adb5;
}
.xb-outsourcing-service-item:hover .outsourcing-service-preview-title,
.xb-outsourcing-service-item:hover .xb-content,
.xb-request-line a {
  color: #fff;
}
.xb-contacts-line,
.xb-request-line {
  padding: 2rem 0;
}
.xb-contacts-line p:before,
.xb-request-line p:before {
  display: block;
  content: "";
  width: 37px;
  height: 37px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -19px;
  background: url(../images/i.svg) center center no-repeat;
  background-size: 100%;
}
.xb-contacts-line .to-page-btn.white-btn,
.xb-request-line .to-page-btn.white-btn {
  position: absolute;
  top: 50%;
  margin-top: -17px;
  background-color: #fff;
  border: 1px solid #fff;
  color: #e4264f;
}
.xb-contacts-line,
.xb-contacts-line .to-page-btn.white-btn:active,
.xb-request-line,
.xb-request-line .to-page-btn.white-btn:active {
  background-color: #dc506d;
  color: #fff;
}
.xb-contacts-line {
  font-size: 14px;
}
.xb-contacts-line p {
  padding: 0 130px 0 60px;
}
.xb-contacts-line .to-page-btn,
.xb-request-line .to-page-btn {
  right: 15px;
}
.xb-request-line {
  font-size: 14px;
  line-height: 22px;
}
.xb-request-line p {
  padding: 0 220px 0 60px;
}
.to-page-btn,
.xb-request-line a:hover {
  text-decoration: none;
}
.to-page-btn {
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  padding: 6px 15px 7px;
  transition: all 0.15s ease-in-out;
}
.to-page-btn.white-btn {
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.55);
}
.image-link {
  display: inline-block;
  line-height: 0;
}
.image-link-block {
  display: block;
  line-height: 0;
}
.product-tags {
  font-size: 14px;
  line-height: 22px;
  color: #69767f;
  padding: 10px 0 18px;
}
.xb-all-products .xb-repeater-container {
  transition: all 0.15s ease-in-out;
}
.xb-all-products .xb-repeater-container:hover {
  background-color: #f8f8f8;
}
.xb-all-products .more-btn {
  padding: 7px 0;
  width: 133px;
}
.xb-all-products .subcaption-part-container a {
  color: #000;
  text-decoration: none;
  transition: all 0.15s ease-in-out;
}
.product-key-features {
  color: #fff;
  background: gray;
}
.product-benefits {
  background: #f8f9fb;
}
.webix-key-features {
  background: url(../images/key-features-min.jpg) center center no-repeat;
  background-size: cover;
}
.xb-staff-manager-key-features {
  background: url(../images/xb-staff-manager-bg-min.jpg) center center no-repeat;
  background-size: cover;
}
.xbtrack-key-features {
  background: url(../images/xb-track-bg-min.jpg) center center no-repeat;
  background-size: cover;
}
.enjoyhint-key-features {
  background: url(../images/enjoy-hint-bg-min.jpg) center center no-repeat;
  background-size: cover;
}
.enjoycss-key-features {
  background: url(../images/enjoy-css-bg-min.jpg) center center no-repeat;
  background-size: cover;
}
.webix-crm-key-features {
  background: url(../images/webix-crm-bg-min.jpg) center center no-repeat;
  background-size: cover;
}
.kickerplay-key-features {
  background: url(../images/kickerplay-bg-min.jpg) center center no-repeat;
  background-size: cover;
}
.ganttpro-key-features {
  background: center center/cover no-repeat;
}
.ganttpro-key-features.loaded {
  background-image: url(../images/ganttpro-list-bg.jpg);
}
.ganttpro-key-features-inside {
  background-color: rgba(88, 88, 88, 0.84);
}
.kuku-key-features {
  background: url(../images/kuku-bg-min.jpg) center center no-repeat;
  background-size: cover;
}
.key-features-list:first-child {
  margin-right: 8.333333333333332%;
  margin-left: 8.333333333333332%;
}
.key-features-list .li {
  background: url(../images/marker-white.svg) left 1.6rem no-repeat;
}
.product-key-features .white-btn {
  min-width: 195px;
}
.product-key-features .white-btn:hover {
  color: #525252;
  border: 1px solid #fff;
  background-color: #fff;
}
.xb-products-slider {
  overflow: hidden;
}
.kuku-link {
  color: #fdeab6;
  text-decoration: none;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .xb-products-slider-wrapper {
    display: block;
  }
}
.other-products-slider {
  background-color: #fff;
}
.xb-products-slider .slide {
  position: relative;
  display: block;
  width: 360px;
  margin: 0 15px;
  float: left;
  padding-top: 10px;
  text-decoration: none;
  box-sizing: border-box;
}
.xb-products-slider .slide:hover .slide-title {
  color: #fff;
}
.xb-products-slider .slide:hover .slide-image img {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}
.xb-products-slider .slide:hover .slide-description {
  opacity: 1;
}
.xb-products-slider .slide:hover .slide-description span {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}
.xb-products-slider .slide.purple-slide:hover .slide-title {
  background-color: #5a55a2;
}
.xb-products-slider .slide.purple-slide:hover .slide-description {
  background-color: rgba(90, 85, 162, 0.9);
}
.xb-products-slider .slide.blue-slide:hover .slide-title {
  background-color: #2a8dd9;
}
.xb-products-slider .slide.blue-slide:hover .slide-description {
  background-color: rgba(61, 166, 246, 0.9);
}
.xb-products-slider .slide.pink-slide:hover .slide-title {
  background-color: #e4264f;
}
.xb-products-slider .slide.pink-slide:hover .slide-description {
  background-color: rgba(228, 38, 79, 0.9);
}
.xb-products-slider .slide-image {
  position: relative;
  display: block;
  width: 290px;
  height: 220px;
  margin: 0 auto;
  line-height: 0;
  text-align: center;
  z-index: 5;
}
.xb-products-slider .slide-image img {
  width: 100%;
  transition: all 0.15s cubic-bezier(0.76, 0.76, 0.37, 1.63);
}
.xb-products-slider .slide-title {
  position: relative;
  display: block;
  text-align: center;
  color: #5b5b5b;
  font-size: 18px;
  line-height: 26px;
  padding: 5px 0;
  z-index: 10;
  transition: all 0.15s ease-in-out;
}
.xb-products-slider .slide-description {
  display: table;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 230px;
  padding: 0 30px;
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  text-align: left;
  box-sizing: border-box;
  z-index: 7;
  opacity: 0;
  transition: all 0.15s ease-in-out;
}
.xb-products-slider .slide-description .center {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  -webkit-transform: scale(0, 0);
  transform: scale(0, 0);
  transition: all 0.45s cubic-bezier(0.74, 0.19, 0.46, 1.28);
}
.bx-next,
.bx-prev {
  position: absolute;
  top: 50%;
  margin-top: -80px;
  display: block;
  width: 60px;
  height: 120px;
  cursor: pointer;
  border: none;
  font-size: 0;
  opacity: 0.5;
  transition: opacity 0.2s ease-in-out;
  outline: none;
}
.bx-prev {
  left: -60px;
  background: url(../images/c-arrow-sprite.svg) 20px center no-repeat;
}
.bx-next {
  right: -60px;
  background: url(../images/c-arrow-sprite.svg) -89px center no-repeat;
}
.bx-next:hover,
.bx-prev:hover {
  opacity: 1;
  outline: none;
}
.page-title,
.page-title-22 {
  position: relative;
  color: #000;
  padding: 2rem 15px 2.5rem;
  z-index: 5;
}
.page-title {
  font-weight: 400;
  line-height: 4.8rem;
  font-size: 3.2rem;
  font-family: "Roboto Slab", Arial, Tahoma, Verdana;
}
.page-title-22 {
  font-size: 2.2rem;
  font-family: "Roboto Slab Bold", Arial, Tahoma, Verdana;
}
.xb-container .page-title {
  padding: 2rem 0 2.5rem;
}
.item-testimonial {
  text-align: center;
}
.item-testimonial .content-testimonial {
  position: relative;
  text-align: left;
  color: #5b5b5b;
  font-style: italic;
  font-weight: 400;
  font-size: 1.8rem;
  font-family: "Roboto Slab", Arial, Tahoma, Verdana;
  line-height: 2.7rem;
  background: #fff;
  margin-bottom: 3.5rem;
  box-shadow: 0 10px 25px 5px rgba(74, 139, 181, 0.05);
}
.item-testimonial .content-testimonial .content-testimonial-text {
  position: relative;
  padding: 3rem 6.5rem;
}
.qa-landing-reviews
  .item-testimonial
  .content-testimonial
  .content-testimonial-text {
  min-height: 325px;
}
.item-testimonial .content-testimonial .content-testimonial-text:after,
.item-testimonial .content-testimonial .content-testimonial-text:before {
  content: "";
  display: block;
  width: 30px;
  height: 23px;
  position: absolute;
}
.item-testimonial .content-testimonial .content-testimonial-text:after {
  top: 15px;
  left: 20px;
  background: url(../images/left-quotes.svg) center center no-repeat;
}
.item-testimonial .content-testimonial .content-testimonial-text:before {
  bottom: 15px;
  right: 20px;
  background: url(../images/right-quotes.svg) center center no-repeat;
}
.item-testimonial .content-testimonial .with-pink-quote:after {
  background: url(../images/pink-left-quotes.svg) center center no-repeat;
}
.item-testimonial .content-testimonial .with-pink-quote:before {
  background: url(../images/pink-right-quotes.svg) center center no-repeat;
}
.item-testimonial .content-testimonial:after {
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -10px;
  bottom: -38px;
  border: 20px solid transparent;
  border-top: 20px solid #fff;
}
.item-testimonial .author-testimonial .comp-inf {
  color: #7a7a7a;
  margin-top: 0.5rem;
}
.header-page-content {
  padding: 2.5rem 0;
}
.xb-testimonials {
  padding-bottom: 3rem;
  background: url(../images/testim-bg.svg) center repeat-y #f2f7fa;
}
.xb-testimonials .item-testimonial {
  padding: 3rem 0;
}
.subscr-facebook-iframe {
  margin-top: 20px;
}
.page-main-description {
  color: #5b5b5b;
  padding: 3.5rem 0;
}
.page-main-description-content {
  padding: 2.5rem 0 3.5rem;
}
.page-main-description-content p {
  margin-top: 1.8rem;
}
.all-services-xb {
  margin-top: 5rem;
}
.service-caption {
  color: #000;
  font-weight: 400;
  font-size: 3.2rem;
  font-family: "Roboto Slab", Arial, Tahoma, Verdana;
  line-height: 4.8rem;
  text-align: center;
}
.how-to-start .to-start-container.to-feedback-container h3,
.service-caption.white {
  color: #fff;
}
.service-subcaption {
  color: #000;
  font-family: "Roboto Italic", Arial, Tahoma, Verdana;
  font-weight: 400;
  font-size: 2rem;
  line-height: 2.4rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.wrapper-xb-services {
  padding-bottom: 2rem;
}
.how-to-start {
  position: relative;
  padding-bottom: 30px;
}
.how-to-start .how-to-start-inside {
  position: relative;
  background: url(../images/how-to-start.png) 50.3% top no-repeat;
  overflow: hidden;
}
.how-to-start .to-start-container {
  position: relative;
  display: inline-block;
  text-align: left;
  width: 180px;
  padding: 23px 18px 90px 15px;
}
.how-to-start .to-feedback-container {
  padding: 23px 0 90px 30px;
}
.how-to-start .to-start-container-title {
  color: #000;
  font: 26px "Roboto Slab", Arial, Tahoma, Verdana;
  line-height: 39px;
  padding-bottom: 16px;
}
.how-to-start .to-start-container p {
  color: #757575;
  font-size: 16px;
  line-height: 26px;
}
.how-to-start .to-start-container.to-feedback-container p {
  color: #f1d5d5;
}
.how-start-link {
  position: absolute;
  left: -11px;
  top: 0;
  display: block;
  height: 160px;
  width: 95%;
  -webkit-transform: skewX(-15deg);
  transform: skewX(-15deg);
}
.service-page.purple-page .page-main-description {
  background-color: #f2f2f2;
}
.service-page.purple-page .service-caption {
  color: #a488ce;
}
.service-page.purple-page .xb-service-item .xb-container .xb-service-image,
.service-page.purple-page .xb-service-item.to-left-direction:before,
.service-page.purple-page .xb-service-item.to-right-direction:before,
.service-page.purple-page .xb-service-item:hover,
.service-page.purple-page .xb-service-item:hover .xb-container,
.service-page.saas-page.purple-page .xb-service-item:hover,
.service-page.saas-page.purple-page .xb-service-item:hover .xb-container {
  background-color: #a488ce;
}
.service-page.purple-page
  .xb-service-item.to-left-direction
  .xb-service-image:before,
.service-page.saas-page.purple-page
  .xb-service-item.to-left-direction
  .xb-service-image:before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  position: absolute;
  left: -30px;
  top: 50%;
  margin-top: -200px;
  border-top: 200px solid transparent;
  border-right: 30px solid #a488ce;
  border-bottom: 200px solid transparent;
}
.service-page.purple-page
  .xb-service-item.to-right-direction
  .xb-service-image:before,
.service-page.saas-page.purple-page
  .xb-service-item.to-right-direction
  .xb-service-image:before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  position: absolute;
  right: -30px;
  top: 50%;
  margin-top: -200px;
  border-top: 200px solid transparent;
  border-left: 30px solid #a488ce;
  border-bottom: 200px solid transparent;
}
.service-page.purple-page .advantages-xb {
  color: #e5e5e5;
  background-color: #4c3a66;
}
.service-page.purple-page .advantages-xb .service-caption,
.service-page.saas-page.purple-page .advantages-xb .service-caption {
  background-color: #4c3a66;
}
.service-page.purple-page .advantages-xb .xb-list,
.service-page.saas-page.purple-page .advantages-xb .xb-list {
  border: 2px dashed #6b5290;
}
.service-page.purple-page .advantages-xb .xb-list li,
.service-page.saas-page.purple-page .advantages-xb .xb-list li {
  color: #e5e5e5;
  background: url(../images/marker-purple.svg) left 1.6rem no-repeat;
}
.service-page.gray-blue-page .advantages-xb:before,
.service-page.purple-page .advantages-xb:before,
.service-page.saas-page.purple-page .advantages-xb:before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -960px;
  border: 960px solid transparent;
  border-top: 60px solid #fff;
}
.service-page.gray-blue-page .page-main-description,
.service-page.saas-page.purple-page .page-main-description {
  background-color: #f2f2f2;
}
.service-page.saas-page.purple-page .service-caption {
  color: #a488ce;
}
.service-page.saas-page.purple-page
  .xb-service-item
  .xb-container
  .xb-service-image,
.service-page.saas-page.purple-page .xb-service-item.to-left-direction:before,
.service-page.saas-page.purple-page .xb-service-item.to-right-direction:before {
  background-color: #a488ce;
}
.service-page.saas-page.purple-page .advantages-xb {
  color: #e5e5e5;
  background-color: #4c3a66;
}
.service-page.saas-page.purple-page .advantages-xb:before {
  border-top: 60px solid #f2f2f2;
}
.service-page.gray-blue-page .service-caption {
  color: #68adb5;
}
.service-page.gray-blue-page .xb-service-item .xb-container .xb-service-image,
.service-page.gray-blue-page .xb-service-item.to-left-direction:before,
.service-page.gray-blue-page .xb-service-item.to-right-direction:before,
.service-page.gray-blue-page .xb-service-item:hover,
.service-page.gray-blue-page .xb-service-item:hover .xb-container {
  background-color: #68adb5;
}
.service-page.gray-blue-page
  .xb-service-item.to-left-direction
  .xb-service-image:before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  position: absolute;
  left: -30px;
  top: 50%;
  margin-top: -200px;
  border-top: 200px solid transparent;
  border-right: 30px solid #68adb5;
  border-bottom: 200px solid transparent;
}
.service-page.gray-blue-page
  .xb-service-item.to-right-direction
  .xb-service-image:before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  position: absolute;
  right: -30px;
  top: 50%;
  margin-top: -200px;
  border-top: 200px solid transparent;
  border-left: 30px solid #68adb5;
  border-bottom: 200px solid transparent;
}
.service-page.gray-blue-page .advantages-xb {
  color: #fff;
  background-color: #256c74;
}
.service-page.gray-blue-page .advantages-xb .service-caption {
  background-color: #256c74;
}
.service-page.gray-blue-page .advantages-xb .xb-list {
  border: 2px dashed #3498a3;
}
.service-page.gray-blue-page .advantages-xb .xb-list li {
  color: #fff;
  background: url(../images/marker-gray-blue.svg) left 1.6rem no-repeat;
}
.service-page.orange-page .page-main-description {
  background-color: #f2f2f2;
}
.service-page.orange-page .service-caption {
  color: #ffa145;
}
.service-page.crm-page.orange-page .xb-service-item:hover,
.service-page.crm-page.orange-page .xb-service-item:hover .xb-container,
.service-page.orange-page .xb-service-item .xb-container .xb-service-image,
.service-page.orange-page .xb-service-item.to-left-direction:before,
.service-page.orange-page .xb-service-item.to-right-direction:before,
.service-page.orange-page .xb-service-item:hover,
.service-page.orange-page .xb-service-item:hover .xb-container {
  background-color: #ffa145;
}
.service-page.crm-page.orange-page
  .xb-service-item.to-left-direction
  .xb-service-image:before,
.service-page.orange-page
  .xb-service-item.to-left-direction
  .xb-service-image:before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  position: absolute;
  left: -30px;
  top: 50%;
  margin-top: -200px;
  border-top: 200px solid transparent;
  border-right: 30px solid #ffa145;
  border-bottom: 200px solid transparent;
}
.service-page.crm-page.orange-page
  .xb-service-item.to-right-direction
  .xb-service-image:before,
.service-page.orange-page
  .xb-service-item.to-right-direction
  .xb-service-image:before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  position: absolute;
  right: -30px;
  top: 50%;
  margin-top: -200px;
  border-top: 200px solid transparent;
  border-left: 30px solid #ffa145;
  border-bottom: 200px solid transparent;
}
.service-page.orange-page .advantages-xb {
  color: #fff;
  background-color: #4e4338;
}
.service-page.crm-page.orange-page .advantages-xb .service-caption,
.service-page.orange-page .advantages-xb .service-caption {
  background-color: #4e4338;
}
.service-page.orange-page .advantages-xb .xb-list {
  border: 2px dashed #8b4f13;
}
.service-page.crm-page.orange-page .advantages-xb .xb-list li,
.service-page.orange-page .advantages-xb .xb-list li {
  color: #fff;
  background: url(../images/marker-orange.svg) left 1.6rem no-repeat;
}
.service-page.crm-page.orange-page .advantages-xb:before,
.service-page.orange-page .advantages-xb:before,
.service-page.pink-page .advantages-xb:before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -960px;
  border: 960px solid transparent;
  border-top: 60px solid #fafafa;
}
.service-page.crm-page.orange-page .page-main-description,
.service-page.pink-page .page-main-description {
  background-color: #f2f2f2;
}
.service-page.crm-page.orange-page .service-caption {
  color: #ffa145;
}
.service-page.crm-page.orange-page
  .xb-service-item
  .xb-container
  .xb-service-image,
.service-page.crm-page.orange-page .xb-service-item.to-left-direction:before,
.service-page.crm-page.orange-page .xb-service-item.to-right-direction:before {
  background-color: #ffa145;
}
.service-page.crm-page.orange-page .advantages-xb {
  color: #fff;
  background-color: #4e4338;
}
.service-page.crm-page.orange-page .advantages-xb .xb-list {
  border: 2px dashed #6e5e4f;
}
.service-page.crm-page.orange-page .advantages-xb:before {
  border-top: 60px solid #fff;
}
.service-page.pink-page .service-caption {
  color: #c65c7f;
}
.service-page.pink-page .xb-service-item .xb-container .xb-service-image,
.service-page.pink-page .xb-service-item.to-left-direction:before,
.service-page.pink-page .xb-service-item.to-right-direction:before,
.service-page.pink-page .xb-service-item:hover,
.service-page.pink-page .xb-service-item:hover .xb-container {
  background-color: #c65c7f;
}
.service-page.pink-page
  .xb-service-item.to-left-direction
  .xb-service-image:before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  position: absolute;
  left: -30px;
  top: 50%;
  margin-top: -200px;
  border-top: 200px solid transparent;
  border-right: 30px solid #c65c7f;
  border-bottom: 200px solid transparent;
}
.service-page.pink-page
  .xb-service-item.to-right-direction
  .xb-service-image:before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  position: absolute;
  right: -30px;
  top: 50%;
  margin-top: -200px;
  border-top: 200px solid transparent;
  border-left: 30px solid #c65c7f;
  border-bottom: 200px solid transparent;
}
.service-page.pink-page .advantages-xb {
  color: #e3d5d9;
  background-color: #742b43;
}
.service-page.pink-page .advantages-xb .service-caption {
  background-color: #742b43;
}
.service-page.pink-page .advantages-xb .xb-list {
  border: 2px dashed #6e5e4f;
}
.service-page.pink-page .advantages-xb .xb-list li {
  color: #e3d5d9;
  background: url(../images/marker-pink.svg) left 1.6rem no-repeat;
}
.tech-frameworks-bg {
  color: #fff;
  padding: 0.5rem 0 6rem;
  background: center center no-repeat #43345b;
  background-size: cover;
}
.tech-frameworks-bg.loaded {
  background-image: url(../images/t-f-bg-min.jpg);
}
.normal-list li {
  list-style: none;
  font-size: 1.6rem;
  line-height: 2.4rem;
  padding: 0.3rem 0;
}
.section-entry p {
  font-family: "Roboto Italic", Arial, Tahoma, Verdana;
  font-weight: 400;
  font-size: 2rem;
  line-height: 3rem;
}
.blue-color-text,
.font-22-slab-normal.blue-color-text {
  color: #9cd9f3;
}
.font-22-slab-normal {
  display: block;
  color: #000;
  font-weight: 400;
  font-size: 2.2rem;
  font-family: "Roboto Slab", Arial, Tahoma, Verdana;
  line-height: 3rem;
  padding-bottom: 2rem;
}
.xb-list.blue-marker li {
  background: url(../images/marker-light-blue.svg) left 1.6rem no-repeat;
}
.xb-list.purple-marker li {
  background: 0 0;
  position: relative;
}
.xb-list.purple-marker li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 1.6rem;
  width: 4px;
  height: 4px;
  border: 2px solid #5d74af;
  border-radius: 5px;
}
.web-solutions-white-bg {
  color: #fff;
  background: center center no-repeat #282a29;
  background-size: cover;
}
.web-solutions-white-bg.loaded {
  background-image: url(../images/web-solution-bg-min.jpg);
}
.font-22-slab {
  color: #000;
}
.xb-repeat-pict {
  text-align: center;
  line-height: 0;
}
.xb-benefits-on-soft-dev {
  padding: 2rem 0 6rem;
  background: center center no-repeat #343635;
  background-size: cover;
}
.xb-benefits-on-soft-dev.loaded {
  background-image: url(../images/benefits-2-min.jpg);
}
.xb-benefits-on-soft-dev .xb-benefits-item {
  padding: 3rem 1rem;
}
.xb-benefits-item {
  color: #e5e5e5;
}
.xb-benefits-item .xb-benefits-pict {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  height: 90px;
}
.xb-benefits-item .xb-benefits-pict img {
  display: block;
  margin: auto;
}
.bg-lighter {
  background-color: #fafafa;
}
.bg-light {
  background-color: #f2f2f2;
}
.light-blue-bg {
  background-color: #e8f3f4;
}
.web-solutions-bg {
  background: center top no-repeat #eef6f8;
  background-size: cover;
}
.web-solutions-bg.loaded {
  background-image: url(../images/web-solutions-bg-min.jpg);
}
.with-tabs-bg {
  background: url(../images/bg-service-description.svg) top center no-repeat
    #f2f2f2;
  background-size: cover;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .service-entry {
    top: -1px;
  }
}
.service-entry {
  position: relative;
  color: #fff;
  text-align: left;
  padding: 8rem 0 17rem;
  background: rgba(0, 0, 0, 0.73);
}
.service-entry .service-entry-text {
  font-size: 1.8rem;
  line-height: 2.8rem;
  padding-right: 10rem;
  margin-top: 3rem;
}
.service-entry .service-entry-text p {
  margin-top: 1.8rem;
}
.benefits-list li:first-child,
.service-entry .service-entry-text p:first-child,
.xb-case-content .text-container ul li:first-child,
.xb-case-content .text-container ul:first-child,
.xb-case-content .xb-content ul li:first-child,
.xb-case-content .xb-content ul:first-child {
  margin-top: 0;
}
.service-entry-title {
  font-weight: 400;
  font-size: 4.8rem;
  font-family: "Roboto Slab", Arial, Tahoma, Verdana;
  line-height: 5.8rem;
  padding-right: 40px;
}
.fc-gray-bg {
  background-color: #fcfcfc;
}
.benefits-list li {
  color: #454545;
  list-style: none;
  margin-top: 2rem;
  padding-left: 35px;
  background: url(../images/true-icon.png) left top no-repeat;
}
.benefits-list a {
  color: #e4264f;
}
.qa-form-container,
.service-form-container {
  position: relative;
  padding: 20px 30px 30px;
  min-height: 575px;
  width: 460px;
  background: #fcfcfc;
  border: 1px solid #fff;
  box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
}
.qa-form-container {
  margin: 0 auto;
}
.with-arrow-right:after {
  content: "";
  position: relative;
  top: 1px;
  left: 0;
  display: inline-block;
  width: 7px;
  height: 11px;
  margin-left: 10px;
  background: url(../images/after-right.svg) center center no-repeat;
  transition: left 0.15s ease-in-out;
}
.to-feedback-container:active .with-arrow-right:after,
.to-feedback-container:hover .with-arrow-right:after {
  left: 10px;
}
.makeup-inf-inside {
  display: table;
}
.makeup-inf-image,
.makeup-inf-text {
  display: table-cell;
  vertical-align: top;
}
.makeup-inf-text,
.standard-page-content ol,
.standard-page-content ul {
  padding-left: 20px;
}
.makeup-inf-text span {
  color: #5b5b5b;
}
.makeup-inf-image {
  width: 80px;
  text-align: center;
}
.bg-makeup {
  color: #fff;
  padding: 5rem 0 4rem;
  background: center center no-repeat #2e2f29;
  background-size: cover;
}
.bg-makeup.loaded {
  background-image: url(../images/makeup-min.jpg);
}
.crm-section {
  background-color: #fbf8f5;
}
.crm-bg {
  background: url(../images/crm-icons.svg) center bottom no-repeat;
}
.top-n {
  position: relative;
  top: 2.4rem;
}
.list-with-border.mov-dev {
  padding-bottom: 3rem;
}
.xb-stairs-l-r
  .xb-repeater-container:nth-child(2n + 1)
  .xb-container
  > div:first-child {
  text-align: right;
}
.xb-chevron {
  position: relative;
}
.xb-chevron.chevron-indent {
  padding: 100px 0;
}
.xb-chevron.chevron-indent-40-100 {
  padding: 40px 0 100px;
}
.xb-chevron.chevron-indent-100-180 {
  padding: 100px 0 180px;
}
.xb-chevron.chevron-bottom-indent {
  padding-bottom: 100px;
}
.xb-chevron.chevron-bg-gray {
  background-color: #fafafa;
}
.xb-chevron .xb-list-caption {
  position: relative;
  text-align: center;
  font: 32px "Roboto Slab", Arial, Tahoma, Verdana;
  line-height: 48px;
}
.xb-chevron .xb-list-caption span {
  position: relative;
  display: inline-block;
  padding: 0 15px;
  z-index: 10;
  margin: 0 45px;
}
.xb-chevron .xb-list-caption:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 50%;
  z-index: 0;
  box-sizing: border-box;
}
.xb-chevron .xb-list {
  padding: 25px 60px 45px;
}
.xb-chevron:after,
.xb-chevron:before {
  width: 50.1%;
  height: 100%;
  position: absolute;
  content: "";
  top: 0;
}
.xb-chevron:before {
  left: 0;
  -webkit-transform: skewY(3deg);
  transform: skewY(3deg);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}
.xb-chevron:after {
  right: 0;
  -webkit-transform: skewY(-3deg);
  transform: skewY(-3deg);
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.xb-chevron.turquoise-container .xb-list-caption span,
.xb-chevron.turquoise-container:after,
.xb-chevron.turquoise-container:before {
  background-color: #256c74;
}
.xb-chevron.turquoise-container .xb-list-caption {
  color: #68adb5;
}
.xb-chevron.turquoise-container .xb-list-caption:before {
  border-left: 2px dashed #3498a3;
  border-right: 2px dashed #3498a3;
  border-top: 2px dashed #3498a3;
}
.xb-chevron.turquoise-container .xb-list {
  border-left: 2px dashed #3498a3;
  border-right: 2px dashed #3498a3;
  border-bottom: 2px dashed #3498a3;
}
.xb-chevron.turquoise-container li {
  color: #fff;
  background: url(../images/marker-gray-blue.svg) left 1.6rem no-repeat;
}
.xb-chevron.blue-gray-container .xb-list-caption span,
.xb-chevron.blue-gray-container:after,
.xb-chevron.blue-gray-container:before {
  background-color: #445263;
}
.xb-chevron.blue-gray-container .xb-list-caption {
  color: #a5b4c6;
}
.xb-chevron.blue-gray-container .xb-list-caption:before {
  border-left: 2px dashed #60748b;
  border-right: 2px dashed #60748b;
  border-top: 2px dashed #60748b;
}
.xb-chevron.blue-gray-container .xb-list {
  border-left: 2px dashed #60748b;
  border-right: 2px dashed #60748b;
  border-bottom: 2px dashed #60748b;
}
.xb-chevron.blue-gray-container li {
  color: #e5e5e5;
  background: url(../images/marker-dark-blue.svg) left 1.6rem no-repeat;
}
.xb-chevron.purple-container .xb-list-caption span,
.xb-chevron.purple-container:after,
.xb-chevron.purple-container:before {
  background-color: #4c3a66;
}
.xb-chevron.purple-container .xb-list-caption {
  color: #a488ce;
}
.xb-chevron.purple-container .xb-list-caption:before {
  border-left: 2px dashed #6b5290;
  border-right: 2px dashed #6b5290;
  border-top: 2px dashed #6b5290;
}
.xb-chevron.purple-container .xb-list {
  border-left: 2px dashed #6b5290;
  border-right: 2px dashed #6b5290;
  border-bottom: 2px dashed #6b5290;
}
.xb-chevron.purple-container li {
  color: #e5e5e5;
  background: url(../images/marker-purple.svg) left 1.6rem no-repeat;
}
.xb-chevron.orange-container .xb-list-caption span,
.xb-chevron.orange-container:after,
.xb-chevron.orange-container:before {
  background-color: #4e4338;
}
.xb-chevron.orange-container .xb-list-caption {
  color: #ffa145;
}
.xb-chevron.orange-container .xb-list-caption:before {
  border-left: 2px dashed #6e5e4f;
  border-right: 2px dashed #6e5e4f;
  border-top: 2px dashed #6e5e4f;
}
.xb-chevron.orange-container .xb-list {
  border-left: 2px dashed #6e5e4f;
  border-right: 2px dashed #6e5e4f;
  border-bottom: 2px dashed #6e5e4f;
}
.xb-chevron.orange-container li {
  color: #fff;
  background: url(../images/marker-orange.svg) left 1.6rem no-repeat;
}
.xb-chevron.pink-container .xb-list-caption span,
.xb-chevron.pink-container:after,
.xb-chevron.pink-container:before {
  background-color: #742b43;
}
.xb-chevron.pink-container .xb-list-caption {
  color: #c65c7f;
}
.xb-chevron.pink-container .xb-list-caption:before {
  border-left: 2px dashed #a33d5e;
  border-right: 2px dashed #a33d5e;
  border-top: 2px dashed #a33d5e;
}
.xb-chevron.pink-container .xb-list {
  border-left: 2px dashed #a33d5e;
  border-right: 2px dashed #a33d5e;
  border-bottom: 2px dashed #a33d5e;
}
.xb-chevron.pink-container li {
  color: #e3d5d9;
  background: url(../images/marker-pink.svg) left 1.6rem no-repeat;
}
.xb-chevron.light-blue-container,
.xb-chevron.light-blue-container:after,
.xb-chevron.light-blue-container:before {
  background-color: #e3f4ff;
}
.xb-chevron.light-gray-container:after,
.xb-chevron.light-gray-container:before {
  background-color: #fafafa;
}
.paynes-gray-chevron {
  margin-top: -6rem;
  z-index: 100;
  color: #fff;
}
.paynes-gray-chevron .xb-list-caption span,
.paynes-gray-chevron:after,
.paynes-gray-chevron:before {
  background-color: #384048;
}
.paynes-gray-chevron .xb-list {
  border-left: 2px dashed #3d5e61;
  border-right: 2px dashed #3d5e61;
  border-bottom: 2px dashed #3d5e61;
}
.paynes-gray-chevron .page-title,
.paynes-gray-chevron .xb-list-caption {
  color: #4db6ac;
}
.paynes-gray-chevron .xb-list-caption:before {
  border-left: 2px dashed #3d5e61;
  border-right: 2px dashed #3d5e61;
  border-top: 2px dashed #3d5e61;
}
.pink-title {
  color: #c65c7f;
}
.purple-title {
  color: #a488ce;
}
.turquoise-title {
  color: #68adb5;
}
.orange-title {
  color: #ffa145;
}
.xb-cases img {
  width: 100%;
}
.to-case-link {
  position: relative;
  display: block;
  line-height: 0;
  overflow: hidden;
}
.to-case-link:before {
  content: "";
  display: block;
  padding-top: 62.3%;
}
.to-case-link img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.to-case-link__banner {
  display: block;
  color: #fff;
  font: 18px "Roboto Slab", Arial, Tahoma, Verdana;
  line-height: 40px;
  text-decoration: none;
  padding: 0 10px;
  background: rgba(228, 38, 79, 0.5);
  transition: background 0.15s ease-in-out;
  position: absolute;
  top: 28px;
  right: 0;
}
.to-case-link__banner:before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  border: 40px solid transparent;
  border-right: 20px solid rgba(228, 38, 79, 0.5);
  border-bottom: 0 solid transparent;
  transition: border 0.15s ease-in-out;
  position: absolute;
  left: -60px;
  top: 0;
}
.to-case-link__banner span {
  display: inline-block;
  transition: transform 0.15s ease-in-out;
}
.to-case-link:hover .to-case-link__banner-left-bkt {
  transform: translateX(-2px);
}
.to-case-link:hover .to-case-link__banner-right-bkt {
  transform: translateX(2px);
}
.to-case-link:hover .to-case-link__banner {
  background: #e4264f;
}
.to-case-link:hover .to-case-link__banner:before {
  border-right: 20px solid #e4264f;
}
.xb-cases .xb-flex-container:nth-child(2n) .to-case-link__banner {
  right: auto;
  left: 0;
}
.xb-cases .xb-flex-container:nth-child(2n) .to-case-link__banner:before {
  border-right: none;
  border-left: 20px solid rgba(228, 38, 79, 0.5);
  left: auto;
  right: -20px;
}
.xb-cases
  .xb-flex-container:nth-child(2n)
  .to-case-link:hover
  .to-case-link__banner:before {
  border-left: 20px solid #e4264f;
}
.xb-cases .xb-flex-container:nth-child(2n) .case-image {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}
.xb-col-6-0 {
  position: relative;
  box-sizing: border-box;
}
.forward-cases.xb-flex-container .case-image {
  transform: translateX(-100%) translateZ(0);
  -webkit-transform: translateX(-100%) translateZ(0);
}
.forward-cases.xb-flex-container:nth-child(2n) .case-image {
  transform: translateX(100%) translateZ(0);
  -webkit-transform: translateX(100%) translateZ(0);
}
.forward-cases.xb-flex-container .case-entry {
  transform: translateX(100%) translateZ(0);
  -webkit-transform: translateX(100%) translateZ(0);
}
.forward-cases.xb-flex-container:nth-child(2n) .case-entry {
  transform: translateX(-100%) translateZ(0);
  -webkit-transform: translateX(-100%) translateZ(0);
}
.case-entry,
.case-image {
  transition: transform 0.4s ease-in-out;
  transform: translateX(0) translateZ(0);
  -webkit-transform: translateX(0) translateZ(0);
}
.case-image {
  line-height: 0;
}
.case-images {
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 6rem;
  font-size: 0;
}
.flex-distribution {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-around;
  -webkit-justify-content: space-around;
  -ms-flex-pack: center;
  justify-content: space-around;
  -webkit-align-items: center;
  -ms-flex-align: center;
}
.margin-distribution .img-responsive {
  margin: 0 20px;
}
.flex-distribution-mobile .img-responsive {
  margin: 0 5px;
  max-width: calc(25% - 10px);
}
.case-video {
  width: 100%;
  max-width: 925px;
}
.xb-case-title,
.xb-case-title a {
  font: 29px/1.3 "Roboto", Arial, Tahoma, Verdana;
  color: #565656;
  text-decoration: none;
  padding-bottom: 24px;
  transition: all 0.15s ease;
}
.xb-case-title a:hover {
  color: #2388db;
}
.case-tags {
  font-size: 14px;
  line-height: 22px;
  padding-top: 1.5rem;
}
.case-tags a {
  text-decoration: none;
}
.case-tags a:hover {
  text-decoration: underline;
}
.case-tags-gray a {
  color: #69767f;
}
.case-tags div span:first-child {
  display: none;
}
.font-22-slab {
  font-weight: 400;
  font-size: 2.2rem;
  font-family: "Roboto Slab Bold", Arial, Tahoma, Verdana;
  line-height: 3rem;
  padding-bottom: 1.5rem;
}
.device-bg {
  background: center center no-repeat;
}
.device-bg.loaded {
  background-image: url(../images/device-min.jpg);
}
.key-features-bg {
  background: center bottom no-repeat;
}
.key-features-bg.loaded {
  background-image: url(../images/key-features-min.png);
}
.process-bg {
  background: center top no-repeat #555651;
  background-size: cover;
}
.process-bg.loaded {
  background-image: url(../images/process-bg-min.jpg);
}
.process-list {
  position: relative;
  color: #fff;
}
.process-list:before {
  content: "";
  display: block;
  height: 90%;
  position: absolute;
  top: 5%;
  left: 2.4rem;
  border-left: 2px dotted #b3b3b3;
  z-index: 0;
}
.process-list li {
  position: relative;
  list-style: none;
  z-index: 0;
  display: table;
  padding: 1.5rem 0;
}
.process-list li span.number-li {
  width: 5rem;
  height: 5rem;
  color: #b3b3b3;
  font-size: 2.6rem;
  text-align: center;
  background-color: #fff;
  border-radius: 50%;
}
.process-list li span.content-li {
  padding-left: 4rem;
}
.case-main-title {
  color: #616161;
  font: 32px "Roboto Light", Arial, Tahoma, Verdana;
  line-height: 48px;
}
.case-entry {
  color: #9e9e9e;
  background-color: #fff;
}
.xb-case-content {
  padding: 0 125px 60px;
}
.xb-case-content .text-container ul,
.xb-case-content .xb-content ul {
  padding-left: 20px;
  margin-top: 15px;
  margin-left: 20px;
}
.xb-case-content .text-container ul li,
.xb-case-content .xb-content ul li {
  margin-top: 5px;
}
.case-list-title,
.case-subtitle {
  display: inline-block;
  padding-bottom: 15px;
  font: 24px "Roboto Light", Arial, Tahoma, Verdana;
  line-height: 30px;
}
.case-subtitle {
  min-width: 265px;
  margin-bottom: 30px;
}
.test-rel-link:hover .test-rel-link-title,
.white-content {
  color: #fff;
}
.gray-content {
  color: #9e9e9e;
}
.gray-content .case-list-title,
.gray-content .case-subtitle {
  color: #616161;
  border-bottom: 2px solid #616161;
}
.white-content .case-list-title,
.white-content .case-subtitle {
  color: #fff;
  border-bottom: 2px solid #fff;
}
.transformer-pink,
.transformer-purple {
  position: relative;
}
.transformer-pink:before,
.transformer-purple:before {
  content: "";
  display: block;
  position: absolute;
  left: -30%;
  top: 250px;
  width: 150%;
  height: 105%;
  -webkit-transform: rotate(-7deg);
  transform: rotate(-7deg);
}
.transformer-top {
  margin-bottom: 10rem;
  margin-top: 6rem;
}
.transformer-top.transformer-purple:before {
  top: 0;
  height: 100%;
}
.transformer-purple:before {
  background: url(../images/bg-service-description.png) center center no-repeat
    #ad93d4;
  background-size: cover;
}
.transformer-pink:before {
  background: url(../images/bg-service-description.png) center center no-repeat
    #c75a7e;
  background-size: cover;
}
.case-image-shadow {
  box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.2);
}
.case-page-footer .case-subtitle {
  color: #616161;
}
.btn-big,
.case-page-footer p {
  font: 18px "Roboto Medium", Arial, Tahoma, Verdana;
  line-height: 24px;
  color: #5c5c5c;
}
.case-page-footer .btn-big {
  margin-top: 40px;
  width: 360px;
  padding: 23px 0;
  font-family: "Roboto", Arial, sans-serif;
  text-transform: uppercase;
}
.btn-big {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  color: #e4264f;
  border: 1px solid #e4264f;
  background-color: #fff;
  transition: all 0.15s ease-in-out;
  box-sizing: border-box;
}
.case-page-footer {
  position: relative;
}
.case-page-footer:before {
  content: "";
  display: block;
  height: 120%;
  width: 140%;
  background-color: #fff;
  position: absolute;
  left: -20%;
  bottom: -20%;
  -webkit-transform: rotate(-7deg);
  transform: rotate(-7deg);
}
.xb-case-item-inf {
  padding: 45px 20px;
}
.case-content-with-icons {
  padding-top: 0;
}
.xb-case-item-inf .xb-col-6:first-child ul {
  overflow: hidden;
}
.white-content .case-list {
  font-size: 20px;
}
.case-list {
  position: relative;
  padding-left: 55px;
  font-size: 15px;
}
.case-list img {
  position: absolute;
  left: 0;
  top: 5px;
}
.case-list li,
.xb-testing-content li {
  list-style-position: inside;
}
.case-list p {
  margin: 0;
}
.case-list-title {
  margin-bottom: 30px;
}
.case-list-title-string {
  display: block;
  padding-left: 55px;
}
.bulb-title-icon {
  background: url(../images/types.svg) left 5px no-repeat;
}
.documents-title-icon {
  background: url(../images/doc.svg) left 5px no-repeat;
}
.team-title-icon {
  background: url(../images/team.svg) left 5px no-repeat;
}
.duration-title-icon {
  background: url(../images/duration.svg) left 5px no-repeat;
}
.duration-white-title-icon {
  background: url(../images/duration-white.svg) left 5px no-repeat;
}
.calendar-white-title-icon {
  background: url(../images/calendar-white.svg) left 5px no-repeat;
}
.project-title-icon {
  background: url(../images/project.svg) left 5px no-repeat;
}
.tools-title-icon {
  background: url(../images/tools.svg) left 5px no-repeat;
}
.case-technologies-icons-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.item-case-tab-content {
  padding-top: 20px;
  padding-bottom: 20px;
}
.case-technologies-icons {
  padding: 0 10px;
}
.case-technologies-icons img {
  max-width: 195px;
}
.title-26-bold {
  color: #000;
  font: 26px "Roboto Slab Bold", Arial, Tahoma, Verdana;
  line-height: 39px;
  text-align: center;
  padding-bottom: 20px;
}
.title-22-bold {
  font: 22px "Roboto Slab Bold", Arial, Tahoma, Verdana;
  line-height: 34px;
}
.uppercase {
  text-transform: uppercase;
}
.xb-testing-content li {
  margin-top: 1.6rem;
  padding-left: 3rem;
}
.xb-testing-content li:first-child {
  margin-top: 0;
}
.xb-testing-content h2,
.xb-testing-content h3 {
  margin-top: 25px;
  font-weight: 400;
  font-size: 2.8rem;
  font-family: "Roboto Slab", Arial, Tahoma, Verdana;
}
.xb-testing-content h3 {
  font-size: 2.4rem;
}
.xb-testing-content li h3 {
  display: inline-block;
}
.alignleft {
  float: left;
  margin: 0 2.5rem 2rem 0;
}
.aligncenter {
  display: block;
  margin: 0 auto;
}
.lifecycle-parent-link {
  font-weight: 400;
  font-size: 1.6rem;
  font-family: "Roboto Slab Bold", Arial, Tahoma, Verdana;
  line-height: 2.4rem;
}
.lifecycle-parent-link:hover,
.thank-you-list a:hover {
  text-decoration: underline;
}
.lifecycle-parent-link:active {
  color: #000;
}
.triangle-general {
  content: "";
  display: block;
  height: 0;
  width: 0;
  position: absolute;
}
.placeholder-search::-webkit-input-placeholder {
  text-transform: uppercase;
}
.placeholder-search:-moz-placeholder,
.placeholder-search::-moz-placeholder {
  text-transform: uppercase;
}
.placeholder-search:-ms-input-placeholder {
  text-transform: uppercase;
}
.standard-page-content li {
  padding: 4px 0;
  list-style-position: inside;
}
.standard-page-content h4 {
  font-weight: 400;
  font-size: 2.2rem;
  font-family: "Roboto Slab", Arial, Tahoma, Verdana;
  line-height: 3.2rem;
  margin-top: 3rem;
}
.carousel-projects-none .slide-item {
  display: inline-block;
  margin: 0 20px 35px;
  z-index: 1;
}
.payment-model-container:first-child,
.process-building-container:first-child {
  border-right: 1px solid #adadad;
}
.process-container {
  position: relative;
  padding-top: 100px;
}
.process-container-avatar {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  text-align: center;
  line-height: 0;
}
.process-container-avatar-pict {
  width: 100px;
}
.process-container-titles {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 15px;
}
.process-content-title {
  display: block;
  width: 50%;
  text-align: right;
  padding-right: 75px;
  color: #000;
  font: 18px "Roboto Slab Bold", Arial, Tahoma, Verdana;
  line-height: 28px;
  white-space: nowrap;
  box-sizing: border-box;
}
.process-content-container {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  padding: 6px 0;
}
.process-content-item {
  position: relative;
  width: 50%;
  box-sizing: border-box;
}
.process-centered {
  padding-left: 15px;
}
.process-content-text-wrapper {
  padding: 13px 0;
}
.process-content-color-green {
  text-align: right;
  color: #50bc45;
  padding-right: 14px;
}
.process-content-color-blue {
  color: #5997cc;
  padding-left: 14px;
}
.process-arrow,
.process-arrow-reverse {
  position: absolute;
  top: 0;
  width: 14px;
  height: 100%;
}
.process-content-color-green .process-arrow,
.process-content-color-green .process-arrow-reverse {
  right: 8px;
  background: url(../images/green-down-arr.svg) center bottom no-repeat;
}
.process-content-color-green .process-arrow-reverse {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.process-content-color-blue .process-arrow {
  left: 8px;
  background: url(../images/blue-top-arr.svg) center top no-repeat;
}
.payment-model-li,
.process-content-p {
  position: relative;
  margin-top: 8px;
}
.process-bull {
  position: absolute;
  top: 3px;
  display: block;
  width: 6px;
  padding: 6px 0;
  font-size: 20px;
  line-height: 6px;
  background: #fff;
}
.landing-content ul li:first-child,
.payment-model-li:first-child,
.process-content-p:first-child,
.react-key-services-block .xb-list ul ul li:first-child {
  margin-top: 0;
}
.process-content-color-green .process-content-p {
  padding-right: 21px;
}
.process-content-color-blue .process-content-p {
  padding-left: 21px;
}
.process-content-color-green .process-bull {
  right: -2px;
}
.process-content-color-blue .process-bull {
  left: -2px;
}
.payment-models-container {
  border-top: 1px solid #d6eafa;
  border-bottom: 1px solid #d6eafa;
  background: url(../images/bg-blue-min.png) center center no-repeat;
  background-size: cover;
}
.payment-models-container .service-caption {
  padding-bottom: 22px;
}
.payment-models-container .title-22-normal {
  padding-bottom: 25px;
}
.title-22-normal {
  font: 22px "Roboto Slab", Arial, Tahoma, Verdana;
  line-height: 20px;
  text-align: center;
  color: #000;
}
.payment-model-content {
  padding: 0 0 10px 10px;
}
.payment-model-li {
  list-style: none;
  padding-left: 20px;
}
.with-repeat-li {
  color: #b1677c;
}
.payment-model-li-marker {
  position: absolute;
  left: 0;
}
.with-repeat-li .payment-model-li-marker {
  top: 7px;
  width: 0;
  height: 0;
  padding: 10px 0 0 10px;
  overflow: hidden;
  background: url(../images/marker-arrow.svg) center center no-repeat;
}
.without-repeat-li .payment-model-li-marker {
  top: 0;
  font-size: 20px;
  color: #adadad;
}
.three-dots {
  font-size: 20px;
}
.payment-model-note-wrapper {
  position: relative;
  margin-left: 10px;
}
.payment-model-note {
  position: absolute;
  top: 20px;
  left: 0;
  font-size: 15px;
  width: 100%;
  padding: 8px 5px 8px 27px;
  background: url(../images/marker-arrow.svg) 12px 15px no-repeat #fff;
  background-size: 8px;
  box-sizing: border-box;
}
.work-process-blog {
  color: #000;
  margin-left: 10px;
  padding-top: 85px;
}
.xb-testing-content img {
  max-width: 100%;
  height: auto;
}
.staff-m-badge {
  display: block;
  width: 200px;
  height: 102px;
  background: url(../images/under-dev-img.png) center center no-repeat;
  background-size: 100%;
  position: absolute;
  top: -25px;
  right: 30px;
}
.service-caption .caption-footnote {
  display: inline-block;
  position: relative;
  top: -11px;
  margin-left: 6px;
  font-size: 2.3rem;
}
.page-case-related {
  background: #fff;
}
.page-case-related .test-rel-cases {
  padding: 45px 0 60px;
}
.page-test-post .test-rel-cases {
  padding: 45px 0 30px;
  margin-top: 50px;
}
.test-rel-cases {
  width: 100%;
  border-top: 1px solid #d9d9d9;
}
.test-rel-cases-title {
  font: 22px "Roboto Light", Arial, Tahoma, Verdana;
  line-height: 30px;
  color: #000;
  padding-bottom: 20px;
}
.test-rel-cases-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.test-rel-link {
  display: block;
  width: 32%;
  margin-left: 2%;
  text-decoration: none;
  border: 1px solid #d9d9d9;
  background-color: #fff;
  box-sizing: border-box;
}
.test-rel-link:first-child {
  margin-left: 0;
}
.test-rel-link-pict {
  position: relative;
  display: block;
  line-height: 0;
}
.test-rel-link-img {
  position: relative;
  width: 100%;
  z-index: 0;
}
.test-rel-cover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: 0 0;
  z-index: 10;
}
.test-rel-link-title {
  display: block;
  font: 15px "Roboto Light", Verdana, Arial, Tahoma;
  line-height: 22px;
  color: #000;
  padding: 14px;
  box-sizing: border-box;
}
.test-rel-link:hover {
  background-color: #2a8dd9;
}
.test-rel-link:hover .test-rel-cover {
  background-color: rgba(42, 141, 217, 0.5);
}
.test-rel-cover,
.test-rel-link,
.test-rel-link-title {
  transition: all 0.2s ease-in-out;
}
.services-carousel {
  max-width: 340px;
}
.services-carousel-link {
  display: block;
  line-height: 0;
}
.services-carousel-img {
  width: 100%;
}
.sidebar-social {
  text-align: center;
  padding: 13px 0 19px;
  border: 1px solid #d9d9d9;
}
.sidebar-social-icons {
  line-height: 0;
}
.sidebar-social-label {
  display: block;
  font: 16px "Roboto Slab Bold", Arial, Tahoma, Verdana;
  line-height: 24px;
  color: #000;
  margin-bottom: 14px;
}
.sidebar-social-link {
  display: inline-block;
  vertical-align: middle;
  width: 36px;
  height: 36px;
  margin-left: 7px;
  transition: background 0.15s ease-in-out;
}
.sidebar-social-link:hover {
  background-color: #1f93f3;
}
.sidebar-social-link:first-child,
.works-title-list li:first-child {
  margin-left: 0;
}
.sidebar-social-facebook {
  background: url(../images/social-sprite.svg) -1px -1px no-repeat #2388db;
}
.sidebar-social-linkedin {
  background: url(../images/social-sprite.svg) -152px -1px no-repeat #2388db;
}
.sidebar-social-twitter {
  background: url(../images/social-sprite.svg) -51px -1px no-repeat #2388db;
}
.sidebar-social-google-p {
  background: url(../images/social-sprite.svg) -101px -1px no-repeat #2388db;
}
.sidebar-social-pinterest {
  background: url(../images/social-sprite.svg) -251px -1px no-repeat #2388db;
}
.xb-post-facebook,
.xb-post-facebook-info {
  display: inline-block;
  vertical-align: top;
}
.xb-post-facebook-info {
  font-family: "Roboto Slab", Arial, Tahoma, Verdana;
  color: #000;
  font-size: 16px;
  line-height: 20px;
}
.xb-post-facebook {
  margin-left: 1rem;
}
.post-facebook-iframe {
  border: none;
  height: 20px;
  width: 120px;
  overflow: hidden;
}
.header-request-btn {
  display: inline-block;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  font: 20px Roboto, Arial, Tahoma, Verdana;
  border: 2px solid #fff;
  padding: 5px 28px 7px;
  margin-top: 35px;
  min-width: 170px;
  transition: all 0.2s ease-in-out;
}
.header-request-btn.mini {
  min-width: 190px;
  box-sizing: border-box;
}
.header-request-btn:active,
.header-request-btn:focus {
  color: #525252;
  background-color: #fff;
}
.thank-you-page {
  padding-bottom: 74px;
}
.thank-you-page,
.thank-you-page-aside {
  padding-top: 34px;
}
.thank-you-ant {
  position: relative;
  left: 20px;
  width: 120px;
  height: 150px;
  margin: 30px auto 48px;
  background: url(../images/antik-min.png) center center no-repeat;
}
.thank-you-page-entry,
.thank-you-page-subentry {
  color: #5b5b5b;
}
.thank-you-page-entry {
  font: 20px "Roboto Slab Bold", Arial, Tahoma, Verdana;
  padding-bottom: 10px;
}
.thank-you-list {
  padding-top: 10px;
}
.thank-you-list li {
  padding-top: 7px;
}
.thank-you-list a {
  position: relative;
  display: inline-block;
  padding-left: 8px;
  font-size: 14px;
  text-decoration: none;
}
.thank-you-list a:before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  background-color: #2381c0;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 9px;
}
.thank-you-follow {
  display: inline-block;
  vertical-align: middle;
  font-family: "Roboto Slab", Arial, Tahoma, Verdana;
  color: #000;
  font-size: 16px;
  margin-right: 15px;
}
.form-attach {
  width: 240px;
  text-align: right;
  float: right;
  line-height: 0;
  margin-top: -45px;
}
.form-attach__files {
  position: relative;
  display: inline-block;
  height: 24px;
  width: 120px;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}
.form-attach__files:hover .form-attach__icon {
  text-decoration: underline;
}
.form-attach__icon {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  height: 100%;
  padding-left: 20px;
  color: #428bca;
  font-size: 14px;
  line-height: 24px;
  background: url(../images/paper_clip_18x18.svg) left center no-repeat;
  z-index: 0;
  cursor: pointer;
}
.form-attach__icon.hidden {
  display: none;
}
.form-attach__errors {
  display: block;
  color: red;
  font-size: 11px;
  line-height: 16px;
}
.form-attach__names {
  line-height: 0;
}
.form-attach__wrapp-name {
  padding: 2px 0;
}
.form-attach__file-name {
  display: inline-block;
  max-width: 150px;
  font-size: 13px;
  line-height: 20px;
  padding-right: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  background: url(../images/icon-delete-white.svg) right 3px no-repeat;
  cursor: pointer;
}
.form-attach__file-name:hover {
  background: url(../images/icon-delete-white.svg) right -15px no-repeat;
}
.landing-page-subtitle {
  color: #e4264f;
  font-weight: 400;
  font-size: 2.5rem;
  font-family: "Roboto Slab", Arial, Tahoma, Verdana;
}
.landing-content img {
  max-width: 100%;
}
.landing-content .alignright {
  float: right;
  margin: 0 0 10px 10px;
}
.landing-content ul {
  margin-top: 1.6rem;
}
.landing-content ul li {
  list-style: none;
  padding: 0.85rem 0 0.85rem 2.3rem;
  font-size: 1.6rem;
  line-height: 2.2rem;
  background: url(../images/marker-gray.svg) left 1.6rem no-repeat;
  box-sizing: border-box;
}
.qa-form-container.landing-form-container {
  width: 100%;
  max-width: 460px;
  margin: 0 auto;
}
.qa-form-container.landing-form-container .landing-form-container-title {
  color: #000;
  font: 20px "Roboto Slab Bold", Arial, Tahoma, Verdana;
  line-height: 25px;
  padding-bottom: 20px;
}
.qa-form-container.landing-form-container .row-testing-form {
  padding-left: 0;
  margin-bottom: 25px;
}
.qa-form-container.landing-form-container .form-row-label {
  position: static;
  margin-bottom: 5px;
  display: block;
}
.qa-form-container.landing-form-container .row-testing-form-with-select {
  padding-left: 0;
  margin-bottom: 25px;
}
.qa-form-container.landing-form-container
  .row-testing-form-with-select
  .user_department {
  z-index: 1000;
}
.qa-form-container.landing-form-container .row-testing-form-with-quiz {
  padding-left: 0;
}
.qa-form-container.landing-form-container
  .row-testing-form-with-quiz
  .wpcf7-form-control-wrap {
  margin-left: 115px;
}
.qa-form-container.landing-form-container
  .row-testing-form-with-quiz
  .wpcf7-quiz-label {
  left: -115px;
}
.qa-form-container.landing-form-container .row-testing-form.hidden-row {
  display: none;
}
.react-block-wrap
  .xb-stairs-l-r
  .xb-repeater-container:nth-child(2n + 1)
  .xb-container
  > div:first-child {
  text-align: left;
}
.react-block-wrap
  .xb-stairs-l-r
  .xb-repeater-container:nth-child(2n + 1)
  .xb-container
  > div.react-block-img {
  text-align: center;
}
.when-react-bg {
  background: url(../images/when-react-bg-1.png) no-repeat left top,
    url(../images/when-react-bg-2.png) no-repeat right bottom;
}
.xb-benefits-on-react-js-dev {
  background: url(../images/benefits-on-react-js-dev.png) left top;
  padding: 2rem 0 7rem;
}
.react-js-benefits-description {
  color: #e5e5e5;
}
.choose-on-react-dev .xb-benefits-item,
.xb-benefits-on-react-js-dev .xb-benefits-item {
  padding: 3rem 1rem;
}
.react-key-services-block {
  padding-bottom: 5rem;
}
.react-key-services-block .xb-list ul ul li {
  margin-top: -12px;
}
.react-key-services-bg {
  background: center 6.6rem no-repeat;
}
.react-key-services-bg.loaded {
  background-image: url(../images/key-services-bg.png);
}
.choose-on-react-dev {
  background: center center no-repeat #2d383e;
  background-size: cover;
  padding: 2rem 0 15rem;
}
.choose-on-react-dev.loaded {
  background-image: url(../images/why-choose-bg.jpg);
}
.top-part-page--smd {
  background: url(../images/smd-bg.png) top left;
}
.smd-block-wrap .xb-stairs-l-r .xb-repeater-container:first-child {
  padding-bottom: 0;
}
.smd-block-wrap
  .xb-stairs-l-r
  .xb-repeater-container:nth-child(2n + 1)
  .xb-container
  > div:first-child {
  text-align: left;
}
.smd-key-services-bg {
  background: #fafafa;
}
.choose-on-smd {
  background: center top no-repeat #625d71;
  background-size: cover;
  padding: 2rem 0 7rem;
}
.choose-on-smd.loaded {
  background-image: url(../images/smd-whyus-bg-min.jpg);
}
.choose-on-smd .xb-benefits-item {
  padding: 3rem 1rem;
}
.top-part-page--chat-bot {
  background: url(../images/chat-bot-top-part-bg.jpg) top left no-repeat;
  background-size: cover;
}
.benefits-chat-bot-block {
  background: url(../images/chat-bot-what-bg.jpg) top left no-repeat;
  background-size: cover;
}
.benefits-chat-bot-block .benefits-emphasis {
  color: #8d8f92;
  font-family: "Roboto Italic", Arial, Tahoma, Verdana;
}
.choose-on-chat-bot {
  background: right top no-repeat #5e7da9;
  background-size: cover;
  padding: 2rem 0 7rem;
}
.choose-on-chat-bot.loaded {
  background-image: url(../images/cbd-whyus-bg-min.jpg);
}
.choose-on-chat-bot .xb-benefits-item {
  padding: 3rem 1rem;
}
.material-form-wrapper {
  background-color: #ebebeb;
}
.material-form-indent {
  margin-top: 150px;
}
.material-form {
  position: relative;
  top: -11rem;
  padding: 6.5rem 10rem;
  box-shadow: 0 3px 30px 0 rgba(0, 0, 0, 0.15);
  background-color: #fff;
}
.material-field {
  position: relative;
  margin-bottom: 35px;
}
.material-field__input {
  display: block;
  width: 100%;
  color: #5b5b5b;
  font: 16px Roboto, Arial, Tahoma, Verdana;
  padding: 8px 2px;
  border: none;
  border-bottom: 1px solid silver;
  box-sizing: border-box;
}
.material-field__input:focus {
  outline: none;
}
.material-field__input.error {
  border-bottom: 1px solid #e4264f;
}
.material-field__textarea {
  height: 39px;
  resize: none;
}
.material-field__label {
  display: block;
  color: #a9a9a9;
  font-size: 16px;
  line-height: normal;
  pointer-events: none;
  padding-left: 2px;
  position: absolute;
  top: 7px;
  left: 0;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  box-sizing: border-box;
}
.material-field__label:after {
  background-color: #2381c0;
  bottom: -1px;
  content: "";
  height: 3px;
  left: 45%;
  position: absolute;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  visibility: hidden;
  width: 10px;
}
.material-field__quiz-label {
  left: calc(50% + 35px);
  width: calc(50% - 35px);
}
.material-field .attach-file .my-attach,
.material-field--focus .material-field__label {
  color: #2381c0;
}
.material-field--focus .material-field__label:after {
  left: 0;
  visibility: visible;
  width: 100%;
}
.material-field--filled .material-field__label,
.material-field--focus .material-field__label {
  font-size: 12px;
  top: -16px;
}
.material-field--requared:after {
  content: "*";
  color: #ff214f;
  position: absolute;
  top: 7px;
  left: -15px;
}
.error-field:after,
.valid-field:after {
  content: "";
  display: inline-block;
  width: 18px;
  height: 16px;
  position: absolute;
  right: -25px;
  top: 15px;
}
.valid-field:after {
  background: url(../images/valid_check.svg) center center no-repeat;
}
.error-field:after {
  background: url(../images/valid_error.svg) center center no-repeat;
}
.material-field label.error {
  display: block;
  width: 100%;
  color: #e4264f;
  font-size: 12px;
  line-height: normal;
  position: absolute;
  left: 0;
  bottom: -20px;
}
.material-field .attachement_section {
  padding-bottom: 0;
  min-height: 35px;
}
.material-field .paper_clip_18x18 {
  position: relative;
  top: -2px;
  background: url(../images/ic_attach_file.svg) center center no-repeat;
  width: 24px;
  height: 24px;
  vertical-align: middle;
}
.material-field .file-name {
  clear: both;
}
.material-field .wpcf7-quiz-label {
  position: absolute;
  left: 0;
  top: 5px;
  display: block;
  color: #f1a2ae;
  font: 16px "Roboto Medium", Arial, Tahoma, Verdana;
  text-align: center;
  padding: 6px 20px;
  width: 50%;
  width: calc(50% - 35px);
  box-sizing: border-box;
  background: url(../images/pattern-capcha.png) #fafafa;
}
.material-field .wpcf7-quiz-label:after {
  content: "";
  display: block;
  width: 12px;
  height: 4px;
  border-top: 1px solid #a9a9a9;
  border-bottom: 1px solid #a9a9a9;
  position: absolute;
  right: -41px;
  top: 12px;
}
.material-check-label {
  position: relative;
  display: block;
  line-height: normal;
  padding-left: 28px;
  overflow: hidden;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
}
.material-check-label input {
  position: absolute;
  left: -100px;
  top: 100px;
}
.custom-material-check {
  display: inline-block;
  width: 14px;
  height: 14px;
  border: 2px solid #a9a9a9;
  border-radius: 2px;
  background-color: #fff;
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 2px;
}
.custom-material-check.checked {
  border-color: #2381c0;
  background: url(../images/checked.svg) center center/14px no-repeat #2381c0;
}
.material-capcha-field {
  margin-bottom: 45px;
}
.material-capcha-field label {
  position: relative;
  display: block;
  padding-left: 50%;
  padding-left: calc(50% + 35px);
}
.material-capcha-field .error-field:after,
.material-capcha-field .valid-field:after {
  display: none;
}
.material-pp-check {
  margin-top: -30px;
  margin-bottom: 35px;
}
.material-pp-check .wpcf7-form-control-wrap {
  line-height: normal;
  user-select: none;
}
.material-pp-check label {
  position: relative;
  overflow: hidden;
  padding-left: 28px;
  cursor: pointer;
}
.material-pp-check input,
.site-checkbox input {
  position: absolute;
  opacity: 0;
}
.material-pp-check input:checked + .wpcf7-list-item-label:before {
  border-color: #2381c0;
  background: url(../images/checked.svg) center center/14px no-repeat #2381c0;
}
.material-pp-check .wpcf7-list-item-label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 14px;
  height: 14px;
  border: 2px solid #a9a9a9;
  border-radius: 2px;
  background-color: #fff;
  cursor: pointer;
}
.material-capcha-wrapper {
  position: relative;
  display: block;
  line-height: 0;
}
.material-form-btn {
  display: inline-block;
  padding: 9px 35px;
  border: 1px solid #e4264f;
  background: #e4264f;
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
  font: 16px "Roboto", Arial, Tahoma, Verdana;
  line-height: 21px;
  transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
  cursor: pointer;
}
.material-form-btn:hover {
  color: #e4264f;
  background: #fff;
}
.material-form-btn:active {
  transform: translateY(2px);
}
.ams-carousel .slick-dots li button:focus,
.material-form-btn:focus {
  outline: none;
}
.material-contact-form {
  max-width: 630px;
  margin: 65px auto 0;
}
.material-row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -35px;
}
.material-col {
  width: 50%;
  padding: 0 35px;
  box-sizing: border-box;
}
.gray-bg {
  background-color: #f6f6f6;
}
.software-type {
  margin-top: 1rem;
  background: url(../images/school-management-small.jpg) right bottom no-repeat;
}
.software-type__block:first-child .software-type__elem {
  border-top: 4px solid #9575cd;
}
.software-type__elem {
  padding: 2.5rem;
  border-top: 4px solid #ffb74d;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff;
}
.software-type__title {
  color: #000;
  font: 2.2rem "Roboto", Arial, Tahoma, Verdana;
}
.software-type__title strong {
  font-family: "Roboto Slab Bold", Arial, Tahoma, Verdana;
}
.software-type-mobile {
  background: 0 0;
}
.software-type-mobile .software-type__block:first-child {
  margin-bottom: 3rem;
}
.offered-functionality__block:first-child .offered-functionality__list li,
.software-type-mobile
  .software-type__block:first-child
  .offered-functionality__list
  li {
  background: url(../images/marker-purple.svg) left 1.6rem no-repeat;
}
.software-type-mobile .offered-functionality__title {
  margin-top: 3rem;
}
.offered-functionality__title {
  display: block;
  text-align: center;
  color: #000;
  font: 18px "Roboto Slab Bold", Arial, Tahoma, Verdana;
  margin-bottom: 1.5rem;
}
.offered-functionality__list {
  padding: 0 2.4rem;
}
.offered-functionality__list li {
  background: url(../images/marker-orange.svg) left 1.6rem no-repeat;
}
.school-management-features {
  justify-content: center;
}
.school-management-features-wrapp {
  overflow: hidden;
}
.school-management-features__elem {
  text-align: center;
  padding: 4rem 0;
}
.school-management-features__elem--icon {
  display: block;
  line-height: 0;
  margin-bottom: 13px;
}
.school-management-features__elem--img {
  max-width: 100%;
}
.school-management-features__elem--title {
  display: block;
  font-size: 1.6rem;
  line-height: 2.2rem;
}
.school-management-features .xb-col-4:nth-child(1):after,
.school-management-features .xb-col-4:nth-child(3):after,
.school-management-features:after,
.school-management-features:before {
  content: "";
  display: block;
  width: 1px;
  height: 1000px;
  background-color: #e7e8e8;
  position: absolute;
  top: -150px;
}
.school-management-features .xb-col-4:nth-child(3):after,
.school-management-features:before {
  left: 0;
}
.school-management-features .xb-col-4:nth-child(1):after,
.school-management-features:after {
  right: 0;
}
.fleet-management {
  overflow: hidden;
}
.fleet-management__benefits {
  background: #f4f3f0;
}
.fleet-management__benefit {
  text-align: center;
  padding: 1rem 0;
}
.fleet-management__benefit-pict {
  line-height: 0;
  margin-bottom: 1rem;
}
.fleet-management__choice-content-img {
  position: absolute;
}
.fleet-management__choice-content-text {
  position: relative;
  padding: 70px 195px 70px 490px;
}
.fleet-management__choice-content
  .xb-col-12:nth-child(2n)
  .fleet-management__choice-content-text {
  padding: 70px 490px 70px 215px;
}
.fleet-management__note {
  font-size: 2.2rem;
  line-height: normal;
  padding: 2.2rem 0 2.2rem 6rem;
  background: url(../images/orange-note.svg) left center no-repeat;
}
.fleet-management__process {
  color: #fff;
  background: #26a69a;
}
.fleet-management__process .page-title {
  color: #fff;
}
.fleet-management__process-pict {
  line-height: 0;
  padding: 1rem 0 2.5rem;
}
.fleet-management__process-text {
  padding-bottom: 3rem;
}
.fleet-management__software-list {
  margin-left: 10rem;
}
.fleet-management__app-type {
  text-align: center;
  padding: 15px 0;
}
.fleet-management__app-type-pict {
  line-height: 0;
  margin-bottom: 1.5rem;
}
.fleet-management__footer {
  background: center center no-repeat;
  background-size: cover;
}
.fleet-management__footer.loaded {
  background-image: url(../images/fleet-management-footer.jpg);
}
.baloons-image {
  top: -5px;
  left: -80px;
}
.map-image {
  top: -95px;
  right: -740px;
}
.xb-chevron.fleet-management-chevron {
  padding: 10rem 0 2rem;
}
.top-part-page-wbrc {
  position: relative;
  background: url(../images/webrtc-descr-bg.png) center 58% no-repeat #f2f2f2;
  background-size: cover;
}
.webrtc-dev-info {
  border-bottom: 1px solid #e6e6e6;
}
.webrtc-dev-info__item {
  width: 50%;
  padding: 40px 30px;
  box-sizing: border-box;
}
.webrtc-dev-info__item:first-child {
  border-right: 1px solid #e6e6e6;
}
.webrtc-dev-info .font-22-slab {
  color: #f16a67;
  text-align: center;
}
.webrtc-business-bg {
  background: url(../images/webrtc-values-left.png) no-repeat left center,
    url(../images/webrtc-values-right.png) no-repeat right bottom;
}
.webrtc-business-bg .webrtc-business-content {
  padding-left: 110px;
  padding-right: 110px;
}
.webrtc-advatages-bg {
  background: center center no-repeat #fafafa;
}
.webrtc-advatages-bg.loaded {
  background-image: url(../images/advantages-bg.png);
}
.webrtc-advatage {
  width: 50%;
  box-sizing: border-box;
  padding: 0 30px 20px 55px;
  position: relative;
  margin-top: 20px;
}
.webrtc-advantage-icon {
  position: absolute;
  left: 0;
  top: -5px;
}
.webrtc-advantage-icon__path,
.webrtc-advantage-icon__svg {
  width: 36px;
  height: 36px;
}
.webrtc-advantage-icon__path {
  fill: #ef5350;
}
.webrtc-video-bg {
  background: center center no-repeat #fafafa;
  background-size: cover;
}
.webrtc-video-bg.loaded {
  background-image: url(../images/webrtc-video-bg.jpg);
}
@media screen and (max-width: 1024px) {
  .webrtc-video-bg.loaded {
    background-image: none;
  }
}
.webrtc-cases-section {
  padding-bottom: 16.5rem;
}
.webrtc-features ul {
  display: inline-block;
  text-align: left;
  margin-top: 15px;
}
.advantage-list-col {
  padding: 0 0 5px 50px;
  position: relative;
  margin-top: 20px;
}
.advantage-list-icon {
  position: absolute;
  left: -2px;
  top: -5px;
}
.advantage-list-icon__path,
.advantage-list-icon__svg {
  width: 36px;
  height: 36px;
}
.advantage-list-icon__path-orange {
  fill: #ef5350;
}
.advantage-list-icon__path-turquoise {
  fill: #68a6b6;
}
.advantage-list-icon__path-blue {
  fill: #446ab3;
}
.advantage-list-icon__path-light {
  fill: #ddd;
}
.works-title-list {
  margin: 1.7rem 0 2.5rem;
  font-size: 1.8rem;
  list-style-type: none;
}
.works-title-list li {
  display: inline-block;
  vertical-align: top;
  padding: 3px 0 3px 39px;
  position: relative;
  margin-left: 15%;
}
.works-title-list li:before {
  content: "";
  display: block;
  width: 25px;
  height: 25px;
  background: url(../images/check-advantages-small.svg) no-repeat center center;
  position: absolute;
  left: 0;
  top: 0;
}
.works-table {
  font-size: 1.4rem;
  line-height: 1.6rem;
}
.works-table-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.works-table-cell {
  width: 33.3%;
  padding: 8px 15px;
  text-align: center;
  box-sizing: border-box;
}
.works-table-body .works-table-cell:first-child,
.works-table-header {
  font-family: "Roboto Medium", Arial, Tahoma, Verdana;
  font-weight: 400;
}
.works-table-header {
  font-size: 1.6rem;
}
.works-table-body .works-table-cell:first-child {
  font-size: 1.5rem;
  min-height: 53px;
}
.works-table-header .works-table-cell:nth-child(3n + 1) {
  border-bottom: 5px solid #c65c7f;
}
.works-table-header .works-table-cell:nth-child(3n + 2) {
  border-bottom: 5px solid #88c5cc;
}
.works-table-header .works-table-cell:nth-child(3n) {
  border-bottom: 5px solid #ffaa57;
}
.works-table-body .works-table-row {
  border-bottom: 1px solid #dcdcdc;
}
.works-table-body .works-table-cell {
  border-right: 1px solid #dcdcdc;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.works-table-body .works-table-cell span {
  display: block;
  width: 100%;
}
.works-table-body
  .works-table-row:nth-child(3n + 1)
  .works-table-cell:first-child {
  border-left: 5px solid #88c5cc;
}
.works-table-body .works-table-row:nth-child(3n) .works-table-cell:first-child {
  border-left: 5px solid #c65c7f;
}
.works-table-body
  .works-table-row:nth-child(3n + 2)
  .works-table-cell:first-child {
  border-left: 5px solid #ffaa57;
}
.payment-process-block {
  background: #f1f1f1;
}
.time-materials-block .xb-container {
  background: url(../images/how-work-1-left-min.png) no-repeat left top,
    url(../images/how-work-1-right-min.png) no-repeat right top;
}
.font-24-slab {
  color: #5b5b5b;
  font-weight: 400;
  font-size: 2.4rem;
  font-family: "Roboto Slab", Arial, Tahoma, Verdana;
  line-height: 3rem;
}
.works-block {
  padding: 8.8rem 0 2.8rem;
  position: relative;
}
.works-block:before {
  content: "";
  display: block;
  width: 3px;
  height: 70px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -1.5px;
}
.works-block:first-child {
  padding-top: 0;
}
.works-block:first-child:before {
  display: none;
}
.works-block .font-24-slab {
  text-align: center;
  padding-bottom: 3.5rem;
  position: relative;
}
.works-block .font-24-slab:after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  position: absolute;
  bottom: 12px;
  left: 50%;
  margin-left: -5px;
}
.works-block-tm .font-24-slab:after,
.works-block-tm:before {
  background: #88c5cc;
}
.fixed-price-block {
  background: #f1f1f1;
}
.fixed-price-block .xb-container {
  background: url(../images/how-work-2-left-min.png) no-repeat left top,
    url(../images/how-work-2-right-min.png) no-repeat right top;
}
.works-block-fp .font-24-slab:after,
.works-block-fp:before {
  background: #ffaa57;
}
.fp-types-subtitle {
  font-family: "Roboto Medium", Arial, Tahoma, Verdana;
  font-weight: 400;
  font-size: 1.8rem;
}
.fp-types-list {
  list-style-type: none;
  margin-top: 1.7rem;
}
.fp-types-list li {
  padding: 0 0 0 30px;
  position: relative;
}
.fp-types-list li:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  position: absolute;
  top: 6px;
  left: 0;
  background: #ffaa57;
}
.fp-types-list .fp-types-list-subtitle {
  font-family: "Roboto Medium", Arial, Tahoma, Verdana;
  font-weight: 400;
}
.works-links-block {
  margin-top: 1.5rem;
  line-height: 3.1rem;
}
.works-links-block .works-links-title {
  font-family: "Roboto Slab", Arial, Tahoma, Verdana;
  font-weight: 400;
  font-size: 1.8rem;
}
.works-links-block .works-link {
  font-family: "Roboto Medium", Arial, Tahoma, Verdana;
  font-weight: 400;
  color: #336cb1;
  position: relative;
  padding-left: 30px;
}
.works-links-block .works-link:before {
  content: "";
  display: block;
  width: 21px;
  height: 15px;
  background: url(../images/arrow-blue.png) no-repeat center center;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -7px;
}
.works-choose-block .xb-list ul {
  color: #000;
  margin-left: 3rem;
}
.works-choose-block .xb-list ul li {
  background: url(../images/marker-pink.svg) left 1.6rem no-repeat;
}
.agile-met-block {
  background: url(../images/how-work-4bg.jpg) no-repeat center bottom;
  background-size: cover;
  color: #fff;
}
.agile-met-block .xb-list ul {
  display: inline-block;
  text-align: left;
  max-width: 600px;
}
.agile-met-block .xb-list ul li {
  background: url(../images/check-blue.svg) left 0.6rem no-repeat;
  padding-left: 4.3rem;
}
.solutions-main {
  padding-bottom: 350px;
  background: center bottom no-repeat #fafafa;
}
.solutions-main.loaded {
  background-image: url(../images/solutions-footer-bg-min.jpg);
}
.solutions-wrapp {
  padding: 90px 0 100px;
}
.solutions-row {
  position: relative;
  padding-left: 33%;
  margin-top: 10rem;
}
.solutions-row:first-child,
.solutions-row__content li:first-child {
  margin-top: 0;
}
.solutions-row__img {
  position: absolute;
  left: 0;
  top: -20px;
  z-index: 0;
  max-width: 410px;
}
.solutions-row__preview {
  position: relative;
  padding: 25px;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.16);
  background: #fff;
  z-index: 10;
}
.solutions-row__title {
  font: 24px "Roboto Slab", Arial, Tahoma, Verdana;
  margin-bottom: 24px;
}
.solutions-row__link,
.solutions-row__more-link {
  color: #404040;
  text-decoration: none;
  transition: color 0.15s ease-in-out;
}
.solutions-row__link:hover,
.solutions-row__more-link:hover {
  color: #2381c0;
}
.solutions-row__content ul {
  margin-top: 1.6rem;
}
.solutions-row__content li {
  position: relative;
  list-style: none;
  padding-left: 16px;
  margin-top: 1.2rem;
}
.solutions-row__content li:before {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  background: #cdcdcd;
  border-radius: 4px;
  position: absolute;
  left: 0;
  top: 10px;
}
.solutions-row__more-link {
  display: inline-block;
  text-transform: uppercase;
  color: #91c0df;
  font-size: 10px;
  transform: rotate(-90deg);
  position: absolute;
  left: -50px;
  bottom: 30px;
}
.solutions-row:nth-child(2n) {
  padding-left: 0;
  padding-right: 33%;
}
.solutions-row:nth-child(2n) .solutions-row__img {
  left: auto;
  right: 0;
}
.solutions-row:nth-child(2n) .solutions-row__more-link {
  left: auto;
  right: -50px;
}
.solutions-row__anchor {
  position: absolute;
  top: -100px;
  left: 0;
}
@media screen and (max-width: 850px) {
  .solutions-wrapp {
    padding-top: 50px;
  }
  .solutions-row {
    padding: 0;
  }
  .solutions-row__img {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin: 10px auto;
    max-width: 350px;
  }
  .solutions-row:nth-child(2n) {
    padding: 0;
  }
  .solutions-row:nth-child(2n) .solutions-row__more-link {
    left: auto;
    right: auto;
  }
  .solutions-row__more-link {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    font-size: 12px;
    margin-top: 10px;
    transform: rotate(0deg);
  }
}
@media screen and (max-width: 660px) {
  .solutions-wrapp {
    padding: 50px 0;
  }
  .solutions-row__title {
    font-size: 20px;
  }
  .solutions-main {
    padding: 0;
  }
}
@media screen and (max-width: 480px) {
  .solutions-main {
    padding-bottom: 0;
  }
  .solutions-row__title {
    margin-bottom: 15px;
  }
  .solutions-row__img {
    width: 60%;
  }
}
.comment-reply-link,
.more-btn {
  display: inline-block;
  border: 1px solid #91c0df;
  color: #2381c0;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 21px;
  text-align: center;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
.more-btn {
  min-width: 190px;
  padding: 9px 10px 10px;
  box-sizing: border-box;
}
.more-btn.colored {
  color: #fff;
  border: 1px solid #2381c0;
  background: #2381c0;
}
.more-btn.colored:hover {
  border-color: #1f93f3;
  background: #1f93f3;
}
.with-small-font {
  width: auto;
  padding: 9px 15px 10px;
}
.comment-reply-link {
  padding: 5px 15px;
  margin-top: 20px;
}
.request-btn {
  text-decoration: none;
  padding: 7px 15px 6px;
}
.link-to-pdf {
  padding: 10px 80px;
}
.site-btn,
.std-btn {
  display: inline-block;
  color: #fff;
  line-height: 1.5;
  text-transform: uppercase;
  text-decoration: none;
}
.site-btn {
  font: 16px "Roboto Bold", Arial, Tahoma, Verdana;
  background: #7e97d8;
  padding: 11px 32px 10px;
  transition: background 0.15s ease-in-out;
}
.site-btn.ams-benefits-btn,
.site-btn.ams-btn,
.site-btn.pm-btn {
  min-width: 293px;
  box-sizing: border-box;
}
.site-btn.pm-btn {
  background: #4caabe;
}
.site-btn.pm-btn:hover {
  background: #489daf;
}
.site-btn.ams-btn {
  background: #26b4da;
}
.site-btn.ams-btn:hover {
  background: #28abcf;
}
.site-btn.ams-benefits-btn {
  color: #ad8bc0;
  background: #fff;
}
.site-btn.ams-benefits-btn:hover {
  background: #fafafa;
}
.site-btn.oss-dev-btn {
  background: #3bb878;
}
.site-btn.oss-dev-btn:hover {
  background: #3ab074;
}
.site-btn:hover {
  background: #7790d0;
}
.site-btn:active {
  transform: translateY(2px);
}
.std-btn {
  font-size: 14px;
  padding: 6px 15px 7px;
  border: 1px solid #e4264f;
  background: #e4264f;
  cursor: pointer;
  transition: background 0.15s ease;
}
.std-btn:hover {
  background: #d9234a;
}
.std-btn:active {
  transform: translateY(2px);
}
.free-consultation-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.free-consultation-bg__left,
.free-consultation-bg__right {
  width: 50%;
  height: 100%;
  float: left;
}
.free-consultation-bg__left {
  background: #fafafa;
}
.free-consultation-bg__right {
  background: url(../images/free-consultation-bg.jpg) top center no-repeat;
  background-size: cover;
}
.xb-contact-form--consultation {
  padding: 20px 25px 30px;
  margin: 40px 0;
  min-height: 0;
  max-width: 460px;
  border: none;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08), 0 3px 7px 0 rgba(0, 0, 0, 0.16);
  background: rgba(255, 255, 255, 0.9);
  box-sizing: border-box;
}
.xb-contact-form--consultation .form-row {
  padding-left: 25px;
}
.xb-contact-form--consultation .form-row.required-field:before {
  left: 0;
}
.xb-contact-form--consultation .form-row:hover .contacts-textarea {
  padding: 6px 0 9px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 2px solid #e4264f;
}
.xb-contact-form--consultation .contacts-textarea {
  border-top: none;
  border-left: none;
  border-right: none;
  padding: 6px 0 10px;
}
.xb-contact-form--consultation .contacts-textarea:focus {
  padding: 6px 0 9px;
  border-bottom: 2px solid #e4264f;
}
.form-consultation-block {
  font-size: 16px;
  line-height: 1.5;
  z-index: 10;
}
.free-consultation-select .xb-custom-select {
  background: url(../images/v-select-dropdown.svg) 103% center no-repeat;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid silver;
}
.free-consultation-select .xb-custom-select-value {
  padding: 8px 0;
}
@media (max-width: 1024px) {
  .free-consultation-bg {
    display: none;
  }
  .form-consultation-block {
    background: url(../images/free-consultation-bg.jpg) top center no-repeat;
    background-size: cover;
  }
}
@media (max-width: 960px) {
  .form-consultation-block {
    padding-bottom: 3rem;
  }
}
.free-consultation-btn {
  display: inline-block;
  color: #fff;
  font-size: 1.9rem;
  line-height: 2.4rem;
  text-decoration: none;
  padding: 1.4rem 2.8rem;
  border: 1px solid #e4264f;
  background: #e4264f;
  transition: color 0.15s ease-in-out, background 0.15s ease-in-out;
}
.free-consultation-btn:hover {
  background: #d9234a;
}
.free-consultation-btn:active {
  transform: translateY(2px);
}
.master-comment {
  position: relative;
  padding-left: 215px;
  color: #292929;
  margin: 30px 0;
}
.master-comment__ava {
  position: absolute;
  left: 0;
  top: 0;
  line-height: 0;
}
.master-comment__pict {
  width: 200px;
}
.master-comment__title {
  font-family: "Roboto Medium", Arial, Tahoma, Verdana;
  padding-bottom: 10px;
}
.master-comment__text {
  font-family: "Roboto Italic", Arial, Tahoma, Verdana;
  padding: 10px 20px;
  border-left: 5px solid #eee;
}
@media screen and (max-width: 1024px) {
  .master-comment {
    padding-left: 175px;
  }
  .master-comment__pict {
    width: 150px;
  }
}
@media screen and (max-width: 660px) {
  .master-comment {
    padding-left: 115px;
  }
  .master-comment__pict {
    width: 100px;
  }
  .master-comment__text {
    padding: 0 10px;
    border-left: 3px solid #eee;
  }
}
@media screen and (max-width: 480px) {
  .master-comment {
    padding-left: 0;
  }
  .master-comment__ava {
    position: relative;
    text-align: center;
    padding-bottom: 10px;
  }
  .master-comment__pict {
    margin: 0 auto;
  }
}
.faq-title {
  color: #565656;
  font-size: 0;
  white-space: nowrap;
}
.faq-title__icon,
.faq-title__label {
  display: inline-block;
  vertical-align: middle;
}
.faq-title__icon {
  margin-right: 26px;
  border-radius: 50px;
  background: #0fa8a9;
}
.faq-title__path,
.faq-title__svg {
  width: 50px;
  height: 50px;
}
.faq-title__path {
  fill: #f6f6f6;
}
.faq-title__label {
  font-size: 2.4rem;
  font-family: "Roboto Slab", Arial, Tahoma, Verdana;
  line-height: 1.2;
  white-space: normal;
}
.faq-questions {
  padding: 0 24px;
}
.faq-question {
  color: #565656;
  margin-top: -1px;
  border: 1px solid #dedede;
  background: #fff;
  cursor: pointer;
  transition: all 0.4s ease;
  transform: translateZ(0);
}
.faq-question:first-child {
  margin-top: 0;
}
.faq-question.active {
  margin-top: 14px;
  margin-bottom: 14px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08), 0 3px 7px 0 rgba(0, 0, 0, 0.08);
}
.faq-question.active + .active {
  margin-top: -1px;
}
.faq-question.active:first-child,
.faq-question__body-inside p:first-child {
  margin-top: 0;
}
.faq-question.active:last-child {
  margin-bottom: 0;
}
.faq-question.active .faq-question__icon {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.faq-question__head {
  position: relative;
  font-size: 0;
  padding: 0 225px 0 42px;
  height: 88px;
}
.faq-question__head:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.faq-question__title {
  display: inline-block;
  vertical-align: middle;
  font: 18px "Roboto", Arial, Tahoma, Verdana;
}
.faq-question__icon {
  position: absolute;
  right: 33px;
  top: 50%;
  margin-top: -4px;
  transition: transform 0.2s ease;
}
.faq-question__icon-svg,
.faq-question__icon-use {
  width: 15px;
  height: 9px;
}
.faq-question__icon-use {
  fill: #565656;
}
.faq-question__body {
  height: 0;
  overflow: hidden;
  opacity: 0;
  transform: translateZ(0);
  transition: all 0.4s ease;
}
.faq-question__body.active {
  opacity: 1;
}
.faq-question__body-inside {
  padding: 0 42px;
  font: 16px/1.6 "Roboto Light", Arial, Tahoma, Verdana;
}
.faq-question__body-inside p {
  margin-top: 26px;
}
.faq-question__body-inside ul li {
  position: relative;
  padding-left: 20px;
}
.faq-question__body-inside ul li:before {
  content: "\2022";
  position: absolute;
  left: 0;
  top: 10px;
  font-size: 20px;
  line-height: 5px;
}
.faq-question__body-inside ol {
  margin-top: 10px;
}
.faq-question__body-inside li {
  margin-left: 16px;
  list-style: none;
}
.faq-question__body-inside a:hover {
  text-decoration: none;
}
.faq-page-footer {
  color: #565656;
  font: 18px/1.5 "Roboto Light", Arial, Tahoma, Verdana;
}
@media screen and (max-width: 1024px) {
  .faq-question__head {
    height: auto;
    padding: 15px 80px 15px 20px;
  }
  .faq-question__head:before {
    display: none;
  }
  .faq-question__body-inside {
    padding: 0 20px;
  }
  .faq-question__body-inside p {
    margin-top: 20px;
  }
}
@media screen and (max-width: 660px) {
  .faq-title__icon {
    margin-right: 15px;
  }
  .faq-title__path,
  .faq-title__svg {
    width: 35px;
    height: 35px;
  }
  .faq-questions {
    padding: 0;
  }
  .faq-page-footer,
  .faq-question__title {
    font-size: 16px;
  }
  .faq-question__body-inside {
    font-size: 14px;
  }
}
@media screen and (max-width: 480px) {
  .faq-question__head {
    padding-right: 40px;
  }
  .faq-question__icon {
    right: 15px;
  }
}
.work-elem {
  text-align: center;
  text-decoration: none;
}
.work-elem__pict {
  display: block;
  line-height: 0;
}
.work-elem__img {
  max-width: 100%;
  height: auto;
}
.work-elem__title {
  display: block;
  color: #292929;
  font: 16px "Roboto Medium", Arial, Tahoma, Verdana;
  margin-top: 10px;
}
.work-elem:hover .work-elem__title {
  color: #2381c0;
}
.work-screens {
  text-align: center;
  line-height: 0;
}
.work-screens__pict {
  position: relative;
  display: inline-block;
  line-height: 0;
}
.work-screens__pict :hover {
  cursor: zoom-in;
}
.work-screens__img {
  max-width: 100%;
  height: auto;
}
.intro-webix-bg {
  position: relative;
  background: url(../images/bg-triangle.png) center bottom no-repeat #f6f6f6;
}
.webix-dev-title {
  display: block;
  color: #6e4390;
  font: 24px "Roboto Slab", Arial, Tahoma, Verdana;
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;
}
.webix-phone {
  position: absolute;
  right: 0;
  top: -15px;
}
.webix-checklist {
  max-width: 435px;
}
.webix-checklist__row {
  color: #010101;
  font: 16px "Roboto Slab", Arial, Tahoma, Verdana;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 35px;
}
.webix-checklist__row:first-child {
  padding-top: 0;
}
.webix-checklist__label {
  padding-left: 35px;
}
.webix-check-svg,
.webix-check-use {
  width: 36px;
  height: 36px;
}
.webix-check-use {
  fill: #7944aa;
}
.webix-customization {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.webix-customization__content {
  font: 24px "Roboto Light", Arial, Tahoma, Verdana;
  line-height: 36px;
  padding-left: 75px;
}
.webix-apps {
  display: inline-block;
  text-align: left;
}
.webix-apps.active .webix-apps__content,
.webix-apps.active .webix-apps__next,
.webix-apps.active .webix-apps__prev {
  opacity: 1;
}
.webix-apps.active .webix-apps__footer {
  opacity: 1;
  transform: translateY(0) translateZ(0);
  -webkit-transform: translateY(0) translateZ(0);
}
.webix-apps__body {
  position: relative;
  border: 1px solid #c0bebe;
  border-radius: 8px;
  background: #ddd;
}
.webix-apps__head {
  height: 35px;
  border-radius: 8px 8px 0 0;
  background: url(../images/browser-head.png) left center no-repeat #f0f0f0;
}
.webix-apps__content,
.webix-apps__slide {
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
}
.webix-apps__content {
  border-radius: 0 0 8px 8px;
  opacity: 0;
  position: relative;
  transition: opacity 0.3s ease-in-out;
}
.webix-apps__slide {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  visibility: hidden;
  transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
}
.webix-apps__slide.loaded-pict:first-child {
  position: relative;
  visibility: visible;
}
.webix-apps__slide.hidden {
  visibility: hidden;
}
.webix-apps__slide.hidden .webix-apps__pict {
  opacity: 0;
  transform: scale(0) translateY(0) translateZ(0);
  -webkit-transform: scale(0) translateY(0) translateZ(0);
}
.webix-apps__slide.hidden .webix-apps__link {
  opacity: 0;
  transform: translateX(0) translateZ(0);
  -webkit-transform: translateX(0) translateZ(0);
}
.webix-apps__slide.active {
  position: relative;
  visibility: visible;
}
.webix-apps__slide.active .webix-apps__pict {
  opacity: 1;
  transform: scale(1) translateY(0) translateZ(0);
  -webkit-transform: scale(1) translateY(0) translateZ(0);
}
.webix-apps__slide.active .webix-apps__link {
  opacity: 1;
  transform: translateY(0) translateZ(0);
  -webkit-transform: translateY(0) translateZ(0);
}
.webix-apps__link {
  position: absolute;
  bottom: 35px;
  left: -1px;
  font: 26px "Roboto Light", Arial, Tahoma, Verdana;
  color: #fff;
  text-decoration: none;
  padding: 18px 40px;
  background: rgba(67, 55, 104, 0.8);
  opacity: 0;
  transform: translateY(20px) translateZ(0);
  -webkit-transform: translateY(20px) translateZ(0);
  transition: opacity 0.6s ease, visibility 0.6s ease, transform 0.6s ease;
}
.webix-apps__pict {
  line-height: 0;
  padding: 9px 18px 0;
  opacity: 0;
  transform: scale(1.05) translateY(-20px) translateZ(0);
  -webkit-transform: scale(1.05) translateY(-20px) translateZ(0);
  transition: opacity 0.8s ease, visibility 0.8s ease, transform 0.8s ease;
}
.webix-apps__img {
  display: block;
  max-width: 100%;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
}
.webix-apps__footer {
  font-size: 0;
  text-align: center;
  margin-top: 10px;
  opacity: 0;
  transform: translateY(10px) translateZ(0);
  -webkit-transform: translateY(10px) translateZ(0);
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.webix-apps__dot {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 0 8px;
  border-radius: 10px;
  background: #d8d8d8;
  transition: background 0.15s ease;
  cursor: pointer;
}
.webix-apps__dot:active {
  transform: translateY(1px);
  -webkit-transform: translateY(1px);
}
.webix-apps__dot.active {
  background: #bfbfbf;
}
.webix-apps__next,
.webix-apps__prev {
  position: absolute;
  top: 50%;
  margin-top: -60px;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  width: 60px;
  height: 120px;
  opacity: 0;
  cursor: pointer;
  transition: opacity 0.3s ease;
}
.webix-apps__next:after,
.webix-apps__next:before,
.webix-apps__prev:after,
.webix-apps__prev:before {
  content: "";
  width: 34px;
  height: 3px;
  background: #969696;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -2px 0 0 -17px;
}
.webix-apps__prev {
  left: -60px;
}
.webix-apps__prev:after,
.webix-apps__prev:before {
  border-radius: 0 6px 6px 0;
  transform-origin: left center;
  -webkit-transform-origin: left center;
}
.webix-apps__prev:before {
  transform: rotate(-45deg) translateY(1px);
  -webkit-transform: rotate(-45deg) translateY(1px);
}
.webix-apps__prev:after {
  transform: rotate(45deg) translateY(-1px);
  -webkit-transform: rotate(45deg) translateY(-1px);
}
.webix-apps__prev:active {
  transform: translateX(-2px) translateZ(0);
  -webkit-transform: translateX(-2px) translateZ(0);
}
.webix-apps__next {
  right: -60px;
}
.webix-apps__next:after,
.webix-apps__next:before {
  border-radius: 6px 0 0 6px;
  transform-origin: right center;
  -webkit-transform-origin: right center;
}
.webix-apps__next:before {
  transform: rotate(45deg) translateY(1px);
  -webkit-transform: rotate(45deg) translateY(1px);
}
.webix-apps__next:after {
  transform: rotate(-45deg) translateY(-1px);
  -webkit-transform: rotate(-45deg) translateY(-1px);
}
.webix-apps__next:active {
  transform: translateX(2px) translateZ(0);
  -webkit-transform: translateX(2px) translateZ(0);
}
.webix-projects {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.webix-project {
  display: block;
  padding: 13px;
}
.webix-project__link {
  display: block;
  height: 100%;
  text-decoration: none;
  width: 350px;
  border: 1px solid #c5c4c4;
  background: #fff;
}
.webix-project__link:hover .webix-project__title {
  color: #2381c0;
}
.webix-project__link:active {
  transform: translateY(1px);
  -webkit-transform: translateY(1px);
}
.webix-project__pict {
  display: block;
  line-height: 0;
}
.webix-project__img {
  max-width: 100%;
}
.webix-project__body {
  display: block;
}
.webix-project__content {
  display: block;
  text-align: center;
  padding: 23px 12px 15px;
}
.webix-project__title {
  display: block;
  color: #000;
  font: 14px "Roboto Slab", Arial, Tahoma, Verdana;
  line-height: 18px;
  transition: color 0.15s ease-in-out;
}
.webix-project__text {
  display: block;
  color: #757575;
  font-size: 13px;
  line-height: 16px;
  text-align: left;
  margin-top: 7px;
}
.webix-case,
.webix-case__contents,
.webix-case__picts {
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
}
.webix-case {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.webix-case__contents,
.webix-case__picts {
  position: relative;
}
.webix-case__picts {
  width: 50%;
}
.webix-case__contents {
  max-width: 575px;
}
.webix-case__content,
.webix-case__pict {
  position: absolute;
  left: 0;
  top: 0;
  visibility: hidden;
  width: 100%;
  transition: opacity 1s ease-in-out, visibility 1s ease-in-out,
    transform 1s ease-in-out;
}
.webix-case__content.loaded-case:first-child,
.webix-case__pict.loaded-case:first-child {
  position: relative;
  visibility: visible;
}
.webix-case__pict {
  opacity: 0;
  transform: translateX(-50%) translateZ(0);
  -webkit-transform: translateX(-50%) translateZ(0);
}
.webix-case__pict-link {
  display: block;
  line-height: 0;
}
.webix-case__img {
  width: 100%;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
}
.webix-case__body {
  position: relative;
  font-size: 18px;
}
.webix-case__content {
  padding-left: 80px;
  box-sizing: border-box;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
}
.webix-case__title {
  font-size: 32px;
  padding: 60px 0 15px;
  opacity: 0;
  transform: translateX(100px) translateZ(0);
  -webkit-transform: translateX(100px) translateZ(0);
}
.webix-case__title-link {
  display: inline-block;
  color: #303030;
  text-decoration: none;
  transition: color 0.15s ease-in-out;
}
.webix-case__title-link:hover {
  color: #2381c0;
}
.webix-case__text {
  opacity: 0;
  transform: translateX(100px) translateZ(0);
  -webkit-transform: translateX(100px) translateZ(0);
}
.webix-case__comment,
.webix-case__nav {
  opacity: 0;
  transform: translateY(30px) translateZ(0);
  -webkit-transform: translateY(30px) translateZ(0);
}
.webix-case__comment {
  margin-top: 50px;
  position: relative;
}
.webix-case__nav {
  position: absolute;
  right: 0;
  bottom: 35px;
  font-size: 0;
  line-height: 0;
  user-select: none;
  transition: opacity 1s ease-in-out 0.4s, transform 1s ease-in-out 0.4s;
}
.webix-case__dot {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0 8px;
  border-radius: 10px;
  background: #e0e0e0;
  transition: background 0.15s ease;
  cursor: pointer;
}
.webix-case__dot:active {
  transform: translateY(1px);
  -webkit-transform: translateY(1px);
}
.webix-case__dot.active {
  background: #bfbfbf;
}
.webix-cases.active .webix-case__nav {
  opacity: 1;
  transform: translateY(0) translateZ(0);
  -webkit-transform: translateY(0) translateZ(0);
}
.webix-case__pict.active {
  opacity: 1;
  transform: translateX(0) translateZ(0);
  -webkit-transform: translateX(0) translateZ(0);
}
.webix-case__pict.active.hidden {
  opacity: 0;
  position: absolute;
  transition: opacity 0.3s ease-in-out;
}
.webix-case__content.active,
.webix-case__pict.active {
  position: relative;
  visibility: visible;
  z-index: 10;
}
.webix-case__content.active .webix-case__text,
.webix-case__content.active .webix-case__title {
  visibility: visible;
  opacity: 1;
  transform: translateX(0) translateZ(0);
  -webkit-transform: translateX(0) translateZ(0);
}
.webix-case__content.active .webix-case__title {
  transition: opacity 1s ease-in-out, visibility 1s ease-in-out,
    transform 1s ease-in-out;
}
.webix-case__content.active .webix-case__text {
  transition: opacity 1s ease-in-out 0.2s, visibility 1s ease-in-out 0.2s,
    transform 1s ease-in-out 0.2s;
}
.webix-case__content.active .webix-case__comment {
  visibility: visible;
  opacity: 1;
  transform: translateY(0) translateZ(0);
  -webkit-transform: translateY(0) translateZ(0);
  transition: opacity 1s ease-in-out 0.4s, visibility 1s ease-in-out,
    transform 1s ease-in-out 0.4s;
}
.webix-case__content.active.hidden {
  opacity: 0;
  position: absolute;
  transition: opacity 0.3s ease-in-out;
}
.work-help-block {
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.work-help-block,
.work-help-head-wrapp {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.work-help-head {
  margin-left: 30px;
}
.work-help-head:first-child {
  margin-left: 0;
}
.work-help-pict-frame {
  position: absolute;
  left: 5px;
  top: 5px;
  right: 5px;
  bottom: 5px;
  border: 4px solid #fff;
}
.work-help-name {
  display: block;
  margin-top: 10px;
  color: #474747;
  font: 15px "Roboto Italic", Arial, Tahoma, Verdana;
  text-align: center;
}
.work-help-body {
  padding-left: 80px;
  -webkit-flex: 100;
  -ms-flex: 100;
  flex: 100;
}
.work-help-descr {
  color: #191919;
  font: 20px "Roboto Slab", Arial, Tahoma, Verdana;
}
@media (max-width: 1700px) {
  .webix-case__nav {
    bottom: 0;
  }
}
@media (max-width: 1600px) {
  .webix-case__title {
    padding-top: 30px;
  }
}
@media (max-width: 1500px) {
  .webix-case__nav {
    bottom: -30px;
    right: auto;
    left: 0;
    transform: translateX(-50%) translateY(30px) translateZ(0);
    -webkit-transform: translateX(-50%) translateY(30px) translateZ(0);
  }
  .webix-cases.active .webix-case__nav {
    transform: translateX(-50%) translateY(0) translateZ(0);
    -webkit-transform: translateX(-50%) translateY(0) translateZ(0);
  }
}
@media (max-width: 1400px) {
  .webix-case__body {
    font-size: 16px;
  }
  .webix-case__content {
    padding-left: 40px;
  }
  .webix-case__title {
    font-size: 26px;
    padding-top: 15px;
  }
  .webix-case__comment {
    margin-top: 30px;
  }
}
@media (max-width: 1179px) {
  .webix-case {
    display: block;
    text-align: center;
  }
  .webix-case__picts {
    width: auto;
  }
  .webix-case__pict-link {
    display: inline-block;
  }
  .webix-case__img {
    max-width: 640px;
  }
  .webix-case__body {
    display: inline-block;
  }
  .webix-case__contents {
    display: inline-block;
    max-width: 640px;
    text-align: left;
  }
  .webix-case__content {
    padding-left: 0;
  }
  .webix-case__title {
    padding-top: 35px;
  }
  .webix-case__nav {
    bottom: auto;
    top: 10px;
    left: auto;
    right: 0;
    transform: translateX(0) translateY(30px) translateZ(0);
    -webkit-transform: translateX(0) translateY(30px) translateZ(0);
  }
  .webix-cases.active .webix-case__nav {
    transform: translateX(0) translateY(0) translateZ(0);
    -webkit-transform: translateX(0) translateY(0) translateZ(0);
  }
  .webix-customization__img {
    max-width: 200px;
    height: auto;
  }
  .webix-customization__content {
    font-size: 20px;
    line-height: 28px;
    padding-left: 55px;
  }
}
@media (max-width: 960px) {
  .webix-apps {
    margin: 0 60px;
  }
  .webix-apps__img {
    height: auto;
  }
  .webix-checklist__label {
    padding-left: 15px;
  }
  .webix-phone__img {
    max-width: 170px;
  }
  .work-help-head img {
    max-width: 170px;
    width: 100%;
  }
  .work-help-pict-frame {
    border-width: 2px;
  }
  .work-help-body {
    padding-left: 50px;
  }
  .work-help-descr {
    font-size: 18px;
  }
}
@media (max-width: 770px) {
  .webix-project__link {
    width: 250px;
  }
  .webix-project__img {
    height: auto;
  }
  .webix-project__content {
    padding: 15px 12px;
  }
  .webix-apps__link {
    font-size: 22px;
    padding: 10px 20px;
  }
}
@media (max-width: 660px) {
  .webix-case__body {
    padding: 0 15px;
  }
  .webix-apps__pict {
    padding: 5px 5px 0;
  }
  .webix-apps__body {
    border-radius: 5px;
  }
  .webix-apps__head {
    height: 20px;
    border-radius: 5px 5px 0 0;
    background-size: 400px;
  }
  .webix-projects {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .webix-phone {
    position: relative;
    top: 0;
    text-align: center;
    padding-bottom: 15px;
  }
  .webix-checklist__row {
    padding-top: 15px;
  }
  .webix-customization__img {
    max-width: 120px;
  }
  .webix-customization__content {
    font-size: 16px;
    line-height: 24px;
    padding-left: 30px;
  }
  .work-help-body {
    padding-left: 30px;
  }
  .work-help-descr {
    font-size: 16px;
  }
}
@media (max-width: 550px) {
  .webix-project__link {
    width: 310px;
  }
  .webix-apps {
    margin: 0;
  }
  .webix-apps__next,
  .webix-apps__prev {
    height: 60px;
    width: 35px;
    margin-top: 10px;
    top: 100%;
  }
  .webix-apps__prev {
    left: 0;
  }
  .webix-apps__next {
    right: 0;
  }
  .webix-apps__body {
    position: relative;
    z-index: 10;
  }
  .webix-apps__footer {
    position: relative;
    z-index: 1;
    margin-top: 30px;
  }
  .work-help-head {
    display: inline-block;
    margin-left: 10px;
    margin-bottom: 15px;
  }
  .work-help-body {
    padding-left: 20px;
  }
  .work-help-descr {
    font-size: 15px;
    text-align: left;
  }
}
@media (max-width: 480px) {
  .webix-dev-title {
    font-size: 20px;
  }
  .work-help-block {
    display: block;
    text-align: center;
  }
  .work-help-body {
    padding: 0;
  }
  .work-help-head-wrapp {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .work-help-img-overlow {
    margin: 0 auto;
  }
  .work-help-descr {
    text-align: left;
    padding-left: 0;
  }
  .webix-apps__link {
    font-size: 16px;
  }
  .webix-check-svg,
  .webix-check-use {
    width: 26px;
    height: 26px;
  }
  .webix-phone__img {
    max-width: 140px;
  }
  .webix-case__body {
    font-size: 14px;
  }
  .webix-case__title {
    font-size: 22px;
  }
  .webix-case__comment {
    margin-top: 10px;
  }
  .webix-apps__link {
    bottom: 10px;
  }
}
@media (max-width: 380px) {
  .webix-customization {
    display: block;
  }
  .webix-customization__pict {
    text-align: center;
    padding-bottom: 10px;
  }
  .webix-customization__content {
    padding-left: 0;
  }
  .webix-apps__footer {
    display: none;
  }
  .webix-apps {
    margin: 0 0 30px;
  }
  .webix-apps__link {
    font-size: 14px;
    padding: 5px 15px;
  }
}
.cookie-notification {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 10px 20px;
  border-top: 1px solid #e6e6e6;
  background: #fff;
  box-sizing: border-box;
  z-index: 10000;
}
.cookie-notification.hidden {
  opacity: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  transition: all 0.3s ease;
}
.cookie-notification__inside,
.footer .lists-links {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.cookie-notification__text {
  -webkit-flex: 100;
  -ms-flex: 100;
  flex: 100;
  padding-right: 20px;
}
.footer {
  position: relative;
  padding: 40px 0 30.5px;
  color: #7a7a7a;
  background: #292929;
}
.footer .lists-links {
  display: -webkit-box;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.contact-xb-inf {
  padding-left: 2.3rem;
  margin-bottom: 1.4rem;
}
.address-in-footer {
  background: url(../images/f-c-sprite.svg) 1px 4px no-repeat;
}
.phone-in-footer {
  background: url(../images/f-c-sprite.svg) left -37px no-repeat;
}
.footer-list .email-in-footer {
  background: url(../images/f-c-sprite.svg) left -82px no-repeat;
}
.free-consultation-footer {
  padding-top: 10px;
}
.free-consultation-footer .menu-link {
  font-family: "Roboto Italic", Arial, Tahoma, Verdana;
}
.footer-list .menu-item {
  list-style: none;
}
.footer-list .menu-link,
.site-checkbox a:hover {
  text-decoration: none;
}
.footer-list > .menu-item {
  margin-bottom: 1.4rem;
  font-size: 1.2rem;
  line-height: 2;
}
.footer-list > .menu-item > .menu-link {
  color: #fff;
  font-size: 1.4rem;
  line-height: 2rem;
}
.footer-list .sub-menu {
  margin-top: 1.3rem;
}
.footer-list .sub-menu .menu-item {
  line-height: 1.5rem;
  padding: 0.6rem 0;
}
.footer-list .sub-menu .menu-link {
  font-size: 1.2rem;
  line-height: 1.2rem;
  color: #666;
}
.footer-list .sub-menu .footer-submenu-item {
  padding: 0.3rem 0;
}
.footer-list .menu-link:hover {
  color: #e4264f;
  text-decoration: underline;
}
.footer-list .contact-xb-inf .menu-link {
  color: #b2b2b2;
  font-size: 12px;
  line-height: 20px;
}
.address-in-footer .menu-link,
.phone-in-footer .menu-link {
  cursor: default;
}
.address-in-footer .menu-link:hover,
.phone-in-footer .menu-link:hover {
  text-decoration: none;
  cursor: default;
}
.footer-list .email-in-footer .menu-link {
  font-size: 14px;
  color: #b2b2b2;
}
.copyright {
  padding-top: 1.5rem;
  font-size: 1.2rem;
  line-height: 1.8rem;
}
.copyscape-banner,
.privacy-policy-link {
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px;
}
.privacy-policy-link {
  color: #7a7a7a;
  font-size: 12px;
  line-height: 1.8rem;
}
.privacy-policy-link:hover {
  color: #e4264f;
}
.container-with-to-top {
  z-index: 999;
}
.to-top-btn {
  display: block;
  width: 65px;
  height: 58px;
  position: fixed;
  right: 13px;
  bottom: 43px;
  -webkit-transform: translateX(100px) translateZ(0);
  transform: translateX(100px) translateZ(0);
  transition: transform 0.2s ease-in-out, bottom 0.2s ease-in-out;
  cursor: pointer;
}
.to-top-footer {
  bottom: 13px;
}
.to-top-btn:active {
  opacity: 0.8;
}
.to-top-btn.visible-btn {
  -webkit-transform: translateX(0) translateZ(0);
  transform: translateX(0) translateZ(0);
}
.to-top-arr,
.to-top-arr-elem,
.to-top-bg,
.to-top-bg-elem {
  width: 100%;
  height: 100%;
}
.to-top-arr-elem,
.to-top-bg-elem {
  position: absolute;
  right: 0;
  top: 0;
}
.to-top-arr,
.to-top-bg {
  pointer-events: none;
}
.to-top-bg.circuit {
  fill: rgba(41, 41, 41, 0.25);
}
.to-top-arr.circuit {
  fill: #fff;
}
.copyscape-banner {
  width: 80px;
  height: 28px;
  background: center center/100% no-repeat;
}
.copyscape-banner.loaded {
  background-image: url(../images/copyscape-banner.png);
}
@media screen and (max-width: 1024px) {
  .cookie-notification__inside {
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .cookie-notification__text {
    font-size: 13px;
    line-height: 1.5;
  }
}
@media screen and (max-width: 480px) {
  .cookie-notification__inside {
    display: block;
  }
  .cookie-notification__text {
    padding-right: 0;
  }
  .cookie-notification__btn {
    padding-top: 15px;
    text-align: center;
  }
}
.copyright.no-social {
  margin-top: -1.5rem;
}
.footer .social-links,
.soc-btn {
  font-size: 0;
}
.soc-btn {
  position: relative;
  display: inline-block;
  text-align: center;
  width: 40px;
  height: 40px;
  margin: 0 0.8rem;
  border-radius: 50px;
  cursor: pointer;
  transition: box-shadow 0.15s ease-in-out, background 0.15s ease-in-out;
}
.soc-btn:before,
.soc-btn__i {
  display: inline-block;
  vertical-align: middle;
}
.soc-btn:before {
  content: "";
  height: 100%;
}
.soc-btn:active {
  transform: translateY(2px);
  -webkit-transform: translateY(2px);
}
.soc-btn__i {
  position: relative;
  line-height: 0;
  text-decoration: none;
  z-index: 1;
}
.soc-btn.fb {
  box-shadow: inset 0 0 0 1px #3c4b6b;
}
.soc-btn.tw {
  box-shadow: inset 0 0 0 1px #497596;
}
.soc-btn.gp {
  box-shadow: inset 0 0 0 1px #8d443b;
}
.soc-btn.li {
  box-shadow: inset 0 0 0 1px #1f5a79;
}
.soc-btn.im {
  background: radial-gradient(
      circle farthest-corner at 35% 90%,
      #fec564,
      transparent 50%
    ),
    radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%),
    radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%),
    radial-gradient(
      ellipse farthest-corner at 20% -50%,
      #5258cf,
      transparent 50%
    ),
    radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%),
    radial-gradient(
      ellipse farthest-corner at 60% -20%,
      #893dc2,
      transparent 50%
    ),
    radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent),
    linear-gradient(
      #6559ca,
      #bc318f 30%,
      #e33f5f 50%,
      #f77638 70%,
      #fec66d 100%
    );
}
.soc-btn.im:after {
  content: "";
  position: absolute;
  left: 1px;
  top: 1px;
  right: 1px;
  bottom: 1px;
  background: #292929;
  transition: background 0.15s ease-in-out;
  border-radius: 20px;
  z-index: 0;
}
.soc-btn.pt {
  box-shadow: inset 0 0 0 1px #842e32;
}
.soc-btn.ye {
  box-shadow: inset 0 0 0 1px #8e3535;
}
.soc-btn.rss {
  box-shadow: inset 0 0 0 1px #985630;
}
@media screen and (min-width: 1025px) {
  .soc-btn:active {
    transform: translateY(1px);
    -webkit-transform: translateY(1px);
  }
  .soc-btn.fb:hover {
    box-shadow: inset 0 0 0 1px #3b5999;
    background: #3b5999;
  }
  .soc-btn.tw:hover {
    box-shadow: inset 0 0 0 1px #55acee;
    background: #55acee;
  }
  .soc-btn.gp:hover {
    box-shadow: inset 0 0 0 1px #dd4b39;
    background: #dd4b39;
  }
  .soc-btn.li:hover {
    box-shadow: inset 0 0 0 1px #0177b5;
    background: #0177b5;
  }
  .soc-btn.im:hover:after {
    background: 0 0;
  }
  .soc-btn.pt:hover {
    box-shadow: inset 0 0 0 1px #cb2027;
    background: #cb2027;
  }
  .soc-btn.ye:hover {
    box-shadow: inset 0 0 0 1px #df2e2e;
    background: #df2e2e;
  }
  .soc-btn.rss:hover {
    box-shadow: inset 0 0 0 1px #f36f24;
    background: #f36f24;
  }
}
.soc-use {
  fill: #fff;
}
.fb-svg,
.fb-use {
  width: 9px;
  height: 18px;
}
.tw-svg,
.tw-use {
  width: 18px;
  height: 15px;
}
.gp-svg {
  position: relative;
  left: 1px;
}
.gp-svg,
.gp-use {
  width: 18px;
  height: 17px;
}
.li-svg,
.ye-svg {
  position: relative;
  top: -1px;
}
.li-svg,
.li-use {
  width: 18px;
  height: 16px;
}
.im-svg,
.im-use {
  width: 18px;
  height: 18px;
}
.pt-svg,
.pt-use {
  width: 14px;
  height: 18px;
}
.ye-svg,
.ye-use {
  width: 18px;
  height: 13px;
}
.rss-svg {
  position: relative;
  top: -1px;
  left: 1px;
}
.rss-svg,
.rss-use {
  width: 16px;
  height: 16px;
}
@media (max-width: 960px) {
  .footer .social-links {
    margin: 20px auto;
  }
  .soc-btn {
    margin: 5px;
  }
}
.form-roof {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7);
  z-index: 1000;
  transition: opacity 0.1s ease, transform 0.1s ease;
  -webkit-animation: roof-up 0.15s ease;
  animation: roof-up 0.15s ease;
}
.form-roof.hide {
  opacity: 0;
  transform: scale(0.8);
}
.form-loader {
  width: 40px;
  height: 40px;
  border-radius: 40px;
  border: 4px solid rgba(0, 0, 0, 0.1);
  border-top-color: #e4264f;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -20px 0 0 -20px;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}
@keyframes roof-up {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.form-footer {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: -6px;
}
.site-checkbox {
  font-size: 14px;
  user-select: none;
}
.site-checkbox,
.site-checkbox span {
  line-height: normal;
}
.site-checkbox label {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.site-checkbox .wpcf7-list-item-label {
  position: relative;
  display: inline-block;
  padding-left: 28px;
}
.site-checkbox .wpcf7-list-item-label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 1px;
  width: 14px;
  height: 14px;
  border: 2px solid #a9a9a9;
  border-radius: 2px;
  background-color: #fff;
}
.site-checkbox input:checked + .wpcf7-list-item-label:before {
  border-color: #2381c0;
  background: url(../images/checked.svg) center center/14px no-repeat #2381c0;
  animation: none;
}
.site-checkbox a {
  color: #2381c0;
  text-decoration: underline;
}
.material-check-note,
.wpcf7-form-control-wrap.nda {
  display: inline-block;
  vertical-align: middle;
}
.material-check-note {
  color: #a9a9a9;
  font-size: 14px;
  line-height: normal;
}
.lh0 {
  line-height: 0;
}
.form-bottom-15 {
  margin-bottom: 15px;
}
.form-bottom-20 {
  margin-bottom: 20px;
}
.form-bottom-35 {
  margin-bottom: 35px;
}
.site-checkbox .wpcf7-not-valid-tip {
  display: none;
}
.site-checkbox .wpcf7-not-valid .wpcf7-list-item-label:before {
  animation: error-checkbox 0.8s ease both;
}
@keyframes error-checkbox {
  0% {
    border-color: #a9a9a9;
    background-color: #fff;
  }
  50% {
    border-color: #e4264f;
    background-color: #e4264f;
  }
  to {
    border-color: #e4264f;
    background-color: #fff;
  }
}
.recaptcha-container {
  text-align: center;
  line-height: 0;
}
.recaptcha-container > .wpcf7-form-control-wrap {
  display: inline-block;
}
input:-webkit-autofill,
select:-webkit-autofill,
textarea:-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0 50px #fff !important;
  background-color: #fff !important;
}
@media screen and (max-width: 420px) {
  .form-footer {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .attachement_section {
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
}
@media screen and (max-width: 370px) {
  .recaptcha-container > .wpcf7-form-control-wrap {
    display: block;
    height: 62px;
  }
  .g-recaptcha {
    position: absolute;
    left: 50%;
    top: -15px;
    -webkit-transform: translateX(-50%) scale(0.8);
    transform: translateX(-50%) scale(0.8);
  }
}
.xb-form-all-info {
  min-height: 480px;
  padding: 30px 20px;
  background: #faf6ed;
}
.form-row-hidden {
  position: absolute;
  font-size: 0;
  width: 0;
  height: 0;
  overflow: hidden;
}
.del-rows-info {
  display: inline-block;
  width: 40px;
  height: 40px;
  border: 1px solid #ccc;
  cursor: pointer;
  transition: transform 0.2s ease-in-out;
  position: absolute;
  right: 0;
  top: 0;
  background: url(../images/remove-icon.svg) center center no-repeat #fff;
}
.del-rows-info.hidden,
.dropdown-block.hidden,
.info-to-excel.hidden {
  transform: scale(0, 0);
}
.del-rows-info:active,
.info-to-excel:active {
  background: #ff4081;
}
.productive-pages,
.two-periods-chart-btn {
  margin-left: 15px;
}
.centre-template-text {
  text-align: center;
}
.disabled {
  pointer-events: none;
  opacity: 0.7;
}
.multiline {
  line-height: 17px !important;
}
.webix_layout_toolbar .webix_el_label,
.webix_layout_toolbar .webix_icon_button .webix_icon {
  color: #fff;
}
.form-info-roof {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.7);
  z-index: 1000;
  transition: all 0.15s ease-in-out;
}
.form-info-roof.hidden {
  visibility: hidden;
  transform: scale(0.9);
  opacity: 0;
}
.dropdown-block,
.info-to-excel {
  display: inline-block;
  transition: transform 0.2s ease-in-out;
}
.info-to-excel {
  font: 16px "Roboto";
  color: #fff;
  background: #f50057;
  padding: 8px 15px;
  cursor: pointer;
  user-select: none;
}
.conversion-path-win .webix_toolbar.webix_layout_toolbar {
  font: 18px "Roboto";
  color: #fff;
  background: #a4a4a4;
}
.webix_view .webix_view.webix_checksuggest_select_all:hover .webix_label_right {
  color: #454544;
}
.webix_view.consultation-form-info-template,
.webix_view.contact-form-info-template,
.webix_view.india-info-template,
.webix_view.jobs-form-info-template,
.webix_view.landing-form-info-template,
.webix_view.sensgraph-landing-form-info-template,
.webix_view.testing-form-info-template {
  cursor: pointer;
}
.dropdown-block {
  position: relative;
  margin-left: 15px;
}
.dropdown-block__elem {
  position: absolute;
  left: 0;
  top: 100%;
  padding: 15px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  background: #fff;
  transition: all 0.15s ease-in-out;
  visibility: hidden;
  opacity: 0;
  transform: translateX(50px);
}
.dropdown-block.active .dropdown-block__elem {
  visibility: visible;
  opacity: 1;
  transform: translateX(0);
}
.data-loader {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.data-loader__elem {
  width: 50px;
  height: 50px;
  border-radius: 30px;
  background: #fff;
  box-sizing: border-box;
  border: 4px solid #efefef;
  border-left: 4px solid #f50057;
  animation: loader-rotate 0.8s infinite;
}
.data-message,
.delete-button {
  position: fixed;
  color: #fff;
  text-transform: uppercase;
}
.data-message {
  bottom: 5px;
  background: #f44336;
  right: 5px;
  font-size: 26px;
  line-height: normal;
  padding: 10px 30px;
  z-index: 10;
  transition: all 0.15s ease-in-out;
}
.data-message.hidden {
  visibility: hidden;
  opacity: 0;
  transform: translateX(-50px);
}
.delete-button {
  display: inline-block;
  line-height: 1.5;
  text-decoration: none;
  font-size: 14px;
  padding: 6px 15px 7px;
  border: 1px solid #e4264f;
  background: #e4264f;
  cursor: pointer;
  transition: background 0.15s ease;
  right: 20px;
  top: 32px;
  z-index: 999999999999999999999999999;
}
.xb-form-all-info .webix_column > div,
.xb-form-all-info .webix_ss_header td,
.xb-form-all-info .webix_table_cell {
  border-right: 1px solid #e6e6e6 !important;
}
.xb-form-all-info .webix_column:last-child > div,
.xb-form-all-info .webix_ss_header td:last-child,
.xb-form-all-info .webix_table_cell:last-child {
  border-right: none !important;
}
@keyframes loader-rotate {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.service-landing-title {
  display: block;
  color: #1d1f20;
  font: 26px "Roboto Slab", Arial;
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;
}
.service-landing-title.mini {
  font-size: 22px;
}
.augmentation-faq {
  padding-left: 30px;
  margin-top: 30px;
}
.augmentation-faq:first-child {
  margin-top: 0;
}
.augmentation-faq__title {
  position: relative;
  color: #383838;
  font: 20px "Roboto Slab", Arial;
}
.augmentation-faq__title:before {
  content: "";
  border-top: 10px solid transparent;
  border-left: 16px solid #a5d6a7;
  border-bottom: 10px solid transparent;
  position: absolute;
  left: -30px;
  top: 50%;
  margin-top: -10px;
}
.augmentation-faq__content {
  padding-top: 15px;
}
.augmentation-testimonial {
  position: relative;
  font-size: 18px;
  text-align: center;
  margin: 0 30px;
}
.augmentation-testimonial__quotes {
  position: absolute;
  left: 25px;
  top: 24px;
  z-index: 1;
}
.quotes-path,
.quotes-svg {
  width: 54px;
  height: 38px;
}
.quotes-path {
  fill: #f4f4f4;
}
.augmentation-testimonial__body {
  position: relative;
  color: #5a5959;
  line-height: 26px;
  padding: 30px 80px 35px;
  margin-bottom: 30px;
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.05);
  background: #fff;
  z-index: 0;
}
.augmentation-testimonial__clutch {
  position: relative;
  margin: -35px 0 -60px;
  z-index: 0;
}
.augmentation-testimonial__body-arrow {
  position: absolute;
  left: 50%;
  bottom: -16px;
  margin-left: -18px;
  width: 36px;
  height: 16px;
  overflow: hidden;
}
.augmentation-testimonial__body-arrow:before {
  content: "";
  width: 20px;
  height: 20px;
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.05);
  background: #fff;
  position: absolute;
  left: 50%;
  bottom: 7px;
  margin-left: -10px;
  transform: rotate(45deg);
}
.augmentation-content__link {
  display: inline-block;
  font-size: 0;
  color: #379fbc;
  text-decoration: none;
  white-space: nowrap;
}
.augmentation-more-icon,
.augmentation-more-label {
  display: inline-block;
  vertical-align: middle;
}
.augmentation-more-label {
  font-size: 18px;
  margin-right: 10px;
}
.augmentation-more-icon {
  position: relative;
  top: 2px;
  line-height: 0;
  transition: transform 0.15s ease-in-out;
}
.augmentation-more-svg,
.augmentation-more-use {
  width: 16px;
  height: 16px;
}
.augmentation-more-use {
  fill: #379fbc;
}
@media screen and (max-width: 1180px) {
  .augmentation-testimonial__body br {
    display: none;
  }
}
@media screen and (max-width: 960px) {
  .augmentation-faq__content {
    padding-top: 10px;
  }
  .augmentation-testimonial {
    margin: 0;
  }
}
@media screen and (max-width: 800px) {
  .augmentation-testimonial {
    font-size: 16px;
  }
  .augmentation-testimonial__quotes {
    left: 15px;
    top: 15px;
  }
  .quotes-path,
  .quotes-svg {
    width: 30px;
    height: 22px;
  }
  .augmentation-testimonial__body {
    padding: 15px 50px;
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 660px) {
  .service-landing-title {
    font-size: 22px;
  }
  .service-landing-title.mini {
    font-size: 20px;
  }
  .augmentation-faq {
    padding-left: 12px;
  }
  .augmentation-faq__title {
    font-size: 18px;
  }
  .augmentation-faq__title:before {
    border-top: 6px solid transparent;
    border-left: 10px solid #a5d6a7;
    border-bottom: 6px solid transparent;
    margin-top: -6px;
    left: -18px;
  }
  .augmentation-testimonial {
    font-size: 14px;
  }
  .augmentation-testimonial__body {
    line-height: 22px;
  }
  .augmentation-testimonial__clutch {
    margin: -10px 0 -40px;
  }
  .testimonial__clutch-logo {
    width: 140px;
  }
  .augmentation-more-label {
    font-size: 16px;
  }
}
@media screen and (max-width: 520px) {
  .service-landing-title {
    font-size: 20px;
  }
  .service-landing-title.mini {
    font-size: 18px;
  }
  .augmentation-more-label {
    font-size: 13px;
  }
  .augmentation-faq__title {
    font-size: 16px;
  }
}
@media screen and (max-width: 380px) {
  .quotes-path,
  .quotes-svg {
    width: 20px;
    height: 16px;
  }
  .augmentation-testimonial__quotes {
    left: 8px;
    top: 6px;
  }
  .augmentation-testimonial__body {
    padding: 15px 30px;
  }
}
.check-list,
.hiring-developers-list {
  color: #000;
}
.check-list.white-color,
.hiring-developers-list.white-color {
  color: #fff;
}
.check-list.gray-color,
.hiring-developers-list.gray-color {
  color: #5c5c5c;
}
.check-list__row,
.hiring-developers-list__row {
  position: relative;
  padding-left: 50px;
  margin-top: 20px;
  font-size: 18px;
  line-height: 1.666;
}
.check-list__row.top-35:first-child,
.check-list__row:first-child,
.dedicated-example__content span:first-child,
.hiring-developers-list__row.top-35:first-child,
.hiring-developers-list__row:first-child {
  margin-top: 0;
}
.check-list__row.top-35,
.hiring-developers-list__row.top-35 {
  margin-top: 3.5rem;
}
.check-list__row.smaller,
.hiring-developers-list__row.smaller {
  padding-left: 42px;
}
.check-list__row.smaller.standard,
.hiring-developers-list__row.smaller.standard {
  padding-left: 44px;
}
.check-list__row.standard,
.hiring-developers-list__row.standard {
  font-size: 16px;
  line-height: 1.5;
}
.check-list__icon,
.hiring-developers-list__icon {
  position: absolute;
  left: 0;
  top: 0;
}
.check-list__icon.smaller,
.hiring-developers-list__icon.smaller {
  top: 3px;
}
.check-list__icon.smaller.standard,
.hiring-developers-list__icon.smaller.standard {
  top: -1px;
}
.check-list-checked,
.check-list-checked-path,
.hiring-developers-check,
.hiring-developers-check-path {
  width: 34px;
  height: 34px;
}
.check-list-checked-path.smaller,
.check-list-checked.smaller,
.hiring-developers-check-path.smaller,
.hiring-developers-check.smaller {
  width: 26px;
  height: 26px;
}
.check-list-checked-path.dev,
.hiring-developers-check-path.dev {
  fill: #b29fda;
}
.check-list-checked-path.qa,
.hiring-developers-check-path.qa {
  fill: #28b7f8;
}
.check-list-checked-path.white,
.hiring-developers-check-path.white {
  fill: #fff;
}
.check-list-checked-path.green,
.hiring-developers-check-path.green {
  fill: #76af63;
}
.check-list-checked-path.l-green,
.hiring-developers-check-path.l-green {
  fill: #3bb878;
}
.check-list-checked-path.blue,
.hiring-developers-check-path.blue {
  fill: #7e97d8;
}
.check-list-checked-path.webix-c,
.hiring-developers-check-path.webix-c {
  fill: #c8bfdb;
}
.duties-table {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  border-collapse: collapse;
  table-layout: fixed;
  border-spacing: 0;
  color: #343434;
}
.duties-table__th {
  position: relative;
  font: 16px "Roboto Medium", Arial, Tahoma, Verdana;
  text-align: center;
  padding: 14px 0;
}
.duties-table__th:before {
  content: "";
  width: 100%;
  height: 5px;
  position: absolute;
  bottom: -1px;
}
.duties-table__th-f:before {
  left: 0;
}
.duties-table__th-f.dev:before {
  background: #7498aa;
}
.duties-table__th-f.qa:before {
  background: #63a2ad;
}
.duties-table__th-s:before {
  right: -1px;
}
.duties-table__th-s.dev:before {
  background: #b2dfdb;
}
.duties-table__th-s.qa:before {
  background: #81d4fa;
}
.duties-table__td {
  position: relative;
  padding: 14px 5px;
  text-align: center;
  font-size: 14px;
  border: 1px solid #dcdcdc;
}
.duties-table__td:first-child:before {
  content: "";
  width: 5px;
  height: 100%;
  position: absolute;
  left: -1px;
  top: 0;
}
.duties-table__td-f.dev:before {
  background: #7294a5;
}
.duties-table__td-f.qa:before {
  background: #63a2ad;
}
.duties-table__td-s.dev:before {
  background: #b2dfdb;
}
.duties-table__td-s.qa:before {
  background: #81d4fa;
}
.duties-table__td-t:before {
  background: #a3a3a3;
}
.duties-table__row-f .duties-table__td-f:after {
  content: "";
  width: 5px;
  height: 1px;
  background: #fff;
  position: absolute;
  left: -1px;
  top: 0;
}
.font-0 {
  font-size: 0;
}
.case-item-container {
  display: inline-block;
  vertical-align: top;
  max-width: 33.333333%;
  padding: 0 10px;
  box-sizing: border-box;
}
@media screen and (max-width: 660px) {
  .case-item-container {
    max-width: none;
  }
}
.dedicated-example {
  position: relative;
  display: block;
  height: 100%;
  text-decoration: none;
  border: 1px solid #d7d7d7;
  box-sizing: border-box;
  background: #fff;
}
.dedicated-example__title {
  display: block;
  color: #fff;
  font-size: 18px;
  line-height: 1.444;
  text-align: center;
  padding: 12px 25px 16px;
  background: #7498aa;
}
.dedicated-example__body {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: relative;
  padding: 13px 20px 55px;
  overflow: hidden;
  z-index: 0;
}
.dedicated-example__pict {
  margin-right: 20px;
}
.dedicated-example__content {
  display: block;
  color: #8c8c8c;
  line-height: 20px;
}
.dedicated-example__content em {
  font-style: normal;
  color: #546a75;
}
.dedicated-example__content span {
  display: block;
  margin-top: 10px;
}
.dedicated-example__footer {
  position: absolute;
  right: 25px;
  bottom: 20px;
  z-index: 1;
}
@media screen and (max-width: 1024px) {
  .dedicated-example__body {
    padding: 10px 10px 20px 187px;
  }
  .dedicated-example__title {
    padding: 5px 25px 7px;
  }
  .dedicated-example__pict {
    position: absolute;
    left: 10px;
    top: 10px;
    margin-right: 0;
  }
}
@media screen and (max-width: 960px) {
  .check-list__row,
  .hiring-developers-list__row {
    font-size: 16px;
    line-height: 24px;
    padding-left: 34px;
    margin-top: 12px;
  }
  .check-list__icon,
  .check-list__icon.smaller,
  .hiring-developers-list__icon,
  .hiring-developers-list__icon.smaller {
    top: 1px;
  }
  .check-list-checked,
  .check-list-checked-path,
  .hiring-developers-check,
  .hiring-developers-check-path {
    width: 24px;
    height: 24px;
  }
  .dedicated-example {
    height: 100%;
  }
  .dedicated-example__title {
    font-size: 16px;
  }
  .dedicated-example__img {
    width: 120px;
  }
  .dedicated-example__body {
    padding-bottom: 28px;
    padding-left: 140px;
  }
  .dedicated-example__footer {
    bottom: 5px;
  }
  .augmentation-more-label {
    font-size: 16px;
  }
}
@media screen and (max-width: 880px) {
  .dedicated-example__title br {
    display: none;
  }
  .dedicated-example__content p {
    margin-top: 5px;
  }
  .dedicated-example__pict {
    margin-right: 10px;
  }
  .dedicated-example__content {
    line-height: 18px;
    font-size: 14px;
  }
}
@media screen and (max-width: 770px) {
  .dedicated-example {
    height: auto;
    margin-top: 20px;
  }
  .dedicated-example-wrapp:first-child .dedicated-example {
    margin-top: 0;
  }
  .dedicated-example__body {
    padding-bottom: 10px;
  }
  .dedicated-example__footer {
    position: relative;
    right: 0;
    bottom: 0;
    display: block;
    padding: 3px 10px 10px;
  }
}
@media screen and (max-width: 600px) {
  .developers-comparison__head-pict img {
    width: 50px;
  }
  .check-list__row.standard,
  .developers-comparison__head-title,
  .hiring-developers-list__row.standard {
    font-size: 14px;
  }
  .developers-comparison__vs {
    font-size: 30px;
    line-height: 50px;
    padding-top: 0;
  }
  .developers-comparison__content {
    font-size: 13px;
  }
  .developers-comparison__title {
    width: 75px;
    padding: 5px 0;
  }
  .check-list__row,
  .hiring-developers-list__row {
    font-size: 14px;
    padding-left: 30px;
  }
  .check-list__row.standard.smaller,
  .hiring-developers-list__row.standard.smaller {
    padding-left: 35px;
  }
  .check-list__icon.smaller.standard {
    top: 2px;
  }
  .check-list-checked,
  .check-list-checked-path,
  .check-list-checked-path.smaller,
  .check-list-checked.smaller,
  .hiring-developers-check,
  .hiring-developers-check-path,
  .hiring-developers-check-path.smaller,
  .hiring-developers-check.smaller {
    width: 20px;
    height: 20px;
  }
}
@media screen and (max-width: 550px) {
  .developers-comparison__col-content {
    width: 50%;
    padding: 0 10px;
  }
  .developers-comparison__col-title {
    width: 0;
  }
  .developers-comparison__title,
  .developers-comparison__vs {
    position: absolute;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
  }
  .developers-comparison__title {
    width: 110px;
  }
  .developers-comparison__title:after,
  .developers-comparison__title:before {
    margin-top: 0;
    width: 36px;
    height: 30px;
    border: none;
    border-top: 1px solid #ebebeb;
  }
  .developers-comparison__title:before {
    left: -37px;
    border-left: 1px solid #ebebeb;
  }
  .developers-comparison__title:after {
    right: -37px;
    border-right: 1px solid #ebebeb;
  }
  .developers-comparison__content {
    padding-top: 50px;
  }
}
@media screen and (max-width: 480px) {
  .dedicated-webdev-team-info {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -20px 0;
  }
  .dedicated-webdev-team-info__col {
    padding: 20px 0;
    text-align: center;
  }
  .dedicated-webdev-team-info__col img {
    max-width: 80%;
  }
  .dedicated-webdev-team-info__col:first-child {
    padding-right: 0;
  }
  .dedicated-example__body {
    display: block;
    padding-left: 10px;
  }
  .dedicated-example__title {
    padding: 5px 10px;
    font-size: 15px;
  }
  .dedicated-example__pict {
    position: relative;
    left: 0;
    top: 0;
    width: 90px;
    margin: 0 auto 10px;
  }
  .dedicated-example__img {
    max-width: 100%;
  }
}
.roles-table {
  position: relative;
  color: #4d4d4d;
  font-size: 15px;
  line-height: 1.333;
  margin-top: 15px;
  overflow: hidden;
  border-bottom: 1px dashed #d7d7d7;
}
.roles-table__col {
  width: 50%;
  float: left;
}
.roles-table__title {
  position: relative;
  font: 18px "Roboto Medium", Arial, Tahoma, Verdana;
  text-align: center;
  padding: 12px 0;
}
.roles-table__title:before {
  content: "";
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
}
.roles-table__title.first {
  margin-right: 1px;
}
.roles-table__title.first:before {
  border-bottom: 3px solid #81d4fa;
}
.roles-table__title.second:before {
  border-bottom: 3px solid #63a2ad;
}
.roles-table__body {
  position: relative;
}
.roles-table__body.first:before {
  content: "";
  height: 100%;
  border-left: 1px dashed #d7d7d7;
  background: #fff;
  position: absolute;
  right: 0;
  bottom: 0;
}
.roles-table__row {
  padding: 15px 5px 15px 18px;
}
.roles-table__row.first:nth-child(2n) {
  background: #edf5fc;
}
.roles-table__row.first .roles-table-path {
  fill: #81d4fa;
}
.roles-table__row.second:nth-child(2n + 1) {
  background: #edf5fc;
}
.roles-table__row.second .roles-table-path {
  fill: #63a2ad;
}
.roles-table-path,
.roles-table-svg {
  width: 16px;
  height: 12px;
}
.roles-table__icon {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -6px;
}
.roles-table__text {
  padding-left: 35px;
}
.engagement-type {
  height: 100%;
  text-align: center;
  border: 1px solid #ccc;
  box-sizing: border-box;
}
.engagement-type__pict {
  padding: 28px 0 17px;
}
.engagement-type__img {
  max-width: 125px;
}
.engagement-type__title {
  font-size: 18px;
  line-height: 1.222;
  color: #000;
  padding-bottom: 25px;
}
.qa-service-part__title {
  font-size: 20px;
  margin-top: 25px;
}
.qa-process {
  background: #e7e9eb;
}
.qa-process__title {
  color: #5ba3cd;
  font: 700 36px "Roboto Medium", Arial, Tahoma, Verdana;
  text-align: center;
}
.landing-entry {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  color: #fff;
  line-height: normal;
  height: 100%;
  z-index: 10;
}
.landing-entry.left-bottom {
  text-align: left;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.landing-entry__inside {
  width: 100%;
}
.landing-entry__inside.left-bottom {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
.landing-entry__title {
  font: 40px "Roboto Slab", Arial, Tahoma, Verdana;
  line-height: 1.15;
}
.landing-entry__content {
  font-size: 18px;
  line-height: 1.4;
  padding: 15px 0 25px;
}
.landing-entry-btn {
  display: inline-block;
  color: #fff;
  font-size: 0;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
  padding: 5px 20px 7px 25px;
  border: 2px solid #fff;
  transition: color 0.2s ease-in-out, background 0.2s ease-in-out;
}
.landing-entry-btn:hover {
  color: #525252;
  background: #fff;
}
.landing-entry-btn:hover .landing-btn-use {
  fill: #525252;
}
.landing-entry-btn:active {
  -webkit-transform: translateX(2px);
  transform: translateX(2px);
}
.landing-entry-btn__icon,
.landing-entry-btn__label,
.vacancies-social-btn:before {
  display: inline-block;
  vertical-align: middle;
}
.landing-entry-btn__label {
  font: 20px Roboto, Arial, Tahoma, Verdana;
  line-height: 1.3;
  margin-right: 17px;
}
.landing-btn-svg,
.landing-btn-use {
  width: 20px;
  height: 20px;
}
.landing-btn-use {
  fill: #fff;
  transition: fill 0.2s ease-in-out;
}
@media screen and (max-width: 1024px) {
  .landing-entry {
    display: block;
    height: auto;
    padding: 70px 0 80px;
  }
  .landing-entry__inside.left-bottom {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  .qa-process {
    display: none;
  }
}
@media screen and (max-width: 960px) {
  .qa-service-part__title {
    font-size: 16px;
    margin-top: 15px;
  }
}
@media screen and (max-width: 770px) {
  .landing-entry__title {
    font-size: 36px;
  }
  .landing-entry__content,
  .roles-table {
    font-size: 14px;
  }
  .qa-service-part .img-responsive {
    max-width: 100px;
  }
  .roles-table__row {
    padding: 10px 5px;
  }
  .roles-table__icon {
    margin-top: -4px;
  }
  .roles-table-path,
  .roles-table-svg {
    width: 12px;
    height: 8px;
  }
  .roles-table__text {
    padding-left: 18px;
  }
  .about-role-pict {
    max-width: 80px;
  }
  .engagement-type__pict {
    padding: 10px 0;
  }
  .engagement-type__img {
    max-width: 70px;
  }
  .engagement-type__title {
    font-size: 14px;
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 600px) {
  .landing-entry__title {
    font-size: 30px;
  }
  .roles-table {
    font-size: 13px;
    margin-left: -15px;
    margin-right: -15px;
  }
  .roles-table__title {
    font-size: 15px;
  }
  .engagement-type__title br,
  .roles-table__icon {
    display: none;
  }
  .roles-table__text {
    padding-left: 0;
  }
  .engagement-type__title {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media screen and (max-width: 380px) {
  .landing-entry-btn__label {
    font-size: 16px;
  }
  .landing-btn-svg,
  .landing-btn-use {
    width: 16px;
    height: 16px;
  }
  .qa-service-part__title {
    font-size: 14px;
  }
}
.benefits-container-wrap {
  margin-top: -10px;
  margin-bottom: -10px;
}
.benefit-col {
  color: #e5e5e5;
  padding: 10px 15px;
}
@media screen and (max-width: 960px) {
  .benefit-col br {
    display: none;
  }
}
.benefit-col__pict {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 90px;
}
.benefit-col__title {
  font-size: 15px;
}
.node-js-services {
  background: center center no-repeat #76af63;
  background-size: cover;
}
.node-js-services.loaded {
  background-image: url(../images/node-js-services.jpg);
}
.node-js-bg {
  background: #76af63;
}
.xb-advantage-blocks {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.xb-advantage-block {
  width: 20%;
  text-align: center;
}
.xb-advantage-block__object {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 82px;
}
.xb-advantage-block__number {
  color: #7e97d8;
  font: 72px "Roboto Slab", Arial, Tahoma, Verdana;
  line-height: 1;
}
.xb-advantage-block__label {
  line-height: 1.2;
}
.node-js-contributor {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 50px 0;
  margin-bottom: 100px;
}
.node-js-contributor__pict {
  line-height: 0;
  margin-right: 50px;
}
.node-js-contributor__content {
  font-size: 18px;
  line-height: 1.7;
  -webkit-flex: 100;
  -ms-flex: 100;
  flex: 100;
  padding-top: 10px;
}
@media (max-width: 880px) {
  .node-js-contributor__pict {
    margin-right: 30px;
  }
  .node-js-contributor__img {
    width: 130px;
  }
  .node-js-contributor__content {
    padding-top: 0;
    font-size: 16px;
  }
  .xb-advantage-blocks {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .xb-advantage-block {
    width: 33.3333333333%;
  }
  .xb-advantage-block:nth-child(4),
  .xb-advantage-block:nth-child(5) {
    padding-top: 20px;
  }
  .xb-advantage-block__number {
    font-size: 50px;
  }
  .xb-advantage-block__label {
    font-size: 14px;
  }
}
@media (max-width: 480px) {
  .node-js-contributor {
    display: block;
    padding: 30px 0;
    margin-bottom: 90px;
  }
  .node-js-contributor__pict {
    margin: 0 auto 15px;
    text-align: center;
  }
  .node-js-contributor__content {
    font-size: 14px;
  }
  .xb-advantage-block {
    width: 50%;
  }
  .xb-advantage-block:nth-child(3) {
    padding-top: 20px;
  }
  .xb-advantage-block__object {
    height: 60px;
  }
  .xb-advantage-block__number {
    font-size: 40px;
  }
  .xb-advantage-block__img {
    max-width: 40px;
  }
}
@media (max-width: 380px) {
  .xb-advantage-blocks {
    margin-top: -20px;
  }
  .xb-advantage-block {
    width: 100%;
    padding-top: 20px;
  }
  .xb-advantage-block:first-child {
    padding-top: 0;
  }
}
.php-dev-advantages {
  background: bottom center no-repeat #f5f5f5;
}
.php-dev-advantages.loaded {
  background-image: url(../images/php-dev-advantages.png);
}
.php-dev-advantages-inside {
  background: top center no-repeat;
}
.php-dev-advantages-inside.loaded {
  background-image: url(../images/php-dev-advantages-inside.png);
}
.php-dev-benefits {
  background: center center no-repeat;
}
.php-dev-benefits.loaded {
  background-image: url(../images/php-dev-benefits.png);
}
.php-dev-solutions {
  background: #5197b6;
}
.php-dev-apps {
  background: center center no-repeat #294f60;
  background-size: cover;
}
.php-dev-apps.loaded {
  background-image: url(../images/php-dev-apps.jpg);
}
.php-dev-company-advantages {
  padding-bottom: 16.5rem;
}
@media screen and (max-width: 770px) {
  .php-dev-advantages-inside.loaded,
  .php-dev-advantages.loaded,
  .php-dev-benefits.loaded {
    background-image: none;
  }
}
.vacancies-head {
  position: relative;
  padding-bottom: 65px;
  background: center top no-repeat;
  background-size: cover;
  z-index: 0;
}
.vacancies-head.loaded {
  background-image: url(../images/vacancies-head.jpg);
}
.photo-tape-wrapp {
  position: relative;
  margin-top: -115px;
  z-index: 1;
}
.photo-tape {
  font-size: 0;
  margin: 0 -20px;
  padding: 2px 0;
  -webkit-transform: rotate(-5.7deg);
  transform: rotate(-5.7deg);
  background: #fff;
}
.photo-tape-inside {
  margin: 0 10px;
}
.photo-tape-elem {
  display: inline-block;
  vertical-align: top;
  width: 25%;
  padding: 6px;
  box-sizing: border-box;
  -webkit-transform: rotate(5.7deg);
  transform: rotate(5.7deg);
}
.company-photo {
  -webkit-transform: skewY(-5.7deg);
  transform: skewY(-5.7deg);
  overflow: hidden;
}
.company-photo-inside {
  position: relative;
  line-height: 0;
  padding-top: 50%;
  -webkit-transform: skewY(5.7deg);
  transform: skewY(5.7deg);
}
.company-photo-pict {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 470px;
  margin: -145px 0 0 -235px;
}
@media screen and (max-width: 1770px) {
  .company-photo-pict {
    width: 436px;
    margin: -135px 0 0 -218px;
  }
}
@media screen and (max-width: 1660px) {
  .company-photo-pict {
    width: 408px;
    margin: -125px 0 0 -204px;
  }
}
@media screen and (max-width: 1550px) {
  .company-photo-pict {
    width: 382px;
    margin: -118px 0 0 -191px;
  }
}
@media screen and (max-width: 1440px) {
  .company-photo-pict {
    width: 354px;
    margin: -109px 0 0 -177px;
  }
}
@media screen and (max-width: 1330px) {
  .company-photo-pict {
    width: 326px;
    margin: -100px 0 0 -163px;
  }
}
@media screen and (max-width: 1280px) {
  .company-photo-pict {
    width: 314px;
    margin: -97px 0 0 -157px;
  }
}
@media screen and (max-width: 1200px) {
  .company-photo-pict {
    width: 294px;
    margin: -90px 0 0 -147px;
  }
}
@media screen and (max-width: 1100px) {
  .company-photo-pict {
    width: 274px;
    margin: -85px 0 0 -137px;
  }
}
.vacancies-entry-text {
  margin-top: 30px;
}
.vacancies-social {
  font-size: 0;
}
.vacancies-social-btn {
  display: inline-block;
  width: 50px;
  height: 50px;
  margin: 0 15px;
  font-size: 0;
  text-align: center;
  border-radius: 30px;
  transition: transform 0.3s cubic-bezier(0.37, 0.225, 0.06, 1.55);
}
.vacancies-social-btn.facebook {
  background: #3b5998;
}
.vacancies-social-btn.facebook:hover {
  background: #3b5999;
}
.vacancies-social-btn.linkedin {
  background: #0077b5;
}
.vacancies-social-btn.twitter {
  background: #1da1f2;
}
.vacancies-social-btn:before {
  content: "";
  height: 100%;
}
.vacancies-social-btn:hover {
  transform: translateY(-5px);
}
.vacancies-social-btn:active .vacancies-social-btn__icon {
  transform: scale(0.9);
}
.vacancies-social-btn__icon {
  display: inline-block;
  vertical-align: middle;
  line-height: 0;
}
.vacancies-social-btn__path,
.vacancies-social-btn__svg {
  width: 40px;
  height: 40px;
}
.vacancies-social-btn__path {
  fill: #fff;
}
.vacancies-career:first-child .vacancies-career-list {
  padding-left: 0;
  padding-right: 20px;
}
.vacancies-career-list {
  padding-left: 35px;
}
.xb-vacancy {
  margin-top: 20px;
}
.xb-vacancy:first-child {
  margin-top: 0;
}
.xb-vacancy__head {
  position: relative;
  padding: 0 20px;
  background: #f6f6f6;
  cursor: pointer;
  transition: background 0.15s ease-in-out;
}
.xb-vacancy__head.active {
  background: #e9e9e9;
}
.xb-vacancy__head.active .xb-vacancy__toggle-icon {
  opacity: 1;
}
.xb-vacancy__head.active .xb-vacancy__toggle-icon:first-child {
  opacity: 0;
}
.xb-vacancy__title {
  color: #545454;
  font-weight: 400;
  font-size: 2.4rem;
  font-family: "Roboto Slab", Arial, Tahoma, Verdana;
  padding: 27px 0 27px 60px;
}
.xb-vacancy__title.js-vacancy {
  background: url(../images/js-icon.png) left center no-repeat;
  background-size: 40px;
}
.xb-vacancy__title.seo-vacancy {
  background: url(../images/seo-icon.png) left center no-repeat;
  background-size: 40px;
}
.xb-vacancy__level,
.xb-vacancy__name {
  display: inline-block;
  vertical-align: middle;
}
.xb-vacancy__level {
  color: #778fcd;
}
.xb-vacancy__name:first-letter {
  color: #000;
}
.xb-vacancy__toggle {
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -20px;
  width: 40px;
  height: 40px;
}
.xb-vacancy__toggle-icon {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: opacity 0.15s ease-in-out;
}
.xb-vacancy__toggle-icon:first-child {
  opacity: 1;
}
.vacancy-toggle-icon,
.vacancy-toggle-icon-path {
  width: 40px;
  height: 40px;
}
.vacancy-toggle-icon-path.open {
  fill: #d2d2d2;
}
.vacancy-toggle-icon-path.close {
  fill: #778fcd;
}
.xb-vacancy__body {
  height: 0;
  overflow: hidden;
  will-change: height;
  background: #f6f6f6;
  transition: height 0.15s ease-in-out;
}
.xb-vacancy__body-inside {
  padding: 27px 38px;
}
.xb-vacancy__description {
  padding-top: 25px;
}
.xb-vacancy__description:first-child {
  padding-top: 0;
}
.xb-vacancy__description-title {
  color: #778fcd;
  font-size: 2rem;
}
.vacancy-dev-form.hidden,
.vacancy-seo-form.hidden {
  display: none;
}
.hot-vacancies {
  background: #e4264f;
}
.hot-vacancies-inside {
  position: relative;
  padding-left: 280px;
}
.hot-vacancies-head {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.all-vacancies {
  display: inline-block;
  padding: 9px 20px 8px;
  color: #fff;
  font: 15px "Roboto Bold", Arial, Tahoma, Verdana;
  text-decoration: none;
  text-transform: uppercase;
  border: 3px solid #fff;
  transition: color 0.15s ease-in-out, background 0.15s ease-in-out;
}
.all-vacancies:hover {
  color: #e4264f;
  background: #fff;
}
.all-vacancies:active {
  transform: translateY(2px);
}
.vacancies-benefits {
  background: center center no-repeat #4a5776;
  background-size: cover;
}
.vacancies-benefits.loaded {
  background-image: url(../images/vacancies-benefits.jpg);
}
.user_job,
.vacancy-name-field,
.vacancy-name-hidden {
  position: absolute;
  display: block;
  height: 0;
  width: 0;
  overflow: hidden;
}
.vacancy-name-hidden {
  border: none;
  font-size: 0;
  box-sizing: border-box;
  background: 0 0;
}
@media screen and (max-width: 1380px) {
  .photo-tape-wrapp {
    margin-top: -100px;
  }
}
@media screen and (max-width: 1180px) {
  .vacancies-head {
    padding-bottom: 50px;
  }
  .photo-tape {
    padding: 1px 0;
    margin: 0 -15px;
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
  }
  .photo-tape-elem {
    padding: 2px;
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  .company-photo {
    -webkit-transform: skewY(-3deg);
    transform: skewY(-3deg);
  }
  .company-photo-inside {
    -webkit-transform: skewY(3deg);
    transform: skewY(3deg);
  }
}
@media screen and (max-width: 1024px) {
  .company-photo,
  .company-photo-inside,
  .company-photo-pict,
  .photo-tape,
  .photo-tape-elem {
    -webkit-transform: none;
    transform: none;
  }
  .company-photo-inside {
    padding: 0;
  }
  .photo-tape-inside {
    margin: 0 -2px;
  }
  .company-photo-pict {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    margin: 0;
  }
}
@media screen and (max-width: 960px) {
  .vacancies-head {
    padding: 0;
  }
  .photo-tape,
  .vacancies-entry-text {
    margin: 0;
  }
  .photo-tape-wrapp {
    margin-top: -3.5rem;
  }
  .vacancies-career-list {
    padding-left: 0;
    padding-top: 30px;
  }
  .vacancies-career:first-child .vacancies-career-list {
    padding: 0;
  }
}
@media screen and (max-width: 880px) {
  .hot-vacancies-inside {
    padding: 20px 0;
    text-align: center;
  }
  .hot-vacancies-head {
    position: relative;
    top: 0;
    padding-top: 10px;
    -webkit-transform: none;
    transform: none;
  }
  .hot-vacancies-head .service-caption.left {
    text-align: center;
  }
  .hot-vacancy-img {
    width: 100%;
    max-width: 360px;
  }
}
@media screen and (max-width: 660px) {
  .vacancies-social-btn {
    width: 36px;
    height: 36px;
  }
  .vacancies-social-btn__path,
  .vacancies-social-btn__svg {
    width: 20px;
    height: 20px;
  }
  .photo-tape-inside {
    margin: 0 -1px;
  }
  .photo-tape-elem {
    width: 50%;
    padding: 1px;
  }
  .xb-vacancy__title {
    font-size: 2rem;
    padding: 15px 0 15px 30px;
  }
  .xb-vacancy__title.js-vacancy {
    background-size: 20px;
  }
  .xb-vacancy__toggle {
    margin-top: -13px;
  }
  .vacancy-toggle-icon,
  .vacancy-toggle-icon-path,
  .xb-vacancy__toggle {
    width: 26px;
    height: 26px;
  }
}
@media screen and (max-width: 480px) {
  .all-vacancies {
    padding: 7px 20px 8px;
    border-width: 2px;
  }
  .xb-vacancy__body-inside {
    padding: 15px 25px;
  }
}
@media screen and (max-width: 380px) {
  .xb-vacancy__head {
    padding: 0 10px;
  }
  .xb-vacancy__title {
    padding: 10px 0 10px 30px;
  }
  .xb-vacancy__toggle {
    right: 10px;
  }
}
.blockchain-services {
  padding-top: 20px;
  padding-bottom: 20px;
}
.blockchain-services-row {
  margin-top: -20px;
  margin-bottom: -20px;
}
.about-smart-contract {
  background: url(../images/about-smart-contract-bg.png) center bottom no-repeat
    #f5f5f5;
}
.smart-contracts-business-sectors {
  background: #5c6cb5;
  background: linear-gradient(to right, #5c6cb5 0%, #313982 100%);
}
.smart-contracts-business-sectors-left-bg {
  background: url(../images/smart-contracts-business-sectors-left-bg.png) left
    bottom no-repeat;
}
.smart-contracts-business-sectors-right-bg {
  background: url(../images/smart-contracts-business-sectors-right-bg.png) right
    top no-repeat;
}
.blockchain-cheklist-row {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.blockchain-cheklist-col {
  width: 40%;
  box-sizing: border-box;
}
.blockchain-cheklist-col:nth-child(2n + 1) {
  width: 60%;
}
.smart-contracts-table {
  color: #5b5b60;
  font-size: 18px;
  line-height: 1.7;
}
.smart-contracts-table__head {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.smart-contracts-table__th {
  color: #6d6d6d;
  font-size: 2rem;
  text-align: center;
  width: 100%;
  padding: 6px 10px;
  box-sizing: border-box;
  -webkit-flex: 100;
  -ms-flex: 100;
  flex: 100;
}
.smart-contracts-table__th:first-child {
  width: 465px;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
}
.smart-contracts-table__body {
  border-top: 5px solid #d2d4e1;
  border-bottom: 1px solid #dcdcdc;
}
.smart-contracts-table__tr {
  position: relative;
  padding-left: 215px;
  border-top: 1px solid #dcdcdc;
}
.smart-contracts-table__tr-body-row:first-child,
.smart-contracts-table__tr:first-child {
  border: none;
}
.smart-contracts-table__tr-head {
  text-align: center;
  font-size: 0;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  border-right: 1px solid #dcdcdc;
  width: 215px;
  box-sizing: border-box;
}
.smart-contracts-table__tr-head:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.smart-contracts-table__tr-head-inside {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.smart-contracts-table__tr-head-label {
  position: relative;
  color: #3d3d3d;
  font-size: 18px;
  font-family: "Roboto Slab", Arial, Tahoma, Verdana;
  z-index: 1;
}
.smart-contracts-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -53px 0 0 -53px;
  z-index: 0;
}
.smart-contracts-icon__path,
.smart-contracts-icon__svg {
  width: 106px;
  height: 106px;
}
.smart-contracts-icon__path {
  fill: #e1e3ee;
}
.smart-contracts-table__tr-body-row {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  border-top: 1px solid #dcdcdc;
}
.smart-contracts-table__tr-body-title {
  border-right: 1px solid #dcdcdc;
  padding: 17px 10px 15px 24px;
  width: 250px;
  box-sizing: border-box;
}
.smart-contracts-table__tr-body-text {
  -webkit-flex: 100;
  -ms-flex: 100;
  flex: 100;
  padding: 17px 10px 15px 30px;
  box-sizing: border-box;
}
.imgs-line {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.img-in-line {
  padding: 10px 28px;
  line-height: 0;
}
.smart-tokens-label {
  display: inline-block;
  color: #fff;
  font: 18px "Roboto Bold", Arial, Tahoma, Verdana;
  padding: 0 16px 2px;
  background: #7e97d8;
}
.blockchain-partner-container {
  padding-bottom: 11.5rem;
  background: #5ea0cf;
  background: linear-gradient(50deg, #5ea0cf 0%, #5c6cb5 100%);
}
.blockchain-partner-list {
  color: #fff;
  font-size: 17px;
}
.blockchain-partner-list__row {
  position: relative;
  padding-left: 26px;
  margin-top: 12px;
  list-style: none;
}
.blockchain-partner-list__row:first-child {
  margin-top: 0;
}
.blockchain-partner-list__row:before {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  border: 1px solid #fff;
  border-radius: 10px;
  position: absolute;
  left: 0;
  top: 8px;
}
@media screen and (max-width: 1180px) {
  .smart-contracts-table,
  .smart-contracts-table__tr-head-label {
    font-size: 16px;
  }
}
@media screen and (max-width: 960px) {
  .blockchain-services-row {
    margin-top: 30px;
    margin-bottom: 0;
  }
  .blockchain-services-row:first-child {
    margin-top: 0;
  }
  .blockchain-services-row .font-22-slab {
    text-align: center;
  }
  .blockchain-services {
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media screen and (max-width: 770px) {
  .xm-top-12 {
    margin-top: 12px;
  }
  .img-in-line .img-responsive {
    max-height: 40px;
    max-width: 130px;
  }
  .smart-contracts-table,
  .smart-contracts-table__tr-head-label {
    font-size: 15px;
  }
  .smart-contracts-table__th:first-child {
    width: 310px;
  }
  .smart-contracts-table__tr {
    padding-left: 150px;
  }
  .smart-contracts-table__tr-head {
    width: 150px;
  }
  .smart-contracts-icon {
    margin: -26px 0 0 -26px;
  }
  .smart-contracts-icon__path,
  .smart-contracts-icon__svg {
    width: 53px;
    height: 53px;
  }
  .smart-contracts-table__tr-body-text,
  .smart-contracts-table__tr-body-title {
    padding: 10px 10px 10px 15px;
  }
  .smart-contracts-table__tr-body-title {
    width: 160px;
  }
  .blockchain-cheklist-row {
    display: block;
  }
  .blockchain-cheklist-col,
  .blockchain-cheklist-col:nth-child(2n + 1) {
    width: 100%;
  }
  .smart-contracts-business-sectors-left-bg,
  .smart-contracts-business-sectors-right-bg {
    background-size: 300px;
  }
}
@media screen and (max-width: 660px) {
  .smart-contracts-table__head {
    display: none;
  }
  .smart-contracts-table__tr {
    padding-left: 0;
  }
  .smart-contracts-table__tr:first-child .smart-contracts-table__tr-head {
    padding-top: 20px;
  }
  .smart-contracts-table__tr-head {
    position: relative;
    width: auto;
    padding: 35px 0 20px;
    border-right: none;
    border-bottom: 1px solid #dcdcdc;
  }
  .blockchain-partner-list {
    font-size: 15px;
  }
}
@media screen and (max-width: 480px) {
  .smart-contracts-table__tr-body-row {
    display: block;
  }
  .smart-contracts-table__tr-body-text {
    padding: 10px;
  }
  .smart-contracts-table__tr-body-title {
    width: auto;
    border: none;
    padding: 10px 10px 0;
    font-family: "Roboto Bold", Arial, Tahoma, Verdana;
  }
}
.webix-lib-description {
  padding-top: 70px;
}
.webix-lib-description-row {
  margin-top: -70px;
  margin-bottom: -70px;
}
.webix-description-list-title {
  font: 18px "Roboto Bold", Arial, Tahoma, Verdana;
}
.webix-description-list {
  font-size: 18px;
  line-height: 1.4;
}
.webix-description-list__row {
  position: relative;
  padding-left: 40px;
  margin-top: 10px;
}
.webix-description-list__row:first-child {
  margin-top: 0;
}
.webix-description-list__icon {
  position: absolute;
  left: 0;
  top: 1px;
}
.webix-description-list__icon-path,
.webix-description-list__icon-svg {
  width: 24px;
  height: 24px;
}
.webix-description-list__icon-path {
  fill: #62568c;
}
.webix-lib-about-improving {
  color: #f5f5f5;
  background: #8687cc;
  background: linear-gradient(120deg, #76639b 0%, #8687cc 100%);
}
.ui-offer-section a,
.ui-support-section a,
.ui-technologies-section a,
.webix-lib-about-improving .font-22-slab {
  color: #fff;
}
.webix-lib-about-improving-left-bg {
  background: left bottom no-repeat;
}
.webix-lib-about-improving-left-bg.loaded {
  background-image: url(../images/webix-lib-left-bg.png);
}
.webix-lib-about-improving-right-bg {
  background: right top no-repeat;
}
.webix-lib-about-improving-right-bg.loaded {
  background-image: url(../images/webix-lib-right-bg.png);
}
.webix-lib-key-features {
  background: center bottom no-repeat;
}
.webix-lib-key-features.loaded {
  background-image: url(../images/webix-lib-key-features.png);
}
.webix-lib-app {
  background: #726ab7;
  background: linear-gradient(120deg, #726ab7 0%, #4c386c 50%, #252346 100%);
}
.webix-lib-app-inside {
  background: center center no-repeat;
}
.webix-lib-app-inside.loaded {
  background-image: url(../images/webix-lib-app.png);
}
@media screen and (max-width: 960px) {
  .webix-lib-description {
    padding-top: 0;
    padding-bottom: 0;
  }
  .webix-lib-description-row {
    margin-top: 30px;
    margin-bottom: 0;
  }
  .webix-lib-description-row:first-child,
  .webix-list-features-col:first-child {
    margin-top: 0;
  }
  .webix-description-list,
  .webix-description-list-title {
    font-size: 16px;
  }
  .webix-list-features-col {
    margin-top: 12px;
  }
  .webix-lib-app-inside {
    background-size: 960px;
  }
  .webix-lib-app-inside.loaded {
    background-size: cover;
  }
}
@media screen and (max-width: 600px) {
  .webix-description-list {
    font-size: 14px;
  }
  .webix-description-list__row {
    padding-left: 30px;
  }
  .webix-description-list__icon-path,
  .webix-description-list__icon-svg {
    width: 18px;
    height: 18px;
  }
  .webix-lib-app-inside.loaded {
    background: 0 0;
  }
}
.ui-offer-section,
.ui-support-section,
.ui-technologies-section {
  color: #fff;
  background: #0ca8aa;
}
.ui-offer-wrapper {
  background: url(../images/ui-offer-pict-1.png) 7% bottom no-repeat,
    url(../images/ui-offer-pict-2.png) 93% bottom no-repeat;
}
.about-ui-section {
  margin-top: -3rem;
  margin-bottom: -3rem;
}
.about-ui-row {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.ui-steps {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.ui-step {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
}
.ui-step:first-child .ui-step__number:after {
  display: none;
}
.ui-step:last-child .ui-step__number:before {
  display: none;
}
.ui-step__number {
  position: relative;
  width: 30px;
  height: 40px;
  margin: 7px auto 20px;
  padding-top: 6px;
  color: #fff;
  font: 16px "Roboto", Arial, Tahoma, Verdana;
  box-sizing: border-box;
  background: url(../images/number-icon.svg) center center no-repeat;
}
.ui-step__number:after,
.ui-step__number:before {
  content: "";
  height: 2px;
  width: 100px;
  background: #e2e2e2;
  position: absolute;
  top: 16px;
  z-index: -1;
}
.ui-step__number:before {
  left: 5px;
}
.ui-step__number:after {
  right: 5px;
}
.ui-step__title {
  color: #0ca8aa;
  font: 18px/1.2 "Roboto Medium", Arial, Tahoma, Verdana;
  white-space: nowrap;
}
.ui-step__text {
  color: #7c7c7c;
  font: 13px/1.6 "Roboto", Arial, Tahoma, Verdana;
  padding: 10px 12px 0;
}
.ui-technologies-section:before {
  content: "";
  width: 50%;
  height: 100%;
  background: #29c4d9;
  position: absolute;
  right: 0;
  top: 0;
}
.ui-technologie-inside {
  padding-left: 100px;
}
.ui-technologie-elem {
  text-decoration: none;
}
.ui-technologie-elem:first-child {
  background: url(../images/web-ui-bg.png) 88% 55px no-repeat;
}
.ui-technologie-elem:nth-child(2) {
  background: url(../images/mobile-ui-bg.png) 88% 55px no-repeat;
}
.ui-services-section {
  background: center top no-repeat #292d2b;
  background-size: cover;
}
.ui-services-section.loaded {
  background-image: url(../images/ui-services-bg.jpg);
}
.ui-certified-section {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.ui-certified-section__pict {
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
}
.ui-certified-section__pict:first-child {
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
}
.ui-certified-section__text {
  font-size: 18px;
  line-height: 1.8;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0 20px;
}
.ui-certified-block {
  padding-bottom: 12rem;
}
.ui-support-inside {
  background: url(../images/ui-support-pict-1.png) 85% -50px no-repeat,
    url(../images/ui-support-pict-2.png) 15px 130% no-repeat;
}
@media screen and (max-width: 1024px) {
  .ui-offer-wrapper {
    background: 0 0;
  }
  .ui-step__title {
    font-size: 15px;
  }
  .ui-technologie-inside {
    padding-left: 50px;
  }
  .ui-technologie-elem:first-child,
  .ui-technologie-elem:nth-child(2) {
    background: 0 0;
  }
}
@media screen and (max-width: 960px) {
  .ui-steps {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: -40px;
  }
  .ui-step {
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 25%;
    margin-bottom: 40px;
  }
  .ui-step__number {
    margin-bottom: 10px;
  }
  .ui-step__number:after,
  .ui-step__number:before {
    display: none;
  }
  .ui-certified-section__img {
    width: 120px;
  }
  .ui-certified-section__text {
    font-size: 16px;
  }
  .about-ui-row .sub-title {
    text-align: center;
  }
}
@media screen and (max-width: 770px) {
  .ui-step {
    width: 33.333333333%;
  }
}
@media screen and (max-width: 660px) {
  .ui-certified-section {
    display: block;
    font-size: 0;
  }
  .ui-certified-section__pict {
    display: inline-block;
    width: 50%;
    text-align: center;
  }
  .ui-certified-section__text,
  .ui-technologie-inside {
    padding: 0;
  }
}
@media screen and (max-width: 480px) {
  .ui-step {
    width: 50%;
  }
  .ui-technologie-inside {
    padding: 0;
  }
  .ui-technologies-section:before {
    display: none;
  }
  .ui-technologie-elem {
    margin-top: 40px;
  }
  .ui-technologie-elem:first-child {
    margin-top: 0;
  }
}
@media screen and (max-width: 380px) {
  .ui-certified-section__text {
    font-size: 14px;
  }
}
.pm-entry-section {
  background: url(../images/pm-entry-bg.png) center center no-repeat #f6f6f6;
  background-size: cover;
}
.pm-description-line {
  background: linear-gradient(to right, #4cabbd 0%, #4cb6b8 100%);
}
.pm-description-line-inside {
  background: center center no-repeat;
  background-size: cover;
}
.pm-description-line-inside.loaded {
  background-image: url(../images/pm-description-bg.png);
}
.pm-description-line-inside a {
  color: #0054a6;
}
.pm-benefits {
  background: center center no-repeat #1f2d2a;
  background-size: cover;
}
.pm-benefits.loaded {
  background-image: url(../images/pm-dev-benefits-bg.jpg);
}
.pm-dev-advantage:first-child {
  padding-right: 30px;
}
.pm-dev-advantage:nth-child(2) .pm-dev-advantage__content {
  padding-left: 15px;
  padding-right: 15px;
}
.pm-dev-advantage:last-child .pm-dev-advantage__content {
  padding-left: 30px;
  padding-right: 0;
}
.pm-dev-advantage__title {
  color: #000;
  font: 18px "Roboto Slab Bold", Arial, Tahoma, Verdana;
}
.pm-dev-advantage__content {
  font-size: 14px;
  text-align: left;
  padding-right: 30px;
}
@media screen and (max-width: 1024px) {
  .pm-dev-advantage:first-child .pm-dev-advantage__content,
  .pm-dev-advantage:last-child .pm-dev-advantage__content,
  .pm-dev-advantage:nth-child(2) .pm-dev-advantage__content {
    padding: 0;
  }
}
@media screen and (max-width: 770px) {
  .pm-dev-advantage {
    margin-top: 40px;
  }
  .pm-dev-advantage:first-child {
    margin-top: 10px;
  }
}
@media screen and (max-width: 360px) {
  .pm-dev-advantage__img {
    max-width: 48px;
  }
}
.ams-description {
  background: #9c77b5;
  background: linear-gradient(108deg, #9c77b5 0%, #bb9bc8 100%);
}
.ams-description a,
.ams-services a {
  color: #fff;
}
.ams-description-inside {
  background: center center no-repeat;
}
.ams-description-inside.loaded {
  background-image: url(../images/ams-description-bg.png);
}
.ams-description-content {
  position: relative;
  padding-left: 50px;
  padding-right: 50px;
}
.ams-description-pict {
  position: absolute;
  right: 0;
  top: -35px;
}
.ams-description-text {
  padding-right: 260px;
}
.ams-advantages {
  font-size: 0;
  margin: -20px -15px;
}
.ams-advantage {
  display: inline-block;
  vertical-align: top;
  width: 20%;
  padding: 20px 15px;
  box-sizing: border-box;
}
.ams-advantage:first-child .ams-advantage__dot:after {
  display: none;
}
.ams-advantage:last-child .ams-advantage__dot:before {
  display: none;
}
.ams-advantage__icon {
  width: 84px;
  height: 84px;
  margin: 0 auto;
  border-radius: 50px;
  background: #26b4da;
}
.ams-advantage__dot {
  position: relative;
  width: 18px;
  height: 18px;
  margin: 23px auto 24px;
  border-radius: 10px;
  background: #bacace;
}
.ams-advantage__dot:after,
.ams-advantage__dot:before {
  content: "";
  position: absolute;
  top: 9px;
  height: 1px;
  width: 200px;
  background: #eee9f8;
  z-index: -1;
}
.ams-advantage__dot:after {
  right: 9px;
}
.ams-advantage__dot:before {
  left: 9px;
}
.ams-advantage__title {
  color: #465d62;
  font: 16px/1.5 "Roboto Medium", Arial, Tahoma, Verdana;
  margin-left: -15px;
  margin-right: -15px;
  padding-bottom: 10px;
}
.ams-advantage__text {
  font-size: 14px;
  line-height: 1.65;
}
.ams-services {
  background: center center no-repeat #11314f;
  background-size: cover;
}
.ams-services.loaded {
  background-image: url(../images/ams-services-bg.jpg);
}
.ams-apps {
  background: #e1e1e1;
  background: radial-gradient(ellipse at center, #fff 0%, #e1e1e1 100%);
}
.ams-apps-wrapp {
  background: left bottom no-repeat;
}
.ams-apps-wrapp.loaded {
  background-image: url(../images/ams-apps-left-bg.png);
}
.ams-apps-inside {
  background: right bottom no-repeat;
}
.ams-apps-inside.loaded {
  background-image: url(../images/ams-apps-right-bg.png);
}
.ams-apps-section {
  margin-top: -9.5rem;
}
.ams-carousel-wrapper {
  position: relative;
  max-width: 1158px;
  margin: 0 auto;
  padding: 49px 0 95px;
  box-sizing: border-box;
  background: url(../images/laptop-scheme.png) center top no-repeat;
}
.ams-carousel-wrapper.case-carousel {
  background-image: url(../images/laptop-scheme-case.png);
  background-size: 100%;
}
@media screen and (max-width: 1180px) {
  .ams-carousel-wrapper {
    max-width: 1000px;
    padding: 42px 0 82px;
    background-size: 1000px;
  }
}
@media screen and (max-width: 1024px) {
  .ams-carousel-wrapper {
    max-width: 775px;
    padding: 32px 0 63px;
    background-size: 775px;
  }
}
@media screen and (max-width: 770px) {
  .ams-carousel-wrapper {
    max-width: 650px;
    padding: 26px 0 52px;
    background-size: 650px;
  }
}
@media screen and (max-width: 660px) {
  .ams-carousel-wrapper {
    max-width: 540px;
    padding: 21px 0 43px;
    background-size: 540px;
  }
}
@media screen and (max-width: 550px) {
  .ams-carousel-wrapper {
    max-width: 470px;
    padding: 18px 0 38px;
    background-size: 470px;
  }
}
@media screen and (max-width: 480px) {
  .ams-carousel-wrapper {
    max-width: 350px;
    padding: 12px 0 27px;
    background-size: 350px;
  }
}
@media screen and (max-width: 360px) {
  .ams-carousel-wrapper {
    max-width: 310px;
    padding: 10px 0 23px;
    background-size: 310px;
  }
}
.ams-carousel {
  max-width: 858px;
  margin: 0 auto;
  opacity: 0;
  transition: opacity 0.15s ease;
}
.ams-carousel.slick-slider {
  opacity: 1;
  overflow: visible;
}
@media screen and (max-width: 1180px) {
  .ams-carousel {
    width: 742px;
  }
  .ams-carousel img {
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 1024px) {
  .ams-carousel {
    width: 575px;
  }
}
@media screen and (max-width: 770px) {
  .ams-carousel {
    width: 484px;
  }
}
@media screen and (max-width: 660px) {
  .ams-carousel {
    width: 404px;
  }
}
@media screen and (max-width: 550px) {
  .ams-carousel {
    width: 352px;
  }
}
@media screen and (max-width: 480px) {
  .ams-carousel {
    width: 264px;
  }
}
@media screen and (max-width: 360px) {
  .ams-carousel {
    width: 234px;
  }
}
.ams-carousel .slick-list {
  overflow: hidden;
}
.ams-carousel .slick-prev {
  left: -110px;
  background: url(../images/left_arrow_rest.svg) center center no-repeat;
}
.ams-carousel .slick-next {
  right: -110px;
  background: url(../images/right_arrow_rest.svg) center center no-repeat;
}
.ams-carousel .slick-dots {
  position: absolute;
  left: 0;
  bottom: -100px;
  font-size: 0;
  text-align: center;
  width: 100%;
}
.ams-carousel .slick-dots li {
  display: inline-block;
  vertical-align: middle;
  line-height: 0;
  margin: 0 4px;
}
.ams-carousel .slick-dots li button {
  display: block;
  width: 8px;
  height: 8px;
  padding: 0;
  text-indent: 9999px;
  overflow: hidden;
  border: none;
  border-radius: 5px;
  background: #707070;
  transition: all 0.15s ease;
  cursor: pointer;
}
.ams-carousel .slick-dots li.slick-active button {
  box-shadow: 0 0 0 2px #acacac;
  background: #acacac;
}
.case-carousel .ams-carousel .slick-prev {
  background: url(../images/case_left_arrow_rest.svg) center center no-repeat;
}
.case-carousel .ams-carousel .slick-next {
  background-image: url(../images/case_right_arrow_rest.svg);
}
.case-carousel .ams-carousel .slick-dots li button {
  background: #fff;
}
.case-carousel .ams-carousel .slick-dots li.slick-active button {
  box-shadow: 0 0 0 2px #fff;
  background: #fff;
}
.ams-benefits {
  background: #a686b6;
  background: linear-gradient(to right, #a686b6 0%, #bfa0cb 100%);
}
.ams-benefits-inside {
  padding-bottom: 16.5rem;
  background: center center no-repeat;
}
.ams-benefits-inside.loaded {
  background-image: url(../images/ams-benefits-bg.png);
}
@media screen and (max-width: 1024px) {
  .ams-carousel .slick-dots {
    bottom: -70px;
  }
  .ams-carousel .slick-prev {
    left: -85px;
  }
  .ams-carousel .slick-next {
    right: -85px;
  }
  .case-carousel .ams-carousel .slick-prev {
    background-image: url(../images/left_arrow_rest.svg);
  }
  .case-carousel .ams-carousel .slick-next {
    background-image: url(../images/right_arrow_rest.svg);
  }
}
@media screen and (max-width: 960px) {
  .ams-page-entry br {
    display: none;
  }
  .ams-description-content {
    padding-left: 0;
    padding-right: 0;
  }
  .ams-description-img {
    width: 250px;
  }
  .ams-advantage {
    width: 33.33333333333%;
  }
  .ams-advantage__dot {
    display: none;
  }
  .ams-advantage__title {
    padding-top: 10px;
  }
  .ams-services-col {
    margin-top: 3.5rem;
  }
  .ams-services-col:first-child {
    margin-top: 0;
  }
}
@media screen and (max-width: 660px) {
  .ams-carousel .slick-dots {
    bottom: -50px;
  }
  .ams-advantage {
    width: 50%;
  }
  .ams-description-content {
    overflow: hidden;
  }
  .ams-description-pict {
    position: relative;
    top: 0;
    float: left;
    width: 160px;
    padding: 0 0 20px;
  }
  .ams-description-img {
    width: 100%;
  }
  .ams-description-text {
    padding: 0;
  }
  .ams-carousel-wrapper {
    margin-top: 10px;
  }
}
@media screen and (max-width: 550px) {
  .ams-description-pict {
    width: 120px;
  }
}
@media screen and (max-width: 480px) {
  .ams-advantage {
    width: 100%;
  }
  .ams-advantage__title br {
    display: none;
  }
  .ams-carousel .slick-prev {
    left: -55px;
  }
  .ams-carousel .slick-next {
    right: -55px;
  }
}
@media screen and (max-width: 360px) {
  .ams-advantage__icon {
    width: 54px;
    height: 54px;
  }
  .ams-advantage__icon-img {
    width: 30px;
  }
  .ams-carousel .slick-next,
  .ams-carousel .slick-prev {
    display: none !important;
  }
  .ams-carousel .slick-dots {
    bottom: -35px;
  }
}
.dotnet-advantages {
  padding: 6rem 0 15rem;
}
.dotnet-dev-info {
  border-bottom: 1px solid #e6e6e6;
}
.dotnet-dev-info__item {
  width: 50%;
  text-align: center;
  padding: 20px 0 55px;
  box-sizing: border-box;
}
.dotnet-dev-info__item:first-child {
  border-right: 1px solid #e6e6e6;
}
.dotnet-services {
  background: bottom right no-repeat;
}
.dotnet-services.loaded {
  background-image: url(../images/cloud-bg.png);
}
.dotnet-services .xb-repeater-container:nth-child(5) {
  margin-top: -20px;
  margin-bottom: -80px;
}
.dotnet-dev-info__label,
.dotnet-dev-info__value {
  display: block;
}
.dotnet-dev-info__value {
  color: #2381c0;
  font: 7.5rem "Roboto Slab", Arial, Tahoma, Verdana;
}
.technology-stack-container {
  background: url(../images/bg_dotnet_lines.png) center center no-repeat;
}
.technology-stack__title {
  display: block;
  font: 2.2rem "Roboto Slab", Arial, Tahoma, Verdana;
  margin-bottom: 15px;
}
.technology-stack__list {
  overflow: hidden;
}
.technology-stack__li {
  position: relative;
  list-style: none;
  padding: 8px 15px;
  box-sizing: border-box;
}
.technology-stack__li:before {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 4px;
  background-color: gray;
  position: absolute;
  top: 18px;
  left: 0;
}
.technology-stack--ui .technology-stack__title {
  color: #f35038;
}
.technology-stack--ui .technology-stack__li:before {
  background-color: #f35038;
}
.technology-stack--products .technology-stack__title {
  color: #3bc448;
}
.technology-stack--products .technology-stack__li:before {
  background-color: #3bc448;
}
.technology-stack--security .technology-stack__title {
  color: #0ad4db;
}
.technology-stack--security .technology-stack__li:before {
  background-color: #0ad4db;
}
.technology-stack--web-serv .technology-stack__title {
  color: #0bd894;
}
.technology-stack--web-serv .technology-stack__li:before {
  background-color: #0bd894;
}
.technology-stack--cms {
  margin-top: -130px;
}
.technology-stack--cms .technology-stack__title {
  color: #ff9000;
}
.technology-stack--cms .technology-stack__li:before {
  background-color: #ff9000;
}
.technology-stack--dbms {
  margin-top: -5px;
}
.technology-stack--dbms .technology-stack__title {
  color: #c23481;
}
.technology-stack--dbms .technology-stack__li:before {
  background-color: #c23481;
}
.technology-stack--cloud {
  margin-top: -130px;
}
.technology-stack--cloud .technology-stack__title {
  color: #a151ea;
}
.technology-stack--cloud .technology-stack__li:before {
  background-color: #a151ea;
}
.technology-stack--frameworks {
  margin-top: 30px;
}
.technology-stack--frameworks .technology-stack__title {
  color: #0e73bc;
}
.technology-stack--frameworks .technology-stack__li:before {
  background-color: #0e73bc;
}
.technology-stack--rtc {
  margin-top: 35px;
}
.technology-stack--rtc .technology-stack__title {
  color: #e62851;
}
.technology-stack--rtc .technology-stack__li:before {
  background-color: #e62851;
}
@media screen and (max-width: 770px) {
  .technology-stack--cloud,
  .technology-stack--frameworks,
  .technology-stack--rtc {
    margin-top: 0;
  }
}
.dot-net-apps {
  background: center center/cover no-repeat #406586;
}
.dot-net-apps.loaded {
  background-image: url(../images/dot-net-apps-bg.jpg);
}
@media screen and (max-width: 960px) {
  .technology-stack-container {
    background: 0 0;
  }
  .technology-stack {
    padding: 15px 0;
  }
  .technology-stack__title {
    margin-bottom: 5px;
  }
  .dotnet-stack,
  .technology-stack--cms {
    margin-top: 0;
  }
  .technology-stack--providers .technology-stack__li {
    width: 100%;
    float: none;
  }
  .technology-stack--providers .technology-stack__li:nth-child(2n) {
    left: 0;
  }
  .dotnet-services .xb-repeater-container:nth-child(5) {
    margin-top: 0;
    margin-bottom: 0;
  }
  .dotnet-advantages .img-responsive,
  .dotnet-services .img-responsive {
    max-width: 70%;
  }
}
.oss-switcher-tab {
  padding: 0 5rem;
}
.oss-switcher-title {
  font-weight: 400;
  font-size: 3.2rem;
  font-family: "Roboto Light", Arial, Tahoma, Verdana;
  line-height: 1.2;
  cursor: pointer;
  transition: color 0.3s ease-in-out;
  position: relative;
  padding: 2.5rem 0;
}
.oss-switcher-title:after {
  content: "";
  width: 100%;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: -2px;
  transition: background 0.3s ease-in-out;
}
.oss-switcher-tab.active .oss-switcher-title {
  color: #e34571;
}
.oss-switcher-tab.active .oss-switcher-title:after {
  background: #e34571;
}
.oss-switcher-content {
  display: none;
  opacity: 0;
  animation: fadeIn 0.5s 1 ease-in-out;
  animation-fill-mode: forwards;
}
.oss-switcher-content.active {
  display: block;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.oss-dev-apps-section {
  background: center center no-repeat #f6f6f6;
  background-size: cover;
}
.oss-dev-apps-section.loaded {
  background-image: url(../images/oss-dev/oss-dev-apps-bg.png);
}
.oss-apps-list {
  margin-left: 9rem;
  max-width: 40rem;
}
.oss-industry-wrap {
  overflow: hidden;
  padding-top: 15px;
  padding-bottom: 15px;
}
.oss-industry {
  display: block;
  position: relative;
  text-decoration: none;
}
.oss-industry__pict {
  display: block;
  width: 100%;
  border-radius: 6px;
  overflow: hidden;
  position: relative;
  transition: all 0.2s linear;
  transform-style: preserve-3d;
}
.oss-industry__pict img {
  border-radius: 6px;
}
.oss-industry__pict:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(55, 69, 74, 0.85);
  position: absolute;
  top: 0;
  left: 0;
}
.oss-industry__title {
  display: block;
  transition: all 0.4s ease;
  position: relative;
  margin-top: -23px;
}
.oss-industry__title-txt {
  display: block;
  width: 87%;
  margin: 0 auto;
  font-size: 1.4rem;
  line-height: 1.5;
  color: #fff;
  background: rgba(237, 20, 91, 0.95);
  border-radius: 5px;
  padding: 1rem;
  box-sizing: border-box;
}
.oss-industry__info {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.oss-industry__info-txt {
  display: block;
  width: 95%;
  opacity: 0.8;
  margin: -100% auto 0;
  font-size: 2.2rem;
  line-height: 1.3;
  color: #f24373;
  background: #fff;
  border-radius: 5px;
  padding: 1rem;
  box-sizing: border-box;
  transition: all 0.6s ease;
}
.oss-industry:hover .oss-industry__pict {
  transform: scale(1.1);
}
.oss-industry:hover .oss-industry__pict:after {
  display: none;
}
.oss-industry:hover .oss-industry__title {
  opacity: 0;
}
.oss-industry:hover .oss-industry__info-txt {
  margin-top: 45%;
}
.oss-benefits-section {
  background: center center no-repeat;
  background-size: cover;
}
.oss-benefits-section.loaded {
  background-image: url(../images/oss-dev/oss-benefits-bg.jpg);
}
.oss-benefits-section-inside {
  background-color: rgba(55, 69, 74, 0.85);
}
.oss-check-list {
  font-size: 1.8rem;
  line-height: 1.4;
  color: #fff;
}
.oss-check-list__row {
  position: relative;
  padding-left: 38px;
}
.oss-check-list__icon {
  position: absolute;
  left: 0;
  top: 0;
}
.oss-check-list__checked,
.oss-check-list__checked-path {
  width: 26px;
  height: 26px;
}
.oss-check-list__checked-path.white {
  fill: #fff;
}
.oss-features-section {
  background: center center no-repeat;
  background-size: cover;
}
.oss-features-section.loaded {
  background-image: url(../images/oss-dev/oss-features-bg.png);
}
.oss-features-wrap {
  padding-left: 3.5rem;
  padding-right: 3.5rem;
}
.oss-features-slider {
  padding-bottom: 45px;
}
.oss-features-slider .slick-dots {
  padding: 9px 20%;
  list-style: none;
  text-align: center;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  box-sizing: border-box;
}
.oss-features-slider .slick-dots button {
  display: block;
  outline: 0;
  font-size: 0;
  line-height: 0;
  width: 6px;
  height: 6px;
  padding: 0;
  border-radius: 50%;
  background: #afb6bf;
  border: 0;
  cursor: pointer;
}
.oss-features-slider .slick-dots li {
  display: inline-block;
  margin: 0 2.3px;
  padding: 0;
}
.oss-features-slider .slick-dots li.slick-active button {
  background: #e40b48;
}
.oss-features-slider .slick-next,
.oss-features-slider .slick-prev {
  width: 46px;
  height: 26px;
  opacity: 1;
  padding: 0;
  bottom: 0;
  top: auto;
  cursor: pointer;
  z-index: 3;
}
.oss-features-slider .slick-prev {
  background: url(../images/arrow-prev-pink.svg) no-repeat center center;
  left: 10%;
}
.oss-features-slider .slick-next {
  background: url(../images/arrow-next-pink.svg) no-repeat center center;
  right: 10%;
}
.oss-feature-slide {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.oss-feature {
  padding: 2.5rem 3rem 3rem;
  height: 100%;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.5;
  background: #fff;
  border: 1px solid #e8e8e8;
  box-shadow: 0 0 9.7px 0.3px rgba(83, 90, 117, 0.08);
}
.oss-feature__pict {
  width: 83px;
  height: 83px;
  line-height: 83px;
  text-align: center;
  border-radius: 50px;
  background: #ed145b;
  margin: 0 auto;
}
.oss-feature__pict .img-responsive {
  display: inline-block;
  vertical-align: middle;
}
.oss-feature__title {
  font-size: 2.4rem;
  line-height: 1.2;
  font-weight: 400;
  margin-top: 3rem;
}
.oss-feature__content {
  margin-top: 1.5rem;
}
.oss-services-section {
  background: #f7f8f9;
}
.oss-services-process__top {
  padding: 10px 14% 0 6%;
  display: flex;
  flex-wrap: nowrap;
}
.oss-services-process__top .oss-services-process__elem {
  width: 25%;
  background: url(../images/oss-dev/oss-dotted-line.png) no-repeat right bottom;
  padding-bottom: 190px;
  position: relative;
}
.oss-services-process__top .oss-services-process__elem-title {
  position: absolute;
  top: -10px;
  left: 50%;
  width: 80%;
  padding: 0 10px;
}
.oss-services-process__top .oss-services-process__elem:first-child {
  width: 27%;
  background: url(../images/oss-dev/oss-dotted-line-1.png) no-repeat right
    bottom;
}
.oss-services-process__bottom {
  display: flex;
  flex-wrap: nowrap;
}
.oss-services-process__bottom .oss-services-process__elem {
  width: 20%;
  padding-bottom: 80px;
  position: relative;
}
.oss-services-process__bottom .oss-services-process__elem-title {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-70%);
  width: 80%;
  padding: 0 13px;
  text-align: center;
}
.oss-services-process__bottom
  .oss-services-process__elem:last-child
  .oss-services-process__elem-title {
  width: 95%;
}
.oss-advantages-section {
  background: #f7f8f9;
  padding-bottom: 20rem;
}
.oss-advantages__head {
  padding-left: 7rem;
  padding-right: 1.1rem;
  position: relative;
  min-height: 55px;
}
.oss-advantages__title {
  font-size: 2.4rem;
  line-height: 1.5;
  color: #e40b48;
}
.oss-advantages__icon {
  width: 54px;
  position: absolute;
  left: 0;
  top: 5px;
}
.oss-advantages__content {
  margin-top: 1rem;
  max-width: 32rem;
}
@media screen and (max-width: 1180px) {
  .oss-switcher-title {
    font-size: 30px;
  }
  .oss-industry__info-txt {
    font-size: 1.8rem;
  }
  .oss-services-process__top .oss-services-process__elem {
    background-size: contain;
  }
  .oss-services-process__top .oss-services-process__elem:first-child {
    background-size: contain;
  }
}
@media screen and (max-width: 1024px) {
  .oss-switcher-tab {
    padding: 0 3rem;
  }
  .oss-check-list {
    font-size: 1.6rem;
  }
  .oss-feature {
    font-size: 1.5rem;
  }
  .oss-feature__title {
    font-size: 2.2rem;
  }
  .oss-services-process__top {
    padding: 10px 12% 0 6%;
  }
  .oss-services-process__top .oss-services-process__elem {
    padding-bottom: 175px;
  }
  .oss-services-process__top .oss-services-process__elem-title {
    top: 0;
  }
  .oss-services-process__bottom .oss-services-process__elem {
    padding-bottom: 100px;
  }
  .oss-services-process__bottom .oss-services-process__elem-title {
    transform: translateX(-65%);
  }
  .oss-advantages__head {
    padding-left: 6rem;
    min-height: 45px;
  }
  .oss-advantages__title {
    font-size: 2rem;
  }
  .oss-advantages__icon {
    top: 0;
    width: 44px;
  }
}
@media screen and (max-width: 960px) {
  .oss-industry {
    display: inline-block;
  }
  .oss-features-wrap {
    padding: 0;
  }
  .oss-feature {
    padding: 2.5rem;
  }
  .oss-feature__pict {
    width: 63px;
    height: 63px;
    line-height: 63px;
  }
  .oss-feature__pict .img-responsive {
    width: 70%;
  }
}
@media screen and (max-width: 860px) {
  .oss-apps-list {
    margin-left: 0;
    padding-left: 15px;
    padding-right: 15px;
    width: 50%;
    max-width: 50%;
    box-sizing: border-box;
    float: left;
  }
}
@media screen and (max-width: 770px) {
  .oss-switcher-tab {
    padding: 0 1.5rem;
  }
  .oss-switcher-title {
    font-size: 23px;
    padding: 2rem 0;
  }
  .oss-feature__title {
    margin-top: 2rem;
  }
  .oss-feature__content {
    margin-top: 1rem;
  }
  .oss-advantages__head {
    padding-top: 2px;
  }
  .oss-advantages__content {
    max-width: 100%;
  }
}
@media screen and (max-width: 660px) {
  .oss-services-process__bottom,
  .oss-services-process__top {
    padding: 0;
    display: block;
  }
  .oss-services-process__bottom .oss-services-process__elem,
  .oss-services-process__top .oss-services-process__elem {
    width: 100%;
    padding: 0.5rem 0;
  }
  .oss-services-process__bottom .oss-services-process__elem-title,
  .oss-services-process__top .oss-services-process__elem-title {
    position: relative;
    width: auto;
    top: auto;
    left: auto;
    padding: 0 0 0 20px;
    text-align: left;
  }
  .oss-services-process__bottom .oss-services-process__elem-title:before,
  .oss-services-process__top .oss-services-process__elem-title:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -3px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #ed145b;
  }
  .oss-services-process__top .oss-services-process__elem {
    background: 0 0;
  }
  .oss-services-process__top .oss-services-process__elem:first-child {
    width: 100%;
    background: 0 0;
  }
  .oss-services-process__bottom .oss-services-process__elem-title {
    transform: translateX(0);
  }
  .oss-services-process__bottom
    .oss-services-process__elem:last-child
    .oss-services-process__elem-title {
    width: auto;
  }
}
@media screen and (max-width: 480px) {
  .oss-m-picture {
    max-width: 150px;
  }
  .oss-apps-list {
    width: 100%;
    max-width: 100%;
    float: none;
  }
  .oss-apps-list:first-child {
    margin-bottom: 6px;
  }
  .oss-industry-wrap {
    text-align: center;
  }
  .oss-features-slider .slick-next {
    right: 5%;
  }
  .oss-features-slider .slick-prev {
    left: 5%;
  }
}
@keyframes tags-show {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.tags-switch {
  margin-top: 30px;
}
.tags-switch__head {
  font-size: 0;
}
.tags-switch__btn {
  display: inline-block;
  vertical-align: middle;
  color: #5b5b5b;
  font: 22px "Roboto", Arial, Tahoma, Verdana;
  text-decoration: none;
  margin-left: 60px;
  cursor: pointer;
  transition: color 0.15s ease;
}
.tags-switch__btn:first-child {
  margin-left: 0;
}
.portfolio-header-title.link:hover,
.tags-switch__btn.active,
.tags-switch__btn:hover {
  color: #e4264f;
}
.tags-switch__body {
  margin-top: 30px;
  transition: height 0.3s ease;
  transform: translateZ(0);
}
.tags-container {
  font-size: 0;
  margin-top: -6px;
}
.case-tags-blue a,
.case-tags-purple a,
.more-tags-btn,
.tag-item {
  display: inline-block;
  vertical-align: middle;
  border-radius: 4px;
  margin-right: 6px;
  margin-top: 6px;
  cursor: pointer;
}
.case-tags-blue a,
.case-tags-purple a,
.tag-item {
  font: 14px "Roboto", Arial, Tahoma, Verdana;
  text-decoration: none;
  padding: 2px 10px 3px;
  transition: color 0.15s ease, background 0.15s ease;
  animation: tags-show 0.5s ease;
}
.case-tags-blue a.hide,
.case-tags-purple a.hide,
.tag-item.hide {
  display: none;
}
.case-tags-purple a {
  color: #6b82ce;
  background-color: #f0f2fa;
}
.case-tags-purple a.active,
.case-tags-purple a:hover {
  background-color: #e1e6f5;
}
.case-tags-blue a {
  color: #e63b60;
  background-color: #fcebef;
}
.case-tags-blue a.active,
.case-tags-blue a:hover {
  background-color: #f7c4cf;
}
.tag-item {
  color: #565656;
  background-color: #fafafa;
}
.tag-item.active,
.tag-item:hover {
  color: #fafafa;
  background-color: #565656;
}
.more-tags-btn {
  text-align: center;
  width: 30px;
  height: 24px;
  background-color: #e63b60;
}
.more-tags-btn__dot {
  display: inline-block;
  vertical-align: middle;
  width: 3px;
  height: 3px;
  margin-left: 3px;
  border-radius: 3px;
  background-color: #fff;
  transition: background 0.15s ease;
}
.more-tags-btn__dot:first-child {
  margin-left: 0;
}
.tags-switch__tab {
  display: none;
}
.tags-switch__tab.active {
  display: block;
  animation: tags-show 0.5s ease;
}
.case-tags-container {
  padding-top: 1.5rem;
}
.case-main-tags {
  font-size: 0;
}
.case-tags-blue,
.case-tags-purple {
  display: inline-block;
  vertical-align: middle;
}
.case-head {
  font-size: 0;
  background-color: #fafafa;
}
.case-head__col {
  display: inline-block;
  vertical-align: bottom;
}
.case-head__col:first-child {
  margin-right: 100px;
}
.portfolio-header-title {
  display: inline-block;
  font-size: 2.6rem;
  font-weight: 400;
  line-height: 1.8;
  padding-top: 1.6rem;
  padding-bottom: 1.3rem;
}
.portfolio-header-title.title {
  color: #e4264f;
  border-bottom: 3px solid #e63b60;
}
.portfolio-header-title.link {
  color: #000;
  text-decoration: none;
  border-bottom: 3px solid transparent;
  transition: all 0.15s ease;
}
.tech-tags-wrapper {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}
.portfolio-tags-wrapper {
  padding-bottom: 40px;
  min-height: 110px;
  box-sizing: border-box;
}
.portfolio-tags-container {
  padding: 5rem 0 3rem;
  font-size: 1.4rem;
  line-height: 2.4rem;
  overflow: hidden;
  box-sizing: border-box;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-perspective: 50rem;
  perspective: 50rem;
}
.portfolio-tags-lists {
  backface-visibility: hidden;
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform: rotateX(0deg) translateZ(0);
  transform: rotateX(0deg) translateZ(0);
  transition: all 0.4s ease;
}
.portfolio-tags-lists.dev-cases-tags {
  height: 770px;
}
.portfolio-tags-lists.test-cases-tags {
  height: 340px;
}
.portfolio-tags-lists.dev-cases-tags.disable,
.portfolio-tags-lists.test-cases-tags.disable {
  height: 0;
  opacity: 0;
  -webkit-transform: rotateX(-90deg) translateZ(0);
  transform: rotateX(-90deg) translateZ(0);
}
.tags-title {
  display: block;
  font-weight: 400;
  font-size: 2.2rem;
  font-family: "Roboto Slab", Arial, Tahoma, Verdana;
  line-height: 3rem;
  padding-left: 1.5rem;
  margin-bottom: 2rem;
}
.tags-title.industries {
  color: #9475c4;
}
.tags-title.solutions {
  color: #6dacc6;
}
.tags-title.tech {
  color: #69767f;
}
.tags-title.kinds-testing {
  color: #c65c7f;
}
.solutions-tags.bordered {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
.portfolio-tags__row {
  list-style: none;
  padding: 0.3rem 0;
}
.portfolio-tags__link {
  display: block;
  padding-left: 3.4rem;
  text-decoration: none;
  color: #292929;
}
.portfolio-tags__link.industries {
  background: url(../images/marker-purple.svg) 1.5rem 8px no-repeat;
}
.portfolio-tags__link.industries:hover {
  color: #a991d0;
}
.portfolio-tags__link.solutions {
  background: url(../images/marker-blue.svg) 1.5rem 8px no-repeat;
}
.portfolio-tags__link.solutions:hover {
  color: #8abdd1;
}
.portfolio-tags__link.tech {
  background: url(../images/marker-gray-2.svg) 1.5rem 8px no-repeat;
}
.portfolio-tags__link.tech:hover {
  color: #9fa7ad;
}
.portfolio-tags__link.kinds-testing {
  background: url(../images/marker-pink.svg) 1.5rem 8px no-repeat;
}
.portfolio-tags__link.kinds-testing:hover {
  color: #dc86a2;
}
.see-all-cases-container {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  transition: all 0.35s ease;
}
.see-all-cases-container.disable {
  opacity: 0;
}
.see-all-cases-container.hide {
  display: none;
}
.portfolio-roof {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  z-index: 10;
  transition: opacity 0.35s ease;
}
.portfolio-roof.disable {
  opacity: 0;
}
.portfolio-roof.hide {
  display: none;
}
.xb-cases {
  position: relative;
  min-height: 250px;
  z-index: 10;
}
.case-loader {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  padding: 35px 0;
  z-index: 0;
}
.case-loader-after-cases {
  top: -7.5rem;
}
.case-year {
  height: 35px;
  text-align: center;
}
.case-year__label {
  position: relative;
  top: -1.4rem;
  display: inline-block;
  color: #fff;
  font: 20px "Roboto", Arial, Tahoma, Verdana;
  padding: 4px 10px 5px;
  background: #e4264f;
}
.case-year__label:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  margin-left: -6px;
  border: 6px solid transparent;
  border-top: 6px solid #e4264f;
}
@media screen and (max-width: 360px) {
  .case-year__label {
    font-size: 16px;
  }
}
@media screen and (max-width: 1280px) {
  .xb-flex-v-centered.case-entry {
    padding: 0 4rem;
  }
}
@media screen and (max-width: 1180px) {
  .xb-case-title,
  .xb-case-title a {
    font-size: 20px;
  }
  .case-entry {
    font-size: 14px;
  }
  .portfolio-header-title {
    font-size: 2rem;
    padding-top: 1.2rem;
    padding-bottom: 1rem;
  }
  .tags-switch__btn {
    font-size: 19px;
  }
}
@media screen and (max-width: 1024px) {
  .xb-case-title,
  .xb-case-title a {
    padding-bottom: 15px;
  }
  .case-entry {
    font-size: 13px;
    line-height: 1.5;
  }
  .case-main-tags a,
  .tag-item {
    font-size: 12px;
  }
}
@media screen and (max-width: 960px) {
  .portfolio-tags-wrapper,
  .tags-switch {
    display: none;
  }
  .case-tags-container {
    padding-bottom: 4.5rem;
  }
  .case-loader-after-cases {
    top: auto;
    bottom: 85px;
    z-index: 15;
  }
}
@media screen and (max-width: 480px) {
  .case-head__col:first-child {
    margin-right: 0;
  }
  .xb-flex-v-centered.case-entry {
    padding: 0 2.5rem;
  }
}
.mobile-cases {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -5px;
}
.mobile-case {
  width: 33.333333333333%;
  padding: 5px;
  border-radius: 5px;
  overflow: hidden;
  box-sizing: border-box;
}
.mobile-case__elem,
.mobile-case__pict {
  position: relative;
  display: block;
}
.mobile-case__elem {
  border-radius: 5px;
  overflow: hidden;
}
.mobile-case__pict {
  padding-top: 81.48148148148148%;
  overflow: hidden;
}
.mobile-case__img {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
}
.devcenter-app {
  margin-top: 20px;
}
.checklist-container__row:first-child,
.devcenter-app:first-child,
.text-container p:first-child {
  margin-top: 0;
}
.devcenter-app__link {
  position: relative;
  display: block;
  min-height: 180px;
  border-radius: 5px;
  overflow: hidden;
}
.devcenter-app__link:hover .devcenter-app__body,
.landing-cases-section .devcenter-app__link.active .devcenter-app__body {
  opacity: 1;
  transform: scale(1) translateZ(0);
  -webkit-transform: scale(1) translateZ(0);
}
.devcenter-app__img {
  max-width: 270px;
  width: 100%;
}
.devcenter-app__body,
.mobile-case__body {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
  z-index: 1;
}
.devcenter-app__body {
  opacity: 0;
  transform: scale(0.85) translateZ(0);
  -webkit-transform: scale(0.85) translateZ(0);
  transition: opacity 0.3s cubic-bezier(0.74, 0.19, 0.46, 1.28),
    transform 0.3s cubic-bezier(0.74, 0.19, 0.46, 1.28);
}
.devcenter-app__body-inside,
.mobile-case__body-inside {
  position: relative;
  display: block;
  min-height: 100%;
  padding: 17px 20px;
  border-radius: 4px;
  background: rgba(53, 59, 73, 0.85);
  box-sizing: border-box;
}
.devcenter-app__text,
.devcenter-app__title,
.mobile-case__title {
  display: block;
  color: #fff;
}
.devcenter-app__title,
.mobile-case__title {
  font: 20px "Roboto Light", Arial, Tahoma, Verdana;
  margin-bottom: 3px;
}
.devcenter-app__text {
  font: 18px "Roboto Light", Arial, Tahoma, Verdana;
}
.devcenter-app__more,
.mobile-case__more {
  position: absolute;
  bottom: 17px;
  left: 20px;
  font-size: 0;
  color: #fff;
  white-space: nowrap;
}
.devcenter-app__more:hover .devcenter-app__icon,
.mobile-case__more:hover .devcenter-app__icon {
  transform: translateX(2px);
  -webkit-transform: translateX(2px);
}
.devcenter-app__more-label,
.mobile-case__more-label {
  font: 18px "Roboto Light", Arial, Tahoma, Verdana;
  text-decoration: underline;
  margin-right: 10px;
}
.devcenter-app__icon,
.devcenter-app__more-label,
.mobile-case__icon,
.mobile-case__more-label {
  display: inline-block;
  vertical-align: middle;
}
.devcenter-app__icon,
.mobile-case__icon {
  position: relative;
  top: 2px;
  line-height: 0;
  transition: transform 0.15s ease-in-out;
}
.devcenter-more-svg,
.devcenter-more-use,
.mobile-case-more-svg,
.mobile-case-more-use {
  width: 28px;
  height: 28px;
}
.devcenter-more-use,
.mobile-case-more-use,
.round-check-small.circuit.white {
  fill: #fff;
}
.all-products-section {
  overflow: hidden;
}
.checklist-container__row {
  position: relative;
  padding-left: 38px;
  margin-top: 24px;
}
.checklist-container__icon-elem {
  position: absolute;
  left: 0;
  top: 0;
}
.checklist-container__icon {
  width: 24px;
  height: 24px;
}
.checklist-container__icon.circuit {
  fill: #e40b48;
}
.global-page-container {
  position: relative;
  z-index: 0;
}
.light-font {
  font-family: "Roboto Light", Arial, Tahoma, Verdana;
}
.round-check-small {
  width: 26px;
  height: 26px;
}
.header-main-screen {
  position: relative;
  display: table;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.main-screen {
  max-width: 690px;
  margin: 0 auto;
  color: #fff;
  font-family: "Roboto Light", Arial, Tahoma, Verdana;
  text-align: center;
}
.main-screen__title {
  font-weight: 400;
  font-size: 48px;
  line-height: 1.2;
  margin-bottom: 24px;
}
.main-screen__antasena {
  font-weight: 700;
  font-size: 52px;
  line-height: 1.2;
  margin-bottom: 24px;
}
.main-screen__text {
  font-size: 18px;
  line-height: 1.56;
}
.main-screen__text a {
  color: #fff;
}
.main-screen__btn,
.main-screen__text a:hover {
  text-decoration: none;
}
.main-screen__btn {
  display: inline-block;
  color: #fff;
  text-transform: uppercase;
  font-size: 19px;
  font-family: "Roboto Light", Arial, Tahoma, Verdana;
  line-height: normal;
  padding: 6px 28px;
  margin-top: 35px;
  min-width: 200px;
  border: 2px solid #fff;
  box-sizing: border-box;
  transition: color 0.2s ease, background 0.2s ease;
}
@media screen and (min-width: 1025px) {
  .main-screen__btn:hover {
    color: #525252;
    background-color: #fff;
  }
}
.main-screen__btn:active {
  transform: translateY(2px);
}
.lgray-bg {
  background-color: #f9fbfd;
}
.text-container {
  color: #5c5c5c;
  font-size: 16px;
  font-family: "Roboto Light", Arial, Tahoma, Verdana;
  line-height: 1.5;
}
.text-container p {
  margin-top: 24px;
}
.font-18 {
  font-size: 18px;
}
.section-title.white,
.text-container.white-color,
.white-content .text-container,
.white-content .text-container a {
  color: #fff;
}
.section-title {
  color: #3b3e44;
  text-align: center;
  font-weight: 400;
  font-size: 3.2rem;
  font-family: "Roboto Light", Arial, Tahoma, Verdana;
  line-height: 1.2;
}
.section-title.left-align {
  text-align: left;
}
.btn {
  display: inline-block;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  font-family: "Roboto", Arial, Tahoma, Verdana;
  font-size: 1.6rem;
  line-height: 1.5;
  padding: 0.9rem 2.5rem;
  box-sizing: border-box;
  background-color: #e4264f;
  transition: background 0.2s cubic-bezier(0.35, 0, 0.25, 1);
}
.btn-external-link {
  padding-right: 3.5rem;
}
.btn:active {
  transform: translateY(2px);
}
.btn.small {
  min-width: 14.8rem;
}
.btn.long {
  min-width: 29.3rem;
}
.btn.dark {
  background-color: #7e97d8;
}
.btn.light {
  font-family: "Roboto Light", Arial, Tahoma, Verdana;
}
@media screen and (min-width: 1025px) {
  .btn:hover {
    background-color: #d9234a;
  }
  .btn.dark:hover {
    background-color: #7790d0;
  }
}
.site-list__row {
  position: relative;
  padding-left: 3rem;
  margin-top: 0.8rem;
  list-style: none;
}
.site-list__row:first-child {
  margin-top: 0;
}
.site-list__row:before {
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  width: 6px;
  height: 6px;
  border: 2px solid #ed145b;
  border-radius: 5px;
}
.landing-cases-section .devcenter-app__more-label,
.landing-cases-section .devcenter-app__title {
  font-family: "Roboto Light", Arial, Tahoma, Verdana;
}
@media screen and (max-width: 1280px) {
  .devcenter-app__title,
  .mobile-case__title {
    font-size: 20px;
  }
}
@media screen and (max-width: 1180px) {
  .main-screen__title {
    font-size: 43px;
    margin-bottom: 21px;
  }
  .main-screen__text {
    font-size: 17px;
  }
  .main-screen__btn {
    font-size: 18px;
    min-width: 180px;
    margin-top: 31px;
  }
  .section-title {
    font-size: 30px;
  }
}
@media screen and (max-width: 1024px) {
  .devcenter-app__link {
    min-height: 0;
  }
  .devcenter-app__body,
  .mobile-case__body {
    padding: 10px;
  }
  .devcenter-app__body-inside,
  .mobile-case__body-inside {
    padding: 15px 10px;
  }
  .devcenter-app__more-label,
  .mobile-case__more-label {
    font-size: 16px;
  }
  .devcenter-app__more,
  .mobile-case__more {
    left: auto;
    right: 10px;
  }
  .devcenter-more-svg,
  .devcenter-more-use,
  .mobile-case-more-svg,
  .mobile-case-more-use {
    width: 16px;
    height: 16px;
  }
  body {
    font-size: 15px;
  }
  .header-main-screen {
    display: block;
    height: auto;
    padding: 5rem 0 10rem;
  }
  .main-screen__title {
    font-size: 38px;
    margin-bottom: 19px;
  }
  .main-screen__text {
    font-size: 16px;
  }
  .main-screen__btn {
    font-size: 17px;
    margin-top: 28px;
  }
  .text-container {
    font-size: 15px;
  }
  .site-list__row:before {
    top: 6px;
  }
  .site-list__row {
    margin-top: 6px;
  }
  .checklist-container__row,
  .text-container p {
    margin-top: 20px;
  }
  .font-18 {
    font-size: 16px;
  }
}
@media screen and (max-width: 960px) {
  .devcenter-app {
    margin-top: 9px;
  }
  .devcenter-app__body-inside,
  .mobile-case__body-inside {
    padding: 5px 10px;
  }
  .devcenter-app__title,
  .mobile-case__title {
    font-size: 16px;
  }
  .devcenter-app__more-label,
  .devcenter-app__text,
  .mobile-case__more-label {
    font-size: 14px;
  }
}
@media screen and (max-width: 770px) {
  .devcenter-app {
    text-align: center;
    line-height: 0;
    margin-top: 20px;
  }
  .devcenter-app:first-child {
    margin-top: 20px;
  }
  .devcenter-app__link {
    display: inline-block;
    text-align: left;
  }
  .checklist-container__row,
  .text-container p {
    margin-top: 16px;
  }
  .main-screen__title {
    font-size: 33px;
    margin-bottom: 16px;
  }
  .main-screen__text {
    font-size: 15px;
  }
  .main-screen__btn {
    font-size: 16px;
    margin-top: 24px;
  }
  .section-title {
    font-size: 23px;
  }
  .round-check-small {
    width: 20px;
    height: 20px;
  }
}
@media screen and (max-width: 660px) {
  .mobile-case {
    width: 50%;
  }
}
@media screen and (max-width: 480px) {
  .mobile-case {
    padding: 1px;
  }
  .devcenter-app__body,
  .mobile-case__body {
    padding: 5px;
  }
  .mobile-case__body-inside {
    padding: 2px 5px;
  }
  .mobile-case__title,
  body {
    font-size: 14px;
  }
  .mobile-case__more {
    right: 5px;
    bottom: 5px;
  }
  .mobile-case__more-label {
    font-size: 13px;
  }
  .checklist-container__row {
    margin-top: 12px;
    padding-left: 28px;
  }
  .checklist-container__icon-elem {
    top: 4px;
  }
  .checklist-container__icon {
    width: 16px;
    height: 16px;
  }
  .main-screen__title {
    font-size: 24px;
    margin-bottom: 12px;
  }
  .main-screen__text {
    font-size: 14px;
  }
  .main-screen__btn {
    font-size: 15px;
    margin-top: 17px;
  }
  .section-title {
    font-size: 20px;
  }
  .text-container {
    font-size: 14px;
  }
  .text-container p {
    margin-top: 12px;
  }
}
@media screen and (max-width: 1280px) {
  html {
    font-size: 62.5%;
  }
}
@media screen and (max-width: 1170px) {
  html {
    font-size: 60%;
  }
}
@media screen and (max-width: 960px) {
  html {
    font-size: 56%;
  }
}
@media screen and (max-width: 720px) {
  html {
    font-size: 56%;
  }
}
@media screen and (max-width: 620px) {
  html {
    font-size: 52%;
  }
}
@media screen and (max-width: 560px) {
  html {
    font-size: 50%;
  }
}
@media screen and (max-width: 480px) {
  html {
    font-size: 48%;
  }
}
@media screen and (max-width: 400px) {
  html {
    font-size: 48%;
  }
}
@media screen and (max-width: 320px) {
  html {
    font-size: 48%;
  }
}
@media (max-width: 1180px) {
  .xb-block,
  .xb-container {
    width: 100%;
  }
  .slide-item {
    width: 330px;
  }
  .slide-item-inf-descr {
    font-size: 14px;
  }
  .item-number {
    margin: 0 1.5rem;
  }
  .contact-page .xb-flex-v-centered {
    padding: 0 3rem;
  }
  .fleet-management__choice-content-text {
    padding: 70px 20px 70px 490px;
  }
  .fleet-management__choice-content
    .xb-col-12:nth-child(2n)
    .fleet-management__choice-content-text {
    padding: 70px 490px 70px 20px;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .fixed-body {
    position: fixed;
    width: 100%;
  }
  .xb-popup-form,
  .xb-popup-form > * {
    -webkit-transform: translateZ(0);
  }
}
@media (min-width: 1024px) {
  .more-btn:active,
  .more-btn:hover {
    color: #fff;
    background-color: #2381c0;
    border-color: #2381c0;
  }
  .send-btn:active,
  .send-btn:focus,
  .send-btn:hover {
    outline: none;
    color: #fff;
    border: 1px solid #e4264f;
    background: #e4264f;
  }
  .pink-btn:active,
  .pink-btn:focus,
  .pink-btn:hover {
    color: #fff;
    border: 1px solid #e4264f;
    background-color: #e4264f;
    outline: none;
  }
  .pink-filled-btn:focus,
  .pink-filled-btn:hover {
    color: #e4264f;
    border: 1px solid #ed859c;
    background: 0 0;
  }
  .xb-contacts-line .to-page-btn.white-btn:hover,
  .xb-request-line .to-page-btn.white-btn:hover {
    background-color: #dc506d;
    color: #fff;
  }
  .btn-big:active,
  .btn-big:focus,
  .btn-big:hover {
    background-color: #e4264f;
    color: #fff;
  }
  .social-links .social-link .social-link-icon,
  .social-links .social-link:after {
    transition: all 0.3s ease-in-out;
  }
  .social-links .social-link:hover:after {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1;
  }
  .social-links .facebook-f:hover .social-link-icon {
    border: 1px solid #3b5999;
  }
  .social-links .twitter-f:hover .social-link-icon {
    border: 1px solid #55acee;
  }
  .social-links .google-plus-f:hover .social-link-icon {
    border: 1px solid #dd4b39;
  }
  .social-links .linkedin-f:hover .social-link-icon {
    border: 1px solid #0177b5;
  }
  .social-links .insta-f:hover .social-link-icon {
    border: 1px solid #2d5b81;
  }
  .social-links .pinterest-f:hover .social-link-icon {
    border: 1px solid #cb2027;
  }
  .social-links .youtube-f:hover .social-link-icon {
    border: 1px solid #df2e2e;
  }
  .social-links .rss-f:hover .social-link-icon {
    border: 1px solid #f36f24;
  }
  .header-request-btn:hover {
    color: #525252;
    background-color: #fff;
  }
}
@media (max-width: 1170px) {
  .xb-main-news-item {
    min-height: 345px;
  }
  .staff-m-badge {
    right: 0;
  }
  .reviews-clutch-logo {
    right: -110px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  }
}
@media (max-width: 1024px) {
  .to-top-arr-elem,
  .to-top-bg-elem {
    width: 80%;
    height: 80%;
  }
  .to-top-btn {
    bottom: 0;
    right: 5px;
  }
  .header {
    text-align: left;
    min-height: 0;
  }
  .menu-icon {
    display: block;
  }
  .header-changed-part,
  .to-down {
    display: none;
  }
  .present-top-header .logo,
  .standard-top-header .logo {
    position: relative;
    left: 0;
    top: 0;
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .present-header {
    min-height: 0;
    height: auto;
    overflow: visible;
  }
  .header-entry {
    display: block;
    height: auto;
    padding: 50px 0 70px;
  }
  .v-centered-content {
    display: block;
  }
  .mobile-menu .contacts-link:active {
    background-color: #fff;
    color: #000;
  }
  .more-btn:active {
    color: #fff;
    background-color: #2381c0;
    border-color: #2381c0;
  }
  .send-btn:active {
    color: #fff;
    background: #e4264f;
  }
  .pink-btn:active,
  .send-btn:active {
    border: 1px solid #e4264f;
    outline: none;
  }
  .xb-contacts-line .to-page-btn.white-btn:hover,
  .xb-request-line .to-page-btn.white-btn:hover {
    opacity: 0.95;
  }
  .btn-big:active,
  .pink-btn:active {
    background-color: #e4264f;
    color: #fff;
  }
  .process-container {
    padding-top: 70px;
  }
  .process-container-avatar-pict {
    width: 70px;
  }
  .process-container-titles {
    padding-top: 10px;
  }
  .process-content-title {
    line-height: 24px;
    padding-right: 55px;
  }
  .br {
    display: none;
  }
}
@media (max-width: 960px) {
  .xb-col-1,
  .xb-col-10,
  .xb-col-11,
  .xb-col-2,
  .xb-col-20p,
  .xb-col-3,
  .xb-col-4,
  .xb-col-5,
  .xb-col-6,
  .xb-col-7,
  .xb-col-8,
  .xb-col-9 {
    width: 100%;
  }
  .it-events-container {
    margin: 6rem 0 1rem;
    text-align: center;
  }
  .xb-content,
  .xb-full-width,
  .xb-list li {
    font-size: 15px;
    line-height: 22px;
  }
  .item-number .n {
    font: 4.5rem "Roboto Slab", Arial, Tahoma, Verdana;
    line-height: 7.4rem;
  }
  .count-up {
    min-width: 0;
  }
  .n .left-n-15 {
    left: 0;
  }
  .container-404 {
    text-align: center;
  }
  .content-404 {
    display: inline-block;
    text-align: left;
    padding-left: 220px;
    background-position: 0 center;
  }
  .footer {
    padding: 4rem 0 3rem;
    text-align: center;
  }
  .footer-list .menu-item {
    text-align: center;
    display: inline-block;
    padding: 6px 20px;
  }
  .footer-list {
    display: inline-block;
  }
  .footer .lists-links {
    display: block;
  }
  .footer-list .menu-item.contact-xb-inf,
  .footer-list .sub-menu {
    display: none;
  }
  .footer-list > .menu-item > .menu-link {
    font-size: 16px;
  }
  .copyright {
    font-size: 13px;
  }
  .copyright.no-social {
    margin-top: 0;
  }
  .portfolio-header a,
  .portfolio-header h1 {
    border-bottom: none;
  }
  .xb-all-portfolio-tags-wrapper {
    display: none;
  }
  .case-loader {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    margin: 15px 0;
  }
  .roof {
    background-color: transparent;
  }
  .xb-cases {
    min-height: 100px;
    padding-bottom: 35px;
  }
  .xb-col-6-0 {
    width: 100%;
  }
  .xb-flex-v-centered {
    padding: 0 30px;
  }
  .xb-cases .xb-flex-container:nth-child(2n) .case-entry {
    text-align: left;
  }
  .xb-cases .xb-flex-container:nth-child(2n) .case-image {
    -webkit-box-ordinal-group: 0;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }
  .xb-case-title {
    margin-top: 25px;
  }
  .case-tags {
    margin-bottom: 60px;
    padding-bottom: 0;
  }
  .case-tags > div {
    padding: 5px 0;
  }
  .margin-distribution .img-responsive {
    width: calc(50% - 20px);
    max-width: 360px;
    margin: 0 10px;
  }
  .flex-distribution-mobile .img-responsive {
    width: 40%;
  }
  .xb-repeater-container:nth-child(2n) .xb-container > div:first-child {
    -webkit-box-ordinal-group: 0;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }
  .xb-all-products .subcaption-part-container {
    text-align: center;
    padding-top: 20px;
  }
  .xb-all-products .more-btn {
    display: block;
    margin: 0 auto;
  }
  .key-features-list:first-child {
    margin-right: 0;
    margin-left: 0;
  }
  .xb-repeater-container .xb-container > .xb-repeat-pict {
    margin: 20px 0;
  }
  .light-white-gradient .xb-container {
    padding: 5rem 0;
  }
  .light-white-gradient .xb-container .xb-col-6:first-child {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    padding-top: 20px;
  }
  .xb-achievements .xb-col-4 {
    padding-top: 2rem;
  }
  .xb-achievements .xb-col-4:first-child:after,
  .xb-achievements:after,
  .xb-achievements:before {
    display: none;
  }
  .xb-achievements .left-align {
    padding-right: 90px;
    margin-bottom: 25px;
    background: #5893c3;
    background: linear-gradient(to bottom, #5893c3 0%, #4eb179 100%);
  }
  .xb-achievements .right-align {
    padding-left: 100px;
    background: #9b7bae;
    background: linear-gradient(to bottom, #9b7bae 0%, #69aed3 100%);
  }
  .xb-achievements .left-align .xb-content {
    text-align: center;
  }
  .left-align .xb-achievements-image {
    width: 70px;
    top: 50%;
    margin-top: -75px;
    right: 15px;
    left: auto;
  }
  .right-align .xb-achievements-image {
    width: 70px;
    left: 15px;
    right: auto;
    top: 50%;
    margin-top: -85px;
  }
  .sub-caption {
    padding: 25px 0 15px;
  }
  .outsourcing-service-thumbnail:before,
  .xb-outsourcing-service-item:before {
    display: none;
  }
  .left-direction-image .outsourcing-service-preview-description,
  .left-direction-image .outsourcing-service-thumbnail {
    left: 0;
  }
  .right-direction-image .outsourcing-service-thumbnail {
    right: 0;
    -webkit-box-ordinal-group: 0;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }
  .outsourcing-service-thumbnail {
    min-height: 0;
  }
  .purple-line-color {
    background-color: #a488ce;
  }
  .turquoise-line-color {
    background-color: #68adb5;
  }
  .orange-line-color {
    background-color: #ffa145;
  }
  .pink-line-color {
    background-color: #c65c7f;
  }
  .xb-outsourcing-service-item-inside {
    background: 0 0;
  }
  .xb-outsourcing-service-item .outsourcing-service-preview-title,
  .xb-outsourcing-service-item .xb-content {
    color: #fff;
  }
  .xb-outsourcing-service-item .outsourcing-service-preview-title {
    text-align: center;
  }
  .right-direction-image .outsourcing-service-preview-description {
    right: 0;
    text-align: left;
  }
  .xb-chevron.chevron-indent {
    padding: 60px 0;
  }
  .xb-chevron.chevron-indent-100-180 {
    padding: 60px 0 140px;
  }
  .xb-chevron .xb-list-caption {
    font: 26px "Roboto Slab", Arial, Tahoma, Verdana;
    line-height: 36px;
  }
  .xb-chevron .xb-list {
    padding: 25px;
  }
  .google-map {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    height: 300px;
  }
  .xb-contact-page-title {
    text-align: center;
    font: 28px "Roboto Slab", Arial, Tahoma, Verdana;
  }
  .xb-contact-form {
    margin: 3rem auto;
    min-height: 300px;
  }
  .xb-contact-page a {
    color: #2381c0;
  }
  .case-images {
    display: block;
  }
  .item-case-tab-content {
    padding-left: 0;
    padding-right: 0;
  }
  .xb-case-item-inf .xb-col-6:first-child li {
    float: none;
    width: 100%;
  }
  .case-list-title {
    margin-bottom: 20px;
  }
  .xb-case-item-inf {
    padding: 0 0 30px;
  }
  .header-page-content {
    padding: 2.5rem 0 0;
  }
  .xb-benefits-item .xb-benefits-pict {
    height: auto;
  }
  .xb-benefits-on-soft-dev .xb-benefits-item {
    padding: 1rem;
  }
  .xb-benefits-item .xb-benefits-pict img {
    display: block;
    margin: 15px auto 5px;
  }
  .xb-repeater-container .xb-container > .support-image-wrapper {
    margin-bottom: 0;
  }
  .xb-benefits-on-soft-dev {
    background-position: left center;
  }
  .xb-repeater-container .xb-container .top-bottom-50 + .xb-repeat-pict {
    margin-top: -3rem;
  }
  .light-blue-bg .xb-repeat-pict,
  .mobile-bottom-20 {
    padding-bottom: 20px;
  }
  .mobile-top-bottom-20 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .mobile-left-right-15 {
    padding-left: 15px;
    padding-right: 15px;
  }
  .makeup-inf-inside {
    padding: 15px 0;
  }
  .makeup-inf .top-bottom-20 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .mobile-viewport-hidden {
    overflow: hidden;
  }
  .close-popup {
    width: 45px;
    height: 45px;
  }
  .service-entry {
    padding: 4rem 0 0;
    text-align: center;
  }
  .service-entry .service-entry-text,
  .service-entry-title {
    padding-right: 0;
  }
  .benefits-list li {
    padding-left: 25px;
    background: url(../images/marker-gray.svg) left 7px no-repeat;
  }
  .xb-sidebar {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #d8d8d8;
  }
  .tags-list a {
    font: 14px "Roboto Slab", Arial, Tahoma, Verdana;
    line-height: 22px;
  }
  .paginator {
    border-top: none;
  }
  .qa-landing-reviews
    .item-testimonial
    .content-testimonial
    .content-testimonial-text {
    min-height: 0;
  }
  .xb-contacts-line,
  .xb-request-line {
    margin-bottom: 30px;
  }
  .carousel-projects-none .slide-item-inf,
  .slick-center.slide-item .slide-item-inf,
  .xb-products-slider .slide.slick-center .slide-description {
    opacity: 1;
  }
  .carousel-projects-none .slide-item-inf-descr,
  .carousel-projects-none .slide-item-inf-name,
  .slick-center.slide-item .slide-item-inf-descr,
  .slick-center.slide-item .slide-item-inf-name {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  .xb-products-slider .slide.slick-center .slide-image img {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
  }
  .xb-products-slider .slide.slick-center .slide-description span {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  .xb-products-slider .slick-center.purple-slide .slide-title {
    background-color: #5a55a2;
  }
  .xb-products-slider .slick-center.purple-slide .slide-description {
    background-color: rgba(90, 85, 162, 0.9);
  }
  .xb-products-slider .slick-center.blue-slide .slide-title {
    background-color: #2a8dd9;
  }
  .xb-products-slider .slick-center.blue-slide .slide-description {
    background-color: rgba(61, 166, 246, 0.9);
  }
  .xb-products-slider .slick-center.pink-slide .slide-title {
    background-color: #e4264f;
  }
  .xb-products-slider .slick-center.pink-slide .slide-description {
    background-color: rgba(228, 38, 79, 0.9);
  }
  .xb-products-slider .slick-center .slide-title {
    color: #fff;
  }
  .payment-model-container:first-child,
  .process-building-container:first-child {
    border-right: none;
  }
  .process-building-container:first-child {
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 40px;
    margin-bottom: 40px;
  }
  .payment-model-container:first-child {
    padding-bottom: 40px;
  }
  .payment-models-container {
    padding: 25px 0;
  }
  .payment-model-note {
    position: relative;
    top: 0;
    margin-top: 15px;
  }
  .work-process-blog {
    padding-top: 15px;
  }
  .staff-m-badge {
    position: relative;
    top: 0;
    right: 0;
    margin: 0 auto;
  }
  .thank-you-page {
    padding-top: 15px;
    padding-bottom: 35px;
  }
  .thank-you-ant {
    width: 90px;
    height: 120px;
    margin: 20px auto;
    background-size: 100%;
  }
  .thank-you-list .menu-item,
  .thank-you-page-aside {
    text-align: center;
  }
  .xb-company-growth-container {
    padding-bottom: 0;
  }
  .xb-total-facebook {
    position: relative;
    top: 0;
    bottom: auto;
    right: 0;
    margin-top: 20px;
  }
  .sub-caption-part-container,
  .subcaption-part-container {
    text-align: center;
  }
  .xb-contact-form {
    width: 100%;
  }
  .reviews-clutch-logo {
    right: 10px;
    top: 0;
    transform: translateY(-100%);
  }
  .clutch-logo-img {
    max-width: 100px;
  }
  .clutch-logo-indent {
    padding-right: 0;
  }
  .t-col-1 {
    width: 8.333333333333332%;
  }
  .t-col-2 {
    width: 16.666666666666664%;
  }
  .t-col-3 {
    width: 25%;
  }
  .t-col-4 {
    width: 33.33333333333333%;
  }
  .t-col-5 {
    width: 41.66666666666667%;
  }
  .col-6-0,
  .t-col-6 {
    width: 50%;
  }
  .t-col-7 {
    width: 58.333333333333336%;
  }
  .t-col-8 {
    width: 66.66666666666666%;
  }
  .t-col-9 {
    width: 75%;
  }
  .t-col-10 {
    width: 83.33333333333334%;
  }
  .t-col-11 {
    width: 91.66666666666666%;
  }
  .t-col-12 {
    width: 100%;
  }
}
@media (max-width: 770px) {
  .xm-col-1 {
    width: 8.333333333333332%;
  }
  .xm-col-2 {
    width: 16.666666666666664%;
  }
  .xm-col-3 {
    width: 25%;
  }
  .xm-col-4 {
    width: 33.33333333333333%;
  }
  .xm-col-5 {
    width: 41.66666666666667%;
  }
  .col-6-0,
  .xm-col-6 {
    width: 50%;
  }
  .xm-col-7 {
    width: 58.333333333333336%;
  }
  .xm-col-8 {
    width: 66.66666666666666%;
  }
  .xm-col-9 {
    width: 75%;
  }
  .xm-col-10 {
    width: 83.33333333333334%;
  }
  .xm-col-11 {
    width: 91.66666666666666%;
  }
  .xm-col-12 {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .m-col-1 {
    width: 8.333333333333332%;
  }
  .m-col-2 {
    width: 16.666666666666664%;
  }
  .m-col-3 {
    width: 25%;
  }
  .m-col-4 {
    width: 33.33333333333333%;
  }
  .m-col-5 {
    width: 41.66666666666667%;
  }
  .col-6-0,
  .m-col-6 {
    width: 50%;
  }
  .m-col-7 {
    width: 58.333333333333336%;
  }
  .m-col-8 {
    width: 66.66666666666666%;
  }
  .m-col-9 {
    width: 75%;
  }
  .m-col-10 {
    width: 83.33333333333334%;
  }
  .m-col-11 {
    width: 91.66666666666666%;
  }
  .m-col-12 {
    width: 100%;
  }
}
@media (max-width: 850px) {
  .xb-post-title {
    padding: 10px 0 20px;
    margin-top: 0;
  }
  .xb-post-title,
  .xb-post-title a {
    text-align: center;
  }
  .hash-container {
    top: -35px;
  }
  .slide-item-inf {
    padding-top: 30%;
    height: 70%;
  }
  .slide-item-inf-name {
    font-size: 16px;
  }
}
@media (max-width: 780px) {
  .item-number {
    width: 32%;
    margin: 0;
    padding: 10px 1.5rem;
    box-sizing: border-box;
  }
  .item-number,
  .test-rel-cases-title {
    text-align: center;
  }
  .test-rel-cases-container {
    display: block;
  }
  .test-rel-link {
    width: 400px;
    margin: 20px auto 0;
  }
  .test-rel-link:first-child {
    margin: 0 auto;
  }
  .solutions-home {
    display: block;
    float: left;
    width: 48%;
  }
  .solutions-home-bg {
    background: 0 0;
  }
  .solutions-home-wrap {
    text-align: center;
  }
  .solutions-home-row {
    overflow: hidden;
  }
  .solutions-home__link {
    width: 100%;
  }
}
@media (max-width: 770px) {
  .school-management-features .xb-col-4:nth-child(1):after,
  .school-management-features .xb-col-4:nth-child(3):after,
  .school-management-features:after,
  .school-management-features:before {
    display: none;
  }
  .software-type {
    background: 0 0;
  }
  .software-type__block {
    margin-bottom: 2rem;
  }
  .fleet-management__choice-content-text {
    padding: 20px 0 20px 260px;
  }
  .fleet-management__choice-content
    .xb-col-12:nth-child(2n)
    .fleet-management__choice-content-text {
    padding: 20px 290px 20px 0;
  }
  .fleet-management__software {
    display: block;
    overflow: hidden;
  }
  .fleet-management__software-list {
    margin-left: 0;
    padding-left: 15px;
    padding-right: 15px;
    width: 50%;
    box-sizing: border-box;
    float: left;
  }
  .baloons-image {
    top: 10px;
    left: 0;
    width: 250px;
  }
  .map-image {
    top: -10px;
    right: -180px;
    width: 480px;
  }
  .advantage-list-col {
    padding: 0 0 5px 35px;
    margin-top: 15px;
  }
  .advantage-list-icon {
    top: 0;
  }
  .advantage-list-icon__path,
  .advantage-list-icon__svg {
    width: 26px;
    height: 26px;
  }
}
@media (max-width: 750px) {
  .how-to-start {
    padding-bottom: 50px;
  }
  .how-to-start .how-to-start-inside {
    background: 0 0;
  }
  .how-to-start .to-start-container-title {
    display: inline-block;
    margin-bottom: 16px;
    padding-bottom: 0;
    font: 18px "Roboto Slab", Arial, Tahoma, Verdana;
    line-height: 20px;
  }
  .how-to-start .to-start-container p {
    font-size: 14px;
    line-height: 22px;
  }
  .how-to-start .to-feedback-container {
    background-color: #ce514f;
  }
  .to-feedback-container .to-start-container-title {
    border-bottom: 1px solid #fff;
  }
  .how-to-start .to-start-container-middle {
    margin: 0 35px;
    background-color: #e6e6e6;
  }
  .how-to-start .to-start-container-right {
    background-color: #e6e6e6;
  }
  .how-to-start .to-start-container {
    padding: 20px 0;
    width: 150px;
    height: 120px;
    text-align: center;
    box-sizing: border-box;
  }
  .how-start-link {
    height: 120px;
    left: -15px;
    width: 120%;
  }
  .how-to-start .to-start-container:after,
  .how-to-start .to-start-container:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 2px;
  }
  .how-to-start .to-start-container-middle:before {
    border-bottom: 120px solid #e6e6e6;
    border-left: 30px solid transparent;
    left: -30px;
  }
  .how-to-start .to-start-container-middle:after {
    border-bottom: 120px solid #e6e6e6;
    border-right: 30px solid transparent;
    right: -30px;
  }
  .how-to-start .to-start-container-right:before {
    border-top: 120px solid #e6e6e6;
    border-left: 30px solid transparent;
    left: -30px;
  }
  .how-to-start .to-start-container-right:after {
    border-bottom: 120px solid #e6e6e6;
    border-right: 40px solid transparent;
    right: -40px;
  }
  .how-to-start .to-feedback-container:before {
    border-top: 120px solid #ce514f;
    border-right: 30px solid transparent;
    right: -30px;
  }
  .how-to-start .to-feedback-container:after {
    border-bottom: 120px solid #ce514f;
    border-left: 40px solid transparent;
    left: -40px;
  }
  .outsourcing-services-title {
    font: 26px "Roboto Slab", Arial, Tahoma, Verdana;
    line-height: 30px;
  }
  .xb-all-products .more-btn {
    padding: 10px 0;
    width: 250px;
  }
  .xb-contacts-line p,
  .xb-request-line p {
    padding: 0 0 0 40px;
  }
  .xb-contacts-line .to-page-btn.white-btn,
  .xb-request-line .to-page-btn.white-btn {
    position: relative;
    top: 0;
    left: 0;
    margin: 15px auto 0;
    display: block;
    text-align: center;
  }
  .xb-contacts-line .to-page-btn.white-btn {
    width: 90px;
  }
  .xb-request-line .to-page-btn.white-btn {
    width: 180px;
  }
  .xb-contacts-line p:before,
  .xb-request-line p:before {
    width: 25px;
    height: 25px;
    top: 10px;
    margin-top: 0;
  }
  .xb-chevron .xb-list-caption {
    font: 22px "Roboto Slab", Arial, Tahoma, Verdana;
    line-height: 32px;
  }
  .xb-chevron .xb-list-caption span {
    padding: 0 5px;
    margin: 0 30px;
  }
  .xb-case-content {
    padding: 0 35px 60px;
  }
  .btn-big {
    border-width: 2px;
  }
  .material-form {
    padding: 4rem 3rem;
  }
  .material-contact-form {
    max-width: none;
  }
  .material-row {
    display: block;
    margin: 0;
  }
  .material-col {
    width: auto;
    padding: 0;
  }
  .xb-chevron.chevron-indent-100-180 {
    padding: 40px 0 130px;
  }
  .flex-distribution-mobile {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .flex-distribution-mobile .img-responsive {
    width: calc(50% - 10px);
    max-width: 240px;
  }
}
@media (max-width: 720px) {
  .header-entry .header-caption,
  .service-entry-title {
    font: 3.8rem "Roboto Slab", Arial, Tahoma, Verdana;
    line-height: 4.4rem;
  }
  .service-entry-title {
    padding: 0 20px;
  }
  .header-entry p br,
  .process-list li span.number-li,
  .process-list:before {
    display: none;
  }
  .container-404 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .content-404 {
    padding-left: 0;
    background-size: 100px;
    background-position: right top;
  }
  .caption-404 {
    font: 26px "Roboto Slab", Arial, Tahoma, Verdana;
    line-height: 32px;
  }
  .item-testimonial .content-testimonial .content-testimonial-text {
    padding: 3rem 5.5rem;
  }
  .item-testimonial .content-testimonial .content-testimonial-text:after,
  .item-testimonial .content-testimonial .content-testimonial-text:before {
    background-size: 20px;
  }
  .item-testimonial .content-testimonial .content-testimonial-text:after {
    top: 5px;
    left: 5px;
  }
  .item-testimonial .content-testimonial .content-testimonial-text:before {
    bottom: 5px;
    right: 5px;
  }
  .flex-space-between {
    display: block;
  }
  .breadcrumbs {
    font-size: 12px;
  }
  .breadcrumbs .breadcrumbs-divider,
  .breadcrumbs a {
    margin-right: 10px;
  }
  .process-list li span.content-li {
    padding-left: 0;
  }
  .technology-img {
    padding-left: 15px;
    padding-right: 15px;
  }
  .material-form-indent {
    margin-top: 110px;
  }
}
@media (max-width: 680px) {
  .xb-popup-form-inside {
    min-height: 0;
    min-width: 0;
  }
  .request-testing-popup,
  .request-vacancy-popup {
    left: 0;
    top: 0;
    margin: 0;
    width: 100%;
    height: auto;
    min-height: 100%;
    padding: 20px 15px 35px;
  }
  .xb-contacts-line,
  .xb-request-line {
    margin-bottom: 0;
  }
  .fc-gray-bg > .sub-caption {
    padding-left: 15px;
    padding-right: 15px;
  }
  .footer-list .menu-item {
    display: inline-block;
    padding: 6px 10px;
  }
  .footer-list > .menu-item > .menu-link {
    font-size: 14px;
  }
  .top-bottom-100 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .category-links-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
  .material-contact-form {
    margin: 30px auto 0;
  }
  .material-checkbox,
  .material-field .wpcf7-quiz-label {
    position: relative;
    margin-bottom: 20px;
  }
  .material-field {
    margin-bottom: 30px;
  }
  .material-field .wpcf7-quiz-label {
    top: 0;
    width: 100%;
  }
  .material-field .wpcf7-quiz-label:after {
    display: none;
  }
  .material-capcha-field label {
    padding: 0;
  }
  .material-field__quiz-label {
    top: 58px;
    left: 0;
    width: 100%;
  }
  .material-field--filled .material-field__label,
  .material-field--focus .material-field__label {
    top: -12px;
  }
  .material-field--filled .material-field__quiz-label,
  .material-field--focus .material-field__quiz-label {
    top: 40px;
  }
  .material-field__input,
  .material-field__label {
    font-size: 14px;
  }
  .material-field__input {
    padding: 6px 2px;
  }
  .material-field--requared:after {
    left: -10px;
  }
  .material-check-note {
    display: block;
    margin-left: 32px;
    font-size: 12px;
  }
  .error-field:after,
  .valid-field:after {
    width: 12px;
    height: 10px;
    right: -15px;
  }
  .error-field:after {
    background: url(../images/valid_error.svg) center center no-repeat;
    background-size: 100%;
  }
  .valid-field:after {
    background: url(../images/valid_check.svg) center center no-repeat;
    background-size: 100%;
  }
  .webrtc-dev-info {
    padding: 30px 0;
  }
  .webrtc-dev-info__item {
    width: 100%;
    padding: 0 30px;
    margin-top: 25px;
  }
  .webrtc-dev-info__item:first-child {
    border-right: none;
    margin-top: 0;
  }
  .webrtc-business-bg {
    background: 0 0;
  }
  .webrtc-business-bg .webrtc-business-content {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 620px) {
  .slide-item {
    width: 280px;
  }
  .content-404 {
    padding-top: 35px;
    background-size: 90px;
  }
  .caption-404 {
    padding-bottom: 0;
    text-align: left;
  }
  .footer .social-links {
    width: 250px;
  }
  .how-to-start .to-feedback-container:after,
  .how-to-start .to-feedback-container:before,
  .how-to-start .to-start-container-middle,
  .how-to-start .to-start-container-right {
    display: none;
  }
  .how-to-start .to-feedback-container {
    height: auto;
    width: 100%;
  }
  .how-to-start .to-start-container-title {
    font: 24px "Roboto Slab", Arial, Tahoma, Verdana;
    line-height: 30px;
  }
  .how-to-start .to-start-container p {
    font-size: 16px;
    line-height: 24px;
  }
  .how-start-link {
    left: 0;
    width: 100%;
    -webkit-transform: skewX(0deg);
    transform: skewX(0deg);
  }
  .xb-contact-form {
    padding: 20px 15px 30px;
    max-width: 100%;
    border: none;
    box-sizing: border-box;
  }
  .xb-contact-page .xb-flex-v-centered {
    padding: 0 15px;
  }
  .case-main-title {
    color: #616161;
    font: 26px "Roboto Light", Arial, Tahoma, Verdana;
    line-height: 36px;
  }
  .case-images {
    padding-bottom: 30px;
  }
  .case-list,
  .case-list-title-string {
    padding-left: 40px;
  }
  .bulb-title-icon {
    background-size: 25px;
  }
  .documents-title-icon {
    background-size: 20px;
  }
  .team-title-icon {
    background-size: 25px;
  }
  .duration-title-icon {
    background-size: 23px;
  }
  .project-title-icon {
    background-size: 30px;
  }
  .tools-title-icon {
    background-size: 20px;
  }
  .breadcrumbs {
    font-size: 11px;
  }
  .breadcrumbs .breadcrumbs-divider.gray {
    background-size: 100%;
    width: 5px;
    height: 9px;
    margin-right: 5px;
  }
  .breadcrumbs a {
    margin-right: 5px;
  }
  .check-label input,
  .check-label label {
    display: inline;
  }
  .fleet-management__choice-content-text {
    padding: 20px 0 20px 160px;
  }
  .fleet-management__choice-content
    .xb-col-12:nth-child(2n)
    .fleet-management__choice-content-text {
    padding: 20px 170px 20px 0;
  }
  .baloons-image {
    left: -40px;
    width: 200px;
  }
  .map-image {
    top: 10px;
    right: -210px;
    width: 400px;
  }
  .reviews-clutch-logo {
    position: relative;
    right: 0;
    top: 0;
    transform: translateY(0);
    text-align: center;
    padding-top: 20px;
  }
  .clutch-logo-img {
    max-width: 100px;
  }
  .product-th {
    max-width: 250px;
  }
}
@media (max-width: 560px) {
  .event-description-content {
    display: none;
  }
  .to-event-link-home .event-description-title {
    margin-bottom: 0;
  }
  .xb-case-title,
  .xb-case-title a {
    font: 18px "Roboto Slab Bold", Arial, Tahoma, Verdana;
    line-height: 26px;
  }
  .xb-case-content {
    padding: 0 15px 40px;
  }
  .transformer-pink:before,
  .transformer-purple:before {
    top: 120px;
  }
  .case-main-title {
    color: #616161;
    font: 22px "Roboto Light", Arial, Tahoma, Verdana;
    line-height: 30px;
  }
  .case-list-title,
  .case-subtitle {
    padding-bottom: 10px;
    font: 22px "Roboto Light", Arial, Tahoma, Verdana;
  }
  .web-solutions-bg .subcaption-part-container {
    padding-left: 15px;
    padding-right: 15px;
  }
  .device-bg,
  .key-features-bg {
    background: 0 0;
  }
  .item-number {
    width: 49%;
    padding: 5px 1.5rem;
    min-height: 110px;
  }
  .item-number .n-caption {
    font-size: 14px;
  }
  .error-file {
    white-space: normal;
    text-overflow: clip;
  }
  .qa-form-container {
    width: 100%;
  }
  .thank-you-page-entry {
    font: 16px "Roboto Slab Bold", Arial, Tahoma, Verdana;
  }
  .landing-content .alignright {
    float: none;
    margin: 0 auto 10px;
    display: block;
  }
}
@media (max-width: 480px) {
  .slide-item {
    width: 240px;
  }
  .mobile-menu .social-links {
    width: 235px;
    margin: 0 auto;
  }
  .mobile-menu .social-links li {
    margin: 4px 6px;
  }
  .to-event-link-home .event-description-title {
    font: 15px "Roboto Slab", Arial, Tahoma, Verdana;
  }
  .xb-achievements .left-align {
    padding-right: 15px;
  }
  .xb-achievements .right-align {
    padding-left: 15px;
  }
  .xb-achievements-image {
    display: none;
  }
  .xb-chevron.chevron-indent {
    padding: 30px 0 60px;
  }
  .to-top-displaced {
    margin-top: 0;
  }
  .how-to-start {
    padding-bottom: 0;
  }
  .outsourcing-service-preview-title {
    font: 22px "Roboto Slab Bold", Verdana, Arial, Tahoma;
    line-height: 32px;
  }
  .xb-case-content {
    padding: 0 15px 20px;
  }
  .transformer-pink:before,
  .transformer-purple:before {
    top: 80px;
  }
  .case-page-footer .btn-big {
    display: block;
    padding: 16px 0;
    width: 100%;
  }
  .case-page-footer p {
    font: 16px "Roboto Medium", Arial, Tahoma, Verdana;
  }
  .form-row-label {
    position: relative;
    top: 0;
    display: block;
    padding-bottom: 10px;
  }
  .row-testing-form,
  .row-testing-form-with-select {
    padding-left: 0;
  }
  .row-testing-form-with-quiz {
    padding-left: 120px;
  }
  .paginator .paginator-link.paginator-next-page {
    top: auto;
    bottom: -10px;
  }
  .paginator .paginator-link.paginator-prev-page {
    top: -10px;
  }
  .paginator li a {
    font-size: 14px;
  }
  .xb-post-facebook,
  .xb-post-facebook-info {
    display: block;
  }
  .xb-post-facebook {
    margin-left: 0;
    margin-top: 10px;
  }
  .footer-list {
    display: block;
  }
  .footer-list .menu-item {
    display: block;
    padding: 6px 0;
  }
  .footer-list > .menu-item > .menu-link {
    font-size: 16px;
  }
  .process-container-avatar-pict {
    width: 55px;
  }
  .process-container {
    padding-top: 55px;
  }
  .process-container-titles {
    padding-top: 7px;
  }
  .process-content-title {
    font: 14px "Roboto Slab Bold", Arial, Tahoma, Verdana;
    padding-right: 40px;
  }
  .process-content-color-green {
    padding-right: 8px;
  }
  .process-content-color-blue {
    padding-left: 8px;
  }
  .process-content-color-blue .process-arrow {
    left: 2px;
  }
  .process-content-color-green .process-arrow,
  .process-content-color-green .process-arrow-reverse {
    right: 2px;
  }
  .process-content-color-green .process-content-p {
    padding-right: 15px;
  }
  .process-content-color-blue .process-content-p {
    padding-left: 15px;
  }
  .process-centered {
    padding-left: 9px;
  }
  .test-rel-link {
    width: 90%;
  }
  .qa-form-container,
  .service-form-container {
    padding: 20px 15px 30px;
  }
  .standard-contact-form .hs-form-field {
    padding-left: 0;
  }
  .standard-contact-form .hs-form-field > label {
    position: relative;
    top: 0;
    display: block;
    margin-bottom: 5px;
  }
  .standard-contact-form .hs_message > label {
    position: absolute;
    right: 8px;
    left: auto;
    top: 3px;
    z-index: 10;
  }
  .standard-contact-form .hs_message .hs-form-error {
    bottom: -23px;
  }
  .standard-contact-form .hs-form-error {
    top: 73px;
  }
  .standard-contact-form .hs-form-error label {
    font-size: 11px;
    padding: 0 10px;
    margin-left: 0;
  }
  .fleet-management__choice-content-text {
    padding: 2rem 0;
  }
  .fleet-management__choice-content
    .xb-col-12:nth-child(2n)
    .fleet-management__choice-content-text {
    padding: 2rem 0;
  }
  .fleet-management__software-list {
    width: 100%;
    float: none;
  }
  .baloons-image,
  .map-image {
    display: none;
  }
}
@media (max-width: 380px) {
  .margin-distribution .img-responsive {
    width: calc(50% - 10px);
    margin: 0 5px;
  }
  .form-note {
    margin-top: 25px;
  }
  .wpcf7-not-valid-tip {
    font-size: 10px;
  }
  .row-testing-form-with-quiz {
    padding-top: 30px;
  }
  .row-testing-form-with-quiz .form-row-label {
    position: absolute;
    left: 0;
    top: 0;
  }
  .row-testing-form-with-quiz .wpcf7-quiz-label {
    left: -120px;
  }
  .process-container-avatar-pict {
    width: 35px;
  }
  .process-content-title {
    padding-right: 25px;
    line-height: 16px;
  }
  .process-container {
    padding-top: 35px;
  }
  .process-container-titles {
    padding-top: 0;
  }
  .form-attach {
    margin-top: 0;
  }
  .header-entry .header-caption,
  .service-entry-title {
    font-size: 3rem;
  }
  .transformer-pink:before,
  .transformer-purple:before {
    width: 160%;
  }
}
@media (max-width: 340px) {
  .note-request-form {
    font-size: 11px;
    padding-left: 0;
  }
}

.antasena_bg{
	background-image: url(../images/antasena/antasena_bg.png);
}

.diagram_antasena_bg{
	background-image: url(../images/antasena/bg_pelapor.jpg);
	background-size: cover;
}

.diagram_slik_bg{
	background-image: url(../images/emslik/bg_pelapor.jpg);
	background-size: cover;
}

.div_logo .logo_antasena{
	width: 170px;
	height: 100%;
}

.div_logo .logo_emslik{
	width: 180px;
	height: 100%;
}

.div_diagram .img_diagram{
	width: 440px;
	height: 100%;
}

.div_diagram .img_diagram_slik{
	width: 440px;
	height: 100%;
}

.img_feature .feature_antasena{
	width: 80px;
	height: 80px;
}

.header_bg .img_atn{
	width: 55px;
	height: 55px;
  margin-top: 3px;
}

.feature_antasena_bg{
	background-image: url(../images/antasena/bg_feature.jpg);
	background-size: cover;
}

.feature_text{
	
}

.fr_validation{
	line-height: normal;
	padding: 16px 24px 16px 24px;
	border: 2px solid #000;
	box-sizing: border-box;
	border-radius: 15px;
	width: 75%;
	transition: color 0.2s ease, background 0.2s ease;
}

@media (max-width: 767px) {
  .div_diagram .img_diagram_slik{
    width: 320px;
    height: 200px;
  }
  .div_diagram .img_diagram{
    width: 320px;
    height: 200px;
  }
}