@charset "UTF-8";
/* CSS Document */
body *::after,
body *::before,
body * {
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box;
 outline:0;
 -webkit-transition:color .25s,background .25s,box-shadow .25s,opacity .25s,border .25s,fill .25s,stroke .25s;
 -o-transition:color .25s,background .25s,box-shadow .25s,opacity .25s,border .25s,fill .25s,stroke .25s;
 transition:color .25s,background .25s,box-shadow .25s,opacity .25s,border .25s,fill .25s,stroke .25s
}
@keyframes hire-us {
 5% {
  opacity:.2
 }
 10% {
  top:-1px
 }
 15% {
  opacity:0
 }
 25% {
  opacity:1
 }
 40% {
  top:0
 }
 50% {
  opacity:.5
 }
}
@keyframes fadeInUpFast {
 0 {
  opacity:0;
  transform:translateY(100%)
 }
 75% {
  opacity:1
 }
 100% {
  transform:translateY(0)
 }
}
@keyframes goUp {
 100% {
  transform:translateY(-100%)
 }
}
@keyframes fromDownToNormal {
 0 {
  transform:translateY(100%)
 }
 100% {
  transform:translateY(0)
 }
}
@keyframes squeezeToRight {
 to {
  transform:scaleX(0)
 }
}
@keyframes ItemUpDown {
 0 {
  transform:translateY(0)
 }
 100% {
  transform:translateY(-7px)
 }
}
@-webkit-keyframes fadeInRotateUpLittle {
 0 {
  -webkit-transform:translate3d(0,25px,0) rotate(3deg);
  transform:translate3d(0,25px,0) rotate(3deg);
  opacity:0
 }
 100% {
  -webkit-transform:translate3d(0,0,0) rotate(0);
  transform:translate3d(0,0,0) rotate(0);
  opacity:1;
  visibility:visible
 }
}
@-moz-keyframes fadeInRotateUpLittle {
 0 {
  -moz-transform:translate3d(0,25px,0) rotate(3deg);
  transform:translate3d(0,25px,0) rotate(3deg);
  opacity:0
 }
 100% {
  -moz-transform:translate3d(0,0,0) rotate(0);
  transform:translate3d(0,0,0) rotate(0);
  opacity:1;
  visibility:visible
 }
}
@-o-keyframes fadeInRotateUpLittle {
 0 {
  transform:translate3d(0,25px,0) rotate(3deg);
  opacity:0
 }
 100% {
  transform:translate3d(0,0,0) rotate(0);
  opacity:1;
  visibility:visible
 }
}
@keyframes fadeInRotateUpLittle {
 0 {
  -webkit-transform:translate3d(0,25px,0) rotate(3deg);
  -moz-transform:translate3d(0,25px,0) rotate(3deg);
  transform:translate3d(0,25px,0) rotate(3deg);
  opacity:0
 }
 100% {
  -webkit-transform:translate3d(0,0,0) rotate(0);
  -moz-transform:translate3d(0,0,0) rotate(0);
  transform:translate3d(0,0,0) rotate(0);
  opacity:1;
  visibility:visible
 }
}
@-webkit-keyframes widthIncrease {
 from {
  opacity:0;
  -webkit-transform:translateX(-60%) scale(0.8);
  transform:translateX(-60%) scale(0.8)
 }
 to {
  opacity:1;
  -webkit-transform:translateX(0) scale(1);
  transform:translateX(0) scale(1);
  visibility:visible
 }
}
@-moz-keyframes widthIncrease {
 from {
  opacity:0;
  -moz-transform:translateX(-60%) scale(0.8);
  transform:translateX(-60%) scale(0.8)
 }
 to {
  opacity:1;
  -moz-transform:translateX(0) scale(1);
  transform:translateX(0) scale(1);
  visibility:visible
 }
}
@-o-keyframes widthIncrease {
 from {
  opacity:0;
  -o-transform:translateX(-60%) scale(0.8);
  transform:translateX(-60%) scale(0.8)
 }
 to {
  opacity:1;
  -o-transform:translateX(0) scale(1);
  transform:translateX(0) scale(1);
  visibility:visible
 }
}
@keyframes widthIncrease {
 from {
  opacity:0;
  -webkit-transform:translateX(-60%) scale(0.8);
  -moz-transform:translateX(-60%) scale(0.8);
  -o-transform:translateX(-60%) scale(0.8);
  transform:translateX(-60%) scale(0.8)
 }
 to {
  opacity:1;
  visibility:visible;
  -webkit-transform:translateX(0) scale(1);
  -moz-transform:translateX(0) scale(1);
  -o-transform:translateX(0) scale(1);
  transform:translateX(0) scale(1)
 }
}
@-webkit-keyframes widthIncreaseLeft {
 from {
  opacity:0;
  -webkit-transform:translateX(60%) scale(0.8);
  transform:translateX(60%) scale(0.8)
 }
 to {
  opacity:1;
  -webkit-transform:translateX(0) scale(1);
  transform:translateX(0) scale(1);
  visibility:visible
 }
}
@-moz-keyframes widthIncreaseLeft {
 from {
  opacity:0;
  -moz-transform:translateX(60%) scale(0.8);
  transform:translateX(60%) scale(0.8)
 }
 to {
  opacity:1;
  -moz-transform:translateX(0) scale(1);
  transform:translateX(0) scale(1);
  visibility:visible
 }
}
@-o-keyframes widthIncreaseLeft {
 from {
  opacity:0;
  -o-transform:translateX(60%) scale(0.8);
  transform:translateX(60%) scale(0.8)
 }
 to {
  opacity:1;
  -o-transform:translateX(0) scale(1);
  transform:translateX(0) scale(1);
  visibility:visible
 }
}
@keyframes widthIncreaseLeft {
 from {
  opacity:0;
  -webkit-transform:translateX(60%) scale(0.8);
  -moz-transform:translateX(60%) scale(0.8);
  -o-transform:translateX(60%) scale(0.8);
  transform:translateX(60%) scale(0.8)
 }
 to {
  opacity:1;
  -webkit-transform:translateX(0) scale(1);
  -moz-transform:translateX(0) scale(1);
  -o-transform:translateX(0) scale(1);
  transform:translateX(0) scale(1);
  visibility:visible
 }
}
.fadeInUpFast {
 -webkit-animation-name:fadeInUpFast;
 animation-name:fadeInUpFast;
 animation-duration:.45s;
 transition:transform .1s,opacity .1s;
 -webkit-animation-timing-function:ease;
 animation-timing-function:ease
}
.goUp {
 -webkit-animation-name:goUp;
 animation-name:goUp;
 animation-duration:1s;
 transition:transform 1s;
 -webkit-animation-timing-function:ease;
 animation-timing-function:ease
}
.fromDownToNormal {
 -webkit-animation-name:fromDownToNormal;
 animation-name:fromDownToNormal;
 animation-duration:.6s;
 transition:transform .6s;
 -webkit-animation-timing-function:ease;
 animation-timing-function:ease
}
.squeezeToRight {
 visibility:visible !important;
 -webkit-animation-name:squeezeToRight;
 animation-name:squeezeToRight;
 animation-duration:1.2s;
 transform-origin:100% 50%;
 transition:background-color .7s;
 -webkit-animation-timing-function:ease;
 animation-timing-function:ease
}
.fadeInRotateUpLittle {
 -webkit-transform-origin:0 0;
 -moz-transform-origin:0 0;
 -ms-transform-origin:0 0;
 -o-transform-origin:0 0;
 transform-origin:0 0;
 -webkit-animation-name:fadeInRotateUpLittle;
 -moz-animation-name:fadeInRotateUpLittle;
 -o-animation-name:fadeInRotateUpLittle;
 animation-name:fadeInRotateUpLittle;
 -webkit-animation-timing-function:ease;
 -moz-animation-timing-function:ease;
 -o-animation-timing-function:ease;
 animation-timing-function:ease;
 -webkit-animation-duration:.7s;
 -moz-animation-duration:.7s;
 -o-animation-duration:.7s;
 animation-duration:.7s
}
.widthIncrease {
 -webkit-transform-origin:center left;
 -moz-transform-origin:center left;
 -ms-transform-origin:center left;
 -o-transform-origin:center left;
 transform-origin:center left;
 -webkit-animation-name:widthIncrease;
 -moz-animation-name:widthIncrease;
 -o-animation-name:widthIncrease;
 animation-name:widthIncrease;
 transition:.5s;
 animation-duration:.7s
}
.widthIncreaseLeft {
 -webkit-transform-origin:center right;
 -moz-transform-origin:center right;
 -ms-transform-origin:center right;
 -o-transform-origin:center right;
 transform-origin:center right;
 -webkit-animation-name:widthIncreaseLeft;
 -moz-animation-name:widthIncreaseLeft;
 -o-animation-name:widthIncreaseLeft;
 animation-name:widthIncreaseLeft;
 transition:.5s;
 animation-duration:.7s
}
.animation-fill-forwards {
 -webkit-animation-fill-mode:forwards;
 animation-fill-mode:forwards
}
.hidden {
 display:none !important
}
.visible-mbl-xs,
.visible-mbl,
.visible-tbl,
.visible-dsc {
 display:none !important
}
.visible {
 visibility:visible !important
}
.container-fluid {
 position:relative;
 box-sizing:border-box;
 width:100%;
 min-width:320px;
 margin:0 auto;
 overflow:hidden;
 clear:both;
 z-index:9;
 background-color:#fff
}
.container-fluid .container {
 height:inherit;
 width:1630px;
 padding-left:15px;
 padding-right:15px;
 max-width:100%;
 margin:0 auto;
 clear:both
}
.f-c::after {
 content:"";
 display:block;
 visibility:hidden;
 height:0;
 clear:both
}
.v-a-c {
 display:table;
 height:inherit
}
.v-a-b {
 display:table-cell;
 height:inherit;
 vertical-align:middle
}
.justify {
 text-align:justify
}
.justify:after {
 content:'';
 display:inline-block;
 width:100%
}
a,
a:focus,
a:hover,
.c-h,
.fancybox-close-small,
label,
input[type="submit"],
.owl-controls .owl-page,
.owl-controls .owl-buttons div {
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none
}
a {
 color:inherit;
 text-decoration:none
}
body {
 font-family:'GT-America';
 font-size:18px;
 color:#000;
 line-height:1;
 position:relative
}
body *::after,
body *::before,
body * {
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box;
 outline:0;
 -webkit-transition:color .25s,background .25s,box-shadow .25s,opacity .25s,border .25s,fill .25s,stroke .25s;
 -o-transition:color .25s,background .25s,box-shadow .25s,opacity .25s,border .25s,fill .25s,stroke .25s;
 transition:color .25s,background .25s,box-shadow .25s,opacity .25s,border .25s,fill .25s,stroke .25s
}
input {
 font-family:inherit;
 font-size:inherit;
 font-weight:inherit
}
input[type="submit"] {
 appearance:none;
 -webkit-appearance:none;
 -moz-appearance:none;
 cursor:pointer;
 border:0
}
input[type="number"]::-ms-expand {
 display:none
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
 -webkit-appearance:none;
 -moz-appearance:none;
 appearance:none
}
textarea:-ms-input-placeholder,
input:-ms-input-placeholder {
 opacity:.5;
 color:inherit
}
textarea::-moz-placeholder,
input::-moz-placeholder {
 opacity:.5;
 color:inherit
}
textarea:-moz-placeholder,
input:-moz-placeholder {
 opacity:.5;
 color:inherit
}
textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder {
 opacity:.5;
 color:inherit
}
textarea::placeholder,
input::placeholder {
 opacity:.5;
 color:inherit
}
.img-wrap {
 position:relative;
 overflow:hidden;
 height:0;
 background-color:#fff;
 display:block
}
.img-wrap img {
 position:absolute;
 left:0;
 top:0;
 width:100%;
 height:100%;
 object-fit:cover;
 object-position:50% 50%;
 font-family:'object-fit: cover; object-position: 50% 50%;'
}
.img-wrap.contain {
 background-color:transparent
}
.img-wrap.contain img {
 object-fit:contain;
 font-family:'object-fit: contain; object-position: 50% 50%;'
}
label {
 cursor:pointer
}
b,
strong {
 font-weight:700
}
button {
 border:0;
 background-color:transparent;
 cursor:pointer;
 color:inherit;
 font-size:inherit;
 padding:0;
 font-family:inherit
}
.content-narrow {
 width:59%;
 max-width:100%;
 margin:0 auto
}
.content-narrow>.section-content a {
 color:#ef3e23
}
.s-text.type-policy .content-narrow {
 width:45%
}
.section-content {
 font-size:24px;
 line-height:1.7
}
.section-content-type-2 *:first-child,
.section-content *:first-child {
 margin-top:0 !important
}
.section-content-type-2 *:last-child,
.section-content *:last-child {
 margin-bottom:0 !important
}
.section-content * {
 margin-top:1.6em;
 margin-bottom:1.6em
}
.section-content img {
 max-width:100%;
 height:auto;
 display:block
}
.section-content ul>li {
 margin-bottom:.4em;
 margin-top:.4em;
 padding-left:34px;
 position:relative
}
.section-content ul>li:before {
 content:"";
 display:inline-block;
 width:6px;
 height:6px;
 background-color:#000;
 border-radius:50%;
 vertical-align:bottom;
 margin:15px 28px 15px 0;
 position:absolute;
 left:0
}
.section-content h1,
.section-content h2,
.section-content h3,
.section-content h4,
.section-content h5,
.section-content h6 {
 line-height:1.41;
 font-weight:500;
 margin-bottom:1em;
 margin-top:1em
}
.section-content h2 {
 font-size:40px
}
.section-content-type-2 {
 font-size:20px;
 line-height:1.64
}
.section-content-type-2 h2 {
 font-size:32px;
 font-weight:500;
 margin-bottom:1.05em;
 margin-top:1em;
 line-height:1.5
}
.section-content-type-2 * {
 margin-top:1.6em;
 margin-bottom:1.6em
}
.section-title {
 font-weight:500
}
.section-title.t1 {
 font-size:72px;
 line-height:1.2
}
.section-title.t2 {
 font-size:44px;
 line-height:1.2
}
.section-title.t3 {
 font-size:44px;
 line-height:1.2
}
.section-title.t4 {
 font-size:32px;
 line-height:1.2
}
.section-title.t5 {
 font-size:26px;
 line-height:1.2
}
.section-subtitle.st1 {
 font-size:24px;
 line-height:1.64
}
.section-subtitle.st2 {
 font-size:24px;
 line-height:1.7
}
.content-img-wrap {
 display:inline-block;
 position:relative;
 overflow:hidden
}
.section-scheme ul.second:before,
.section-scheme ul.first:before,
.content-img-wrap:before {
 content:"";
 position:absolute;
 width:100%;
 height:100%;
 right:0;
 top:0;
 background-color:#f9f9f9;
 z-index:9;
 -webkit-transition:width 1.2s;
 -o-transition:width 1.2s;
 transition:width 1.2s
}
.section-scheme ul.second:before,
.section-scheme ul.first:before {
 background-color:#fff
}
.section-scheme ul.first:before {
 -webkit-transition-delay:750ms;
 -o-transition-delay:750ms;
 transition-delay:750ms
}
.section-scheme ul.second:before {
 -webkit-transition-delay:1250ms;
 -o-transition-delay:1250ms;
 transition-delay:1250ms
}
.section-scheme ul.second.animated:before,
.section-scheme ul.first.animated:before,
.content-img-wrap.animated:before {
 width:0
}
.split-word {
 display:inline-block
}
.custom-wow {
 visibility:hidden;
 animation-timing-function:ease-in-out
}
.wow {
 animation-timing-function:ease-in-out
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
 width:auto;
 margin:0;
 line-height:1;
 height:auto
}
.icon-circles {
 display:inline-block;
 vertical-align:middle
}
.icon-circles:after,
.icon-circles:before,
.icon-circles span {
 content:"";
 position:relative;
 width:6px;
 height:6px;
 border-radius:50%;
 background-color:#fff;
 display:inline-block;
 vertical-align:middle;
 opacity:.5
}
.icon-circles:after,
.icon-circles:before,
.icon-circles span {
 animation-name:hire-us;
 animation-duration:1.75s;
 animation-iteration-count:infinite;
 animation-play-state:running
}
.icon-circles span {
 margin:0 3px;
 animation-delay:.15s
}
.icon-circles:after {
 animation-delay:.3s
}
#header>.static .icon-circles:after,
#header>.static .icon-circles:before,
#header>.static .icon-circles span {
 background-color:#151515
}
#header.white .icon-circles:after,
#header.white .icon-circles:before,
#header.white .icon-circles span {
 background-color:#fff
}
.icon-checkbox {
 cursor:pointer;
 position:relative;
 display:inline-block;
 width:24px;
 height:13px;
 border-radius:6.5px;
 background-color:#cbcbcb
}
.icon-checkbox:before {
 content:"";
 position:absolute;
 width:13px;
 height:13px;
 left:0;
 top:0;
 background-color:gray;
 border-radius:50%;
 -webkit-transition:left .25s;
 -o-transition:left .25s;
 transition:left .25s
}
input:checked+.icon-checkbox:before {
 left:11px;
 background-color:#000
}
.icon-checkbox-2 {
 position:relative;
 display:inline-block;
 width:16px;
 height:16px;
 border-radius:3px;
 border:1px solid #151515
}
.icon-checkbox-2:before {
 content:"";
 position:absolute;
 width:9px;
 height:9px;
 left:2.5px;
 top:2.3px;
 opacity:0;
 background-image:url(upload/check.svg);
 background-repeat:no-repeat;
 background-size:100% 100%
}
input:checked+.item .icon-checkbox-2 {
 background-color:#151515
}
input:checked+.item .icon-checkbox-2:before {
 opacity:1
}
.icon-circle-4,
.icon-circle-3,
.icon-circle-2,
.icon-circle-1 {
 position:relative;
 display:inline-block;
 width:112px;
 height:112px;
 border-radius:90%
}
.icon-circle-1 {
 
}
.icon-circle-2 {
 border:solid 2px #111
}
.icon-circle-3 {
 background-color:#f7f7f7
}
.icon-circle-4 {
 background-color:#5187ab
}
.s-our-process.type-motion-design .icon-circle-4 {
 background-color:#8b53a6
}
.s-our-process.type-logos-branding .icon-circle-4 {
 background-color:#d79a52
}
.s-our-process.type-development .icon-circle-4 {
 background-color:#32a1ba
}
.icon-circle-4:before,
.icon-circle-3:before,
.icon-circle-2:before,
.icon-circle-1:before {
 content:"";
 position:absolute;
 width:29.6%;
 height:29.6%;
 left:50%;
 top:50%;
 -webkit-transform:translate(-50%,-50%);
 -ms-transform:translate(-50%,-50%);
 -o-transform:translate(-50%,-50%);
 transform:translate(-50%,-50%);
 border-radius:50%
}
.icon-circle-1:before {
 background-color:#000
}
.icon-circle-2:before {
 background-color:#111
}
.icon-circle-3:before {
 background-color:#111
}
.icon-circle-4:before {
 background-color:#fff
}
.icon-hamburger {
 position:relative;
 width:24px;
 height:20px;
 display:inline-block
}
#header>.static .icon-hamburger {
 width:18px;
 height:16px
}
.icon-hamburger span:before,
.icon-hamburger span:after,
.icon-hamburger span {
 position:absolute;
 width:100%;
 height:2px;
 border-radius:1px;
 background-color:#fff
}
#header>.static .icon-hamburger span:before,
#header>.static .icon-hamburger span:after,
#header>.static .icon-hamburger span {
 background-color:#000
}
#header.white .icon-hamburger span:before,
#header.white .icon-hamburger span:after,
#header.white .icon-hamburger span {
 background-color:#fff
}
.icon-hamburger span {
 top:0
}
.icon-hamburger span:before,
.icon-hamburger span:after {
 content:""
}
.icon-hamburger span:before {
 top:9px
}
#header>.static .icon-hamburger span:before {
 top:7px
}
.icon-hamburger span:after {
 top:18px
}
#header>.static .icon-hamburger span:after {
 top:14px
}
.btn-hamburger {
 display:inline-block;
 padding:10px 0;
 cursor:pointer
}
#header>.static .btn-hamburger {
 padding:5px 0;
 vertical-align:middle;
 margin:0 -3px 0 16px
}
.btn-status {
 height:48px;
 line-height:48px;
 color:#fff;
 border-radius:24px;
 padding:0 32px;
 white-space:nowrap;
 -webkit-backdrop-filter:blur(27.2px);
 backdrop-filter:blur(27.2px);
 background-color:rgba(255,255,255,.15);
 display:inline-block
}
.btn-hire-us {
 height:48px;
 border-radius:24px;
 padding:0 23px 3px 21px
}
#header .btn-hire-us.second {
 display:none
}
.btn-hire-us>span {
 vertical-align:middle;
 margin-right:10px
}
.btn-scroll {
 font-size:14px;
 font-weight:500;
 line-height:32px
}
.btn-scroll>span {
 display:inline-block;
 top:-5px
}
.btn-scroll .transp {
 opacity:.7
}
.btn-scroll i {
 margin-right:27px;
 font-size:20px
}
.btn-grey {
 display:inline-block;
 height:32px;
 line-height:32px;
 padding:0 16px;
 font-size:12px;
 color:#fff;
 background-color:#2c2c2c;
 border-radius:16px;
 white-space:nowrap
}
.btn-attach {
 display:inline-block;
 height:51px;
 line-height:43px;
 padding:0 30px;
 color:#111;
 vertical-align:middle
}
.btn-attach i {
 margin-right:11px;
 font-size:23px;
 vertical-align:middle
}
.btn-attach span {
 vertical-align:middle
}
.btn-white,
.btn-black {
 display:inline-block;
 height:51px;
 line-height:51px;
 padding:0 36px;
 font-weight:500;
 border-radius:3px;
 font-size:16px
}
.btn-black {
 color:#fff;
 background-color:#000
}
.btn-back span {
 vertical-align:middle
}
.s-apply .btn-black {
 height:68px;
 line-height:68px;
 font-size:18px;
 padding:0 60px
}
.btn-white {
 border:solid 1px rgba(220,220,220,0.5)
}
.btn-close {
 display:inline-block;
 line-height:37px;
 width:33px;
 text-align:center;
 color:#11111180
}
.btn-back {
 font-size:18px;
 font-weight:500
}
.btn-back .icon-arrow-prev {
 font-size:13px;
 margin-right:6px;
 vertical-align:middle
}
#header {
 position:fixed;
 width:100%;
 top:0;
 left:0;
 z-index:999;
 padding:15px 0 26px;
 background-color:transparent;
 overflow:visible;
 transition:background-color .2s
}
#header>.static {
 position:relative;
 width:auto;
 top:auto;
 left:auto;
 padding:28px 0;
 font-size:18px;
 background-color:#fff
}
#header.header-bottom-border {
 border-bottom:1px solid #f2f2f2
}
#header.fixed-header {
 position:fixed;
 width:100%;
 top:0;
 left:0
}
#header.sticky-header {
 position:sticky;
 top:0
}
#header.transparent-header {
 background-color:transparent
}
#header .row-first {
 margin:0 -15px
}
#header .row-first>.col {
 padding:0 15px
}
#header .row-first>.col.first {
 float:left;
 display:flex;
 align-items:center;
 height:63px;
 padding-top:11px
}
#header>.static .row-first>.col.first {
 height:43px;
 padding-top:2px
}
#header .row-first>.col.second {
 float:right;
 padding-top:11px
}
#header>.static .row-first>.col.second {
 padding-top:2px
}
#header .menu {
 display:inline-block;
 margin:-15px 18px -15px -21px;
 vertical-align:middle
}
#header .menu li:nth-of-type(1) {
 animation-delay:1.65s
}
#header .menu li:nth-of-type(2) {
 animation-delay:1.7s
}
#header .menu li:nth-of-type(3) {
 animation-delay:1.75s
}
#header .menu li:nth-of-type(4) {
 animation-delay:1.8s
}
#header .menu li:nth-of-type(5) {
 animation-delay:1.85s
}
#header>.static .menu {
 margin:-12px 21px -12px -20px
}
#header .menu li {
 display:inline-block;
 padding:15px 17.7px
}
#header>.static .menu li {
 padding:12px 20px
}
#header .menu li a {
 color:#fff;
 position:relative
}
#header>.static .menu li a {
 color:#000
}
#header.white .menu li a {
 color:#fff
}
#header .menu li a:before {
 content:"";
 position:absolute;
 width:0;
 height:2px;
 left:0;
 top:100%;
 margin-top:3px;
 border-radius:1px;
 background-color:#fff;
 -webkit-transition:width .35s;
 -o-transition:width .35s;
 transition:width .35s
}
#header>.static .menu li a:before {
 background-color:#151515
}
#header.white .menu li a:before {
 background-color:#fff
}
#header .menu li a:hover:before {
 width:100%
}
#header .btn-hire-us {
 background-color:rgba(255,255,255,.1);
 color:#fff;
 vertical-align:middle;
 -webkit-transition:background-color .2s;
 -o-transition:background-color .2s;
 transition:background-color .2s;
 animation-delay:1.85s
}
#header .btn-hire-us:hover {
 background-color:rgba(255,255,255,.15)
}
#header>.static .btn-hire-us {
 background-color:rgba(0,0,0,0.05);
 color:#000;
 height:41px;
 border-radius:20.5px;
 padding:0 15px 2px 21px;
 margin-right:3px
}
#header>.static .btn-hire-us:hover {
 background-color:rgba(0,0,0,0.1)
}
#header.white .btn-hire-us {
 background-color:rgba(255,255,255,.1);
 color:#fff
}
#header.white .btn-hire-us:hover {
 background-color:rgba(255,255,255,.15)
}
#header .row-first>.col.third {
 float:right;
 display:none
}
#header .btn-close {
 display:none;
 font-size:23px;
 color:#000;
 float:right;
 margin-right:25px
}
.s-placeholder {
 position:relative;
 background-color:#292929;
 color:#fff
}
.s-placeholder .section-positions {
 margin:-10px -30px
}
.s-placeholder .section-positions li {
 display:inline-block;
 font-size:24px;
 font-weight:500;
 line-height:1.41;
 padding:10px 30px
}
.s-placeholder .section-bg {
 position:absolute;
 width:100%;
 height:100%;
 left:0;
 top:0;
 opacity:.25
}
.s-placeholder .section-status {
 margin-bottom:3.6em
}
.s-placeholder .row-first {
 position:relative;
 display:table;
 height:1000px;
 height:100vh;
 width:100%
}
.placeholder-hider {
 z-index:-1;
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 opacity:0;
 background-color:#000;
 transition:opacity 1.5s
}
.s-placeholder.type-blog {
 background-color:#151515
}
.s-placeholder.type-blog-post-low .row-first {
 display:block;
 height:auto
}
.s-placeholder .row-first>.col {
 display:table-cell;
 padding:8.6em 0 7em;
 vertical-align:middle
}
.s-placeholder.type-careers .row-first>.col {
 padding:7.3em 0 7em
}
.s-placeholder.type-blog-post-low .row-first>.col {
 display:block;
 padding:4.9em 0 6.9em
}
.s-placeholder.type-main .row-first>.col {
 padding:8em 0 8.7em
}
.s-placeholder.type-cases .row-first>.col {
 padding:8em 0 8.7em
}
.s-placeholder.type-services .row-first>.col {
 padding:8em 0 8.7em
}
.s-placeholder.type-blog .row-first>.col {
 padding:110px 0 207px
}
.s-placeholder.type-blog-post .row-first>.col {
 padding:12.8em 0 1em
}
.s-placeholder.type-simple-page .row-first>.col {
 padding:6em 0 13.2em
}
.s-placeholder.type-child-page .row-first>.col {
 padding:9.2em 0 7em
}
.s-placeholder .section-title {
 margin-bottom:1em
}
.s-placeholder.type-careers .section-title {
 margin-bottom:.6em
}
.s-placeholder.type-blog-post-low .section-title {
 font-weight:normal;
 line-height:1.25;
 margin-bottom:.7em
}
.s-placeholder.type-main .section-title {
 margin-bottom:.6em;
 max-width:95%
}
.s-placeholder.type-main .section-tags a:before {
 content:"";
 position:absolute;
 top:100%;
 left:0;
 margin-top:2px;
 width:100%;
 height:1px;
 border-radius:10px;
 background-color:#5c5c5c;
 opacity:0
}
.s-placeholder.type-main .section-tags a:hover,
.s-placeholder.type-main .section-tags a:focus {
 opacity:1
}
.s-placeholder.type-main .section-tags a:hover:before,
.s-placeholder.type-main .section-tags a:focus:before {
 opacity:1
}
.s-placeholder.type-cases .section-title {
 margin-bottom:.6em
}
.s-placeholder.type-services .section-title {
 margin-bottom:.6em
}
.s-placeholder.type-simple-page .section-title {
 margin-bottom:.7em
}
.s-placeholder.type-child-page .section-title {
 margin-bottom:.3em
}
.s-placeholder.type-blog .section-title {
 margin-bottom:.65em
}
.s-placeholder.type-blog-post .section-title {
 margin-bottom:.65em
}
.s-placeholder .section-tags {
 margin:-10px -19.5px
}
.s-placeholder .section-tags li {
 display:inline-block;
 opacity:.7;
 padding:10px 19.5px
}
.s-placeholder.type-main .section-tags li {
 opacity:1
}
.s-placeholder.type-main .section-tags a {
 opacity:.7;
 position:relative
}
.s-placeholder .row-second {
 position:absolute;
 width:100%;
 bottom:65px;
 left:0;
 padding:0 1px 0 3px
}
.s-placeholder .section-buttons {
 float:left
}
.s-placeholder .section-buttons li {
 display:inline-block
}
.s-placeholder .section-buttons .icon-arrow-down {
 display:inline-block;
 -webkit-animation:ItemUpDown .85s infinite alternate;
 animation:ItemUpDown .85s infinite alternate;
 transition:transform .2s
}
.s-placeholder .soc {
 float:right;
 margin:0 -13px
}
.s-placeholder .soc li {
 display:inline-block;
 padding:0 18px;
 line-height:30px
}
.s-placeholder .soc li i:before {
 opacity:.75;
 transition:opacity .35s
}
.s-placeholder .soc li i:hover:before {
 opacity:1
}
.s-placeholder .soc .icon-behance {
 font-size:28px
}
.s-placeholder .soc .icon-dribbble {
 font-size:28px
}
.s-placeholder .section-filters {
 position:absolute;
 width:100%;
 bottom:73px;
 left:0
}
.s-placeholder .section-filters ul {
 margin:-10px -23px
}
.s-placeholder .section-filters li {
 display:inline-block;
 padding:10px 23px;
 opacity:.5
}
.s-placeholder .section-filters li.active {
 opacity:1
}
.s-placeholder .section-filters a {
 padding:5px 0;
 border-top:1px solid transparent;
 border-bottom:1px solid transparent;
 font-size:24px
}
.s-placeholder .section-filters li.active a {
 border-bottom-color:#fff
}
.s-placeholder .item-info {
 font-size:16px
}
.s-placeholder .item-time,
.s-placeholder .item-date,
.s-placeholder .item-cat,
.s-placeholder .item-info>li {
 display:inline-block
}
.s-placeholder .item-time,
.s-placeholder .item-date,
.s-placeholder .item-cat {
 opacity:.7
}
.s-placeholder .item-info>li:after {
 content:"/";
 margin:0 11px;
 display:inline-block;
 color:#fff;
 opacity:.15
}
.s-placeholder .item-info>li:last-child:after {
 display:none
}
.s-placeholder .item-rating li {
 width:18px;
 height:13px
}
.s-placeholder .item-rating li>img {
 width:16px;
 height:13px
}
.item-rating:hover .post-rating-image {
 opacity:1
}
.item-rating .post-rating-image:hover ~ .post-rating-image {
 opacity:.3
}
.star-full-white,
.star-full {
 opacity:1
}
.star-empty-white,
.star-empty {
 opacity:.3
}
.s-placeholder .item-back {
 margin-bottom:4.7em
}
.container-fluid.c1 {
 padding-top:5em;
 padding-bottom:5em
}
.s-case {
 color:#000
}
.s-case.c1 {
 position:relative;
 padding-top:0;
 padding-bottom:0
}
.s-case .section-bg {
 position:absolute;
 left:0;
 right:50%;
 height:100%;
 top:0;
 background-color:transparent
}
.s-case .section-bg img {
 animation-delay:.25s
}
.s-case.case-1 .section-bg {
 padding:149px 171px 149px 0
}
.s-case.case-2 .section-bg {
 padding:174px 0 176px 117px
}
.s-case.case-3 .section-bg {
 padding:188px 57px 188px 0
}
.s-case.case-4 .section-bg {
 padding:54px 0 0 177px
}
.s-case.case-5 .section-bg {
 padding:190px 178px 190px 0
}
.s-case.case-6 .section-bg {
 padding:174px 0 149px 57px
}
.s-case.mirror .section-bg {
 left:50%;
 right:0
}
.s-case.mirror .section-bg.bottom {
 padding-bottom:0
}
.s-case .section-bg img {
 max-height:100%;
 width:auto;
 display:block;
 float:right
}
.s-case.mirror .section-bg img {
 float:left
}
.s-case .row-first {
 display:table;
 height:1000px;
 padding-left:50%
}
.s-case.mirror .row-first {
 padding-left:0;
 padding-right:50%
}
.s-case .row-first>.col {
 display:table-cell;
 vertical-align:middle
}
.s-case.normal .row-first>.col {
 padding-left:15px
}
.s-case .title-descr-wrap {
 display:block
}
.s-case .title-descr-wrap:hover .inner-section-title {
 box-shadow:inset 0 -0.07em rgba(200,200,200,.8)
}
.s-case .section-tags {
 margin-bottom:1.4em;
 animation-delay:.3s
}
.s-case .section-tags ul {
 margin:-10px -19px
}
.s-case .section-tags li {
 display:inline-block;
 padding:10px 19px;
 font-size:20px;
 white-space:nowrap
}
.s-case .section-tags li a {
 position:relative
}
.s-case .section-tags li a:before {
 content:"";
 position:absolute;
 top:100%;
 left:0;
 margin-top:2px;
 width:100%;
 height:1px;
 border-radius:10px;
 background-color:rgba(200,200,200,.8);
 opacity:0
}
.s-case .section-tags li a:hover:before {
 opacity:1
}
.s-case .title-descr-wrap {
 animation-delay:.6s
}
.s-case .section-title {
 margin-bottom:1.15em;
 overflow:hidden
}
.s-case .section-descr {
 font-size:24px;
 line-height:1.7;
 margin-bottom:1.3em
}
.s-case .section-author {
 display:table;
 animation-delay:.9s
}
.s-case .section-author-col,
.s-case .section-author-img {
 display:table-cell;
 vertical-align:middle
}
.s-case .section-author-img {
 width:80px;
 height:80px;
 background-color:#fff;
 border-radius:50%
}
.s-case .section-author-col {
 line-height:1.41;
 padding:0 0 6px 27px
}
.s-case .section-author-name {
 font-weight:500
}
.s-our-clients.c1 {
 padding-top:8.7em;
 padding-bottom:8.6em
}
.s-technology.c1 {
 background-color:#fbfbfb;
 padding-top:5.1em;
 padding-bottom:5.4em
}
.s-our-clients .section-title {
 margin-bottom:.5em
}
.s-technology .section-title {
 margin-bottom:1.75em
}
.s-our-clients .section-subtitle {
 margin-bottom:2.4em
}
.s-technology .item-wrap,
.s-our-clients .item-wrap {
 float:left;
 width:33.33%;
 border-bottom:2px solid #f1eee9;
 border-right:2px solid #f1eee9
}
.s-our-clients .item-wrap {
 padding:89px
}
.s-technology .item-wrap {
 padding:43px 60px 66px
}
.s-technology .item-wrap:nth-last-child(-n+3),
.s-our-clients .item-wrap:nth-last-child(-n+3) {
 border-bottom:0
}
.s-technology .item-wrap:nth-of-type(3n),
.s-our-clients .item-wrap:nth-of-type(3n) {
 border-right:0
}
.s-technology .item {
 position:relative
}
.s-our-clients .item-img {
 height:59px;
 margin:0 auto;
 width:272px;
 max-width:100%
}
.s-technology .item-img {
 height:72px;
 margin:0 auto 2em;
 position:relative
}
.s-technology .item-title {
 text-align:center;
 font-size:20px;
 font-weight:500
}
.s-collection.c1 {
 padding-top:10em;
 padding-bottom:9.65em
}
.s-collection .section-title {
 margin-bottom:1.35em
}
.s-collection .item-area {
 margin:-13.35px
}
.s-collection .item-wrap {
 float:left;
 width:50%;
 padding:13.35px
}
.s-collection .item-img {
 display:block;
 padding-top:54.42%;
 margin-bottom:2.1em
}
.s-collection .item .img-hider {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 z-index:10;
 background-color:#dceeee
}
.s-collection .item .item-img:before {
 content:"";
 position:absolute;
 width:100%;
 height:100%;
 left:0;
 top:0;
 border-style:solid;
 border-color:#dceeee;
 border-width:0;
 z-index:9;
 transition:border-width .25s,border-color 1.5s
}
.s-collection .item:hover .item-img:before {
 border-width:17px 11px
}
.s-collection .item-category-date {
 line-height:1.41;
 margin-bottom:.6em
}
.s-collection .item-title {
 font-size:24px;
 font-weight:500;
 line-height:1.41
}
.s-make-together.c1 {
 background-color:#1e1e1e;
 color:#fff;
 padding-top:6.9em;
 padding-bottom:7.3em
}
.s-make-together .section-title {
 margin-bottom:.8em;
 text-align:center
}
.s-make-together .section-link {
 font-size:44px;
 font-weight:500;
 text-align:center
}
.s-make-together .section-link a {
 position:relative
}
.s-make-together .section-link a:before {
 content:"";
 position:absolute;
 top:100%;
 left:0;
 margin-top:2px;
 width:0;
 height:2px;
 border-radius:10px;
 background-color:rgba(255,255,255,.8);
 -webkit-transition:width .35s;
 -o-transition:width .35s;
 transition:width .35s
}
.s-make-together .section-link a:hover:before {
 width:100%
}
#footer {
 background-color:#151515;
 color:#5b5b5b;
 position:fixed;
 bottom:0;
 left:0;
 z-index:0;
 opacity:0;
 -webkit-transform:translateY(-40px);
 -o-transform:translateY(-40px);
 transform:translateY(-40px);
 -webkit-transition:opacity 1.5s cubic-bezier(.075,.82,.165,1),transform 1.5s cubic-bezier(.075,.82,.165,1);
 -moz-transition:opacity 1.5s cubic-bezier(.075,.82,.165,1),transform 1.5s cubic-bezier(.075,.82,.165,1);
 -o-transition:opacity 1.5s cubic-bezier(.075,.82,.165,1),transform 1.5s cubic-bezier(.075,.82,.165,1);
 transition:opacity 1.5s cubic-bezier(.075,.82,.165,1),transform 1.5s cubic-bezier(.075,.82,.165,1)
}
#footer.footer-visible {
 opacity:1;
 transform:translateY(0)
}
#footer .row-first {
 padding:3.95em 0 3em;
 margin:0 -15px
}
#footer .row-first>.col {
 float:left;
 padding:0 15px
}
#footer .row-first>.col.sixth,
#footer .row-first>.col.first {
 width:10%
}
#footer .row-first>.col.fifth,
#footer .row-first>.col.fourth,
#footer .row-first>.col.third,
#footer .row-first>.col.second {
 width:20%
}
#footer .col-title {
 font-weight:500;
 line-height:1.64;
 color:#fff;
 margin-bottom:2.6em;
 white-space:nowrap
}
#footer .col-title .icon-arrow-down-2 {
 font-size:8px;
 float:right;
 display:none;
 margin-top:8px
}
#footer .phones,
#footer .address {
 line-height:36px
}
#footer .menu {
 margin:0 -10px -5px
}
#footer .row-second .menu {
 margin:0 -49px -5px
}
#footer .menu li {
 padding:5px 10px;
 line-height:26px
}
#footer .menu li a:hover {
 color:#fff
}
#footer .row-second {
 padding:3.3em 0
}
#footer .row-second .menu li {
 display:inline-block;
 padding:5px 49px
}
#footer .btn-we-re-hiring {
 margin-left:5px
}
.s-services.c1 {
 background-color:#fafafa;
 padding-top:8.9em;
 padding-bottom:10.4em
}
.s-services.c1.type-other-services {
 background-color:#f3f3f3;
 padding-top:10em;
 padding-bottom:15em
}
.s-services .section-title {
 margin-bottom:2.5em
}
.s-services .item-area {
 margin:-1.1em -15px
}
.s-services .item-wrap {
 float:left;
 width:50%;
 padding:1.1em 15px
}
.s-services .item {
 padding:2.9em 55px 5.6em;
 background-color:#fff;
 border:solid 1px #ededed;
 border-radius:5px
}
.s-services .item-img {
 border-radius:50%;
 width:58.5px;
 height:58.5px;
 margin-bottom:2.5em
}
.s-services .item-title {
 font-size:24px;
 font-weight:500;
 margin-bottom:1.1em;
 line-height:1.64
}
.s-services .item-subtitle {
 opacity:.75;
 font-size:20px;
 line-height:1.64
}
.s-tools.c1 {
 padding-top:7.1em;
 padding-bottom:15.1em
}
.s-tools .section-title {
 margin-bottom:1em
}
.s-tools .section-subtitle {
 margin-bottom:7.5em
}
.s-tools .item-area {
 display:-webkit-flex;
 display:-moz-flex;
 display:-ms-flex;
 display:-o-flex;
 display:flex;
 justify-content:space-between;
 -webkit-flex-wrap:wrap-reverse;
 -moz-flex-wrap:wrap;
 -ms-flex-wrap:wrap;
 -o-flex-wrap:wrap;
 flex-wrap:wrap;
 padding:0 18px
}
.s-tools .item-area.first {
 margin-bottom:9.6em
}
.s-tools .item-area.second {
 width:62.9%
}
.s-tools .item {
 height:85px;
 width:100px;
 object-fit:contain;
 object-position:50% 50%
}
.s-tools .item:nth-child(3) {
 object-position:35% 50%
}
.s-tools .item-area.first .item:nth-child(4) {
 object-position:35% 50%
}
.s-tools .item-area.second .item:nth-child(2) {
 object-position:61% 50%
}
.s-specialist.c1 {
 position:relative;
 padding-top:8.6em;
 padding-bottom:12em
}
.s-specialist .section-bg {
 position:absolute;
 left:49.5%;
 top:-20%;
 background-color:#f7f7f7;
 border-radius:50%;
 height:140%;
 width:100%;
 z-index:-9
}
.s-specialist .section-bg.second {
 display:none
}
.s-specialist .row-first {
 padding-left:6.5em
}
.s-specialist .section-title {
 margin-bottom:5.7em;
 font-weight:400
}
.s-specialist .item-area {
 margin-right:-17px
}
.s-specialist .item-row {
 margin:-20px -80px
}
.s-specialist .item-col {
 float:left;
 width:50%;
 padding:20px 80px
}
.s-specialist .item-title {
 font-size:24px;
 line-height:1.2;
 margin-bottom:1.1em
}
.s-specialist .item-price {
 font-size:48px;
 font-weight:700;
 margin-bottom:1.9em
}
.s-specialist .item-month {
 font-size:30px;
 font-weight:300;
 vertical-align:bottom
}
.s-specialist .item-list {
 margin:-11.5px -5px;
 font-size:20px
}
.s-specialist .item-list li {
 line-height:1.64;
 padding:11.5px 5px 11.5px 41px;
 font-weight:500;
 position:relative
}
.s-specialist .item-list li:before {
 content:"";
 display:inline-block;
 width:16px;
 height:16px;
 border-radius:50%;
 position:absolute;
 left:5px;
 top:19px
}
.s-specialist .item-list li.c-f4d32a:before {
 background-color:#f4d32a
}
.s-specialist .item-list li.c-4fb759:before {
 background-color:#4fb759
}
.s-specialist .item-list li.c-e35c5c:before {
 background-color:#e35c5c
}
.s-specialist .item-list li.c-4fb7b0:before {
 background-color:#4fb7b0
}
.s-specialist .dropdown {
 position:relative;
 display:inline-block
}
.s-specialist .dropdown-title {
 cursor:pointer;
 display:inline-block
}
.s-specialist .dropdown-title span {
 vertical-align:middle
}
.s-specialist .dropdown-title .icon-arrow-down-2 {
 vertical-align:bottom;
 margin-left:10px;
 position:relative;
 bottom:13px;
 font-size:11px
}
.s-specialist .dropdown-title .icon-arrow-down-2:before {
 position:absolute;
 left:0;
 top:0
}
.s-specialist .dropdown-body {
 position:absolute;
 top:100%;
 right:0;
 font-size:18px;
 line-height:1.64
}
.s-specialist .tabs li {
 cursor:pointer
}
.s-our-process-2.c1 {
 padding-top:8.4em;
 padding-bottom:12.2em
}
.s-our-process-2 .section-title {
 margin-bottom:.95em
}
.s-our-process-2 .section-subtitle {
 margin-bottom:6.3em
}
.section-scheme-2 {
 margin-right:-0.7%
}
.section-scheme-2>ul>li {
 float:left;
 width:20%
}
.section-scheme-2 ul ul li {
 height:164px;
 display:table;
 width:100%
}
.section-scheme-2 ul li ul li:last-child {
 height:141px
}
.section-scheme-2 ul ul li:first-child {
 position:relative
}
.section-scheme-2 ul ul li:first-child:before {
 content:"";
 position:absolute;
 width:33.4px;
 height:33.4px;
 left:0;
 top:100%;
 -webkit-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 -o-transform:translateY(-50%);
 transform:translateY(-50%);
 background-color:#d6ad65;
 border-radius:50%
}
.section-scheme-2 li:first-child li:first-child:after {
 content:"";
 position:absolute;
 width:100vw;
 height:4px;
 left:0;
 top:100%;
 -webkit-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 -o-transform:translateY(-50%);
 transform:translateY(-50%);
 background-color:#d6ad65
}
.section-scheme-2 ul ul li>div {
 display:table-cell
}
.section-scheme-2 li:nth-of-type(2n-1) li>div {
 vertical-align:top
}
.section-scheme-2 li:nth-of-type(2n) li>div {
 vertical-align:bottom
}
.section-scheme-2 li:nth-of-type(2n) li>.item-step {
 padding-bottom:3px
}
.section-scheme-2 .item-step {
 font-size:60px;
 font-weight:700;
 color:#d6ad65;
 padding-right:31px
}
.section-scheme-2 .item-title {
 font-size:20px;
 line-height:1.41
}
.section-scheme-2 li:nth-of-type(2n-1) .item-title {
 padding:6px 0 0
}
.s-our-process.c1 {
 padding-top:4.9em;
 padding-bottom:5.6em
}
.s-our-process.c1.type-development {
 padding-bottom:5em
}
.s-our-process .section-title {
 margin-bottom:.95em
}
.s-our-process .section-subtitle {
 margin-bottom:1.35em
}
.section-scheme {
 padding-top:270px;
 padding-bottom:235px
}
.s-our-process.type-development .section-scheme {
 padding-bottom:221px
}
.section-scheme ul.second,
.section-scheme ul.first {
 position:absolute;
 left:32%;
 width:106%;
 height:164px;
 display:table;
 background-repeat:no-repeat;
 background-size:100% 100%
}
.section-scheme ul.first {
 bottom:100%;
 margin-bottom:43px;
 background-image:url(img/arrow-ellipse.svg);
 padding-top:4.6em
}
.section-scheme ul.second {
 top:100%;
 margin-top:56px;
 background-image:url(img/arrow-ellipse-2.svg);
 padding-bottom:1.6em
}
.section-scheme ul.second li,
.section-scheme ul.first li {
 display:table-cell;
 vertical-align:middle;
 height:100%
}
.section-scheme ul.first li {
 vertical-align:top
}
.section-scheme ul.second span,
.section-scheme ul.first span {
 display:block;
 line-height:20px;
 font-weight:500;
 line-height:1.21;
 font-size:20px
}
.section-scheme>li.fourth,
.section-scheme>li.third,
.section-scheme>li.second,
.section-scheme>li.first {
 position:relative;
 float:left;
 width:20.14%;
 text-align:center
}
.section-scheme>li .row-first {
 width:70%;
 text-align:center
}
.section-scheme>li .row-first span {
 display:block;
 margin-top:1.9em;
 margin-left:-25%;
 margin-right:-25%;
 font-size:20px;
 font-weight:500;
 line-height:1.41
}
.section-scheme li.fifth {
 float:left;
 width:19.44%
}
.section-scheme .icon-arrow-right-wrap {
 position:absolute;
 left:85%;
 top:45px;
 -webkit-transform:translateX(-50%);
 -ms-transform:translateX(-50%);
 -o-transform:translateX(-50%);
 transform:translateX(-50%)
}
.section-scheme .icon-arrow-right {
 font-size:22px;
 position:relative
}
.first .icon-arrow-right-wrap .icon-arrow-right {
}
.section-scheme.f-c .second .first.wow {
}
.section-scheme.f-c .second .first.wow {
}
.section-scheme .icon-arrow-bottom {
 display:none;
 font-size:45px;
 margin:.4em 0;
 margin:.5em 0
}
.section-scheme ul.third {
 -webkit-transform:rotate(-90deg);
 -ms-transform:rotate(-90deg);
 -o-transform:rotate(-90deg);
 transform:rotate(-90deg);
 -webkit-transform-origin:50% 50%;
 -moz-transform-origin:50% 50%;
 -ms-transform-origin:50% 50%;
 -o-transform-origin:50% 50%;
 transform-origin:50% 50%;
 text-align:center;
 height:112px;
 margin-left:-112px
}
.section-scheme ul.third li {
 position:relative;
 height:130px;
 font-size:20px;
 font-weight:500
}
.section-scheme ul.third li.first {
 color:#2570a3;
 line-height:130px
}
.s-our-process.type-motion-design .section-scheme ul.third li.first {
 color:#8b53a6
}
.s-our-process.type-logos-branding .section-scheme ul.third li.first {
 color:#d79a52
}
.s-our-process.type-development .section-scheme ul.third li.first {
 color:#32a1ba
}
.section-scheme ul.third li.second {
 color:#fff;
 line-height:152px
}
.section-scheme ul.third li:before {
 content:"";
 position:absolute;
 top:0;
 left:50%;
 -webkit-transform:translateX(-50%);
 -ms-transform:translateX(-50%);
 -o-transform:translateX(-50%);
 transform:translateX(-50%);
 border-radius:50%;
 z-index:-9
}
.section-scheme ul.third li.first:before {
 width:720px;
 height:720px;
 background-color:#eef3f7
}
.s-our-process.type-motion-design .section-scheme ul.third li.first:before {
 background-color:#f4eef6
}
.s-our-process.type-logos-branding .section-scheme ul.third li.first:before {
 background-color:#fbf5ee
}
.s-our-process.type-development .section-scheme ul.third li.first:before {
 background-color:#ebf6f8
}
.section-scheme ul.third li.second:before {
 width:460px;
 height:460px;
 background-color:#5187ab
}
.s-our-process.type-motion-design .section-scheme ul.third li.second:before {
 background-color:#8b53a6
}
.s-our-process.type-logos-branding .section-scheme ul.third li.second:before {
 background-color:#d79a52
}
.s-our-process.type-development .section-scheme ul.third li.second:before {
 background-color:#32a1ba
}
.s-our-process .row-second {
 margin:-15px;
 padding-right:10.5%
}
.s-our-process .row-second>.col {
 float:left;
 width:33.33%;
 padding:15px
}
.s-our-process .col-title {
 margin-bottom:.75em;
 font-size:30px;
 font-weight:500;
 line-height:1.41
}
.s-our-process .col-descr {
 opacity:.75;
 line-height:1.7;
 font-size:24px
}
.s-achievments.c1 {
 padding-top:9em;
 padding-bottom:13.4em
}
.s-achievments .section-title {
 margin-bottom:.925em
}
.s-achievments .section-subtitle {
 margin-bottom:5.85em
}
.s-achievments .item-wrap {
 display:inline-block
}
.s-achievments .item {
 text-align:center
}
.s-achievments .item-title {
 font-size:72px;
 font-weight:500;
 width:305px;
 height:254px;
 line-height:229px;
 margin-bottom:.75em;
 background-image:url(img/laurel-wreath.svg);
 background-repeat:no-repeat;
 background-size:100% 100%;
 margin-left:auto;
 margin-right:auto
}
.s-achievments .item-title small {
 font-size:40px;
 font-weight:300
}
.s-achievments .item-subtitle {
 font-size:24px;
 line-height:1.2;
 text-align:center
}
.s-careers.c1 {
 padding-top:5.1em;
 padding-bottom:5.1em
}
.s-careers .section-title {
 margin-bottom:.9em
}
.s-careers .section-subtitle {
 margin-bottom:3.4em
}
.s-careers .item {
 display:-webkit-flex;
 display:-moz-flex;
 display:-ms-flex;
 display:-o-flex;
 display:flex;
 height:160px;
 align-items:center;
 justify-content:space-between;
 border-top:2px solid transparent;
 border-bottom:2px solid #f0f0f0
}
.item-wrap {
 position:relative
}
.s-careers .item-wrap:last-child .item {
 border-bottom-color:transparent
}
.s-careers .item {
 z-index:1
}
.s-careers .item-title {
 font-size:30px;
 font-weight:500
}
.s-careers .item-title span {
 vertical-align:middle
}
.s-careers .item-title,
.s-careers .item-descr {
 -webkit-transition:margin .3s;
 -o-transition:margin .3s;
 transition:margin .3s
}
.s-careers .item-descr {
 text-transform:uppercase
}
.s-careers .icon-arrow-next {
 position:absolute;
 top:51%;
 z-index:-1;
 transform:translateY(-50%);
 font-size:22px;
 margin-right:30px;
 opacity:0;
 -webkit-transition:opacity .3s,left .3s;
 -o-transition:opacity .3s,left .3s;
 transition:opacity .3s,left .3s
}
.s-benefits.c1 {
 padding-top:5em;
 padding-bottom:5.1em
}
.s-benefits .section-title {
 margin-bottom:.4em
}
.s-benefits .section-subtitle {
 margin-bottom:3.9em
}
.s-benefits .item-area {
 margin:-54px -90px
}
.s-benefits .item-wrap {
 float:left;
 width:33.33%;
 padding:54px 90px
}
.s-benefits .item-img {
 width:80px;
 height:80px;
 border-radius:50%;
 margin-bottom:2.2em
}
.s-benefits .item-title {
 font-size:30px;
 line-height:1.2;
 font-weight:500;
 margin-bottom:1em
}
.s-benefits .item-subtitle {
 font-size:20px;
 font-weight:500;
 line-height:1.7;
 color:#abaeb3
}
.s-contact.c1 {
 padding-top:5.4em;
 padding-bottom:5em
}
.s-contact .row-first {
 margin:-10px
}
.s-contact .row-first>.col {
 float:left;
 padding:10px
}
.s-contact .row-first>.col.first {
 width:50%
}
.s-contact .section-title {
 margin-bottom:1.4em
}
.s-contact .section-title.first {
 margin-bottom:1.2em
}
.s-contact .section-title.second {
 margin-bottom:.9em
}
.s-contact .section-title.third {
 margin-bottom:.7em
}
.s-contact .section-title.fourth {
 margin-bottom:.85em
}
.s-contact .row-first>.col.second {
 width:50%
}
.s-contact .section-email {
 margin-bottom:5em
}
.s-contact .section-descr {
 font-size:20px;
 line-height:1.64
}
.s-contact .section-phones {
 margin-bottom:1.8em
}
.s-contact .section-phone {
 display:inline-block
}
.s-contact .section-networks ul {
 margin:0 -15px
}
.s-contact .section-networks li {
 display:inline-block;
 padding:0 15px;
 vertical-align:unset
}
.s-contact .section-networks a {
 display:block
}
.s-contact .section-networks i {
 display:inline-block;
 position:relative
}
.s-contact .section-networks i:before {
 vertical-align:middle
}
.s-contact .section-networks .icon-behance {
 font-size:17px;
 left:2px
}
.s-contact .section-networks .icon-dribbble {
 font-size:22px;
 left:2px
}
.s-contact .section-networks .icon-facebook {
 font-size:24px;
 left:5px
}
.s-contact .section-networks .icon-twitter {
 font-size:26px;
 left:3px;
 top:2px
}
.s-contact .section-networks .icon-instagram {
 font-size:24px
}
.s-contact .section-phones .section-descr {
 width:374px;
 max-width:100%
}
.s-contact .section-phones .section-descr:after {
 height:0;
 line-height:0;
 overflow:hidden
}
.inputs-group-1 .input {
 height:60px;
 font-size:18px;
 border-style:solid;
 border-width:2px;
 border-color:transparent transparent #f2f2f2 transparent
}
.f-contact {
 width:470px;
 max-width:100%
}
.f-contact .input {
 width:100%;
 margin-bottom:1em
}
.f-contact .accept {
 position:relative;
 line-height:1.76;
 padding-left:34px;
 margin-bottom:2.6em;
 margin-top:1.5em;
 display:block;
 font-size:16px
}
.f-contact .accept .icon-checkbox {
 position:absolute;
 left:0;
 top:7px
}
.f-contact .submit {
 margin-right:3px;
 vertical-align:middle
}
.s-apply.c1 {
 background-color:#f5f5f5;
 padding-top:8.9em;
 padding-bottom:17.4em
}
.s-apply .section-title {
 margin-bottom:.45em
}
.s-apply .section-subtitle {
 margin-bottom:4.15em
}
.s-blog.c1 {
 padding-top:7.6em;
 padding-bottom:6.6em
}
.s-blog {
 background-color:#f9f9f9
}
.blog-area {
 display:-webkit-flex;
 display:-moz-flex;
 display:-ms-flex;
 display:-o-flex;
 display:flex
}
.blog-content {
 flex:auto;
 padding-right:8%
}
.blog-content>* {
 margin-bottom:0 !important
}
.blog-sidebar {
 min-width:458px
}
.s-posts .item-area {
 margin:-3.5em 0 -4.1em;
 padding-top:0
}
.s-posts .item-wrap {
 padding:3.5em 0 4.1em;
 border-bottom:1px solid #f0f0f0
}
.s-posts .item-wrap:last-child {
 border-bottom-color:transparent
}
.s-posts .item-title {
 font-size:40px;
 line-height:1.44;
 margin-bottom:.5em
}
.s-posts .item-row {
 margin-bottom:2.05em
}
.s-posts .item-row>li {
 display:inline-block
}
.s-posts .item-row>li:after {
 content:"/";
 margin:0 13px;
 display:inline-block;
 color:#151515;
 opacity:.15
}
.s-posts .item-row>li:last-child:after {
 display:none
}
.item-rating {
 display:inline-block;
 vertical-align:middle;
 cursor:pointer
}
.item-rating li {
 display:inline-block;
 width:28px;
 height:20px
}
.s-posts .item-time,
.s-posts .item-date {
 color:#151515;
 opacity:.4;
 display:inline-block
}
.s-posts .item-descr {
 font-size:24px;
 line-height:1.64;
 color:#151515;
 opacity:.6
}
.s-nav {
 margin:8.6em 0 3em
}
.s-nav ul {
 display:-webkit-flex;
 display:-moz-flex;
 display:-ms-flex;
 display:-o-flex;
 display:flex;
 justify-content:space-between;
 max-width:100%;
 width:511px
}
.s-nav li {
 font-size:24px;
 color:#151515;
 flex-grow:1;
 text-align:center
}
.s-nav li.next,
.s-nav li.prev {
 flex-grow:.5
}
.s-nav li.prev {
 text-align:left
}
.s-nav li.next {
 text-align:right
}
.s-nav a {
 opacity:.5
}
.s-posts-2 {
 padding-top:3px
}
.s-posts-2 .item-area {
 margin:-50px -15px
}
.s-posts-2 .item-wrap {
 padding:50px 15px
}
.s-posts-2 .item-img {
 padding-top:42.10%
}
.s-posts-2 .item .item-img:before {
 content:"";
 position:absolute;
 width:100%;
 height:100%;
 left:0;
 top:0;
 border-style:solid;
 border-color:#fff;
 border-width:0;
 z-index:9
}
.s-posts-2 .item:hover .item-img:before {
 border-width:17px 11px
}
.s-collection.thoughts .item-img:after,
.s-posts-2 .item .item-img:after,
.s-collection .item .item-img:after {
 content:"";
 position:absolute;
 width:100%;
 height:100%;
 right:0;
 bottom:0;
 z-index:8;
 background-image:url(img/mesh.png);
 background-size:contain;
 background-position:100% 100%;
 background-repeat:no-repeat;
 opacity:0;
 -webkit-transition:right .25s,bottom .25s,opacity .5s;
 -o-transition:right .25s,bottom .25s,opacity .5s;
 transition:right .25s,bottom .25s,opacity .5s
}
.s-collection.thoughts .item-wrap:nth-of-type(2n-1) .item-img:after,
.s-posts-2 .item-wrap:nth-of-type(2n-1) .item-img:after,
.s-collection .item-wrap:nth-of-type(2n-1) .item-img:after {
 -webkit-transform:scaleX(-1);
 -ms-transform:scaleX(-1);
 -o-transform:scaleX(-1);
 transform:scaleX(-1)
}
.s-collection.thoughts .item:hover .item-img:after,
.s-posts-2 .item:hover .item-img:after,
.s-collection .item:hover .item-img:after {
 right:11px;
 bottom:17px;
 opacity:1
}
.s-posts-2 .item-row-first {
 padding:26px 27px;
 background-color:#fff
}
.s-posts-2 .item-row-second {
 margin-bottom:1em
}
.s-posts-2 .item-row-third>li,
.s-posts-2 .item-row-second>li {
 display:inline-block
}
.s-posts-2 .item-row-second>li:after {
 content:"/";
 margin:0 7px 0 9px;
 display:inline-block;
 color:#151515;
 opacity:.15
}
.s-posts-2 .item-row-second>li:last-child:after {
 display:none
}
.s-posts-2 .item-time,
.s-posts-2 .item-cat,
.s-posts-2 .item-date {
 display:inline-block;
 font-size:16px;
 line-height:1.33;
 opacity:.4
}
.s-posts-2 .item-title {
 margin-bottom:.9em;
 font-size:24px;
 line-height:1.33;
 color:#151515
}
.s-posts-2 .item-time {
 margin-right:22px
}
.s-posts-2 .item-rating li,
.s-posts-2 .item-rating li>img {
 width:16px;
 height:13px
}
.s-form>.item-area {
 height:100%;
 display:-webkit-flex;
 display:-moz-flex;
 display:-ms-flex;
 display:-o-flex;
 display:flex;
 min-height:100vh
}
.s-form .item-main {
 display:-webkit-flex;
 display:-moz-flex;
 display:-ms-flex;
 display:-o-flex;
 display:flex;
 -webkit-flex-direction:column;
 -moz-flex-direction:column;
 -ms-flex-direction:column;
 -o-flex-direction:column;
 flex-direction:column;
 width:100%
}
.s-form .item-header {
 padding:50px 102px 57px 120px;
 padding:50px 125px 57px 111px
}
.s-form .item-header .row-first {
 display:-webkit-flex;
 display:-moz-flex;
 display:-ms-flex;
 display:-o-flex;
 display:flex;
 justify-content:space-between;
 margin-bottom:6.5em
}
.s-form.step-14 .item-header .row-first {
 margin-bottom:13.9em
}
.s-form .item-header .section-title {
 font-size:24px;
 line-height:1.2;
 font-weight:500
}
.s-form .item-header .section-subtitle {
 margin-top:.5em;
 line-height:1.64
}
.s-form .item-header .section-buttons {
 margin:2.9em -20px 0
}
.s-form .item-header .section-buttons a {
 margin:0 20px
}
.s-form .item-content {
 flex:auto;
 padding:0 120px 3em;
 padding:0 111px 3em
}
.s-form .item-footer {
 border-top:solid 1px #eaeaeb;
 display:-webkit-flex;
 display:-moz-flex;
 display:-ms-flex;
 display:-o-flex;
 display:flex;
 justify-content:space-between;
 padding:31px 58px 31px 111px
}
.s-form.step-1 .item-footer {
 padding-right:71px
}
.s-form .item-footer .nav {
 margin:-5px
}
.s-form .item-footer .nav li {
 display:inline-block;
 padding:5px
}
.s-form .item-footer .nav a {
 width:160px;
 text-align:center;
 height:48px;
 line-height:48px;
 font-size:18px;
 font-weight:normal
}
.s-form .item-footer .step-numb {
 font-size:18px;
 line-height:51px;
 position:relative;
 bottom:2px
}
.s-form .item-footer .step-numb big {
 font-size:24px
}
.s-form .item-footer .step-numb small {
 font-size:16px
}
.s-form .item-sidebar {
 background-color:#262626;
 min-width:416px;
 min-width:423px;
 color:#fff
}
.s-form.step-13 .item-sidebar {
 width:60%;
 min-width:0
}
.s-form.step-13 .item-sidebar .item-area {
 display:-webkit-flex;
 display:-moz-flex;
 display:-ms-flex;
 display:-o-flex;
 display:flex;
 -webkit-flex-direction:column;
 -moz-flex-direction:column;
 -ms-flex-direction:column;
 -o-flex-direction:column;
 flex-direction:column
}
.s-form .item-sidebar .item-wrap {
 padding:3.7em 3.8em;
 border-bottom:1px solid rgba(151,151,151,.15)
}
.s-form.step-13 .item-sidebar .item-wrap {
 padding:3em 14.7%;
 display:table;
 width:100%;
 height:33.33vh
}
.s-form .item-sidebar .item-wrap:last-child {
 border-bottom-color:transparent
}
.s-form.step-13 .item-sidebar .item {
 display:table-cell;
 vertical-align:middle
}
.s-form .item-sidebar .item-title {
 font-size:24px;
 font-weight:500;
 margin-bottom:1.7em
}
.s-form.step-13 .item-sidebar .item-title {
 margin-bottom:1.9em
}
.s-form .item-sidebar .item p {
 font-size:20px;
 line-height:1.2;
 font-weight:300;
 margin-bottom:.8em
}
.s-form .item-sidebar .item p:last-child {
 margin-bottom:0
}
.s-form.step-13 .item-sidebar .item p {
 font-size:16px
}
.dedicated-team {
 display:table
}
.dedicated-team-row {
 display:table-row
}
.dedicated-team-col {
 display:table-cell;
 line-height:26px
}
.dedicated-team-col.first {
 font-weight:500
}
.dedicated-team-col.second {
 padding:3px 32px 3px 29px;
 font-weight:300;
 white-space:nowrap
}
.dedicated-team-col.third .btn-grey {
 font-size:13px;
 padding:0 12px;
 min-width:70px;
 text-align:center
}
.s-select-app .item-area {
 margin:-8px
}
.s-checkbox .item-area {
 margin:-16px
}
.s-select-options .item-wrap,
.s-select-app .item-wrap,
.s-checkbox .item-wrap {
 float:left
}
.s-checkbox .item-wrap {
 padding:16px
}
.s-checkbox .item-wrap:nth-of-type(2n+1) {
 clear:left
}
.s-select-app .item-wrap {
 padding:8px
}
.s-select-options .item,
.s-select-app .item,
.s-checkbox .item {
 border:1px solid #151515;
 border-radius:5px;
 opacity:.5
}
.s-checkbox .item {
 position:relative;
 padding:13px 30px 20px 45px;
 min-width:248px;
 min-height:80px
}
.step-5 .s-checkbox .item-wrap:nth-of-type(2n) .item {
 width:319px
}
.step-6 .s-checkbox .item-wrap:nth-of-type(2n) .item {
 width:319px
}
.step-7 .s-checkbox .item-wrap:nth-of-type(2n) .item {
 width:312px
}
.step-8 .s-checkbox .item {
 width:312px
}
.step-10 .s-checkbox .item {
 width:336px
}
.s-select-options input:checked+.item,
.s-select-app input:checked+.item,
.s-checkbox input:checked+.item {
 opacity:1
}
.s-checkbox .icon-checkbox-2 {
 position:absolute;
 left:15px;
 top:17px
}
.s-checkbox .item-title {
 font-weight:500;
 color:#151515;
 line-height:1.5;
 margin-bottom:.3em
}
.s-checkbox .item-descr {
 font-weight:300;
 color:#151515
}
.s-select-app .row-first {
 max-width:100%;
 width:985px
}
.s-select-app .item-wrap {
 width:20%
}
.s-select-options .item {
 height:96px
}
.s-select-app .item-img {
 height:80px
}
.s-select-app .item-img img {
 border:25px solid transparent
}
.s-select-options .item-area {
 margin:-12px
}
.s-select-options .item-wrap {
 padding:12px
}
.s-select-options .item {
 display:-webkit-flex;
 display:-moz-flex;
 display:-ms-flex;
 display:-o-flex;
 display:flex;
 align-items:center;
 min-width:248px;
 padding:24px
}
.s-select-options .item-img {
 width:32px;
 height:32px;
 margin-right:18px
}
.s-select-options .item-wrap:nth-child(2) .item-img {
 margin:0 11px 0 -4px
}
.s-form-2 {
 width:416px;
 max-width:100%;
 padding-top:1.3em
}
.s-form-2 .input {
 width:100%;
 margin-bottom:1.6em
}
.s-form-2 .submit {
 margin-right:17px;
 padding:0 46px;
 height:56px
}
.s-form-2 .section-buttons {
 margin-top:2.1em;
 white-space:nowrap
}
.s-form .item-header .section-buttons a,
.s-form-2 .section-buttons .btn-white {
 height:56px;
 line-height:56px
}
.s-form-2 .section-buttons .btn-white {
 padding:0 42px
}
.s-form .item-header .section-buttons .btn-black {
 padding:0 47px
}
.s-form .item-header .section-buttons .btn-white {
 padding:0 20px
}
.s-text.c1 {
 padding-top:6.35em;
 padding-top:8.05em;
 padding-bottom:8.05em
}
.s-text.c1.type-policy {
 padding-top:6.35em;
 padding-bottom:9.65em
}
.s-text .container {
 position:relative
}
.s-fixed-share {
 position:absolute;
 left:18px;
 top:6px
}
.s-fixed-share.sticky {
 position:fixed;
 top:120px
}
.s-fixed-share ul {
 margin:-10px
}
.s-fixed-share li {
 padding:10px
}
.s-fixed-share a {
 display:block;
 width:70px;
 height:70px;
 line-height:68px;
 border:1px solid #e7e7e7;
 border-radius:50%;
 text-align:center
}
.s-fixed-share .icon-facebook-2 {
 font-size:1.2em
}
.s-fixed-share .icon-twitter-2 {
 font-size:1.1em
}
.s-quote {
 padding:3em 0 3.4em;
 border-top:1px solid #dbdbdb;
 border-bottom:1px solid #dbdbdb;
 text-align:center;
 margin:3.8em 0
}
.s-quote .section-title {
 font-weight:300;
 line-height:1.7;
 color:#151515;
 margin:0 -15% 1.3em
}
.s-quote .section-author {
 line-height:1.39;
 color:#a1a1a1;
 font-size:20px
}
.s-instruments.c1 {
 padding-top:9em;
 padding-bottom:17.6em
}
.s-instruments .section-title {
 margin-bottom:.9em
}
.s-instruments .section-subtitle {
 margin-bottom:11em
}
.s-instruments .item-area {
 display:-webkit-flex;
 display:-moz-flex;
 display:-ms-flex;
 display:-o-flex;
 display:flex;
 justify-content:space-between;
 padding:0 16px
}
.s-instruments .item-area.second {
 display:none
}
.s-instruments .item {
 display:block;
 width:100px;
 height:85.4px;
 object-fit:contain;
 object-position:50% 50%;
 font-family:'object-fit: contain; object-position: 50% 50%;';
 position:relative
}
.s-instruments .item:nth-child(2) {
 left:-0.9%;
 top:3px
}
.s-instruments .item:nth-child(3) {
 left:-0.3%
}
.s-open-position.c1 {
 padding-top:8.95em;
 padding-bottom:9.65em
}
.s-open-position .section-title {
 margin-bottom:.8em
}
.s-open-position .section-subtitle {
 margin-bottom:6.3em
}
.s-open-position .item-area {
 margin:-33px
}
.s-open-position .item-wrap {
 padding:33px
}
.s-open-position .item-title {
 font-size:30px;
 line-height:1.41;
 font-weight:500;
 margin-bottom:.9em
}
.s-open-position .item ul>li {
 margin-bottom:0;
 margin-top:0;
 line-height:1.8;
 font-size:24px
}
.s-open-position .item ul>li:before {
 content:"–";
 margin-right:14px
}
.s-progress-loading {
 position:fixed;
 width:100%;
 height:100%;
 left:0;
 top:0;
 z-index:999;
 background-color:#151515;
 color:#fff;
 font-size:72px;
 line-height:normal;
 display:-webkit-flex;
 display:-moz-flex;
 display:-ms-flex;
 display:-o-flex;
 display:flex;
 align-items:center;
 padding:1em;
 -webkit-transition:top .7s,opacity .7s;
 -o-transition:top .7s,opacity .7s;
 transition:top .7s,opacity .7s;
 transition-delay:.3s
}
.s-progress-loading div {
 overflow:hidden
}
.s-progress-loading span {
 display:inline-block
}
.s-progress-loading.moved {
 opacity:.9;
 top:-100%
}
.s-progress-loading span.end-animation {
 -webkit-animation-name:goUp;
 animation-name:goUp;
 animation-delay:.05s;
 animation-duration:.5s;
 transition:transform .5s;
 -webkit-animation-timing-function:ease-in-out;
 animation-timing-function:ease-in-out;
 animation-fill-mode:forwards
}
.body-hider {
 position:fixed;
 top:0;
 left:0;
 height:100%;
 width:100%;
 z-index:16777271;
 background-color:#151515
}
.s-transition-pages .item {
 position:fixed;
 width:100%;
 height:100%;
 left:100%;
 top:0;
 z-index:9999;
 -webkit-transition:left 0;
 -o-transition:left 0;
 transition:left 0
}
.s-transition-pages.moved .item {
 left:-110%;
 -webkit-transition:left 2s;
 -o-transition:left 2s;
 transition:left 2s
}
.s-transition-pages .item.first {
 background-color:#1e1e1e
}
.s-transition-pages .item.second {
 background-color:#fff
}
.s-transition-pages.moved .item.second {
 -webkit-transition:left 1.75s;
 -o-transition:left 1.7s;
 transition:left 1.75s;
 -webkit-transition-delay:.25s;
 -o-transition-delay:.25s;
 transition-delay:.25s;
 z-index:10000
}
.s-footer-height {
 position:relative;
 z-index:-9;
 background-color:#151515
}
.s-progress-reading {
 width:0;
 height:0;
 background-color:#000;
 position:fixed;
 left:0;
 top:0;
 z-index:999
}
.s-progress-reading.reading {
 height:3px
}
#header .menu li a.active-m:before {
 content:"";
 position:absolute;
 width:0;
 height:2px;
 left:0;
 top:100%;
 width:100%;
 margin-top:3px;
 border-radius:1px;
 background-color:#fff;
 -webkit-transition:width .35s;
 -o-transition:width .35s;
 transition:width .35s
}
#header:not(.white) .menu li a.active-m:before {
 background-color:#151515
}
.item-hover3d>.item {
 -webkit-transition:transform .2s ease-out;
 -o-transition:transform .2s ease-out;
 transition:transform .2s ease-out
}
.item-hover3d:focus,
.item-hover3d:hover {
 cursor:pointer
}
.primary-block.primary-block-even {
 background-color:#fff;
 color:#000
}
.primary-block-even.s-collection .item .img-hider {
 background-color:#fff
}
.primary-block-even.s-collection .item .item-img:before {
 border-color:#fff
}
.primary-block-even .section-scheme ul.second:before,
.section-scheme ul.first:before {
 background-color:#fff
}
.primary-block.primary-block-odd {
 background-color:#f9f9f9;
 color:#000
}
.primary-block-odd.s-collection .item .img-hider {
 background-color:#f9f9f9
}
.primary-block-odd.s-collection .item .item-img:before {
 border-color:#f9f9f9
}
.primary-block-odd .section-scheme ul.second:before,
.section-scheme ul.first:before {
 background-color:#f9f9f9
}
.scrollie-consumer {
 -webkit-transition:background-color 1.5s;
 -o-transition:background-color 1.5s;
 transition:background-color 1.5s
}
.scrollie-consumer.s-collection .item .img-hider {
 background-color:#dceeee
}
.scrollie-consumer.primary-block {
 background-color:#fff
}
.s-collection .item .img-hider {
 height:calc(100%+2px)
}
.scrollie-consumer {
 -webkit-transition:background-color 1.5s;
 -o-transition:background-color 1.5s;
 transition:background-color 1.5s
}
.scrollie-consumer.s-collection .item .img-hider {
 background-color:#dceeee
}
.scrollie-consumer.primary-block {
 background-color:#fff
}
.s-collection .item .img-hider {
 height:calc(100%+2px)
}
.s-posts-2 .item:hover .item-img:after,
.s-posts-2 .item .item-img:before {
 display:none
}
#header .logo {
 margin-bottom:-12px
}
.s-case .row-first {
 display:table;
 height:calc(100vh - 100px)
}
@media(max-width:1024.8px) {
 .s-case .section-bg img {
  max-width:100%
 }
 .case-2863.s-case .section-bg img {
  max-width:75%
 }
 #header .logo {
  padding-left:53px !important;
  margin-bottom:0
 }
}
.s-case.mirror .section-bg a {
 align-items:center;
 display:flex;
 height:100%
}
.s-case.normal .section-bg a {
 align-items:center;
 display:flex;
 height:100%
}
.s-case.normal .section-bg img {
 max-height:72%
}
.s-case.mirror .section-bg img {
 max-height:72%
}
@media screen and (max-width:968px) {
 .s-case.normal .section-bg img {
  max-height:68%
 }
 .s-case.mirror .section-bg img {
  max-height:68%
 }
}
@media screen and (max-width:880px) {
 .s-case.normal .section-bg img {
  max-height:65%
 }
 .s-case.mirror .section-bg img {
  max-height:65%
 }
}
@media screen and (min-width:575px) {
 #end_js_1530 {
  justify-content:flex-end
 }
 #start_js_1530 {
  justify-content:flex-start
 }
}
#header.header-bottom-border {
 border-bottom:0
}
#header>.static .btn-hire-us {
 padding:0 21px 5px 21px
}
.s-collection.thoughts .item:hover .item-img:after,
.s-posts-2 .item:hover .item-img:after,
.s-collection .item:hover .item-img:after {
 bottom:16px
}
#footer .logo {
 background-size:30px 46px !important
}
.s-collection .img-wrap img {
 left:1px;
 top:1px;
 width:calc(100% - 2px);
 height:calc(100% - 2px)
}
.s-collection.c1 {
 background-color:#f9f9f9 !important
}
.primary-block-even.s-collection .item .item-img:before,
.s-collection .item .item-img:before {
 border-color:#f9f9f9 !important
}
.s-services .item-hover3d-wrap .item-hover3d .item-subtitle {
 min-height:66px
}
.s-services .item-hover3d-wrap .item-hover3d .item {
 padding:2.9em 55px 4.5em
}
.section-content p {
 margin:0 !important
}
.s-blog-post .section-content img,
.s-blog-post .section-content p img {
 margin:40px 0 !important
}
.s-specialist .dropdown-body {
 transition:.5s
}
.s-placeholder .section-filters li a {
 transition:.5s;
 -webkit-transition:.5s;
 -moz-transition:.5s;
 -ms-transition:.5s;
 -o-transition:.5s
}
.s-placeholder .section-filters li:hover {
 opacity:1
}
.s-placeholder .section-filters li:hover a {
 border-bottom-color:#fff
}
.s-specialist .item-list {
 min-height:166px
}
.s-specialist .dropdown-body {
 transition:none !important
}
.foot-buble {
 margin-left:15px
}
.s-specialist .dropdown-body ul.tabs {
 margin-right:13px
}
.first-case-window {
 margin-top:98px
}
.custom-color-text-white .section-tags li a,
.custom-color-text-white .section-title,
.custom-color-text-white .section-descr,
.custom-color-text-white .section-author-col {
 color:#fff
}
.custom-color-text-black .section-tags li a,
.custom-color-text-black .section-title,
.custom-color-text-black .section-descr,
.custom-color-text-black .section-author-col {
 color:#000
}
.s-case .section-author-img img {
 border-radius:50%;
 -webkit-border-radius:50%;
 -moz-border-radius:50%;
 -ms-border-radius:50%;
 -o-border-radius:50%
}
.container-fluid.s-case:nth-child(odd) {
 background-color:#f9f9f9 !important
}
.container-fluid.s-case:nth-child(even) {
 background-color:#fff !important
}
.btn-back:hover {
 cursor:pointer
}
textarea.input {
 font-family:'GT-America';
 resize:none;
 padding-top:15px
}
.s-contact .section-descr .section-phone {
 margin-bottom:20px
}
.s-contact .section-descr .section-phone:last-child {
 margin-bottom:0
}
.primary-block-odd .section-scheme ul.second:before,
.section-scheme ul.first:before {
 background-color:#fff
}
.autosize-script {
 overflow:hidden
}
.address a:hover {
 color:#fff
}
.address a {
 transition:color .25s,background .25s,box-shadow .25s,opacity .25s,border .25s,fill .25s,stroke .25s
}
.s-collection.c1 .img-wrap {
 background-color:#f9f9f9 !important
}
.s-collection.c1 .item .item-img:before {
 border-color:#f9f9f9
}
.s-services .item-img {
 border-radius:0;
 -webkit-border-radius:0;
 -moz-border-radius:0;
 -ms-border-radius:0;
 -o-border-radius:0
}
.s-services .s-collection.c1 .item-img .img-hider {
 background-color:#f9f9f9 !important
}
.scrollie-consumer.s-collection .item .img-hider,
.s-collection .item .img-hider {
 background-color:#f9f9f9 !important
}
.item-hover3d .img-wrap img {
 object-fit:initial;
 object-position:initial
}
.s-benefits .item-img {
 border-radius:0;
 -webkit-border-radius:0;
 -moz-border-radius:0;
 -ms-border-radius:0;
 -o-border-radius:0
}
.s-placeholder.type-blog-post-low .item-cat {
 padding-bottom:4px;
 border-bottom:2px solid transparent
}
.s-placeholder.type-blog-post-low .item-cat:hover {
 border-bottom:2px solid #e3e3e3;
 transition:0;
 -webkit-transition:0;
 -moz-transition:0;
 -ms-transition:0;
 -o-transition:0
}
.s-placeholder.type-blog-post-low .section-title .split-word:after {
 content:"";
 display:inline-block;
 height:2px;
 width:calc(100%+12px);
 background-color:transparent;
 display:table;
 margin-left:-2px;
 transition:0;
 -webkit-transition:0;
 -moz-transition:0;
 -ms-transition:0;
 -o-transition:0
}
.s-placeholder.type-blog-post-low .section-title:hover .split-word:after {
 background-color:#acacac
}
.s-placeholder.type-blog-post-low .section-title:hover {
 color:#acacac;
 transition:0;
 -webkit-transition:0;
 -moz-transition:0;
 -ms-transition:0;
 -o-transition:0
}
.s-posts .item-title a:hover,
.s-posts-2 .item-title a:hover {
 color:#6e6e6e;
 transition:0;
 -webkit-transition:0;
 -moz-transition:0;
 -ms-transition:0;
 -o-transition:0
}
.page-numbers li a:hover {
 opacity:1
}
.s-open-position .item-area {
 margin:0
}
.s-open-position .item-area>p,
.s-open-position .container>p {
 padding:0;
 font-size:24px;
 line-height:1.7;
 margin-bottom:30px
}
.s-open-position .item-area>h2,
.s-open-position .container>h2 {
 font-size:30px;
 padding:0;
 line-height:1.41;
 font-weight:500;
 margin-bottom:.9em
}
.s-open-position .item-area>ul,
.s-open-position .container>ul {
 padding:0
}
.s-open-position .item-area>ul li,
.s-open-position .container>ul li {
 margin-bottom:0;
 margin-top:0;
 line-height:1.8;
 font-size:24px
}
.s-open-position .item-area>ul li:before,
.s-open-position .container>ul li:before {
 content:"–";
 margin-right:14px
}
.s-open-position .section-subtitle {
 margin-bottom:0
}
.logo-branding-gif {
 position:absolute;
 right:0;
 top:0;
 bottom:0;
 display:flex;
 align-items:center
}
.container.posrel {
 position:relative
}
.s-open-position .item-wrap {
 padding-left:0
}
.s-services .item-img {
 background-color:transparent
}
.img-wrap img.bnefits-icon {
 object-fit:contain
}
.item-hover3d .img-wrap img.img-hover-effect-s {
 display:none
}
.s-services .item-hover3d-wrap .item-hover3d .item.services-block-bg-custom-edit:hover .img-wrap img.img-hover-effect-s {
 display:inline-block
}
.s-services .item-hover3d-wrap .item-hover3d .item.services-block-bg-custom-edit:hover .img-not-hover-effect {
 display:none
}
#header .default .menu li a.active-m:before {
 background-color:#151515
}
.video {
 width:100%;
 height:45vw;
 margin:100px auto;
 position:relative
}
.video video {
 width:100%;
 height:100%
}
.playbutton {
 display:block;
 position:absolute;
 top:50%;
 left:50%;
 width:100px;
 height:100px;
 margin-top:-50px;
 margin-left:-50px;
 text-indent:-9999;
 color:transparent;
 -moz-transition-property:all;
 -o-transition-property:all;
 -webkit-transition-property:all;
 transition-property:all;
 -moz-transition-duration:300ms;
 -o-transition-duration:300ms;
 -webkit-transition-duration:300ms;
 transition-duration:300ms;
 -moz-transition-timing-function:linear;
 -o-transition-timing-function:linear;
 -webkit-transition-timing-function:linear;
 transition-timing-function:linear
}
.playbutton:before {
 content:'';
 position:absolute;
 top:30px;
 left:40px;
 display:block;
 width:0;
 height:0;
 border-top:20px solid transparent;
 border-bottom:20px solid transparent;
 border-left:30px solid #FFF;
 -moz-transition-property:all;
 -o-transition-property:all;
 -webkit-transition-property:all;
 transition-property:all;
 -moz-transition-duration:300ms;
 -o-transition-duration:300ms;
 -webkit-transition-duration:300ms;
 transition-duration:300ms;
 -moz-transition-timing-function:ease-out;
 -o-transition-timing-function:ease-out;
 -webkit-transition-timing-function:ease-out;
 transition-timing-function:ease-out
}
.playbutton:after {
 content:'';
 opacity:0;
 position:absolute;
 top:30px;
 left:40px;
 display:block;
 width:30px;
 height:40px;
 border-left:10px solid #FFF;
 border-right:10px solid #FFF;
 -moz-transition-property:all;
 -o-transition-property:all;
 -webkit-transition-property:all;
 transition-property:all;
 -moz-transition-duration:300ms;
 -o-transition-duration:300ms;
 -webkit-transition-duration:300ms;
 transition-duration:300ms;
 -moz-transition-timing-function:ease-out;
 -o-transition-timing-function:ease-out;
 -webkit-transition-timing-function:ease-out;
 transition-timing-function:ease-out;
 -webkit-transform:translate3d(0,0,0)
}
.playbutton.loading:before {
 opacity:0
}
.playbutton.loading:after {
 opacity:1;
 width:150px;
 left:-25px;
 border-radius:3px;
 -webkit-animation:spin 800ms linear infinite;
 -moz-animation:spin 800ms linear infinite;
 -ms-animation:spin 800ms linear infinite;
 -o-animation:spin 800ms linear infinite;
 animation:spin 800ms linear infinite
}
.playbutton.playing {
 top:90%;
 left:90%
}
.playbutton.playing:after {
 -webkit-animation:endspin 600ms;
 -moz-animation:endspin 600ms;
 -ms-animation:endspin 600ms;
 -o-animation:endspin 600ms;
 animation:endspin 600ms;
 -webkit-animation-iteration-count:1;
 -moz-animation-iteration-count:1;
 -ms-animation-iteration-count:1;
 -o-animation-iteration-count:1;
 animation-iteration-count:1;
 top:30px;
 left:40px;
 width:30px;
 opacity:1;
 opacity:.1
}
.playbutton.playing:before {
 opacity:0
}
.playbutton.playing:hover:after {
 opacity:1
}
.playbutton.playing.paused:before {
 opacity:1
}
.playbutton.playing.paused:after {
 opacity:0
}
.playbutton {
 z-index:99999
}
.video {
 height:auto;
 margin:0
}
.playbutton {
 border-radius:50%;
 -webkit-border-radius:50%;
 -moz-border-radius:50%;
 -ms-border-radius:50%;
 -o-border-radius:50%;
 background-color:rgba(255,255,255,.4)
}
.playbutton.playing {
 background-color:rgba(255,255,255,0)
}
.gif-boost img {
 width:100%;
 margin-bottom:30px
}
.tandem .section2,
.tandem .section3 {
 background:#0d0d0d !important
}
.autoplay-video video {
 width:100%
}
.tandem .section2 {
 padding:172px 0 100px 0
}
.tandem .section5 {
 background-color:#0e0c0e !important
}
.tandem .section7 {
 background:#0e0c0e !important
}
.tandem .section6 {
 background:#0d0d0d !important
}
.logo-gif {
 position:absolute;
 right:0;
 top:0;
 bottom:0;
 display:flex;
 align-items:center
}
.s-placeholder.type-blog {
 background-color:#fe8b6b
}
.logo-gif.logo-proddes-gif,
.logo-gif.logo-dev-gif,
.logo-gif.logo-motion-gif,
.logo-gif.logo-serv-gif {
 max-width:800px
}
.logo-gif.logo-proddes-gif img,
.logo-gif.logo-dev-gif img,
.logo-gif.logo-motion-gif img,
.logo-gif.logo-serv-gif img {
 max-width:100%
}
.blog-sidebar .s-posts-2 .item-area .item-wrap .item:hover {
 box-shadow:0 40px 120px -20px rgba(0,0,0,0.2)
}
.section-content.scholar-content *:first-child {
 margin-top:initial !important
}
.section-content.scholar-content .who-wrap {
 margin-top:1.6em !important;
 margin-bottom:1.6em
}
.section-content.scholar-content li::before {
 top:0
}
.section-content.scholar-content ul>li:before {
 margin-top:11px
}
.section-form .submit.btn-black,
.section-form .submit.btn-black:hover {
 color:#fff;
 background-color:#000;
 height:51px;
 line-height:51px;
 padding:0 36px;
 font-weight:500;
 border-radius:3px;
 font-size:16px;
 border:0
}
.scholar-content .section-form .input-wrap {
 margin-top:0 !important
}
.section-content.scholar-content ul>li,
.section-content.scholar-content ul>li:first-child {
 margin-bottom:.4em !important;
 margin-top:.4em !important
}
.container-fluid.section-content.scholar-content {
 padding-bottom:0
}
.first-case-window {
 margin-top:0
}
@media(min-width:575px) {
 #header>.static .row-first>.col.first,
 #header>.default.row-first>.col.first {
  height:63px;
  padding-top:0
 }
 #header>.static .row-first>.col.second {
  float:right;
  padding-top:11px
 }
 #header>.static .btn-hire-us {
  height:48px;
  border-radius:24px;
  padding:0 23px 3px 21px
 }
 #header.fixed-header>.default .midnightInner {
  overflow:hidden !important
 }
 #header>.static .btn-hire-us {
  margin-right:0
 }
 #header>.static .menu {
  margin:-15px 18px -15px -21px
 }
 #header>.static .menu li {
  padding:15px 17.7px
 }
 #header .default .menu li a.active-m:before {
  background-color:#fff
 }
 #header>.static,
 #header>.default {
  box-sizing:content-box;
  padding:0;
  overflow:hidden !important
 }
 #header {
  padding:0;
  overflow:hidden !important
 }
 #header>.static .row-first>.col.second,
 #header>.default .row-first>.col.second {
  padding-top:7px
 }
 #header>.static .midnightInner,
 #header>.default .midnightInner {
  overflow:hidden !important
 }
 #header .row-first>.col.first {
  padding-top:0
 }
 #header .logo {
  margin-bottom:0
 }
 #header,
 #header .container-fluid .container,
 #header .container-fluid .container .row-first,
 #header .container-fluid .container .row-first>.first,
 #header .container-fluid .container .row-first>.second {
  height:80px !important
 }
 .midnightInner .container,
 .midnightInner .container .row-first,
 .midnightInner .container .row-first>.first,
 .midnightInner .container .row-first>.second,
 #header .row-first>.col.first {
  height:80px
 }
 #header .container-fluid .container {
  height:100% !important
 }
 #header .logo {
  margin-bottom:0
 }
 #header .midnightHeader.static .logo {
  margin-bottom:-10px
 }
 #header>.static .row-first>.col.second,
 #header>.default .row-first>.col.second {
  padding-top:16px
 }
}
@media(max-width:575.8px) {
 #header.phone-header-white {
  background-color:#fff;
  box-shadow:0 0 10px #ececec
 }
 #header {
  padding-top:10px !important;
  padding-bottom:10px
 }
 #header.phone-header-white .icon-hamburger span:before,
 #header.phone-header-white .icon-hamburger span:after,
 #header.phone-header-white .icon-hamburger span {
  background-color:#000
 }
 #header .col.first .logo {
  background-size:28px 41px !important
 }
 .s-services .item-hover3d-wrap .item-hover3d .item.services-block-bg-custom-edit:hover .img-not-hover-effect {
  display:inline-block
 }
 .s-services .item-hover3d-wrap .item-hover3d .item.services-block-bg-custom-edit:hover .img-wrap img.img-hover-effect-s {
  display:none
 }
}
.ringo-sect {
 height:100vh !important
}
.plato-sect {
 height:100vh !important
}
@media screen and (max-width:575px) {
 .plato-sect {
  min-height:100vh !important
 }
 .ringo-sect {
  min-height:100vh !important
 }
}
@media screen and (max-width:1440.8px) {
 .plato-sect .section-title.t1.pt4 {
  max-width:100% !important
 }
 .ringo-sect .section-title.t1.pt4 {
  max-width:100% !important
 }
}
.cases-top-sect.plato-sect.s-placeholder,
.plato-sect.s-placeholder .row-first {
 height:100vh !important
}
.custom-color-text-black .section-tags li a,
.custom-color-text-black .section-title,
.custom-color-text-black .section-descr,
.custom-color-text-black .section-author-col {
 padding-bottom:2px
}
.s-services .item-hover3d-wrap .item-hover3d .item {
 height:410px
}
.s-services .item-hover3d-wrap .item-hover3d .item-subtitle br {
 display:none
}
.section404 {
 display:flex;
 align-items:center;
 width:100%;
 height:100vh;
 position:relative;
 background-size:cover
}
.section404 h1 {
 font-size:72px;
 line-height:1.2;
 color:#fff;
 font-weight:500;
 margin-bottom:20px;
 padding-left:19.5px
}
.section404 ul li {
 display:inline-block;
 padding:10px 19.5px
}
.section404 ul li a {
 opacity:.7;
 position:relative;
 color:#fff
}
.section404 ul li a:hover {
 opacity:1
}
.section404 ul li a:before {
 content:"";
 position:absolute;
 top:100%;
 left:0;
 margin-top:2px;
 width:100%;
 height:1px;
 border-radius:10px;
 background-color:#5c5c5c;
 opacity:0
}
.section404 ul li a:hover:before {
 opacity:1
}
.section404 .shadow404 {
 opacity:.5;
 background-color:#403f3f;
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100vh
}
.class-404-custom-body #header {
 display:none
}
.class-404-custom-body #footer,
.class-404-custom-body .s-footer-height {
 display:none
}
.class-404-custom-body .container-fluid {
 background-color:transparent
}
.class-404-custom-body .container-fluid .container {
 z-index:2
}
.s-blog-post .section-content p img.aligncenter {
 margin:40px auto !important
}
.video_iframe {
 position:relative;
 width:100%;
 height:0;
 padding-bottom:56.25%;
 margin-top:20px;
 margin-bottom:20px
}
.video_iframe iframe {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%
}
div.c-response {
 text-align:center;
 margin-bottom:30px
}
.error {
 color:red
}
input[type="submit"]:hover {
 opacity:.75
}