@charset "utf-8";

@import url(https://fonts.googleapis.com/css?family=Montserrat:400,300,500,700);

.services a,.services input,.services select {
  font-size: 100%;
  margin: 0;
}

.services a {
  text-decoration: underline;
}

.services a {
  padding: 0;
}

.services a,.services progress {
  vertical-align: baseline;
}

.services .project-request__content,.services .projects .container,.services .services-component__banner-content,.services .tools-component,.services .wrap-section {
  position: relative;
}

.services * {
  box-sizing: border-box;
}

.services .btn-orange,.services a {
  background-color: transparent;
}

.services input[type=search] {
  box-sizing: content-box;
}

.services .container:after,.services .software-part__item:nth-child(2n+1) {
  clear: both;
}

.services .btn.btn-default-blue:hover:after,.services .btn.btn-default-orange:hover:after,.services .btn.btn-default-white:hover:after,.services a.btn.btn-default-blue:hover:after,.services a.btn.btn-default-orange:hover:after,.services a.btn.btn-default-white:hover:after {
  animation: 2s infinite bounce;
}

.services body,.services code,.services details,.services div,.services h1,.services h2,.services h3,.services h4,.services h5,.services h6,.services html,.services img,.services label,.services p,.services q,.services s,.services section,.services span,.services time {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background-color: transparent;
  font-size: 100%;
}

.services body,.services select {
  background-color: #fff;
}

.services html {
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

.services a {
  -webkit-text-decoration-skip: objects;
  color: #1f74fb;
  transition: color .3s;
}

.services .btn:focus,.services a.btn:focus,.services a:active,.services a:hover,.services input[type=date]:focus,.services input[type=email]:focus,.services input[type=number]:focus,.services input[type=password]:focus,.services input[type=tel]:focus,.services input[type=text]:focus,.services input[type=url]:focus {
  outline: 0;
}

.services select {
  text-transform: none;
}

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

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

.services html input[disabled] {
  cursor: default;
}

.services input[type=search] {
  -webkit-appearance: textfield;
}

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

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

.services [type=button]::-moz-focus-inner,.services [type=reset]::-moz-focus-inner,.services [type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
  outline: ButtonText dotted 1px;
}

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

.services h1,.services h2,.services h3,.services h4,.services h5,.services h6,.services p {
  line-height: 24px;
  letter-spacing: 0;
  word-wrap: break-word;
}

.services .btn:hover,.services a.btn:hover {
  text-decoration: none;
}

.services details,.services section {
  display: block;
}

.services .btn-black span,.services .btn-blue span,.services .btn-orange span,.services .btn-white span {
  display: inline-block;
}

.services [hidden] {
  display: none;
}

.services .list-component {
  list-style: none;
}

.services code {
  font-family: monospace, monospace;
  font-size: 1em;
}

.services body,.services html {
  font-size: 16px;
}

.services progress {
  display: inline-block;
}

.services .btn.btn-default-blue:after,.services .btn.btn-default-orange:after,.services .btn.btn-default-white:after,.services .client-engagement__content:before,.services .icons,.services a.btn.btn-default-blue:after,.services a.btn.btn-default-orange:after,.services a.btn.btn-default-white:after {
  display: inline-block;
  vertical-align: middle;
  background-image: url(../images/services/sprite.png);
  background-repeat: no-repeat;
}

.services [class*=col-fixed-] {
  float: left;
  width: 100%;
}

.services .container:after,.services .container:before {
  content: " ";
  display: table;
}

.services .type-services {
  padding: 0;
}

@media (min-width:768px) {
  .services .container {
    max-width: 708px;
    margin: 0 auto;
  }
}

@media (min-width:960px) {
  .services .container {
    max-width: 900px;
    margin: 0 auto;
  }
}

@media (min-width:1200px) {
  .services .container {
    max-width: 1140px;
    margin: 0 auto;
  }
}

.services html {
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 !important;
  -webkit-font-smoothing: antialiased;
}

.services body,.services html {
  height: 100%;
}

.services body {
  line-height: 1;
  background-image: none;
  background-repeat: no-repeat;
  background-position: top center;
  background-attachment: fixed;
  color: #090909;
  text-align: left;
  font-family: Montserrat, sans-serif;
  font-weight: 400;
  -webkit-text-size-adjust: none;
  overflow-x: visible !important;
}

.services input[type=button],.services input[type=submit],.services label {
  cursor: pointer;
}

.services q {
  quotes: none;
  display: block;
}

.services q:after,.services q:before {
  content: '';
  content: none;
}

.services .btn.btn-default-blue:after,.services a.btn.btn-default-blue:after {
  background-position: 0 -27px;
  width: 14px;
  height: 9px;
}

.services .btn.btn-default-orange:after,.services a.btn.btn-default-orange:after {
  background-position: 0 0;
  width: 14px;
  height: 9px;
}

.services .btn.btn-default-white:after,.services a.btn.btn-default-white:after {
  background-position: 0 -9px;
  width: 14px;
  height: 9px;
}

.services .blue-tiangle {
  background-position: 0 -206px;
  width: 109px;
  height: 109px;
}

.services .oval-18 {
  background-position: 0 -315px;
  width: 85px;
  height: 123px;
}

.services .oval-blue-1 {
  background-position: 0 -438px;
  width: 67px;
  height: 126px;
}

.services .client-engagement__content:before {
  background-position: 0 -36px;
  width: 11px;
  height: 10px;
}

.services .btn-black .btn__bg,.services .btn-black>span:not(.btn__bg),.services .btn-blue .btn__bg,.services .btn-blue>span:not(.btn__bg),.services .btn-orange .btn__bg,.services .btn-orange>span:not(.btn__bg),.services .btn-white .btn__bg,.services .btn-white>span:not(.btn__bg) {
  width: 53px;
  transition: width .75s;
  top: 0;
  left: 0;
  z-index: 1;
  box-sizing: border-box;
}

@keyframes bounce {
  0%, 100%, 20%, 50%, 80% {
    transform: translateX(0);
  }

  40% {
    transform: translateX(-4px);
  }

  60% {
    transform: translateX(4px);
  }
}

.services .btn,.services .btn.btn-default-orange,.services .btn.btn-default-white,.services a.btn,.services a.btn.btn-default-orange,.services a.btn.btn-default-white {
  font-weight: 500;
  font-size: 14px;
  text-decoration: none;
  position: relative;
  text-transform: uppercase;
}

.services .btn,.services a.btn {
  font-family: Montserrat, sans-serif;
  display: inline-block;
  vertical-align: top;
  transition: all .5s;
  text-align: left;
  box-sizing: border-box;
  padding: 17px 25px 15px;
  line-height: 18px;
  border-radius: 0;
}

.services .btn-black,.services .btn-blue,.services .btn-orange,.services .btn-white {
  transition: color .3s;
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.services .services-component__text {
  text-align: center;
}

.services .btn .btn__bg,.services a.btn .btn__bg {
  width: 53px;
}

.services .btn.btn-default,.services a.btn.btn-default {
  padding: 17px 10px 15px;
  vertical-align: middle;
}

.services .btn.btn-default.btn-black,.services a.btn.btn-default.btn-black {
  font-weight: 500;
  text-decoration: none;
  font-size: 18px;
  color: #090909;
  letter-spacing: 0;
  line-height: 26px;
  text-transform: none;
}

.services .btn.btn-default-white,.services a.btn.btn-default-white {
  color: #fff;
  padding: 0;
  vertical-align: middle;
}

.services .btn.btn-default-blue:after,.services .btn.btn-default-orange:after,.services .btn.btn-default-white:after,.services a.btn.btn-default-blue:after,.services a.btn.btn-default-orange:after,.services a.btn.btn-default-white:after {
  content: '';
  position: absolute;
  right: -26px;
  margin-top: -4px;
  top: 50%;
}

.services .btn.btn-default-orange,.services a.btn.btn-default-orange {
  color: #00bed7;
  padding: 0;
  vertical-align: middle;
}

.services .btn.btn-default-blue,.services a.btn.btn-default-blue {
  text-transform: uppercase;
  text-decoration: underline;
  padding: 0;
  vertical-align: middle;
  position: relative;
}

.services .btn:hover .btn__bg,.services .btn:hover>span:not(.btn__bg),.services a.btn:hover .btn__bg,.services a.btn:hover>span:not(.btn__bg) {
  width: 100% !important;
}

.services .btn:disabled,.services a.btn:disabled {
  opacity: .3;
}

.services .btn-orange {
  color: #00bed7;
  border-color: transparent;
}

.services .btn-orange .btn__bg,.services .btn-orange>span:not(.btn__bg) {
  position: absolute;
  overflow: hidden;
  background: #00bed7;
  color: #fff;
}

.services .btn-black:disabled,.services .btn-blue,.services .btn-blue:disabled,.services .btn-orange:disabled,.services .btn-white:disabled {
  background-color: transparent;
  border-color: transparent;
}

.services .btn-black .btn__bg>span,.services .btn-black>span:not(.btn__bg),.services .btn-blue .btn__bg>span,.services .btn-blue>span:not(.btn__bg),.services .btn-orange .btn__bg>span,.services .btn-orange>span:not(.btn__bg),.services .btn-white .btn__bg>span,.services .btn-white>span:not(.btn__bg) {
  padding: 17px 0 15px 25px;
}

.services .btn-orange.focus,.services .btn-orange:active,.services .btn-orange:focus,.services .btn-orange:hover,.services .btn-orange:visited {
  color: #00bed7;
  background-color: transparent;
  border-color: transparent;
}

.services .btn-black.focus,.services .btn-black:focus,.services .btn-blue.focus,.services .btn-blue:focus,.services .btn-orange.focus,.services .btn-orange:focus,.services .btn-white.focus,.services .btn-white:focus {
  box-shadow: none;
}

.services .btn-blue {
  color: #1f74fb;
}

.services .btn-blue .btn__bg,.services .btn-blue>span:not(.btn__bg) {
  position: absolute;
  overflow: hidden;
  background: #1f74fb;
  color: #fff;
}

.services .btn-blue.focus,.services .btn-blue:active,.services .btn-blue:focus,.services .btn-blue:hover,.services .btn-blue:visited {
  color: #1f74fb;
  background-color: transparent;
  border-color: transparent;
}

.services .btn-black {
  color: #191923;
  background-color: transparent;
  border-color: transparent;
}

.services .btn-black .btn__bg,.services .btn-black>span:not(.btn__bg) {
  position: absolute;
  overflow: hidden;
  background: #191923;
  color: #fff;
}

.services .btn-black.focus,.services .btn-black:active,.services .btn-black:focus,.services .btn-black:hover,.services .btn-black:visited {
  color: #191923;
  background-color: transparent;
  border-color: transparent;
}

.services .btn-white {
  color: #fff;
  background-color: transparent;
  border-color: transparent;
}

.services .btn-white .btn__bg,.services .btn-white>span:not(.btn__bg) {
  position: absolute;
  overflow: hidden;
  background: #fff;
  color: #000;
}

.services .btn-white.focus,.services .btn-white:active,.services .btn-white:focus,.services .btn-white:hover,.services .btn-white:visited {
  color: #fff;
  background-color: transparent;
  border-color: transparent;
}

.services .container {
  padding: 0 10px;
  max-width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
  position: relative;
}

.services div.errors {
  margin-top: 15px;
}

.services div.errors {
  font-weight: 300;
  font-size: 16px;
  color: #f03922;
  letter-spacing: 0;
  line-height: 26px;
}

.services label {
  line-height: 26px;
  font-size: 18px;
  font-weight: 500;
}

.services label {
  display: block;
  margin-bottom: 10px;
  color: #9b9b9b;
  letter-spacing: 0;
  max-width: initial !important;
  text-transform: none !important;
}

.services input[type=date],.services input[type=email],.services input[type=number],.services input[type=password],.services input[type=tel],.services input[type=text],.services input[type=url] {
  font-family: Montserrat, sans-serif;
  outline: 0;
  width: 100%;
  font-size: 18px;
  padding: 5px 10px 10px;
  color: #090909;
  font-weight: 500;
  height: 38px;
  line-height: 26px;
  background-color: #fff;
  border: none;
  border-bottom: 2px solid #1f74fb;
  -moz-appearance: textfield;
}

.services input[type=date]:-webkit-autofill,.services input[type=email]:-webkit-autofill,.services input[type=number]:-webkit-autofill,.services input[type=password]:-webkit-autofill,.services input[type=tel]:-webkit-autofill,.services input[type=text]:-webkit-autofill,.services input[type=url]:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 50px #fff inset;
  -webkit-text-fill-color: #090909;
}

.services input[type=date]::-webkit-contacts-auto-fill-button,.services input[type=date]::-webkit-credentials-auto-fill-button,.services input[type=email]::-webkit-contacts-auto-fill-button,.services input[type=email]::-webkit-credentials-auto-fill-button,.services input[type=number]::-webkit-contacts-auto-fill-button,.services input[type=number]::-webkit-credentials-auto-fill-button,.services input[type=password]::-webkit-contacts-auto-fill-button,.services input[type=password]::-webkit-credentials-auto-fill-button,.services input[type=tel]::-webkit-contacts-auto-fill-button,.services input[type=tel]::-webkit-credentials-auto-fill-button,.services input[type=text]::-webkit-contacts-auto-fill-button,.services input[type=text]::-webkit-credentials-auto-fill-button,.services input[type=url]::-webkit-contacts-auto-fill-button,.services input[type=url]::-webkit-credentials-auto-fill-button {
  visibility: hidden;
  display: none !important;
  pointer-events: none;
  position: absolute;
  right: 0;
}

.services input[type=date]::-webkit-inner-spin-button,.services input[type=date]::-webkit-outer-spin-button,.services input[type=email]::-webkit-inner-spin-button,.services input[type=email]::-webkit-outer-spin-button,.services input[type=number]::-webkit-inner-spin-button,.services input[type=number]::-webkit-outer-spin-button,.services input[type=password]::-webkit-inner-spin-button,.services input[type=password]::-webkit-outer-spin-button,.services input[type=tel]::-webkit-inner-spin-button,.services input[type=tel]::-webkit-outer-spin-button,.services input[type=text]::-webkit-inner-spin-button,.services input[type=text]::-webkit-outer-spin-button,.services input[type=url]::-webkit-inner-spin-button,.services input[type=url]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.services input[type=date]~label,.services input[type=email]~label,.services input[type=number]~label,.services input[type=password]~label,.services input[type=tel]~label,.services input[type=text]~label,.services input[type=url]~label {
  position: absolute;
  top: 0;
  transition: all .3s;
}

.services input[type=date].error,.services input[type=email].error,.services input[type=number].error,.services input[type=password].error,.services input[type=tel].error,.services input[type=text].error,.services input[type=url].error {
  border-color: #f03922;
}

.services input[type=date]:disabled,.services input[type=email]:disabled,.services input[type=number]:disabled,.services input[type=password]:disabled,.services input[type=tel]:disabled,.services input[type=text]:disabled,.services input[type=url]:disabled {
  background-color: #ddd;
  border-bottom-color: #ddd;
}

.services select {
  border: 1px solid #ddd;
  border-radius: 2px;
  height: 35px;
  padding: 5px;
  line-height: 25px;
}

.services select[multiple] {
  height: auto;
  min-height: 35px;
}

.services a:visited {
  color: #1f74fb;
  text-decoration: underline;
}

.services a:hover {
  color: #1f74fb;
  text-decoration: none;
}

.services a:active,.services a:focus {
  color: #1f74fb;
  text-decoration: none;
  outline: 0;
}

.services .getting-started__item:before,.services .services-component.black .services-component__bannerimg .item1,.services .services-component.blue .services-component__bannerimg .item6,.services .services-component.orange .services-component__bannerimg .item8,.services .services-component__bgimg:after {
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
}

.services .getting-started__item:before {
  background-image: url(../images/services/patterns/1x-png/rectangle-black-sm-100.png);
  width: 98px;
  height: 98px;
}

.services .team-1-black {
  background-image: url(../images/services/patterns/1x-png/team-1-black.png);
  width: 68px;
  height: 67px;
}

.services .team-2-black {
  background-image: url(../images/services/patterns/1x-png/team-2-black.png);
  width: 66px;
  height: 67px;
}

.services .team-3-black {
  background-image: url(../images/services/patterns/1x-png/team-3-black.png);
  width: 67px;
  height: 66px;
}

.services .team-4-black {
  background-image: url(../images/services/patterns/1x-png/team-4-black.png);
  width: 64px;
  height: 73px;
}

.services .services-component__bgimg:after {
  background-image: url(../images/services/patterns/1x-png/serv-circle-110.png);
  width: 106px;
  height: 106px;
}

.services .services-component.orange .services-component__bannerimg .item8 {
  background-image: url(../images/services/patterns/1x-png/serv-polygon-white.png);
  width: 272px;
  height: 267px;
}

.services .services-component.black .services-component__bannerimg .item1,.services .services-component.blue .services-component__bannerimg .item6 {
  background-image: url(../images/services/patterns/1x-png/serv-rectangle-111.png);
  width: 111px;
  height: 111px;
}

.services .service-detail__img:before {
  background: url(../images/services/patterns/serv-p-rect-w-2x.png) center center/100% 100% no-repeat;
  width: 190px;
  height: 190px;
}

.services .type-services__item .img:after {
  background: url(../images/services/patterns/ser-det-oval-pattern.svg) center center/100% 100% no-repeat;
  width: 110px;
  height: 110px;
}

.services .project-results__item .img:after {
  background: url(../images/services/patterns/pattern-1-2-black-36.png) center center;
}

.services .collaboration-plan__step .description:before,.services .collaboration-plan__step:before,.services .project-request__img:after {
  background: url(../images/services/patterns/pattern-1-2-black-19.png) top left;
}

.services .services-component__bannerimg .item9 {
  background: url(../images/services/patterns/pattern-large-oval-1.png) center center/100% 100% no-repeat;
  width: 150px;
  height: 150px;
}

.services input[type=date]::-webkit-input-placeholder,.services input[type=email]::-webkit-input-placeholder,.services input[type=number]::-webkit-input-placeholder,.services input[type=password]::-webkit-input-placeholder,.services input[type=tel]::-webkit-input-placeholder,.services input[type=text]::-webkit-input-placeholder,.services input[type=url]::-webkit-input-placeholder {
  color: #8b8b8b;
}

.services input[type=date]:-ms-input-placeholder,.services input[type=email]:-ms-input-placeholder,.services input[type=number]:-ms-input-placeholder,.services input[type=password]:-ms-input-placeholder,.services input[type=tel]:-ms-input-placeholder,.services input[type=text]:-ms-input-placeholder,.services input[type=url]:-ms-input-placeholder {
  color: #8b8b8b;
}

.services input[type=date]::placeholder,.services input[type=email]::placeholder,.services input[type=number]::placeholder,.services input[type=password]::placeholder,.services input[type=tel]::placeholder,.services input[type=text]::placeholder,.services input[type=url]::placeholder {
  color: #8b8b8b;
}

.services input[type=date]:placeholder,.services input[type=email]:placeholder,.services input[type=number]:placeholder,.services input[type=password]:placeholder,.services input[type=tel]:placeholder,.services input[type=text]:placeholder,.services input[type=url]:placeholder {
  color: #8b8b8b;
}

.services input[type=date]:focus::-webkit-input-placeholder,.services input[type=email]:focus::-webkit-input-placeholder,.services input[type=number]:focus::-webkit-input-placeholder,.services input[type=password]:focus::-webkit-input-placeholder,.services input[type=tel]:focus::-webkit-input-placeholder,.services input[type=text]:focus::-webkit-input-placeholder,.services input[type=url]:focus::-webkit-input-placeholder {
  color: transparent;
}

.services input[type=date]:focus:-ms-input-placeholder,.services input[type=email]:focus:-ms-input-placeholder,.services input[type=number]:focus:-ms-input-placeholder,.services input[type=password]:focus:-ms-input-placeholder,.services input[type=tel]:focus:-ms-input-placeholder,.services input[type=text]:focus:-ms-input-placeholder,.services input[type=url]:focus:-ms-input-placeholder {
  color: transparent;
}

.services input[type=date]:focus::placeholder,.services input[type=email]:focus::placeholder,.services input[type=number]:focus::placeholder,.services input[type=password]:focus::placeholder,.services input[type=tel]:focus::placeholder,.services input[type=text]:focus::placeholder,.services input[type=url]:focus::placeholder {
  color: transparent;
}

.services input[type=date]:focus:placeholder,.services input[type=email]:focus:placeholder,.services input[type=number]:focus:placeholder,.services input[type=password]:focus:placeholder,.services input[type=tel]:focus:placeholder,.services input[type=text]:focus:placeholder,.services input[type=url]:focus:placeholder {
  color: transparent;
}

.services .a-line-black,.services .a-line-orange,.services .a-line-white {
  width: 154px;
  height: 142px;
}

.services h1,.services h2,.services h3,.services h4,.services h5,.services h6 {
  margin: 12px 0;
  font-weight: 400;
  color: #090909;
}

.services h1,.services h2 {
  margin-top: 40px;
}

.services h1,.services h2 {
  margin-bottom: 40px;
  line-height: 34px;
  font-size: 26px;
}

.services h3,.services h4,.services h5,.services h6 {
  margin-top: 12px;
  margin-bottom: 12px;
}

.services h3 {
  font-size: 20px;
}

.services h4 {
  font-size: 18px;
}

.services h5 {
  font-size: 12px;
  line-height: 15px;
  text-transform: uppercase;
}

.services h6 {
  font-weight: 300;
  font-size: 16px;
  line-height: 26px;
}

.services p {
  font-size: 14px;
}

.services p {
  font-weight: 300;
  color: #090909;
  margin-bottom: 25px;
}

.services .rhythm p {
  margin-bottom: 24px;
}

.services .rhythm p:last-child {
  margin-bottom: 0;
}

.services .a-line-black {
  background-position: 0 -3226px;
}

.services .a-line-orange {
  background-position: 0 -4930px;
}

.services .a-line-white {
  background-position: 0 -3368px;
}

.services .d-line-black,.services .d-line-orange,.services .d-line-white {
  width: 134px;
  height: 142px;
}

.services .d-line-black {
  background-position: 0 -4788px;
}

.services .d-line-orange {
  background-position: 0 -5356px;
}

.services .d-line-white {
  background-position: 0 -5498px;
}

.services .f-line-black,.services .f-line-orange,.services .f-line-white {
  width: 100px;
  height: 142px;
}

.services .f-line-black {
  background-position: 0 -3936px;
}

.services .f-line-orange {
  background-position: 0 -4078px;
}

.services .f-line-white {
  background-position: 0 -4646px;
}

.services .h-line-black,.services .h-line-orange,.services .h-line-white {
  width: 123px;
  height: 142px;
}

.services .h-line-black {
  background-position: 0 -2800px;
}

.services .h-line-orange {
  background-position: 0 -2942px;
}

.services .h-line-white {
  background-position: 0 -3084px;
}

.services .p-line-black,.services .p-line-orange,.services .p-line-white {
  width: 115px;
  height: 142px;
}

.services .p-line-black {
  background-position: 0 -5640px;
}

.services .p-line-orange {
  background-position: 0 -5782px;
}

.services .p-line-white {
  background-position: 0 -5924px;
}

.services .q-line-black,.services .q-line-orange,.services .q-line-white {
  width: 160px;
  height: 176px;
}

.services .q-line-black {
  background-position: 0 -9755px;
}

.services .q-line-orange {
  background-position: 0 -9931px;
}

.services .q-line-white {
  background-position: 0 -9579px;
}

.services .s-line-black,.services .s-line-orange,.services .s-line-white {
  width: 116px;
  height: 147px;
}

.services .s-line-black {
  background-position: 0 -9084px;
}

.services .s-line-orange {
  background-position: 0 -8937px;
}

.services .s-line-white {
  background-position: 0 -8790px;
}

.services .x-line-black,.services .x-line-orange,.services .x-line-white {
  width: 140px;
  height: 142px;
}

.services .x-line-black {
  background-position: 0 -6492px;
}

.services .x-line-orange {
  background-position: 0 -6208px;
}

.services .x-line-white {
  background-position: 0 -6066px;
}

.services .main {
  background-color: #fff;
}

.services .main {
  position: relative;
}

@keyframes seconds {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    position: absolute;
    left: -9999px;
  }
}

@keyframes rotate-forever {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.services .main {
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  width: 100%;
  overflow: visible;
  box-sizing: border-box;
}

.services .main:after {
  content: "\00a0";
  display: block;
  height: 0;
  visibility: hidden;
}

.services .container-title,.services p.subtitle {
  opacity: 1;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width:768px) {
  .services h1,  .services   h2,  .services   h3,  .services   h4,  .services   h5,  .services   h6 {
    font-weight: 500;
  }

  .services h1,  .services   h2 {
    margin-top: 60px;
    line-height: 46px;
  }

  .services h2 {
    font-size: 36px;
  }

  .services h3 {
    font-size: 24px;
  }

  .services h4 {
    font-size: 18px;
  }

  .services p {
    font-size: 16px;
    line-height: 26px;
  }
}

.services p.subtitle {
  text-align: center;
  margin-bottom: 50px;
  max-width: 555px;
}

.services .container-title {
  text-align: center;
  max-width: 900px;
  font-size: 26px;
  letter-spacing: 0;
  line-height: 36px;
  margin-bottom: 30px;
}

.services .wrap-section__bg {
  background: #f3f3f3;
  position: absolute;
  left: 0;
  z-index: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.services .wrap-section__bg~div {
  z-index: 1;
  position: relative;
}

@keyframes rotate {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

.services .getting-started__item p {
  font-size: 14px;
}

.services .banner {
  margin-bottom: 30px;
}

.services .banner__img,.services .project-item__img {
  display: block;
  width: 100%;
}

@media screen and (min-width:768px) {
  .services p.subtitle {
    margin-bottom: 65px;
  }

  .services html {
    font-size: 16px;
  }

  .services .container-title {
    font-size: 36px;
    line-height: 46px;
  }
}

.services .collaboration-plan+.client-engagement .container-title {
  margin-top: 0;
}

.services .services-component.left-type .services-component__list {
  -ms-flex-order: 1;
  order: 1;
}

.services .collaboration-plan input {
  display: none !important;
}

.services .getting-started {
  text-align: center;
  padding: 40px 0;
}

.services .getting-started__list {
  max-width: 980px;
  margin: 0 auto;
}

.services .getting-started__list+.btn,.services .software-part__list {
  margin-top: 40px;
}

.services .getting-started__borders {
  position: absolute;
  left: -2px;
  right: -2px;
  top: -2px;
  height: 100%;
  border: 2px solid #1f74fb;
}

.services .getting-started__item {
  border: 2px solid transparent;
  width: 100%;
  margin-bottom: 30px;
  display: inline-block;
  vertical-align: top;
  text-align: left;
  box-sizing: border-box;
  padding: 40px 20px 30px;
  position: relative;
}

.services .getting-started__item>* {
  z-index: 1;
}

.services .getting-started__item:nth-child(2n+1):before {
  border-radius: 50%;
}

.services .getting-started__item:before {
  position: absolute;
  content: '';
  right: -6px;
  top: -6px;
  z-index: 3;
}

.services .getting-started__title {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0;
  margin-bottom: 20px;
  display: block;
}

.services .getting-started .btn__label {
  width: 0;
  box-sizing: border-box;
}

.services .label-component {
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
}

.services .label-component.label-blue {
  border-color: #1f74fb;
}

.services .blue-banner .btn-white span:not(.btn__bg) {
  color: #1f74fb;
}

.services .label-component.label-orange {
  border-color: #00bed7;
}

.services .label-component {
  display: inline-block;
  padding: 10px 25px 9px;
  margin-bottom: 20px;
  border: 1px solid;
  border-radius: 20px;
  color: #090909;
  font-family: Montserrat, sans-serif;
  text-decoration: none;
}

.services .label-component:visited {
  color: #090909;
}

.services .list-component__item {
  position: relative;
  padding-left: 30px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 24px;
}

.services .list-component__item:before {
  content: '';
  position: absolute;
  top: 8px;
  left: 5px;
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: #1f74fb;
}

@media screen and (min-width:768px) {
  .services .getting-started {
    padding: 40px 0 160px;
  }

  .services .getting-started p {
    font-size: 16px;
  }

  .services .getting-started__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .services .getting-started__title {
    font-size: 24px;
  }

  .services .getting-started__item {
    width: calc(1 / 2 * 100% - (1 - 1 / 2) * 30px);
    margin: 0;
    padding: 60px 30px 30px;
    min-height: 240px;
  }

  .services .getting-started__item:before {
    right: -10px;
    top: -10px;
  }

  .services .label-component {
    margin-bottom: 0;
  }

  .services .list-component__item {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 26px;
  }
}

.services .blue-banner .btn {
  margin-top: 30px;
}

.services .software-part {
  text-align: center;
  padding: 20px 0 30px;
  position: relative;
}

.services .software-part__border {
  content: '';
  border: 1px solid #1f74fb;
  position: absolute;
  max-width: 100%;
  width: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.services .software-part__item {
  margin-bottom: 40px;
  position: relative;
  font-size: 0;
  opacity: 0;
}

.services .software-part__img {
  position: relative;
  text-align: center;
  width: 130px;
  box-sizing: border-box;
  line-height: 80px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 0;
}

.services .software-part__img img {
  max-width: 50px;
  max-height: 50px;
  vertical-align: middle;
  position: relative;
  z-index: 1;
}

.services .software-part__text {
  font-size: 19px;
  font-weight: 500;
  color: #090909;
  letter-spacing: 0;
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  text-align: left;
  padding: 0 10px;
  width: calc(100% - 160px);
}

@media screen and (min-width:600px) {
  .services .software-part__border {
    max-width: calc(100% - 10px);
    right: 10px;
  }
}

@media screen and (min-width:768px) {
  .services .software-part__item {
    margin-bottom: 50px;
  }

  .services .software-part__list {
    margin-top: 90px;
  }

  .services .software-part__border {
    max-width: calc(100% - 15px);
    right: 15px;
  }
}

@media screen and (min-width:960px) {
  .services .software-part__item {
    margin-bottom: 70px;
  }

  .services .software-part__text {
    font-size: 20px;
  }

  .services .software-part__item:nth-child(2n+1) {
    clear: right;
  }

  .services .software-part__item:nth-child(3n+1) {
    clear: both;
  }
}

.services .top-section {
  text-align: center;
  padding: 25px 0 63px;
}

.services .top-section .btn {
  opacity: 0;
  transition: opacity .4s;
  transition-timing-function: cubic-bezier(.42, 0, .58, 1);
}

.services .top-section h1 {
  font-size: 24px;
  line-height: 32px;
}

.services .top-section__title {
  max-width: 600px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  opacity: 0;
  -ms-transform: translateY(50px);
  transform: translateY(50px);
  transition: transform .4s, opacity .4s;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  transition-timing-function: cubic-bezier(.5, 0, .15, 1);
}

.services .top-title {
  padding: 20px 0;
}

@media screen and (min-width:600px) {
  .services .top-title {
    padding: 45px 0;
  }
}

.services .client-engagement {
  text-align: center;
  padding-bottom: 35px;
}

.services .client-engagement__line1 {
  position: absolute;
  right: 26px;
  top: 16%;
  bottom: 27px;
  display: block;
  width: 1px;`
  height: 77%;
  border-right: 1px solid #000;
}

@media screen and (min-width:768px) {
  .services .top-section {
    text-align: center;
    padding: 65px 0 160px;
  }

  .services .top-section h1 {
    margin-bottom: 40px;
    font-size: 36px;
    line-height: 46px;
  }

  .services .top-title {
    padding: 60px 0 95px;
  }
}

.services .top-image img {
  width: 100%;
}

.services .blue-banner {
  background: #1f74fb;
  text-align: center;
  color: #fff;
  margin: 20px 15px 40px;
  padding: 30px 20px;
}

.services .blue-banner h3 {
  color: #fff;
  margin: 0;
}

.services .top-image {
  margin-bottom: 40px;
}

.services .project-results__team .text,.services .wrap-content-results {
  font-size: 0;
}

@media screen and (min-width:768px) {
  .services .blue-banner {
    margin: 20px 15px 80px;
    padding: 60px 30px;
  }

  .services .blue-banner .btn {
    margin-top: 40px;
  }
}

@media (min-width:768px) {
  .services .container {
    padding: 0 15px;
  }
}

.services .client-engagement__content {
  padding: 40px 60px 80px 30px;
}

.services .client-engagement__content:before {
  position: absolute;
  content: '';
  right: 21px;
  bottom: 22px;
  z-index: 1;
  opacity: 1;
  transition: opacity .4s;
  transition-delay: .4s;
  transition-timing-function: cubic-bezier(.5, 0, .15, 1);
}

.services .client-engagement__title {
  font-size: 20px;
  line-height: 29px;
  margin-bottom: 20px;
  letter-spacing: 0;
  font-weight: 500;
  z-index: 1;
  position: relative;
  color: #00bed7;
  display: block;
}

.services .client-engagement__line2 {
  position: absolute;
  left: 60px;
  bottom: 27px;
  display: block;
  height: 100%;
  border-bottom: 1px solid #000;
  max-width: calc(100% - 86px);
  width: 100%;
}

.services .client-engagement__bg {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: block;
  width: 100%;
  background: #f3f3f3;
}

.services .client-engagement__item {
  color: #191923;
  text-align: left;
  position: relative;
  margin-bottom: 30px;
}

.services .client-engagement__item p {
  color: #191923;
  position: relative;
  z-index: 1;
  margin-bottom: 0;
}

@media screen and (min-width:768px) {
  .services .client-engagement__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .services .client-engagement__content {
    padding: 50px 45px 50px 20px;
    height: 100%;
  }

  .services .client-engagement__item {
    width: calc(1 / 3 * 100% - (1 - 1 / 3) * 10px);
    margin-bottom: 0;
  }
}

.services .collaboration-plan,.services .collaboration-plan+.client-engagement {
  padding-top: 20px;
}

.services .collaboration-plan__list {
  max-width: 300px;
  margin: 0 auto;
}

.services .collaboration-plan__list:after,.services .collaboration-plan__list:before {
  content: " ";
  display: table;
}

.services .collaboration-plan__list:after {
  clear: both;
}

.services .collaboration-plan__content {
  background: #fff;
  border: 1px solid rgba(25, 25, 35, .2);
  width: 148px;
  height: 148px;
  position: relative;
  box-sizing: border-box;
  z-index: 1;
}

.services .collaboration-plan__step {
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
  margin-bottom: 132px;
  float: left;
  position: relative;
}

.services .collaboration-plan__step .item-h,.services .collaboration-plan__step:first-child .border {
  display: none;
}

.services .collaboration-plan__step:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 70px;
  height: 70px;
  content: '';
  font-weight: 500;
  z-index: 0;
  display: block;
}

.services .collaboration-plan__step .step-status:checked~.border {
  border-color: #00bed7;
}

.services .collaboration-plan__step .step-status:checked~.collaboration-plan__content .step {
  z-index: 4;
  color: #191923;
}

.services .collaboration-plan__step .step-status:checked~.collaboration-plan__content .name {
  font-size: 18px;
  color: #fff;
  letter-spacing: 0;
  line-height: 26px;
  z-index: 4;
  bottom: 54px;
  width: 145px;
}

.services .collaboration-plan__step .step-status:checked~.collaboration-plan__content .description {
  width: 250px;
  height: auto;
}

.services .collaboration-plan__step .step-status:checked~.collaboration-plan__content .description:after {
  background: #00bed7;
  width: 100%;
  height: 100%;
}

.services .collaboration-plan__step .step-status:checked~.collaboration-plan__content .description:before {
  z-index: 3;
}

.services .collaboration-plan__step .step-status:checked~.collaboration-plan__content .description p,.services .collaboration-plan__step .step-status:checked~.collaboration-plan__content .description span {
  opacity: 1;
  transition-delay: .4s;
}

.services .collaboration-plan__step .step {
  font-weight: 500;
  font-size: 12px;
  color: #9b9b9b;
  letter-spacing: 0;
  display: inline-block;
  margin-left: 90px;
  position: relative;
  margin-top: 20px;
  text-transform: uppercase;
  transition: all .4s cubic-bezier(.5, 0, .15, 1);
}

.services .collaboration-plan__step .name {
  font-weight: 500;
  font-size: 24px;
  color: #090909;
  letter-spacing: 0;
  width: 170px;
  line-height: 29px;
  position: absolute;
  left: 89px;
  bottom: 0;
  min-height: 58px;
  transition: all .4s cubic-bezier(.5, 0, .15, 1);
}

.services .collaboration-plan__step .description {
  color: #fff;
  font-size: 16px;
  letter-spacing: 0;
  position: absolute;
  line-height: 26px;
  padding: 105px 15px 15px;
  width: calc(100% + 13px);
  height: calc(100% + 13px);
  min-height: calc(100% + 13px);
  top: -12px;
  left: -12px;
  z-index: 1;
  transition: all .4s cubic-bezier(.5, 0, .15, 1);
}

.services .collaboration-plan__step .description p,.services .collaboration-plan__step .description span:not(.step-number) {
  opacity: 0;
  transition: all .4s cubic-bezier(.5, 0, .15, 1);
  z-index: 3;
  position: relative;
  width: 100%;
  max-height: 165px;
  overflow: hidden;
  display: block;
  font-weight: 300;
  font-size: 16px;
  line-height: 26px;
  color: #fff;
}

.services .collaboration-plan__step .description:before {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 70px;
  height: 70px;
  z-index: 1;
  content: '';
}

.services .collaboration-plan__step .description:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  transition: all .4s cubic-bezier(.5, 0, .15, 1);
  background: #9b9b9b;
  width: 70px;
  height: 70px;
  z-index: 2;
}

.services .collaboration-plan__step .description .step-number {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 54px;
  height: 57px;
  color: #fff;
  font-weight: 500;
  font-size: 32px;
  letter-spacing: 0;
  padding: 13px 0 0 17px;
  z-index: 4;
  overflow: visible;
}

@media screen and (max-width:599px) {
  .services .collaboration-plan__step {
    margin-left: 10px;
    margin-bottom: 132px;
    float: left;
  }

  .services .collaboration-plan__step:nth-child(2n) {
    float: right;
    margin-left: 0;
    margin-right: 90px;
  }

  .services .collaboration-plan__step:nth-child(2n) .border {
    width: 140px;
    height: 281px;
    background: 0 0;
    border: 1px solid #9b9b9b;
    border-left: none;
    left: auto;
    right: -75px;
    top: auto;
    bottom: 100%;
    margin-bottom: -24px;
  }

  .services .collaboration-plan__step:first-child .border {
    display: none;
  }

  .services .collaboration-plan__step .border {
    border-top: 1px solid #9b9b9b;
    border-left: 1px solid #9b9b9b;
    width: 40px;
    height: 260px;
    position: absolute;
    left: 21px;
    top: -260px;
  }
}

@media screen and (min-width:600px) and (max-width:959px) {
  .services .collaboration-plan {
    padding-top: 60px;
  }

  .services .collaboration-plan__list {
    max-width: 540px;
  }

  .services .collaboration-plan__step {
    margin-left: 10px;
    float: left;
    margin-bottom: 132px;
  }

  .services .collaboration-plan__step .border {
    border-top: 1px solid #9b9b9b;
    border-left: 1px solid #9b9b9b;
    width: 40px;
    height: 260px;
    position: absolute;
    left: 21px;
    top: -260px;
  }

  .services .collaboration-plan__step .name {
    width: 150px;
  }

  .services .collaboration-plan__step:nth-child(2n) {
    float: right;
    margin-left: 0;
    margin-right: 0;
  }

  .services .collaboration-plan__step:nth-child(2n) .border {
    width: 150px;
    height: 1px;
    background: 0 0;
    border: none;
    border-bottom: 1px solid #9b9b9b;
    left: -155px;
    top: 22px;
    margin-bottom: -24px;
    bottom: auto;
  }

  .services .collaboration-plan__step:nth-child(4n) .border {
    left: 100%;
  }

  .services .collaboration-plan__step:nth-child(4n+2),  .services   .collaboration-plan__step:nth-child(4n+3) {
    float: right;
    margin-left: 160px;
    margin-right: 65px;
  }

  .services .collaboration-plan__step:nth-child(4n+3) .border {
    width: 140px;
    height: 281px;
    background: 0 0;
    border: 1px solid #9b9b9b;
    border-left: none;
    left: auto;
    right: -75px;
    top: auto;
    bottom: 100%;
    margin-bottom: -24px;
  }
}

@media screen and (min-width:960px) {
  .services .client-engagement {
    padding-top: 100px;
    padding-bottom: 60px;
  }

  .services .client-engagement__content {
    padding: 60px 60px 60px 30px;
  }

  .services .client-engagement__line2 {
    left: 127px;
    max-width: calc(100% - 157px);
  }

  .services .client-engagement__title {
    font-size: 24px;
  }

  .services .client-engagement__item {
    width: calc(1 / 3 * 100% - (1 - 1 / 3) * 30px);
  }

  .services .collaboration-plan {
    padding-top: 100px;
  }

  .services .collaboration-plan__list {
    max-width: 100%;
  }

  .services .collaboration-plan__step {
    margin-left: 162px;
    margin-bottom: 150px;
    float: left;
    position: relative;
  }

  .services .collaboration-plan__step:nth-child(4) {
    margin-right: 112px;
  }

  .services .collaboration-plan__step:nth-child(4) .border {
    width: 212px;
    height: 301px;
    background: 0 0;
    border: 1px solid #9b9b9b;
    border-left: none;
    left: auto;
    right: -112px;
    top: auto;
    bottom: 100%;
    margin-bottom: -24px;
  }

  .services .collaboration-plan__step:nth-child(6) {
    margin-left: 0;
  }

  .services .collaboration-plan__step:nth-child(4),  .services   .collaboration-plan__step:nth-child(5),  .services   .collaboration-plan__step:nth-child(6) {
    float: right;
  }

  .services .collaboration-plan__step:nth-child(5) .border,  .services   .collaboration-plan__step:nth-child(6) .border {
    left: 100%;
    margin-left: 22px;
  }

  .services .collaboration-plan__step:first-child,  .services   .collaboration-plan__step:nth-child(7) {
    margin-left: 10px;
  }

  .services .collaboration-plan__step:nth-child(7) .border {
    left: 23px;
    width: 66px;
    height: 267px;
    bottom: 100%;
    margin-bottom: 10px;
    top: auto;
    border: 1px solid #9b9b9b;
    border-right: none;
    border-bottom: none;
  }

  .services .collaboration-plan__step .border {
    border-bottom: 1px solid #9b9b9b;
    width: 150px;
    height: 1px;
    position: absolute;
    left: -150px;
    top: 23px;
  }

  .services .collaboration-plan__step .description {
    pointer-events: none;
    cursor: default;
  }

  .services .collaboration-plan__step .item-h {
    display: block;
    background: 0 0;
    width: 70px;
    height: 70px;
    z-index: 6;
    position: absolute;
    top: -12px;
    left: -12px;
  }

  .services .collaboration-plan__step .item-h:hover,  .services   .collaboration-plan__step .item-h:hover~.description {
    width: 275px;
    height: auto;
    min-height: calc(100% + 13px);
  }

  .services .collaboration-plan__step .item-h:hover~.description:after {
    background: #00bed7;
    width: 100%;
    height: 100%;
  }

  .services .collaboration-plan__step .item-h:hover~.description:before {
    z-index: 3;
  }

  .services .collaboration-plan__step .item-h:hover~.description p,  .services   .collaboration-plan__step .item-h:hover~.description span:not(.step-number) {
    opacity: 1;
    transition-delay: .4s;
  }

  .services .collaboration-plan__step .item-h:hover~.description~.step {
    z-index: 4;
    color: #191923;
  }

  .services .collaboration-plan__step .item-h:hover~.description~.name {
    font-size: 18px;
    color: #fff;
    letter-spacing: 0;
    line-height: 26px;
    z-index: 4;
    bottom: 50px;
    width: 145px;
  }
}

@media screen and (min-width:1024px) {
  .services .collaboration-plan__step {
    margin-left: 210px;
  }

  .services .collaboration-plan__step:nth-child(7) {
    margin-left: 50px;
  }

  .services .collaboration-plan__step .border {
    width: 180px;
    left: -180px;
  }

  .services .collaboration-plan__step:nth-child(5) .border,  .services   .collaboration-plan__step:nth-child(6) .border {
    margin-left: 62px;
  }
}

.services .service-detail {
  padding: 30px 0;
}

.services .service-detail__content {
  border: 1px solid transparent;
}

.services .service-detail__content.type-black {
  border-color: #191923;
}

.services .service-detail__content.type-black .service-detail__img {
  background: #191923;
}

.services .service-detail__content.type-blue {
  border-color: #1f74fb;
}

.services .service-detail__content.type-blue .service-detail__img {
  background: #1f74fb;
}

.services .service-detail__content.type-orange {
  border-color: #00bed7;
}

.services .service-detail__content.type-orange .service-detail__img {
  background: #00bed7;
}

.services .service-detail__img {
  height: 100px;
  overflow: hidden;
  position: relative;
}

.services .service-detail__img:before {
  content: '';
  position: absolute;
  z-index: 1;
  right: -70px;
  top: -70px;
  -ms-transform: scale(.5);
  transform: scale(.5);
}

.services .service-detail__img:not(.type-dark):after {
  background: #f3f3f3;
}

.services .service-detail__img:after {
  content: '';
  position: absolute;
  display: block;
  background: #fff;
  z-index: 0;
  width: 100px;
  height: 100px;
  -ms-transform: scale(.8);
  transform: scale(.8);
}

.services .services-component.blue .services-component__item {
  border-color: #1f74fb;
}

.services .services-component.orange .services-component__item {
  border-color: #00bed7;
}

.services .service-detail__text {
  padding: 15px 20px;
}

.services .services-component.blue .services-component__banner {
  background: #1f74fb;
}

.services .services-component.orange .services-component__banner {
  background: #00bed7;
}

.services .service-detail__text p:last-child {
  margin-bottom: 0;
}

.services .service-detail__text h4 {
  position: relative;
  border-bottom: 4px solid transparent;
  padding-bottom: 10px;
  margin: 40px 0 15px;
}

.services .service-detail__text h4:after {
  height: 4px;
  width: 40px;
  content: '';
  position: absolute;
  left: 0;
  bottom: -4px;
}

@media screen and (min-width:768px) {
  .services .service-detail {
    padding: 70px 0 80px;
  }

  .services .service-detail__content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .services .service-detail__text {
    width: calc(100% - 170px);
    padding: 35px 50px;
  }

  .services .service-detail__img {
    height: auto;
    width: 170px;
    -ms-flex-order: 1;
    order: 1;
  }

  .services .service-detail__img:before {
    right: -94px;
    top: 80px;
    -ms-transform: scale(1);
    transform: scale(1);
  }

  .services .service-detail__img:after {
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.services .services-component {
  position: relative;
  padding: 20px 0 40px;
}

.services .services-component.orange .services-component__bannerimg .item4 {
  max-width: 78px;
  top: 45px;
  left: 25px;
}

.services .services-component.orange .services-component__bannerimg .item5 {
  max-width: 284px;
  top: 215px;
  right: 55px;
}

.services .services-component.orange .services-component__bannerimg .item1 {
  top: 215px;
  left: -40px;
}

.services .services-component.orange .services-component__bannerimg .item6 {
  top: 99px;
  left: 88px;
  right: auto;
  border: 1px solid #191923;
  width: 44px;
  height: 44px;
  z-index: 7;
}

.services .services-component.orange .services-component__bannerimg .item6:before {
  top: 38px;
  left: 30px;
  border: 1px solid #191923;
  width: 22px;
  height: 22px;
  content: '';
  background: #191923;
  display: block;
  position: absolute;
}

.services .services-component.orange .services-component__bannerimg .item3 {
  top: 228px;
  left: 208px;
  right: auto;
  border: 1px solid #191923;
  width: 44px;
  height: 44px;
  z-index: 7;
}

.services .services-component.orange .services-component__bannerimg .item3:before {
  top: -8px;
  left: -12px;
  border: 1px solid #191923;
  width: 16px;
  height: 16px;
  content: '';
  background: #191923;
  display: block;
  position: absolute;
}

.services .services-component.orange .services-component__bannerimg .item2 {
  top: 0;
  right: 96px;
  left: auto;
  border: 1px solid #191923;
  width: 44px;
  height: 44px;
  background: 0 0;
  -ms-transform: rotate(0);
  transform: rotate(0);
}

.services .services-component.orange .services-component__bannerimg .item2:after {
  display: none;
}

.services .services-component.orange .services-component__bannerimg .item2:before {
  top: 40%;
  right: 55%;
  border: 1px solid #fff;
  border-radius: 50%;
  width: 44px;
  height: 44px;
  background: 0 0;
}

.services .services-component.orange .services-component__bannerimg .item9 {
  top: -20px;
  left: -40px;
  right: auto;
}

.services .services-component.orange .services-component__bannerimg .item8 {
  top: 180px;
  display: block;
  position: absolute;
  right: -67px;
}

.services .services-component.black .services-component__bannerimg .item4 {
  max-width: 226px;
  top: 14px;
  left: 37px;
}

.services .services-component.black .services-component__bannerimg .item5 {
  max-width: 144px;
  top: 331px;
  right: 51px;
}

.services .services-component.black .services-component__bannerimg .item3 {
  top: 105px;
  left: 0;
  right: auto;
  border: 1px solid #fff;
  width: 282px;
  height: 258px;
  -ms-transform: rotate(-39deg);
  transform: rotate(-39deg);
  -ms-transform-origin: top right;
  transform-origin: top right;
  z-index: 5;
}

.services .services-component.black .services-component__bannerimg .item3:before {
  top: 145px;
  left: -15px;
  border: 1px solid #fff;
  width: 78px;
  height: 78px;
  content: '';
  border-radius: 50%;
  display: block;
  position: absolute;
}

.services .services-component.black .services-component__bannerimg .item6 {
  top: 0;
  left: 218px;
  right: auto;
  border: 1px solid #fff;
  width: 64px;
  height: 64px;
  z-index: 5;
}

.services .services-component.black .services-component__bannerimg .item6:before {
  top: -13px;
  right: -13px;
  border: 1px solid #fff;
  width: 19px;
  height: 19px;
  content: '';
  background: #fff;
  display: block;
  position: absolute;
}

.services .services-component.black .services-component__bannerimg .item2 {
  top: 360px;
  right: -11px;
  left: auto;
  border: 1px solid #fff;
  width: 40px;
  height: 40px;
  background: #fff;
  border-radius: 50%;
  -ms-transform: rotate(0);
  transform: rotate(0);
}

.services .features-status,.services .services-component.black .services-component__bannerimg .item2:after {
  display: none;
}

.services .services-component.black .services-component__bannerimg .item2:before {
  top: 10px;
  right: 7px;
  border: 1px solid #fff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  background: 0 0;
}

.services .services-component.black .services-component__bannerimg .item1 {
  top: 236px;
  left: 0;
  right: auto;
  border-radius: 0;
  border: none;
}

.services .services-component.black .services-component__bannerimg .item1:before {
  top: 12px;
  left: 12px;
  border-radius: 0;
  content: '';
  position: absolute;
  border: 1px solid #fff;
  width: 100%;
  height: 100%;
  background: 0 0;
}

.services .services-component.blue .services-component__bannerimg .item6 {
  border-radius: 50%;
  right: -37px;
  top: -45px;
  position: absolute;
}

.services .services-component.blue .services-component__bannerimg .item6:before {
  top: -5px;
  left: -5px;
  border-radius: 50%;
  content: '';
  position: absolute;
  border: 1px solid #000;
  width: 100%;
  height: 100%;
  background: 0 0;
}

.services .services-component.left-type .services-component__banner {
  -ms-flex-order: 0;
  order: 0;
}

.services .services-component__banner {
  background: #000;
  color: #fff;
  overflow: hidden;
  margin-top: 30px;
}

.services .services-component__banner>a {
  padding: 30px 0 40px;
  text-decoration: none;
  display: block;
  height: 100%;
  position: relative;
}

.services .services-component__bannerimg {
  min-height: 510px;
  position: relative;
  display: none;
}

.services .services-component__bannerimg .item4 {
  max-width: 170px;
  position: absolute;
  z-index: 6;
  top: 221px;
  left: 30px;
}

.services .services-component__bannerimg .item5 {
  max-width: 180px;
  position: absolute;
  z-index: 6;
  top: 0;
  right: 34px;
}

.services .services-component__bannerimg .item9 {
  display: block;
  position: absolute;
  top: 66px;
  right: -66px;
}

.services .services-component__bannerimg .item7 {
  position: absolute;
  z-index: 4;
  bottom: 27px;
  left: 0;
}

.services .services-component__bannerimg .item6 {
  position: absolute;
  z-index: 5;
  top: -51px;
  right: 0;
}

.services .services-component__bannerimg .item3 {
  position: absolute;
  z-index: 5;
  top: 367px;
  right: 67px;
}

.services .services-component__bannerimg .item2 {
  width: 40px;
  height: 40px;
  border-left: 1px solid #000;
  border-top: 1px solid #000;
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 175px;
  top: 115px;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  position: absolute;
}

.services .services-component__bannerimg .item2:before {
  position: absolute;
  content: '';
  width: 0;
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  height: 0;
  top: 1px;
  right: 1px;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  border-bottom: 18px solid #000;
}

.services .services-component__bannerimg .item2:after {
  position: absolute;
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 1px;
  top: 0;
  right: 0;
  height: 56px;
  -ms-transform-origin: top right;
  transform-origin: top right;
  content: '';
  background: #000;
}

.services .services-component__bannerimg .item1 {
  border: 1px solid #fff;
  border-radius: 50%;
  width: 227px;
  height: 227px;
  position: absolute;
  left: 143px;
  top: 117px;
}

.services .services-component__title {
  padding: 0 20px;
  position: relative;
}

.services .services-component__title h3 {
  font-size: 26px;
  color: #fff;
  letter-spacing: 0;
  line-height: 30px;
}

.services .services-component__bgimg {
  line-height: 110px;
  text-align: center;
  margin: 0 auto;
  position: relative;
}

.services .projects .container>div,.services .services-component__bgimg img {
  z-index: 1;
  position: relative;
}

.services .services-component__bgimg:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -48px 0 0 -48px;
  z-index: 0;
}

.services .services-component__image {
  margin-bottom: 20px;
  width: 110px;
  margin-left: auto;
  margin-right: auto;
}

.services .services-component__image img {
  max-width: 70px;
  max-height: 70px;
  position: relative;
  vertical-align: middle;
}

.services .services-component__text h4,.services .services-component__text span {
  font-size: 20px;
  color: #090909;
  letter-spacing: 0;
  margin: 0 0 15px;
  display: block;
  font-weight: 500;
}

.services .services-component__item {
  border: 1px solid #000;
  padding: 15px;
  box-sizing: border-box;
  margin-bottom: 30px;
  text-align: center;
}

.services .features-status:checked~.title,.services .features-status~.title,.services .services-component__item p:last-child,.services .services-component__item:last-child {
  margin-bottom: 0;
}

@media screen and (min-width:768px) {
  .services .services-component {
    padding: 20px 0 80px;
  }

  .services .services-component.white-type {
    padding: 60px 0 100px;
  }

  .services .services-component__text {
    width: calc(100% - 140px);
    text-align: left;
  }

  .services .services-component__bannerimg {
    display: block;
  }

  .services .services-component__image {
    margin: 0;
  }

  .services .services-component__item {
    padding: 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .services .services-component__list {
    width: calc(7 / 12 * 100% - 15px);
  }

  .services .services-component__title {
    padding: 10px 50px 0;
  }

  .services .services-component__title h3 {
    font-size: 30px;
    line-height: 42px;
    margin-bottom: 30px;
  }

  .services .services-component__banner {
    width: calc(5 / 12 * 100% - 15px);
    margin-top: 0;
  }

  .services .services-component__banner>a {
    padding: 135px 0;
  }

  .services .services-component__content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.services .type-services__list {
  position: relative;
  font-size: 0;
}

.services .type-services__item {
  text-align: center;
  width: 50%;
  font-size: 14px;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 100px;
  margin-top: 20px;
}

.services .type-services__item h4,.services .type-services__item span {
  display: block;
  font-weight: 500;
  margin: 0;
  font-size: 16px;
  line-height: 22px;
  color: #090909;
  letter-spacing: 0;
}

.services .type-services__item .img {
  line-height: 110px;
  width: 110px;
  height: 110px;
  position: relative;
  display: inline-block;
  margin-bottom: 25px;
  margin-top: 24px;
}

.services .type-services__item .img.type-orange:before {
  background: #00bed7;
}

.services .type-services__item .img.type-black:before {
  background: #090909;
}

.services .type-services__item .img.type-blue:before {
  background: #1f74fb;
}

.services .type-services__item .img:after {
  content: '';
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 110px;
  height: 110px;
  z-index: 1;
  margin: -55px 0 0 -55px;
}

.services .type-services__item .img:before {
  content: '';
  border-radius: 50%;
  position: absolute;
  top: -24px;
  left: -10px;
  width: 70px;
  height: 70px;
  z-index: 0;
}

.services .type-services__item .img img {
  vertical-align: middle;
  position: relative;
  z-index: 2;
  max-width: 65px;
  max-height: 65px;
  line-height: 20px;
}

.services .type-dark+.technologies-services {
  padding-top: 30px;
}

.services .project-request__text {
  margin: 0;
}

@media screen and (min-width:960px) {
  .services .service-detail__text {
    padding: 70px 100px;
  }

  .services .services-component {
    padding: 20px 0 80px;
  }

  .services .services-component.white-type {
    padding: 100px 0 160px;
  }
}

@media screen and (min-width:768px) {
  .services .type-services {
    padding: 0 0 60px;
  }

  .services .type-services__item {
    width: 25%;
    margin-top: 0;
    padding: 0 20px;
  }

  .services .type-services__item h4,  .services   .type-services__item span {
    font-size: 24px;
    line-height: 29px;
  }
}

.services code[class*=language-] {
  color: #000;
  background: 0 0;
  text-shadow: 0 1px #fff;
  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;
  font-size: 12px;
  -moz-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

.services code[class*=language-] ::-moz-selection,.services code[class*=language-]::-moz-selection {
  text-shadow: none;
  background: #b3d4fc;
}

.services code[class*=language-] ::selection,.services code[class*=language-]::selection {
  text-shadow: none;
  background: #b3d4fc;
}

@media print {
  .services code[class*=language-] {
    text-shadow: none;
  }
}

.services :not(pre)>code[class*=language-] {
  background: #fff;
}

.services :not(pre)>code[class*=language-] {
  padding: .1em;
  border-radius: .3em;
  white-space: normal;
}

.services .features-status:checked~.title label:before {
  width: 18px;
  right: 5px;
}

.services .features-status:checked~.description {
  max-height: 1000px;
}

.services .features-status~.description {
  max-height: 0;
  overflow: hidden;
  transition: max-height .4s;
}

.services .project-request {
  padding: 30px 0 75px;
}

.services .project-request__text .description {
  padding-left: 0;
  font-size: 16px;
  color: #090909;
  letter-spacing: 0;
  line-height: 26px;
}

.services .project-request__img {
  max-width: 80px;
  margin: 0 auto;
  padding: 0;
  position: absolute;
  display: inline-block;
}

.services .project-request__img img {
  max-width: 100%;
  z-index: 1;
  position: relative;
  border-radius: 50%;
}

@media screen and (min-width:768px) {
  .services .project-request {
    padding: 40px 0 85px;
  }

  .services .project-request__text {
    margin: 0 0 0 160px;
  }

  .services .project-request__text .description {
    padding-left: 30px;
  }

  .services .project-request__img {
    max-width: 200px;
    float: left;
    padding: 0 30px;
    position: relative;
  }

  .services .project-request__img:after {
    position: absolute;
    content: '';
    width: 100px;
    height: 100px;
    display: block;
    left: 0;
    bottom: -25px;
  }
}

@media screen and (min-width:768px) {
  .services .type-dark+.technologies-services {
    padding-top: 100px;
  }
}

@media screen and (min-width:960px) {
  .services code[class*=language-] {
    margin: 60px 0;
  }

  .services .project-request {
    padding: 100px 0 145px;
  }

  .services .project-request__text {
    margin: 0 200px;
  }
}

.services .project-results__item .img img {
  max-width: 100%;
  vertical-align: middle;
}

.services .project-item {
  position: relative;
  width: 100%;
  max-width: 400px;
  margin: 0 auto 30px;
  overflow: hidden;
}

.services .project-item__link {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
}

.services .project-item__title {
  color: #fff;
  font-family: Montserrat, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 22px;
}

.services .project-item__title a {
  color: #fff;
  text-decoration: none;
}

.services .project-item__text {
  display: none;
  margin-bottom: 10px;
  color: #fff;
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 25px;
}

.services .project-item__content {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  padding: 20px 10px 5px;
}

@media screen and (min-width:768px) {
  .services .project-item {
    max-width: 100%;
  }

  .services .project-item__content {
    padding: 30px 30px 20px;
  }

  .services .project-item__title {
    font-size: 20px;
    line-height: 24px;
  }
}

@media screen and (min-width:960px) {
  .services .project-item:hover .project-item__text {
    opacity: 1;
    line-height: 26px;
    margin-bottom: 40px;
  }

  .services .project-item__title {
    line-height: 32px;
    font-size: 24px;
  }

  .services .project-item p.project-item__text {
    display: block;
    font-size: 16px;
    line-height: 2px;
    opacity: 0;
    margin: 0;
    transition: .5s ease;
  }

  .services .project-item__content {
    padding-right: 70px;
  }
}

.services .project-results__team .text span {
  width: 33.3%;
  display: inline-block;
  margin-bottom: 10px;
  font-size: 18px;
}

.services .project-results__list {
  margin-top: 80px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.services .project-results__item {
  width: 100%;
  margin-bottom: 40px;
}

.services .project-results__item .text .description {
  font-size: 16px;
  color: #090909;
  letter-spacing: 0;
  line-height: 26px;
}

.services .project-results__item .text .title {
  font-weight: 500;
  font-size: 24px;
  color: #090909;
  letter-spacing: 0;
  border-bottom: 1px solid #9b9b9b;
  padding-bottom: 5px;
  margin-bottom: 15px;
}

.services .project-results__item .img {
  text-align: center;
  width: 110px;
  margin: 0 auto 20px;
  position: relative;
  line-height: 110px;
}

.services .project-results__item .img:after {
  content: '';
  position: absolute;
  z-index: 0;
  border-radius: 50%;
  opacity: .7;
  top: 0;
  left: 0;
  width: 110px;
  height: 110px;
}

.services .project-results__item .img img {
  max-width: 68px;
  max-height: 68px;
  z-index: 1;
  position: relative;
}

@media screen and (min-width:500px) {
  .services .project-results__item .text {
    margin-left: 140px;
  }

  .services .project-results__item .img {
    float: left;
    margin-bottom: 0;
  }
}

.services .projects {
  padding: 20px 0 30px;
  overflow: hidden;
}

.services .projects .container:after,.services .projects .container:before {
  content: '';
  position: absolute;
  width: 269px;
  height: 269px;
  border-radius: 50%;
  z-index: 0;
  opacity: 0;
}

.services .projects .container:before {
  background: #1f74fb;
  top: -60px;
  right: -40px;
}

.services .projects .container:after {
  border: 1px solid #090909;
  top: -40px;
  right: -65px;
}

@media screen and (min-width:768px) {
  .services .projects {
    padding: 40px 0 50px;
  }
}

.services .core-tools__item {
  padding-bottom: 20px;
}

.services .core-tools__title {
  padding-bottom: 10px;
  margin-bottom: 25px;
  color: #1f74fb;
  border-bottom: 1px solid #9b9b9b;
}

.services .core-tools__name {
  display: block;
  margin-right: 20px;
  margin-bottom: 15px;
  color: #090909;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
}

.services .core-tools__name:last-child {
  margin-right: 0;
}

@media screen and (min-width:1200px) {
  .services .core-tools__item {
    margin-bottom: 25px;
  }

  .services .software-part__text {
    font-size: 24px;
    padding: 0 20px;
    width: calc(100% - 190px);
  }

  .services .software-part__img {
    margin-left: 30px;
    width: 160px;
    line-height: 100px;
  }

  .services .software-part__img img {
    max-width: 70px;
    max-height: 70px;
  }

  .services .collaboration-plan__step {
    margin-left: 242px;
  }

  .services .collaboration-plan__step:nth-child(7) {
    margin-left: 10px;
  }

  .services .project-item__title {
    font-size: 30px;
    line-height: 42px;
  }

  .services .project-item__content {
    padding-right: 70px;
  }

  .services .core-tools__title {
    padding-bottom: 15px;
    margin-bottom: 35px;
  }
}

@media screen and (min-width:768px) {
  .services .core-tools {
    padding: 20px 0;
  }

  .services .core-tools__name {
    display: inline-block;
  }
}

@media screen and (min-width:960px) {
  .services .project-results__item {
    width: calc(1 / 2 * 100% - (1 - 1 / 2) * 80px);
    margin-bottom: 65px;
  }

  .services .projects {
    padding-top: 75px;
  }

  .services .core-tools__item:nth-child(odd) {
    clear: both;
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
  .services .btn.btn-default-blue:after,  .services   .btn.btn-default-orange:after,  .services   .btn.btn-default-white:after,  .services   .client-engagement__content:before,  .services   .icons,  .services   a.btn.btn-default-blue:after,  .services   a.btn.btn-default-orange:after,  .services   a.btn.btn-default-white:after {
    background-image: url(../images/services/images/sprite@2x.png);
    background-size: 274px 919px;
  }

  .services .getting-started__item:before {
    background-image: url(../images/services/patterns/2x-png/rectangle-black-sm-100.png);
  }

  .services .team-1-black {
    background-image: url(../images/services/patterns/2x-png/team-1-black.png);
  }

  .services .team-2-black {
    background-image: url(../images/services/patterns/2x-png/team-2-black.png);
  }

  .services .team-3-black {
    background-image: url(../images/services/patterns/2x-png/team-3-black.png);
  }

  .services .team-4-black {
    background-image: url(../images/services/patterns/2x-png/team-4-black.png);
  }

  .services .services-component.black .services-component__bannerimg .item1,  .services   .services-component.blue .services-component__bannerimg .item6 {
    background-image: url(../images/services/patterns/2x-png/serv-rectangle-111.png);
  }

  .services .services-component.orange .services-component__bannerimg .item8 {
    background-image: url(../images/services/patterns/2x-png/serv-polygon-white.png);
  }

  .services .services-component__bgimg:after {
    background-image: url(../images/services/patterns/2x-png/serv-circle-110.png);
  }
}