.btn-menu,
.logo,
.logo a {
  transition: 0.2s;
}
.home-news__img,
.miranda-app,
.page,
.section-fixed,
.text-section__txt {
  overflow: hidden;
}
.home-copy__ol,
.home-disciplines__list,
.landing-copy__ol {
  counter-reset: item -1;
  list-style: none;
}
.logo,
.logo a {
  color: #fc4d3c;
}
.btn-view:before,
.btn-view_external:after {
  content: '';
  top: 50%;
}
*,
.phone-wrap {
  box-sizing: border-box;
}
.all-posts__list-itm:after,
.blog-post-info:after,
.footer-social:after,
.footer:after,
.footer__addresses:after,
.home-areas__itm:after,
.home-news__itm:after,
.home-works__itm:after,
.work-info:after {
  clear: both;
}
.arrow-link,
.blog-post-intro__txt a,
.btn-toggle-menu,
.btn-view,
.fontspiration-features__p a,
.footer-address__head-link,
.home-contact-us a,
.home-header__subtitle-inner a,
.home-news__itm,
.landing-footer__email a,
.landing-form__failed a,
.logo a,
.more-wrap a,
.open-menu__email a,
.post-preview,
.text-intro__txt a,
.text-section__txt a,
.work-copy a,
.work-info__share a,
.work-intro__txt a,
.work-section__txt a {
  text-decoration: none;
}
.logo {
  font-size: 24px;
  line-height: 24px;
  font-family: NHaasGroteskDSPro-75Bd, 'Helvetica Neue', Helvetica, Arial,
    sans-serif;
}
.j__menu_mode_white-logo .logo,
.j__menu_mode_white-logo .logo a {
  color: #fff;
}
@media only screen and (min-width: 1025px) {
  .j-under-page-menu .logo,
  .j-under-page-menu .logo a {
    color: #fff;
  }
}
@media only screen and (max-width: 1024px) {
  .logo {
    font-size: 18px;
    line-height: 18px;
  }
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .logo {
    font-size: 13px;
    line-height: 24px;
  }
  .j-under-page-menu .logo,
  .j-under-page-menu .logo a {
    color: #fc4d3c;
  }
}
.btn-menu {
  padding-left: 15px;
  padding-right: 15px;
  color: #fff;
  font-family: NHaasGroteskDSPro-55Rg, 'Helvetica Neue', Helvetica, Arial,
    sans-serif;
  font-size: 18px;
  line-height: 34px;
  cursor: pointer;
}
.btn-menu:hover {
  color: #fc4d3c;
}
.mobile .btn-menu {
  transition: none;
}
.mobile .btn-menu:hover {
  color: #fff;
}
.mobile .btn-menu:active,
.mobile .btn-menu:focus {
  color: #fc4d3c;
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .btn-menu {
    font-size: 16px;
  }
}
.headline {
  color: #fff;
  font-weight: 400;
  font-size: 150px;
  line-height: 136px;
}
.headline-subtitle {
  font-family: adobe-garamond-pro, 'Helvetica Neue', Helvetica, Arial,
    sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 34px;
  color: #fff;
}
.section-title {
  font-family: NHaasGroteskDSPro-65Md, 'Helvetica Neue', Helvetica, Arial,
    sans-serif;
  font-weight: 400;
  font-size: 48px;
  line-height: 50px;
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .section-title {
    font-size: 32px;
    line-height: 32px;
  }
}
.section-title-prom {
  font-family: adobe-garamond-pro, 'Helvetica Neue', Helvetica, Arial,
    sans-serif;
  font-weight: 400;
  font-size: 100px;
  line-height: 100px;
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .section-title-prom {
    font-size: 46px;
    line-height: 57px;
  }
}
.text-title {
  font-weight: 400;
  font-size: 40px;
  line-height: 40px;
}
.txt {
  font-size: 24px;
  line-height: 34px;
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .txt {
    font-size: 17px;
    line-height: 24px;
  }
}
.txt_md {
  font-size: 40px;
  line-height: 50px;
}
.quote {
  font-style: italic;
  font-size: 50px;
  line-height: 68px;
  font-weight: 300;
}
.quote-cite {
  font-family: NHaasGroteskDSPro-55Rg, 'Helvetica Neue', Helvetica, Arial,
    sans-serif;
  font-style: normal;
  font-size: 18px;
  line-height: 30px;
}
.btn-view {
  position: relative;
  display: inline-block;
  padding: 18px 28px 18px 80px;
  margin: -18px -28px;
  color: #fff;
  font-family: NHaasGroteskDSPro-65Md, 'Helvetica Neue', Helvetica, Arial,
    sans-serif;
  font-size: 18px;
  line-height: 34px;
  transition: 0.2s;
}
.btn-view:before {
  position: absolute;
  left: 28px;
  margin-top: -2px;
  height: 2px;
  width: 34px;
  background: #fff;
  transition: 0.2s;
}
.btn-view:hover,
.home-news__itm:hover .btn-view,
.open-menu__work:hover .btn-view,
.post-preview:hover .btn-view {
  padding-left: 91px;
}
.btn-view:hover:before,
.home-news__itm:hover .btn-view:before,
.open-menu__work:hover .btn-view:before,
.post-preview:hover .btn-view:before {
  width: 50px;
}
.btn-view_invers {
  color: #fc4d3c;
}
.btn-view_invers:before {
  background: #fc4d3c;
}
.btn-view_external {
  position: relative;
}
.btn-view_external:after {
  position: absolute;
  right: 6px;
  margin-top: -8px;
  width: 14px;
  height: 14px;
  background: url(../img/common/ic_external_link.svg) no-repeat;
  background-size: 100% 100%;
  opacity: 0;
  transition: 0.3s;
}
.btn-view_external.btn-view_invers:after {
  background-image: url(../img/common/ic_external_link_red.svg);
}
.btn-view_external:hover:after,
.home-news__itm:hover .btn-view_external:after,
.open-menu__work:hover .btn-view_external:after,
.post-preview:hover .btn-view_external:after {
  opacity: 1;
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .btn-view {
    padding: 18px 28px 18px 60px;
    margin: -18px -28px;
    color: #fff;
    font-family: NHaasGroteskDSPro-65Md, 'Helvetica Neue', Helvetica, Arial,
      sans-serif;
    font-size: 12px;
    line-height: 34px;
  }
  .btn-view:before {
    content: '';
    position: absolute;
    left: 28px;
    top: 50%;
    margin-top: -1px;
    height: 2px;
    width: 25px;
    background: #fff;
    transition: 0.2s;
  }
  .btn-view:hover,
  .home-news__itm:hover .btn-view,
  .open-menu__work:hover .btn-view,
  .post-preview:hover .btn-view {
    padding-left: 91px;
  }
  .btn-view:hover:before,
  .home-news__itm:hover .btn-view:before,
  .open-menu__work:hover .btn-view:before,
  .post-preview:hover .btn-view:before {
    width: 50px;
  }
  .btn-view_invers {
    color: #fc4d3c;
  }
  .btn-view_invers:before {
    background: #fc4d3c;
  }
  .btn-view_external:after {
    width: 10px;
    height: 10px;
    margin-top: -5px;
    right: 11px;
  }
}
.section,
.with-open-menu .page {
  position: relative;
}
.page,
.section {
  background: #fff;
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
}
@font-face {
  font-family: NHaasGroteskDSPro-35Lt;
  src: url(../fonts/2F2353_0_0.woff) format('woff');
}
@font-face {
  font-family: NHaasGroteskDSPro-55Rg;
  src: url(../fonts/2A76C9_2_0.woff) format('woff');
}
@font-face {
  font-family: NHaasGroteskDSPro-65Md;
  src: url(../fonts/2A76C9_0_0.woff) format('woff');
}
@font-face {
  font-family: NHaasGroteskDSPro-75Bd;
  src: url(../fonts/2A76C9_1_0.woff) format('woff');
}
@font-face {
  font-family: NHaasGroteskDSPro-75Bd-Logo;
  src: url(../fonts/2A76C9_1_0.woff) format('woff');
}
@font-face {
  font-family: gliphicons;
  src: url(fonts/gliphicons.eot);
}
@font-face {
  font-family: gliphicons;
  src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBSoAAAC8AAAAYGNtYXAXVtKHAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5Zke33/UAAAF4AAAAgGhlYWQIGF7JAAAB+AAAADZoaGVhB8IDxgAAAjAAAAAkaG10eAoAAAAAAAJUAAAAFGxvY2EAKABUAAACaAAAAAxtYXhwAAcADgAAAnQAAAAgbmFtZfKDeA8AAAKUAAABqnBvc3QAAwAAAAAEQAAAACAAAwMAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAAPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6QD//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAD/wAQAA8AACwAAAScJAQcJARcJATcBBABH/kf+R0cBuf5HRwG5AblH/kcDeUf+RwG5R/5H/kdHAbn+R0cBuQAAAAEAAAABAABI1PmzXw889QALBAAAAAAA0nyNJgAAAADSfI0mAAD/wAQAA8AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAABAAAAQAAAAAAAAAAAAAAAAAAAAUEAAAAAAAAAAAAAAACAAAABAAAAAAAAAAACgAUAB4AQAABAAAABQAMAAEAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEACgAAAAEAAAAAAAIABwB7AAEAAAAAAAMACgA/AAEAAAAAAAQACgCQAAEAAAAAAAUACwAeAAEAAAAAAAYACgBdAAEAAAAAAAoAGgCuAAMAAQQJAAEAFAAKAAMAAQQJAAIADgCCAAMAAQQJAAMAFABJAAMAAQQJAAQAFACaAAMAAQQJAAUAFgApAAMAAQQJAAYAFABnAAMAAQQJAAoANADIZ2xpcGhpY29ucwBnAGwAaQBwAGgAaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwZ2xpcGhpY29ucwBnAGwAaQBwAGgAaQBjAG8AbgBzZ2xpcGhpY29ucwBnAGwAaQBwAGgAaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByZ2xpcGhpY29ucwBnAGwAaQBwAGgAaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==)
    format('truetype');
  font-weight: 400;
  font-style: normal;
}
[class*=' icon-'],
[class^='icon-'] {
  font-family: gliphicons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
}
.icon-x:before {
  content: '\e900';
}
* {
  -webkit-tap-highlight-color: transparent;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
}
body,
html {
  height: 100%;
}
@media only screen and (max-width: 1024px) {
  .btn-view_external:after {
    opacity: 1;
  }
  body.homepage {
    height: auto;
    box-shadow: 0 0 10px 10px #fc4d3c;
  }
}
body {
  font-family: adobe-garamond-pro, 'Helvetica Neue', Helvetica, Arial,
    sans-serif;
  color: #000;
  text-rendering: optimizeLegibility;
  padding: 0;
}
@media only screen and (min-device-width: 768px) {
  body {
    min-width: 768px;
  }
}
img {
  border: none;
}
a:active,
a:focus,
a:hover {
  outline: 0;
}
.shape_facebook,
.shape_insta,
.shape_linkedin,
.shape_twitter {
  display: block;
  width: 41px;
  height: 40px;
  fill: #000;
  transition: 0.2s;
}
.home-footer .shape_facebook,
.home-footer .shape_insta,
.home-footer .shape_linkedin,
.home-footer .shape_twitter {
  fill: #7c1a0d;
}
.mobile .j-under-page-menu .btn-toggle-menu:active .btn-toggle-menu__symbol,
.mobile .j-under-page-menu .btn-toggle-menu:focus .btn-toggle-menu__symbol,
.mobile .j__menu_mode_inverted .btn-toggle-menu:active .btn-toggle-menu__symbol,
.mobile .j__menu_mode_inverted .btn-toggle-menu:focus .btn-toggle-menu__symbol,
.shape_facebook:hover,
.shape_insta:hover,
.shape_linkedin:hover,
.shape_twitter:hover {
  fill: #fc4d3c;
}
.home-footer .shape_facebook:hover,
.home-footer .shape_insta:hover,
.home-footer .shape_linkedin:hover,
.home-footer .shape_twitter:hover {
  fill: #962415;
}
.layout {
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
  max-width: 1148px;
}
@media only screen and (max-width: 1308px) {
  .layout {
    margin-left: 80px;
    margin-right: 80px;
  }
}
@media only screen and (max-width: 1024px) {
  .layout {
    margin-left: auto;
    margin-right: auto;
    max-width: 850px;
    padding-left: 40px;
    padding-right: 40px;
  }
}
.page {
  min-width: 320px;
  min-height: 100%;
  padding-bottom: 138px;
}
.with-open-menu .page:before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 99;
  background: #fff;
}
.footer-social:after,
.footer-social:before,
.footer:after,
.footer:before,
.footer__addresses:after,
.footer__addresses:before {
  content: ' ';
  display: table;
}
.nav,
.show-fixed-menu .nav {
  position: fixed;
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .layout {
    padding-left: 16px;
    padding-right: 16px;
  }
  .page {
    padding-bottom: 199px;
  }
}
.homepage .page,
.landing .page {
  padding-bottom: 0;
}
.page_text {
  padding-top: 120px;
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .page_text {
    padding-top: 60px;
  }
}
.footer {
  margin-top: -138px;
}
.homepage .footer,
.open-menu__footer .footer {
  margin-top: 0;
}
.footer__col {
  float: left;
  width: 100%;
}
.footer__col:first-child {
  padding-left: 12px;
}
.footer__col:last-child {
  padding-right: 12px;
}
.open-menu__footer .footer__col {
  float: none;
  width: 100%;
}
.open-menu__footer .footer__col:first-child,
.open-menu__footer .footer__col:last-child {
  padding: 0;
}
.open-menu__footer .footer__col:first-child {
  margin-top: 18px;
  padding-top: 22px;
  border-top: 2px solid #000;
}
.footer__section {
  border-top: 2px solid #000;
  height: 138px;
}
.home-footer .footer__section {
  border-color: #7c1a0d;
}
.open-menu__footer .footer__section {
  height: auto;
  border: none;
}
.footer-address {
  float: left;
  width: 33.3%;
  padding-top: 22px;
  color: #000;
  font-style: normal;
}
.home-footer .footer-address {
  color: #660c00;
}
.footer-address:first-child {
  padding-right: 12px;
}
.footer-address:last-child {
  padding-left: 12px;
}
.open-menu__footer .footer-address {
  float: none;
  margin-top: 18px;
  margin-bottom: 18px;
  width: 100%;
}
.open-menu__footer .footer-address:first-child,
.open-menu__footer .footer-address:last-child {
  padding: 0;
}
.footer-address h3,
.footer-address p {
  font-size: 14px;
  line-height: 17px;
}
.footer-address h3 {
  font-family: NHaasGroteskDSPro-75Bd, 'Helvetica Neue', Helvetica, Arial,
    sans-serif;
  font-weight: 400;
}
.btn-toggle-menu,
.footer-address p {
  font-family: NHaasGroteskDSPro-55Rg, 'Helvetica Neue', Helvetica, Arial,
    sans-serif;
}
.footer-address__head-link {
  color: inherit;
}
.footer-social {
  list-style: none;
  padding: 25px 0 0;
  margin: 0;
}
.footer-social__itm {
  float: left;
  margin-right: 20px;
}
.open-menu__footer .footer-social {
  padding-top: 4px;
}
.footer-social a {
  display: block;
}
@media only screen and (max-width: 1024px) {
  .footer__col:first-child {
    padding-left: 16px;
  }
  .footer__col:last-child {
    padding-right: 16px;
  }
  .open-menu__footer .footer__col:first-child {
    margin-top: 0;
  }
  .open-menu__footer .footer-address p {
    line-height: 16px;
  }
  .open-menu__footer .footer-address:first-child {
    margin-top: 0;
    margin-bottom: 15px;
    padding-top: 19px;
  }
  .open-menu__footer .footer-address:last-child {
    margin-top: 15px;
    margin-bottom: 23px;
  }
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .footer {
    margin-top: -199px;
  }
  .homepage .footer,
  .open-menu__footer .footer {
    margin-top: 0;
  }
  .footer__col {
    float: none;
    width: 100%;
  }
  .footer__col:first-child {
    padding-left: 0;
  }
  .footer__col:last-child {
    padding-right: 0;
  }
  .footer__section {
    border-top: 1px solid #000;
    height: auto;
  }
  .footer__section:after,
  .footer__section:before {
    content: ' ';
    display: table;
  }
  .footer__section:after {
    clear: both;
  }
  .home-footer .footer__section {
    border-color: #7c1a0d;
  }
  .footer-address {
    padding-top: 19px;
    padding-bottom: 36px;
  }
  .footer-address:first-child {
    padding-right: 8px;
  }
  .footer-address:last-child {
    padding-left: 8px;
  }
  .open-menu__footer .footer-address {
    float: left;
    margin-top: 0;
    width: 50%;
  }
  .open-menu__footer .footer-address:first-child {
    padding-right: 8px;
    padding-top: 19px;
    margin-bottom: 18px;
    border-top: 1px solid #000;
  }
  .open-menu__footer .footer-address:last-child {
    margin-top: 0;
    padding-left: 8px;
    padding-top: 19px;
    margin-bottom: 18px;
    border-top: 1px solid #000;
  }
  .footer-address h3 {
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 16px;
    font-weight: 500;
  }
  .open-menu__footer .footer-address h3 {
    margin-bottom: 10px;
  }
  .footer-address p {
    font-weight: 500;
    font-size: 11px;
    line-height: 16px;
  }
  .footer-social {
    padding: 15px 0 25px;
  }
  .footer-social__itm {
    margin-right: 14px;
  }
  .open-menu__footer .footer-social {
    padding-top: 0;
    padding-bottom: 19px;
  }
}
.nav {
  z-index: 101;
  top: 0;
  left: 0;
  right: 0;
  height: 72px;
  will-change: transform;
  pointer-events: none;
}
.nav.j__menu_mode_clear {
  background: 0 0;
}
.nav.j__menu_mode_light {
  background: rgba(255, 255, 255, 0.9);
}
.nav.j__menu_mode_dark {
  background: rgba(0, 0, 0, 0.9);
}
.nav.j-under-page-menu {
  background: 0 0;
}
.nav__logo {
  float: left;
  margin-top: 24px;
  pointer-events: auto;
}
.nav__control {
  float: right;
  margin-right: -15px;
  margin-top: 17px;
  pointer-events: auto;
}
.btn-toggle-menu {
  display: block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-left: 15px;
  padding-right: 15px;
  color: #fff;
  font-size: 18px;
  line-height: 34px;
  cursor: pointer;
  transition: 0.2s;
}
.text-intro__title,
.text-section__title {
  font-family: NHaasGroteskDSPro-65Md, 'Helvetica Neue', Helvetica, Arial,
    sans-serif;
  font-weight: 400;
}
.btn-toggle-menu:hover {
  color: #fc4d3c;
}
.mobile .btn-toggle-menu {
  transition: none;
}
.mobile .btn-toggle-menu:hover {
  color: #fff;
}
.mobile .btn-toggle-menu:active,
.mobile .btn-toggle-menu:focus {
  color: #fc4d3c;
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .btn-toggle-menu {
    font-size: 16px;
  }
}
.j__menu_mode_light .btn-toggle-menu {
  color: #000;
}
.j__menu_mode_light .btn-toggle-menu:hover {
  color: #fc4d3c;
}
.mobile .j__menu_mode_light .btn-toggle-menu:hover {
  color: #000;
}
.mobile .j__menu_mode_light .btn-toggle-menu:active,
.mobile .j__menu_mode_light .btn-toggle-menu:focus {
  color: #fc4d3c;
}
.j__menu_mode_dark .btn-toggle-menu {
  color: #fff;
}
.j__menu_mode_dark .btn-toggle-menu:hover {
  color: #fc4d3c;
}
.mobile .j__menu_mode_dark .btn-toggle-menu:hover {
  color: #fff;
}
.mobile .j__menu_mode_dark .btn-toggle-menu:active,
.mobile .j__menu_mode_dark .btn-toggle-menu:focus {
  color: #fc4d3c;
}
.j-under-page-menu .btn-toggle-menu,
.j__menu_mode_inverted .btn-toggle-menu {
  color: #000;
}
.j-under-page-menu .btn-toggle-menu:hover,
.j__menu_mode_inverted .btn-toggle-menu:hover {
  color: #fc4d3c;
}
.mobile .j-under-page-menu .btn-toggle-menu:hover,
.mobile .j__menu_mode_inverted .btn-toggle-menu:hover {
  color: #000;
}
.mobile .j-under-page-menu .btn-toggle-menu:active,
.mobile .j-under-page-menu .btn-toggle-menu:focus,
.mobile .j__menu_mode_inverted .btn-toggle-menu:active,
.mobile .j__menu_mode_inverted .btn-toggle-menu:focus,
.text-intro__txt a {
  color: #fc4d3c;
}
.btn-toggle-menu__txt {
  opacity: 1;
  transition: opacity 0.3s;
}
.btn-toggle-menu__symbol {
  display: inline-block;
  vertical-align: middle;
  width: 17px;
  height: 17px;
  position: relative;
  top: -1px;
  -webkit-transform: rotate(-45deg) scale(0.5, 0.5);
  -ms-transform: rotate(-45deg) scale(0.5, 0.5);
  transform: rotate(-45deg) scale(0.5, 0.5);
}
.j-under-page-menu .btn-toggle-menu__txt {
  opacity: 0;
  transition: opacity 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn-toggle-menu__symbol,
.mobile .btn-toggle-menu__symbol {
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
}
.j-under-page-menu .btn-toggle-menu__symbol {
  font-size: 18px;
  -webkit-transform: translate3d(60px, 0, 0) scale(1, 1);
  transform: translate3d(60px, 0, 0) scale(1, 1);
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
}
@media only screen and (max-width: 1024px) {
  .nav__logo {
    margin-top: 27px;
  }
  .nav__control {
    margin-top: 16px;
  }
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .j-under-page-menu .btn-toggle-menu__symbol {
    -webkit-transform: translate3d(54px, 0, 0) scale(1, 1);
    transform: translate3d(54px, 0, 0) scale(1, 1);
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
  }
  .nav {
    height: 48px;
  }
  .nav__logo {
    margin-top: 12px;
  }
  .nav__control {
    float: right;
    margin-right: -15px;
    margin-top: 5px;
  }
}
.text-intro {
  margin-bottom: 104px;
}
.text-intro__title {
  margin-bottom: 50px;
  font-size: 60px;
  line-height: 65px;
}
.text-intro__txt {
  margin-top: 33px;
  max-width: 818px;
  font-size: 33px;
  line-height: 42px;
}
.text-intro__txt a:hover {
  color: #000;
}
.text-section {
  padding-top: 29px;
  padding-bottom: 53px;
  border-top: 2px solid #000;
}
.text-section_no-brdr {
  border-top: none;
}
.text-section__image {
  margin-left: 281px;
  margin-bottom: 40px;
}
.text-section__txt h3,
.text-section__txt p {
  font-size: 24px;
  line-height: 34px;
  margin-bottom: 17px;
}
.text-section__title {
  float: left;
  padding-right: 24px;
  padding-top: 0;
  width: 281px;
  font-size: 24px;
  line-height: 34px;
}
.text-section__txt h3 {
  margin-top: 34px;
}
.text-section__txt .btn-view {
  font-size: 20px;
}
.text-section__txt dl,
.text-section__txt ul {
  margin: 0 0 34px;
  font-size: 24px;
  line-height: 34px;
}
.text-section__txt ul {
  padding: 0;
  list-style: none;
}
.text-section__txt dt {
  float: left;
  width: 315px;
}
.text-section__txt a {
  color: #fc4d3c;
}
.text-section__txt a:hover {
  color: #000;
}
@media only screen and (max-width: 1024px) {
  .text-intro {
    margin-bottom: 45px;
  }
  .text-intro__title {
    margin-bottom: 30px;
  }
  .text-intro__txt {
    max-width: 653px;
  }
  .text-section {
    padding-top: 28px;
    padding-bottom: 36px;
  }
  .text-section__image {
    margin-left: 0;
    margin-bottom: 10px;
  }
  .text-section__title {
    float: none;
    padding-right: 0;
    padding-top: 0;
    width: auto;
    margin-bottom: 18px;
  }
  .text-section__txt {
    max-width: 688px;
  }
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .text-info {
    margin-top: 18px;
    margin-bottom: 33px;
  }
  .text-info__date {
    font-size: 13.5px;
    line-height: 20px;
  }
  .text-info__share {
    padding-left: 0;
    font-size: 12px;
    line-height: 20px;
  }
  .text-info__share-amount {
    font-size: 13.5px;
  }
  .text-intro {
    margin-bottom: 46px;
  }
  .text-intro__title {
    margin-bottom: 10px;
    font-size: 28px;
    line-height: 28px;
  }
  .text-intro__txt {
    font-size: 17px;
    line-height: 24px;
  }
  .text-section {
    padding-top: 17px;
    padding-bottom: 50px;
    border-width: 1px;
  }
  .text-section__image {
    margin-top: -17px;
  }
  .text-section__title {
    margin-bottom: 12px;
    font-size: 17px;
    line-height: 20px;
  }
  .text-section__txt dl,
  .text-section__txt h3,
  .text-section__txt p,
  .text-section__txt ul {
    margin-bottom: 17px;
    font-size: 17px;
    line-height: 24px;
  }
  .text-section__txt h3 {
    margin-top: 28px;
  }
  .text-section__txt dl,
  .text-section__txt ul {
    margin-bottom: 28px;
  }
  .text-section__txt dt {
    width: 200px;
  }
  .text-section__txt .btn-view {
    margin-top: -7px;
    font-size: 12px;
  }
  .text-section:last-child {
    padding-bottom: 43px;
  }
}
@-webkit-keyframes attractArrowFillInAndOut {
  0% {
    stroke-dasharray: 200;
    stroke-dashoffset: 200;
    -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  }
  18% {
    stroke-dashoffset: -50;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  43% {
    stroke-dashoffset: -50;
    -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  }
  100%,
  51% {
    stroke-dashoffset: -160;
    -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  }
}
@keyframes attractArrowFillInAndOut {
  0% {
    stroke-dasharray: 200;
    stroke-dashoffset: 200;
    -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  }
  18% {
    stroke-dashoffset: -50;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  43% {
    stroke-dashoffset: -50;
    -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  }
  100%,
  51% {
    stroke-dashoffset: -160;
    -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  }
}
@-webkit-keyframes attractArrowFillIn {
  0% {
    stroke-dasharray: 200;
    stroke-dashoffset: 200;
    -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  }
  100% {
    stroke-dashoffset: -50;
  }
}
@keyframes attractArrowFillIn {
  0% {
    stroke-dasharray: 200;
    stroke-dashoffset: 200;
    -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  }
  100% {
    stroke-dashoffset: -50;
  }
}
@-webkit-keyframes attractArrowFillOut {
  0% {
    stroke-dashoffset: -50;
    -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  }
  100% {
    stroke-dashoffset: -160;
    -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  }
}
@keyframes attractArrowFillOut {
  0% {
    stroke-dashoffset: -50;
    -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  }
  100% {
    stroke-dashoffset: -160;
    -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  }
}
.homepage_locked,
.homepage_locked .page_menu {
  overflow: hidden;
  height: 100%;
}
.section {
  z-index: 2;
  margin-bottom: -2px;
}
.section-fixed {
  background: #000;
  z-index: 1;
}
.section-fixed__bg {
  position: fixed;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 1;
  pointer-events: none;
}
.j-disable-fixed-positions .section-fixed__bg {
  position: absolute;
}
.section-fixed__bg_header {
  z-index: 1;
}
.section-fixed__bg-video {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 1920px;
  margin-left: -960px;
  height: auto;
}
.section-fixed__bg-video video {
  display: block;
  width: 100%;
}
.mobile .home-header__animation,
.mobile .home-header__video-wrapper {
  display: none;
}
.home-approach .section-fixed__bg-video:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 2px;
  width: 100%;
  background: #000;
}
.home-header__animation_type_shadow-square-1
  .home-header__animation_type_shadow-square-inner-shadow:before,
.home-header__animation_type_shadow-square-1
  .home-header__animation_type_shadow-square-inner-square:before,
.home-header__fade {
  background: #25adff;
}
.home-approach .section-fixed__bg-video:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 224px;
}
@media only screen and (min-width: 1920px) {
  .section-fixed__bg-video {
    width: 100%;
    margin-left: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
.section-fixed__bg-video-wrap {
  position: absolute;
  height: 100%;
  width: 100%;
  bottom: 0;
}
.section-fixed__bg-mountain {
  position: absolute;
  height: 65px;
  width: 100%;
  bottom: 308px;
}
.section-fixed__content {
  position: relative;
  z-index: 2;
  pointer-events: auto;
}
.section-fixed__content_blend_difference {
  mix-blend-mode: difference;
}
.disable-safari-blending .section-fixed__content_blend_difference,
.j_no-anim-blending .section-fixed__content_blend_difference {
  mix-blend-mode: normal;
  opacity: 0.8;
}
@media only screen and (max-width: 1024px) {
  .home-approach .section-fixed__bg-video:after,
  .mobile .section-fixed__bg-mountain,
  .mobile .section-fixed__bg-video {
    display: none;
  }
  .section-fixed__bg {
    min-width: 768px;
  }
  .mobile .section-fixed__bg {
    position: absolute;
    min-width: 0;
  }
  .section-fixed__bg_approach {
    top: 366px;
    max-height: 662px;
  }
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .section-fixed__bg {
    position: absolute;
  }
  .mobile .section-fixed__bg-mountain,
  .mobile .section-fixed__bg-video {
    display: none;
  }
}
.home-header__animation {
  transition: opacity 0.5s;
  opacity: 1;
  display: none;
}
.home-header__video {
  position: relative;
  z-index: 2;
  width: 100%;
  padding-bottom: 16.35%;
}
.home-header__video-m {
  position: absolute;
  z-index: 2;
  width: 100%;
  left: 0;
  bottom: 98%;
  padding-bottom: 3.385%;
}
.home-header__video video {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  margin-left: 0;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.home-header__video-wrapper {
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 50%;
  width: 100%;
  min-width: 1920px;
  margin-left: -960px;
}
@media only screen and (min-width: 1920px) {
  .home-header__video-wrapper {
    left: 0;
    margin-left: 0;
  }
}
.home-header__fade {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 1;
  opacity: 0;
}
.home-header__content {
  position: relative;
  min-height: 580px;
  height: 100vh;
}
.home-header__title {
  position: fixed;
  top: 50%;
  -webkit-transform: translateY(-75%);
  -ms-transform: translateY(-75%);
  transform: translateY(-75%);
  width: 100%;
  left: 0;
  color: #fff;
  font-weight: 400;
  font-size: 150px;
  line-height: 136px;
}
.home-header__title-inner {
  display: block;
}
.home-header__subtitle {
  position: absolute;
  bottom: 58px;
  width: 100%;
  left: 0;
  font-family: adobe-garamond-pro, 'Helvetica Neue', Helvetica, Arial,
    sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 34px;
  color: #fff;
}
.home-copy__ol li,
.home-copy__title {
  font-family: NHaasGroteskDSPro-65Md, 'Helvetica Neue', Helvetica, Arial,
    sans-serif;
}
.home-header__subtitle-inner {
  display: block;
  position: relative;
  padding-left: 24px;
  padding-right: 24px;
}
.home-header__animation {
  position: absolute;
}
.home-header__animation_mode_meausure {
  display: block;
  visibility: hidden;
}
.home-header__animation_active,
.home-header__animation_active .home-header__animation {
  display: block;
  visibility: visible;
}
.home-header__animation-part {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
}
.home-header__animation-wrap_type_asteroid {
  position: absolute;
  top: -20%;
  bottom: 320px;
  right: -30%;
  width: 100%;
}
.home-header__animation_type_asteroid {
  top: 0;
  right: 0;
}
.home-header__animation_type_rectangles {
  bottom: 0;
  right: 0;
}
.home-header__animation_type_wireframe {
  display: block;
  bottom: -5px;
  z-index: 2;
  position: absolute;
  left: 50%;
  width: 1920px;
  margin-left: -960px;
}
.j__env_IE .home-header__animation_type_wireframe {
  bottom: 0;
  margin-left: -953px;
}
@media only screen and (min-width: 1920px) {
  .home-header__animation_type_wireframe {
    width: 100%;
    margin-left: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -5px;
  }
  .j__env_IE .home-header__animation_type_wireframe {
    bottom: 0;
    margin-left: 0;
  }
}
.home-header__animation_type_wireframe .home-header__animation-svg {
  width: 100%;
  height: auto;
}
.home-header__animation_type_triangle {
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 1;
}
.disable-safari-blending .home-header__animation_type_triangle,
.j_no-anim-blending .home-header__animation_type_triangle {
  opacity: 0.85;
}
.home-header__animation_type_rotating-circles {
  width: 60%;
  height: 60%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0.65;
}
.disable-safari-blending .home-header__animation_type_rotating-circles,
.j_no-anim-blending .home-header__animation_type_rotating-circles {
  opacity: 1;
}
.home-header__animation_type_interference {
  height: 80vh;
  width: 80vh;
  top: auto;
  bottom: calc(-40% + 250px);
}
.home-header__animation_type_interference-yellow {
  left: 25%;
  z-index: 2;
  bottom: calc(-40% + 370px);
}
.home-header__animation_type_interference-blue {
  left: 40%;
  bottom: calc(-40% + 370px);
}
.home-header__animation-wrap_type_crosses {
  position: relative;
  z-index: 2;
  height: 100vh;
}
.home-header__animation_type_crosses {
  top: auto;
  bottom: -40px;
  left: auto;
  right: 24px;
  width: 75%;
}
.home-header__animation_type_lines-and-dots {
  top: 0;
  left: auto;
  bottom: auto;
  right: 0;
  width: 100%;
  height: 100%;
  max-width: 800px;
  z-index: 2;
}
.home-header__animation_type_glitch {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.home-header__animation_type_scaling-blocks {
  position: absolute;
  z-index: 2;
  width: 1920px;
  height: 1080px;
  bottom: -20px;
  left: 50%;
  margin-left: -960px;
}
@media only screen and (min-width: 1920px) {
  .home-header__animation_type_scaling-blocks {
    height: auto;
    width: 100%;
    bottom: -20px;
    margin-left: 0;
    left: 0;
  }
}
@media only screen and (max-width: 1440px) {
  .home-header__animation_type_scaling-blocks {
    height: 720px;
    bottom: 80px;
  }
  .home-header__title {
    font-size: 140px;
    line-height: 130px;
  }
}
.home-header__animation_type_shadow-square-wrap .home-header__animation-part {
  bottom: calc(295px - 28.796296%);
  height: 100%;
  width: 100%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  transform-origin: 0 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.home-header__animation_type_shadow-square-back {
  bottom: 320px;
  left: 0;
}
.home-header__animation_type_shadow-square-front {
  z-index: 4;
}
.home-header__animation_type_shadow-square-back,
.home-header__animation_type_shadow-square-front,
.home-header__animation_type_shadow-square-wrap {
  width: 100%;
  height: 100%;
}
.home-header__animation_type_shadow-square {
  position: absolute;
  height: 80%;
  width: 100%;
  bottom: 0;
}
.home-header__animation_type_shadow-square-inner-shadow,
.home-header__animation_type_shadow-square-inner-square {
  width: 100%;
  height: 100%;
  -webkit-transform-origin: 7.5vh 4.5vh;
  -ms-transform-origin: 7.5vh 4.5vh;
  transform-origin: 7.5vh 4.5vh;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}
.home-header__animation_type_shadow-square-inner-square:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 10.6066vh;
  height: 10.6066vh;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: 7.5vh 7.5vh;
  -ms-transform-origin: 7.5vh 7.5vh;
  transform-origin: 7.5vh 7.5vh;
}
.home-header__animation_type_shadow-square-inner-shadow:before {
  content: '';
  position: absolute;
  opacity: 0.5;
  top: 4.5vh;
  left: 0;
  width: 15vh;
  height: 100vh;
}
.home-header__animation_type_shadow-square-1 {
  left: 0;
}
.home-header__animation_type_shadow-square-2 {
  left: 10%;
  bottom: -20%;
}
.home-header__animation_type_shadow-square-2
  .home-header__animation_type_shadow-square-inner-shadow,
.home-header__animation_type_shadow-square-2
  .home-header__animation_type_shadow-square-inner-square {
  -webkit-transform-origin: 4.95vh 2.97vh;
  -ms-transform-origin: 4.95vh 2.97vh;
  transform-origin: 4.95vh 2.97vh;
}
.home-header__animation_type_shadow-square-2
  .home-header__animation_type_shadow-square-inner-shadow:before,
.home-header__animation_type_shadow-square-2
  .home-header__animation_type_shadow-square-inner-square:before {
  background: #63e98f;
}
.home-header__animation_type_shadow-square-2
  .home-header__animation_type_shadow-square-inner-square:before {
  width: 7.000356vh;
  height: 7.000356vh;
  -webkit-transform-origin: 4.95vh 4.95vh;
  -ms-transform-origin: 4.95vh 4.95vh;
  transform-origin: 4.95vh 4.95vh;
}
.home-header__animation_type_shadow-square-2
  .home-header__animation_type_shadow-square-inner-shadow:before {
  top: 2.97vh;
  width: 9.9vh;
}
.home-header__animation_type_shadow-square-3 {
  left: 30%;
  bottom: -20%;
}
.home-header__animation_type_shadow-square-3
  .home-header__animation_type_shadow-square-inner-shadow,
.home-header__animation_type_shadow-square-3
  .home-header__animation_type_shadow-square-inner-square {
  -webkit-transform-origin: 2.475vh 1.485vh;
  -ms-transform-origin: 2.475vh 1.485vh;
  transform-origin: 2.475vh 1.485vh;
}
.home-header__animation_type_shadow-square-3
  .home-header__animation_type_shadow-square-inner-shadow:before,
.home-header__animation_type_shadow-square-3
  .home-header__animation_type_shadow-square-inner-square:before {
  background: #fc4d3c;
}
.home-header__animation_type_shadow-square-3
  .home-header__animation_type_shadow-square-inner-square:before {
  width: 3.500178vh;
  height: 3.500178vh;
  -webkit-transform-origin: 2.475vh 2.475vh;
  -ms-transform-origin: 2.475vh 2.475vh;
  transform-origin: 2.475vh 2.475vh;
}
.home-header__animation_type_shadow-square-3
  .home-header__animation_type_shadow-square-inner-shadow:before {
  top: 1.485vh;
  width: 4.95vh;
}
.home-header__animation_type_shadow-square-4 {
  left: 35%;
  bottom: -30%;
}
.home-header__animation_type_shadow-square-4
  .home-header__animation_type_shadow-square-inner-shadow,
.home-header__animation_type_shadow-square-4
  .home-header__animation_type_shadow-square-inner-square {
  -webkit-transform-origin: 0.495vh 0.297vh;
  -ms-transform-origin: 0.495vh 0.297vh;
  transform-origin: 0.495vh 0.297vh;
}
.home-header__animation_type_shadow-square-4
  .home-header__animation_type_shadow-square-inner-shadow:before,
.home-header__animation_type_shadow-square-4
  .home-header__animation_type_shadow-square-inner-square:before {
  background: #ffc912;
}
.home-header__animation_type_shadow-square-4
  .home-header__animation_type_shadow-square-inner-square:before {
  width: 0.7000356vh;
  height: 0.7000356vh;
  -webkit-transform-origin: 0.495vh 0.495vh;
  -ms-transform-origin: 0.495vh 0.495vh;
  transform-origin: 0.495vh 0.495vh;
}
.home-header__animation_type_shadow-square-4
  .home-header__animation_type_shadow-square-inner-shadow:before {
  top: 0.297vh;
  width: 0.99vh;
}
.home-header__animation_type_shadow-square-5 {
  left: 50%;
  bottom: -40%;
}
.home-header__animation_type_shadow-square-5
  .home-header__animation_type_shadow-square-inner-shadow,
.home-header__animation_type_shadow-square-5
  .home-header__animation_type_shadow-square-inner-square {
  -webkit-transform-origin: 0.75vh 0.45vh;
  -ms-transform-origin: 0.75vh 0.45vh;
  transform-origin: 0.75vh 0.45vh;
}
.home-header__animation_type_shadow-square-5
  .home-header__animation_type_shadow-square-inner-shadow:before,
.home-header__animation_type_shadow-square-5
  .home-header__animation_type_shadow-square-inner-square:before {
  background: #fba6c9;
}
.home-header__animation_type_shadow-square-5
  .home-header__animation_type_shadow-square-inner-square:before {
  width: 1.06066vh;
  height: 1.06066vh;
  -webkit-transform-origin: 0.75vh 0.75vh;
  -ms-transform-origin: 0.75vh 0.75vh;
  transform-origin: 0.75vh 0.75vh;
}
.home-header__animation_type_shadow-square-5
  .home-header__animation_type_shadow-square-inner-shadow:before {
  top: 0.45vh;
  width: 1.5vh;
}
.home-header__animation-part.line,
.home-header__animation-part.line-pair {
  width: auto;
  padding-bottom: 56.25%;
  left: 0;
  right: -17px;
  bottom: 0;
}
.home-header__animation-part.line .home-header__animation-svg,
.home-header__animation-part.line-pair .home-header__animation-svg {
  position: absolute;
  width: 100%;
  height: auto;
  left: 0;
  bottom: 0;
}
@media only screen and (min-width: 1920px) {
  .home-header__animation-part.line,
  .home-header__animation-part.line-pair {
    right: -1.5%;
  }
}
.home-header_faded .home-header__animation {
  opacity: 0;
}
.home-header .section-fixed__content_blend_difference {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
@media only screen and (max-width: 1260px) {
  .home-header__title {
    font-size: 125px;
    line-height: 115px;
  }
}
@media only screen and (max-width: 1024px) {
  .home-header {
    height: 640px;
  }
  .mobile .home-header__video-placeholder {
    display: none;
  }
  .home-header__content {
    height: 640px;
    min-height: 0;
  }
  .home-header__title {
    position: absolute;
    top: 149px;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    font-size: 112px;
    line-height: 98px;
    letter-spacing: -0.03em;
  }
  .home-header__subtitle {
    position: absolute;
    bottom: 52px;
    font-size: 20px;
    line-height: 32px;
  }
  .home-header__subtitle-inner {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .home-header,
  .home-header__content {
    height: 430px;
  }
  .home-header__video-placeholder {
    display: none;
  }
  .home-header__title {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-right: 16px;
    font-size: 14.37vw;
    line-height: 15vw;
  }
  .home-header__subtitle {
    bottom: 25px;
    font-size: 17px;
    line-height: 20px;
    color: #fff;
  }
  .home-header__subtitle-inner {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media only screen and (max-width: 374px) {
  .home-header__title {
    -webkit-transform: translateY(-60%);
    -ms-transform: translateY(-60%);
    transform: translateY(-60%);
  }
}
.home-works {
  position: relative;
  margin-top: -20px;
  padding: 56px 0 70px;
}
.home-works__bg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
}
.home-works__bg_blue {
  background: #25adff;
}
.home-works__bg_red {
  background: #57d781;
  opacity: 0;
}
.home-works__bg_yellow {
  background: #fba6c9;
  opacity: 0;
}
.home-works__list {
  position: relative;
  z-index: 10;
  margin-top: 0;
  margin-bottom: 0;
  list-style: none;
}
.home-works__itm {
  position: relative;
  padding-top: 100px;
  height: 977px;
  color: #fff;
}
.home-works__itm:after,
.home-works__itm:before {
  content: ' ';
  display: table;
}
.home-works__text {
  width: 50%;
  padding-right: 14px;
}
.home-works__itm_even .home-works__text {
  float: right;
  padding-right: 0;
  padding-left: 14px;
}
.home-works__iphone {
  position: absolute;
  left: 0;
  top: 0;
}
.home-works__iphone-video {
  position: absolute;
  left: 10px;
  top: 95px;
  width: 304px;
  height: 704px;
  outline: #000 solid 6px;
}
.home-works__iphone-video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.home-works__android-video {
  position: absolute;
  right: 7px;
  top: 83px;
  width: 312px;
  height: 714px;
  outline: #000 solid 6px;
}
.home-works__android-video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.home-works__device_1,
.home-works__device_3 {
  position: absolute;
  right: -222px;
  top: 50px;
  width: 570px;
  height: 900px;
}
.home-works__device_1_3,
.home-works__device_3_3 {
  top: 13px;
}
.home-works__device_bg {
  position: absolute;
  left: 96px;
  top: 100px;
}
.home-works__device_android {
  position: absolute;
  left: 5px;
  top: 50px;
  width: 350px;
  height: 886px;
}
.home-works__device-screen {
  display: none;
}
.home-works .home-copy__ol {
  opacity: 0.6;
}
@media only screen and (max-width: 1024px) {
  .home-works__android-shade,
  .home-works__iphone-shade {
    display: none;
  }
  .home-works {
    margin-top: 0;
    height: auto;
    padding: 0;
  }
  .mobile .home-works__bg {
    height: 767px;
    bottom: auto;
    opacity: 1 !important;
  }
  .mobile .home-works__bg_red {
    top: 767px;
  }
  .mobile .home-works__bg_yellow {
    top: 1534px;
  }
  .home-works__list {
    position: relative;
  }
  .home-works__itm {
    height: 767px;
    padding-top: 200px;
  }
  .home-works__text {
    -webkit-transform: translateY(0) !important;
    -ms-transform: translateY(0) !important;
    transform: translateY(0) !important;
  }
  .home-works__iphone-video {
    left: 7px;
    top: 68px;
    width: 224px;
    height: 514px;
    outline: #000 solid 2px;
  }
  .home-works__android-video {
    right: 6px;
    top: 58px;
    width: 227px;
    height: 519px;
    outline: #000 solid 2px;
  }
  .home-works__device {
    -webkit-transform: translateY(0) !important;
    -ms-transform: translateY(0) !important;
    transform: translateY(0) !important;
    width: 255px;
    top: 56px;
  }
  .home-works__device_1,
  .home-works__device_3 {
    position: absolute;
    right: 0;
  }
  .home-works__device_android {
    left: 0;
    top: 64px;
  }
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .home-works,
  .home-works__list {
    height: auto;
  }
  .home-works__android-video,
  .home-works__iphone-video,
  .mobile .home-works__bg {
    display: none;
  }
  .home-works__itm {
    position: relative;
    left: 0;
    right: 0;
    margin-right: -16px;
    margin-left: -16px;
    height: auto;
    padding-top: 560px;
  }
  .home-works__itm_1 {
    background: #25adff;
  }
  .home-works__itm_2 {
    padding-top: 543px;
    background: #57d781;
  }
  .home-works__itm_3 {
    background: #fba6c9;
  }
  .home-works__text {
    float: none !important;
    position: relative;
    z-index: 2;
    top: auto;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    padding: 39px 16px 24px;
    -webkit-transform: translateY(0) !important;
    -ms-transform: translateY(0) !important;
    transform: translateY(0) !important;
  }
  .home-works__iphone {
    width: 255px;
    height: 472px;
  }
  .home-works__android {
    width: 255px;
    height: 518px;
  }
  .home-works__device {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
  }
  .home-works__device_1,
  .home-works__device_3 {
    right: auto;
    left: 50%;
    top: 48px;
    margin-left: -127px;
    width: 255px;
    height: 472px;
    z-index: 1;
    margin-top: 0;
  }
  .home-works__device_bg {
    left: 96px;
    top: 100px;
  }
  .home-works__device_android {
    right: auto;
    left: 50%;
    top: 52px;
    margin-left: -127px;
    width: 255px;
    height: 518px;
    z-index: 1;
    margin-top: 0;
  }
  .home-works__device-screen {
    position: absolute;
    display: block;
    top: 64.5px;
    left: 18.8px;
    width: 218.5px;
    height: 389.5px;
    margin: 0;
  }
  .home-works .home-copy__ol {
    display: none;
  }
}
.home-copy__title {
  margin-bottom: 34px;
  font-weight: 400;
  font-size: 48px;
  line-height: 50px;
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .home-copy__title {
    font-size: 32px;
    line-height: 32px;
  }
}
.home-copy__txt {
  margin-bottom: 17px;
  font-size: 24px;
  line-height: 34px;
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .home-copy__txt {
    font-size: 17px;
    line-height: 24px;
  }
}
.home-copy__txt_md {
  font-size: 40px;
  line-height: 50px;
  margin-bottom: 34px;
}
.home-copy__ol {
  padding: 0;
  margin: 71px 0 0;
  color: #000;
  font-size: 18px;
  line-height: 28px;
}
.home-copy__ol li {
  position: relative;
  padding-left: 50px;
}
.home-copy__ol li:before {
  content: counter(item) ' ';
  counter-increment: item;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  font-family: adobe-garamond-pro, 'Helvetica Neue', Helvetica, Arial,
    sans-serif;
  font-style: italic;
  font-size: 20px;
}
.home-copy__ol li:nth-child(-n + 10)::before {
  content: '0' counter(item);
}
.home-copy__awards {
  list-style: none;
  margin: 134px -45px 0 0;
  padding: 0;
}
@media only screen and (max-width: 1308px) {
  .home-copy__awards {
    margin-top: 80px;
  }
}
.home-copy__award {
  position: relative;
  display: inline-block;
  margin: 0 30px 48px 0;
  padding: 42px 36px 0;
  height: 83px;
  font-family: NHaasGroteskDSPro-55Rg, 'Helvetica Neue', Helvetica, Arial,
    sans-serif;
  font-size: 16px;
  line-height: 16px;
  text-align: center;
}
.home-copy__award-branch_l,
.home-copy__award-branch_r {
  position: absolute;
  top: 0;
  width: 31px;
  height: 81px;
  fill: #474747;
}
.home-copy__award-branch_l {
  left: 0;
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
}
.home-copy__award-branch_r {
  right: 0;
}
.home-copy__award-txt {
  line-height: 20px;
}
.home-copy__award-ic {
  position: absolute;
  top: -5px;
  left: 50%;
  margin-left: -28px;
  fill: #474747;
}
.home-copy__award-ic_apple,
.home-copy__award-ic_pa,
.home-copy__award-ic_vb {
  width: 56px;
  height: 44px;
}
@media only screen and (max-width: 1024px) {
  .home-copy__title {
    margin-bottom: 34px;
    font-size: 40px;
    line-height: 48px;
  }
  .home-copy__txt {
    margin-bottom: 13px;
    font-size: 20px;
    line-height: 28px;
  }
  .home-copy__txt_md {
    font-size: 40px;
    line-height: 49px;
    margin-bottom: 44px;
  }
  .home-copy__awards {
    margin-top: 47px;
    margin-left: -10px;
  }
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .home-copy__title {
    margin-bottom: 10px;
    font-size: 32px;
    line-height: 32px;
  }
  .home-copy__txt {
    margin-bottom: 11px;
    font-size: 17px;
    line-height: 24px;
  }
  .home-copy__txt_md {
    font-size: 17px;
    line-height: 24px;
    margin-bottom: 16px;
  }
  .home-copy__awards {
    margin: 28px -15px 15px -5px;
  }
  .home-copy__award {
    margin: 0 5px 32px;
    padding: 28px 22px 0;
    height: 49px;
    font-size: 11px;
    line-height: 11px;
  }
  .home-copy__award-txt {
    line-height: 13px;
  }
  .home-copy__award-branch_l,
  .home-copy__award-branch_r {
    width: 22px;
    height: 56px;
  }
  .home-copy__award-ic {
    top: -4px;
    left: 50%;
    margin-left: -20px;
    width: 40px;
    height: 31px;
  }
  .home-copy__award-ic_pa {
    margin-left: -20px;
    top: -8px;
    width: 38px;
    height: 40px;
  }
}
@media only screen and (max-width: 374px) {
  .home-copy__awards {
    margin: 28px -11px 15px;
  }
  .home-copy__award {
    margin: 0 11px 32px;
  }
}
.home-news {
  padding: 202px 0 194px;
}
.home-news__itm {
  position: relative;
  background: #fc4d3c;
  height: 408px;
  display: block;
}
.home-news__itm:after,
.home-news__itm:before {
  content: ' ';
  display: table;
}
.home-news__text {
  padding: 45px 50px 102px;
  width: 50%;
  float: left;
  color: #fff;
}
.home-news__title {
  font-weight: 400;
  font-family: NHaasGroteskDSPro-35Lt, 'Helvetica Neue', Helvetica, Arial,
    sans-serif;
  font-size: 70px;
  line-height: 70px;
}
.home-news__view {
  position: absolute;
  bottom: 40px;
}
.home-news__img {
  position: absolute;
  right: 0;
  top: 0;
  margin: 0;
  width: 50%;
  height: 100%;
  background: #fff;
}
.home-news__img-bg {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
@media only screen and (max-width: 1260px) {
  .home-news__text {
    padding: 24px 34px 102px;
  }
  .home-news__title {
    font-size: 56px;
    line-height: 56px;
  }
}
@media only screen and (max-width: 1024px) {
  .home-news {
    padding: 0 0 130px;
  }
  .home-news .layout {
    max-width: 100%;
    padding: 0;
  }
  .home-news__itm {
    height: auto;
  }
  .home-news__text {
    padding: 32px 33px 70px;
  }
  .home-news__title {
    font-size: 50px;
    line-height: 50px;
  }
  .home-news__view {
    bottom: 21px;
  }
  .home-news__img {
    position: relative;
    width: 50%;
    padding-bottom: 37.1%;
    float: right;
  }
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .home-news {
    padding: 0 0 47px;
  }
  .home-news__itm {
    height: auto;
  }
  .home-news__text {
    padding: 23px 15px 72px;
    width: 100%;
    float: none;
  }
  .home-news__title {
    font-size: 32px;
    line-height: 32px;
  }
  .home-news__view {
    bottom: 18px;
  }
  .home-news__img {
    position: relative;
    float: none;
    width: 100%;
    padding-bottom: 70%;
  }
}
.home-areas {
  padding-top: 200px;
}
.home-areas__title {
  margin-bottom: 170px;
  text-align: center;
  font-family: adobe-garamond-pro, 'Helvetica Neue', Helvetica, Arial,
    sans-serif;
  font-weight: 400;
  font-size: 100px;
  line-height: 100px;
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .home-areas__title {
    font-size: 46px;
    line-height: 57px;
  }
}
.home-areas__title-icon {
  display: block;
  margin: 67px auto 0;
  width: 576px;
  height: 80px;
}
.home-areas__title-icon_2 {
  background-size: 576px 80px;
}
.home-areas__text {
  position: relative;
  z-index: 2;
  width: 50%;
  padding-right: 14px;
}
.home-areas__itm_sony .home-areas__text {
  float: right;
  padding-right: 0;
  padding-left: 14px;
}
.home-areas__itm {
  position: relative;
  padding-top: 145px;
}
.home-areas__itm:after,
.home-areas__itm:before {
  content: ' ';
  display: table;
}
.home-areas__itm-layout {
  position: relative;
  padding-top: 263px;
}
@media only screen and (max-width: 1308px) {
  .home-areas__itm-layout {
    padding-top: 200px;
  }
}
.home-areas__itm-sony-layout {
  position: relative;
  margin-bottom: 66px;
  padding-top: 213px;
  min-height: 780px;
}
.home-areas__itm_startaps {
  padding-top: 115px;
  min-height: 644px;
  margin-bottom: 5px;
}
.home-areas__itm_adp {
  padding-top: 191px;
  margin-bottom: 212px;
  padding-bottom: 510px;
}
.home-areas__itm_sony {
  padding-top: 0;
  z-index: 1;
}
.home-areas__itm_miranda {
  padding-top: 0;
  padding-bottom: 0;
  height: 986px;
  background-color: #fff;
}
.home-areas__itm_miranda .layout {
  position: relative;
}
.home-areas__device_startups {
  position: absolute;
  right: -499px;
  top: -60px;
  margin: 0;
}
.home-areas__device_adp {
  display: none;
}
.home-areas__device_adp-watch {
  position: absolute;
  bottom: 17px;
  left: 5px;
  margin: 0;
}
@media only screen and (min-width: 1680px) and (max-width: 1919px) {
  .home-areas__device_adp-watch {
    left: -122px;
  }
}
@media only screen and (min-width: 1920px) {
  .home-areas__device_adp-watch {
    left: -275px;
  }
}
@media only screen and (max-width: 1308px) {
  .home-areas__device_startups {
    right: -600px;
  }
  .home-areas__device_adp-watch {
    left: 0;
  }
}
.home-areas__device_adp-phone {
  position: absolute;
  bottom: 17px;
  left: 145px;
  margin: 0;
}
@media only screen and (min-width: 1680px) and (max-width: 1919px) {
  .home-areas__device_adp-phone {
    left: 17px;
  }
}
@media only screen and (min-width: 1920px) {
  .home-areas__device_adp-phone {
    left: -124px;
  }
}
@media only screen and (max-width: 1308px) {
  .home-areas__device_adp-phone {
    left: 135px;
  }
}
.home-areas__device_adp-ipad {
  position: absolute;
  bottom: 17px;
  left: 337px;
  margin: 0;
}
@media only screen and (min-width: 1680px) and (max-width: 1919px) {
  .home-areas__device_adp-ipad {
    left: 209px;
  }
}
@media only screen and (min-width: 1920px) {
  .home-areas__device_adp-ipad {
    left: 80px;
  }
}
@media only screen and (max-width: 1308px) {
  .home-areas__device_adp-ipad {
    left: 322px;
  }
}
.home-areas__device_adp-macbook {
  position: absolute;
  bottom: 17px;
  left: 750px;
  margin: 0;
}
@media only screen and (min-width: 1680px) and (max-width: 1919px) {
  .home-areas__device_adp-macbook {
    left: 619px;
  }
}
@media only screen and (min-width: 1920px) {
  .home-areas__device_adp-macbook {
    left: 500px;
  }
}
@media only screen and (max-width: 1308px) {
  .home-areas__device_adp-macbook {
    left: 730px;
  }
}
.home-areas__device_sony {
  position: absolute;
  left: 12px;
  top: 30px;
  margin: 0;
}
.home-areas__device_sony-screen {
  position: absolute;
  left: 31px;
  top: 90px;
  width: 342px;
  height: 608px;
}
.home-areas__device_sony-screen video {
  position: absolute;
  left: 0;
  top: -1px;
  width: 100%;
  height: 100%;
}
.home-areas__device_miranda {
  position: absolute;
  top: 86px;
  right: 20px;
  margin: 0;
}
@media only screen and (max-width: 1024px) {
  .home-areas {
    padding-top: 130px;
    padding-bottom: 0;
  }
  .home-areas__title {
    font-size: 80px;
    line-height: 80px;
    margin-bottom: 138px;
  }
  .home-areas__title-icon {
    margin: 66px auto 0;
  }
  .home-areas__itm_sony .home-areas__text {
    padding-left: 32px;
  }
  .home-areas__itm-layout {
    padding-top: 105px;
  }
  .home-areas__itm-sony-layout {
    margin-bottom: 34px;
    min-height: 570px;
    padding-top: 100px;
  }
  .home-areas__itm_startaps {
    min-height: 438px;
    margin-bottom: 0;
    padding-top: 90px;
  }
  .home-areas__itm_startaps .home-copy__title {
    max-width: 200px;
  }
  .home-areas__itm_adp {
    margin-bottom: 144px;
    padding-bottom: 504px;
    padding-top: 0;
    margin-top: 99px;
  }
  .home-areas__itm_miranda {
    height: 734px;
    padding-top: 0;
  }
  .home-areas__device_startups {
    top: -70px;
    right: -398px;
  }
  .home-areas__device_adp {
    position: absolute;
    left: 50%;
    right: auto;
    bottom: 0;
    margin-left: -512px;
    display: block;
  }
  .home-areas__award,
  .home-areas__device_adp-ipad,
  .home-areas__device_adp-macbook,
  .home-areas__device_adp-phone,
  .home-areas__device_adp-watch {
    display: none;
  }
  .home-areas__device_sony {
    left: 95px;
    top: -34px;
  }
  .home-areas__device_sony-screen {
    left: 21px;
    top: 61px;
    width: 231px;
    height: 410px;
  }
  .home-areas__device_miranda {
    right: 70px;
    top: 27px;
  }
}
@media only screen and (max-width: 1023px) {
  .home-areas__text {
    padding-right: 0;
  }
  .home-areas__itm_sony .home-areas__text {
    padding-left: 0;
  }
  .home-areas__itm_miranda {
    height: 794px;
    padding-top: 0;
  }
  .home-areas__device_sony {
    left: 32px;
  }
  .home-areas__device_miranda {
    right: 10px;
  }
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .home-areas {
    padding-top: 47px;
    padding-bottom: 0;
  }
  .home-areas__title {
    margin-bottom: 55px;
    font-size: 46px;
    line-height: 57px;
  }
  .home-areas__title-icon {
    display: block;
    margin: 24px auto 0;
    width: 288px;
    height: 40px;
  }
  .home-areas__text {
    width: 100%;
  }
  .home-areas__itm_sony .home-areas__text {
    float: none;
    padding-right: 0;
    padding-left: 0;
  }
  .home-areas__itm {
    padding-top: 275px;
  }
  .home-areas__itm-layout {
    padding-top: 462px;
  }
  .home-areas__itm-sony-layout {
    margin-bottom: 42px;
    padding-top: 470px;
    min-height: 0;
    margin-top: 30px;
  }
  .home-areas__itm_startaps {
    min-height: 0;
    margin-bottom: 58px;
    padding-top: 286px;
  }
  .home-areas__itm_startaps .home-copy__title {
    max-width: 200px;
  }
  .home-areas__itm_adp {
    margin-top: 22px;
    margin-bottom: 0;
    padding-top: 315px;
    padding-bottom: 0;
  }
  .home-areas__itm_sony {
    padding-top: 0;
  }
  .home-areas__itm_miranda {
    height: auto;
    padding-top: 0;
    padding-bottom: 38px;
  }
  .home-areas__itm_miranda .home-copy__title {
    margin-right: -20px;
    max-width: 280px;
  }
  .home-areas__device_startups {
    right: auto;
    left: 0;
    top: 0;
  }
  .home-areas__device_adp {
    left: 13px;
    top: 0;
    bottom: auto;
    margin-left: 0;
  }
  .home-areas__device_sony {
    left: 50%;
    top: 30px;
    margin: 0 0 0 -105px;
  }
  .home-areas__device_sony-screen {
    top: 46px;
    left: 16px;
    width: 176px;
    height: 314px;
  }
  .home-areas__device_miranda {
    right: auto;
    top: 0;
    left: 50%;
    margin-left: -120px;
  }
}
@media only screen and (min-width: 450px) and (max-width: 767px) and (max-device-width: 768px) {
  .home-areas__itm_startaps {
    min-height: 0;
    margin-bottom: 47px;
    padding-top: 285px;
  }
  .home-areas__device_startups {
    right: auto;
    left: 50%;
    top: 0;
    margin-left: -243px;
  }
}
@media only screen and (min-width: 600px) and (max-width: 767px) and (max-device-width: 768px) {
  .home-areas__itm_adp {
    margin-bottom: 0;
    padding-top: 343px;
    padding-bottom: 0;
  }
  .home-areas__device_adp {
    left: 50%;
    top: 0;
    bottom: auto;
    margin-left: -279px;
  }
}
.miranda-app {
  background: #fff;
  color: #333;
}
.miranda-app_dark {
  background: #1a1a1a;
}
.miranda-app__statusbar {
  position: absolute;
  left: 0;
  top: 0;
  height: 19px;
  width: 344px;
}
.miranda-app__statusbar-img {
  width: 344px;
  height: 19px;
  fill: #000;
}
.miranda-app__wheel {
  position: absolute;
  top: 100px;
  right: -327px;
  width: 413px;
  height: 413px;
}
.miranda-app__wheel-img {
  width: 413px;
  height: 413px;
  stroke: grey;
}
.miranda-app__cities {
  position: absolute;
  left: 19px;
  top: 42px;
}
.miranda-app__city {
  margin-bottom: -1px;
  font-family: 'Helvetica Neue', NHaasGroteskDSPro-55Rg, Arial, sans-serif;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: -0.03em;
  color: #fc4d3c;
}
.miranda-app__location {
  display: inline-block;
  vertical-align: top;
  margin-left: 6px;
  line-height: 17px;
  opacity: 0.6;
}
.miranda-app__location-ic {
  width: 8px;
  height: 8px;
  fill: #999;
}
.miranda-app__time {
  margin-bottom: 24px;
  font-size: 50px;
  line-height: 50px;
  font-family: HelveticaNeue-Thin, 'Helvetica Neue Thin', 'Helvetica Neue',
    NHaasGroteskDSPro-35Lt, Arial, sans-serif;
  font-weight: 200;
  letter-spacing: -0.02em;
}
.miranda-app__time-one {
  display: inline-block;
  margin-right: -6px;
  margin-left: -3px;
}
.miranda-app__time sup {
  display: inline-block;
  margin-left: 8px;
  vertical-align: top;
  font-size: 18px;
  line-height: 22px;
  font-family: 'Helvetica Neue', NHaasGroteskDSPro-55Rg, Arial, sans-serif;
  font-weight: 400;
}
.miranda-app__colon {
  display: inline-block;
  vertical-align: top;
  margin: 0 -7px;
  line-height: 42px;
}
.miranda-app__colon-ic {
  width: 3px;
  height: 25px;
  fill: #333;
}
.home-quote {
  position: relative;
  padding: 52px 104px 50px;
  margin: 0 auto;
  width: auto;
  max-width: 1232px;
  text-align: center;
}
.home-quote__txt {
  margin-bottom: 27px;
  font-style: italic;
  font-size: 50px;
  line-height: 68px;
  font-weight: 300;
}
.home-quote_invers .home-quote__txt {
  color: #fff;
}
.home-quote__cite {
  display: block;
  color: #999;
  font-family: NHaasGroteskDSPro-55Rg, 'Helvetica Neue', Helvetica, Arial,
    sans-serif;
  font-style: normal;
  font-size: 18px;
  line-height: 30px;
}
.home-approach__title,
.home-are-used__title {
  font-family: adobe-garamond-pro, 'Helvetica Neue', Helvetica, Arial,
    sans-serif;
  font-weight: 400;
}
@media only screen and (max-width: 1024px) {
  .home-quote {
    padding: 52px 0 48px;
    margin-left: auto;
    margin-right: auto;
    max-width: 692px;
  }
  .home-quote:before {
    display: none;
  }
  .home-quote__txt {
    margin-bottom: 14px;
    font-size: 40px;
    line-height: 48px;
  }
  .home-quote__cite {
    font-size: 15px;
  }
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .home-quote {
    padding: 5px 15px 49px;
  }
  .home-quote__txt {
    margin-bottom: 11px;
    font-size: 26px;
    line-height: 32px;
  }
  .home-quote__cite {
    font-size: 12px;
    line-height: 16px;
  }
}
.home-are-used {
  padding-top: 152px;
  height: 714px;
  background: #101010;
  color: #fff;
  z-index: initial;
}
.home-are-used .layout {
  z-index: 5;
  position: relative;
}
.home-are-used__title {
  margin-bottom: 168px;
  text-align: center;
  font-size: 100px;
  line-height: 100px;
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .home-are-used__title {
    font-size: 46px;
    line-height: 57px;
  }
}
.home-are-used__title-icon {
  display: block;
  margin: 0 auto 96px;
  width: 322px;
  height: 82px;
}
.mobile .home-speedtest__layer,
.mobile .home-speedtest__overlay,
.mobile .home-speedtest__speedtest:before {
  display: none;
}
.home-are-used__title-icon_1 {
  width: 317px;
  height: 81px;
  mix-blend-mode: screen;
}
@media only screen and (max-width: 1024px) {
  .home-are-used {
    padding-top: 146px;
    padding-bottom: 140px;
    height: auto;
  }
  .home-are-used__title {
    margin-bottom: 0;
    font-size: 80px;
    line-height: 80px;
  }
  .home-are-used__title-icon {
    margin-top: 64px;
  }
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .home-are-used {
    padding-top: 70px;
    padding-bottom: 35px;
  }
  .home-are-used__title {
    font-size: 46px;
    line-height: 48px;
  }
  .home-are-used__title-icon {
    margin: 0 auto 27px;
    width: 160px;
    height: 41px;
  }
}
.home-spinrilla {
  position: relative;
  color: #fff;
}
.home-spinrilla__content {
  position: relative;
  height: 1000px;
  z-index: 2;
}
.home-spinrilla__text {
  position: absolute;
  top: 50%;
  width: 500px;
  padding-right: 14px;
  -webkit-transform: translateY(-49%);
  -ms-transform: translateY(-49%);
  transform: translateY(-49%);
}
@media only screen and (max-width: 1260px) {
  .home-spinrilla__content {
    height: 816px;
  }
  .home-spinrilla__text {
    width: 400px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
.home-spinrilla__screens {
  position: relative;
}
.home-spinrilla__screen {
  -webkit-transform: perspective(1150px) rotateY(-30deg);
  transform: perspective(1150px) rotateY(-30deg);
  right: 24px;
  top: 210px;
  position: absolute;
  margin: auto;
  padding: 0;
}
.home-spinrilla__screen_1 {
  right: 14px;
}
.home-spinrilla__screen_2 {
  right: 131px;
}
.home-spinrilla__screen_3 {
  right: 242px;
}
@media only screen and (max-width: 1260px) {
  .home-spinrilla__screen {
    top: 180px;
  }
  .home-spinrilla__screen_1 {
    right: 14px;
  }
  .home-spinrilla__screen_2 {
    right: 95px;
  }
  .home-spinrilla__screen_3 {
    right: 182px;
  }
}
@media only screen and (max-width: 1024px) {
  .home-spinrilla__bg {
    display: none;
  }
  .home-spinrilla__content {
    height: 672px;
  }
  .home-spinrilla__text {
    top: 285px;
    width: 330px;
    -webkit-transform: translateY(-39%);
    -ms-transform: translateY(-39%);
    transform: translateY(-39%);
  }
  .home-spinrilla__screen {
    top: 110px;
  }
  .home-spinrilla__screen_1 {
    right: 30px;
  }
  .home-spinrilla__screen_2 {
    right: 115px;
  }
  .home-spinrilla__screen_3 {
    right: 202px;
  }
}
@media only screen and (max-width: 1023px) {
  .home-spinrilla__bg {
    display: none;
  }
  .home-spinrilla__content {
    height: 672px;
  }
  .home-spinrilla__text {
    top: 285px;
    width: 330px;
    -webkit-transform: translateY(-39%);
    -ms-transform: translateY(-39%);
    transform: translateY(-39%);
  }
  .home-spinrilla__screen {
    top: 110px;
  }
  .home-spinrilla__screen_1 {
    right: 30px;
  }
  .home-spinrilla__screen_2 {
    right: 85px;
  }
  .home-spinrilla__screen_3 {
    right: 142px;
  }
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .home-spinrilla__content {
    height: auto;
    min-height: 545px;
    padding-top: 353px;
  }
  .home-spinrilla__text {
    position: static;
    top: auto;
    width: auto;
    max-width: 425px;
    margin-left: auto;
    margin-right: auto;
    padding-right: 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    text-align: center;
  }
  .home-spinrilla__screens {
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -134px;
  }
  .home-spinrilla__screen {
    top: 40px;
    -webkit-transform: perspective(600px) rotateY(-30deg);
    transform: perspective(600px) rotateY(-30deg);
  }
  .home-spinrilla__screen_1 {
    right: 25px;
  }
  .home-spinrilla__screen_2 {
    right: 83px;
  }
  .home-spinrilla__screen_3 {
    right: 143px;
  }
}
.home-speedtest {
  background: #0a0c1f;
  color: #fff;
  z-index: 1;
}
.home-speedtest__layer {
  position: absolute;
  z-index: 2;
  left: 50%;
  margin-left: -960px;
  width: 1920px;
  height: 1080px;
}
.home-speedtest__copy,
.home-speedtest__quote {
  z-index: 4;
  position: relative;
}
.home-speedtest__layer_1 {
  top: -300px;
}
.home-speedtest__layer_2 {
  top: -200px;
}
.home-speedtest__layer_3 {
  top: -100px;
}
.home-speedtest__layer_4 {
  top: 0;
}
.home-speedtest__content {
  position: relative;
  min-height: 816px;
}
.home-speedtest__quote {
  min-height: 200px;
  padding-top: 118px;
}
.home-speedtest__quote .home-quote {
  max-width: 1060px;
  padding-bottom: 0;
}
.home-speedtest__quote .home-quote__txt {
  margin-bottom: 30px;
  font-size: 60px;
  line-height: 68px;
}
.home-speedtest__text {
  position: relative;
  text-align: center;
  width: 580px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 100px;
}
.home-speedtest__speedtest {
  position: relative;
  margin: 0 auto;
}
.home-speedtest__speedtest:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 450px;
  height: 470px;
  background: url(../img/homepage/speedtest_mask.png);
  background-size: 100% 100%;
}
.home-disciplines__list-itm:before,
.landing-copy__ol li:before {
  content: counter(item) ' ';
  counter-increment: item;
  font-style: italic;
}
.home-speedtest__overlay,
.home-speedtest__speedtest video {
  top: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
}
.home-speedtest__overlay {
  background: #000;
  opacity: 0;
  z-index: 4;
}
@media only screen and (max-width: 1024px) {
  .home-speedtest__content {
    min-height: 640px;
  }
  .home-speedtest__quote {
    min-height: 415px;
    padding-top: 70px;
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .home-speedtest__quote .home-quote {
    max-width: 692px;
  }
  .home-speedtest__quote .home-quote__txt {
    margin-bottom: 16px;
    font-size: 40px;
    line-height: 48px;
  }
  .home-speedtest__speedtest {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -10px;
  }
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .home-speedtest {
    padding-top: 40px;
    padding-bottom: 38px;
  }
  .home-speedtest__content {
    height: auto;
    min-height: 0;
  }
  .home-speedtest__text {
    position: static;
    text-align: center;
    top: auto;
    left: auto;
    width: auto;
    max-width: 425px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
  }
  .home-speedtest__speedtest {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
  }
}
.home-approach {
  color: #fff;
  text-align: center;
}
.home-approach .section-fixed__content {
  mix-blend-mode: screen;
  z-index: 6;
}
.home-approach-text {
  position: relative;
  min-height: 408px;
}
.home-approach__title {
  position: relative;
  z-index: 5;
  padding-top: 350px;
  min-height: 790px;
  font-size: 100px;
  line-height: 100px;
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .home-approach__title {
    font-size: 46px;
    line-height: 57px;
  }
}
.home-approach__title-icon {
  display: block;
  margin: 61px auto 0;
  width: 419px;
  height: 90px;
}
.home-disciplines__menu-ic,
.mobile .home-approach__overlay,
.mobile .home-approach__overlay_black {
  display: none;
}
.home-approach__title-icon_2 {
  background-size: 419px 90px;
  mix-blend-mode: screen;
}
.home-approach__text {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  -webkit-transform: translateY(-51.7%);
  -ms-transform: translateY(-51.7%);
  transform: translateY(-51.7%);
}
.home-approach__overlay,
.home-approach__overlay_black {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  left: 0;
}
.home-approach__overlay {
  background: #0a0c1f;
  z-index: 3;
}
.home-approach__overlay_black {
  background: #000;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  .home-approach-text {
    min-height: 670px;
  }
  .home-approach-text br {
    display: none;
  }
  .home-approach__title {
    font-size: 80px;
    line-height: 80px;
    padding-top: 90px;
    min-height: 340px;
  }
  .home-approach__text {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .home-approach-text {
    min-height: 0;
    padding: 40px 15px;
  }
  .home-approach__title {
    position: relative;
    padding-top: 30px;
    min-height: 0;
    font-size: 46px;
    line-height: 57px;
  }
  .home-approach__title-icon {
    margin: 26px auto 0;
    width: 210px;
    height: 45px;
  }
  .home-approach__text {
    position: static;
    left: 0;
    top: auto;
    width: 100%;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    padding-left: 0;
    padding-right: 0;
  }
  .home-approach__main {
    margin-bottom: 0;
    margin-right: -15px;
    margin-left: -15px;
  }
}
.home-disciplines {
  position: relative;
  min-height: 816px;
  text-align: left;
}
.home-disciplines__title {
  font-weight: 400;
  font-size: 40px;
  line-height: 40px;
}
.home-disciplines__icon {
  position: absolute;
  left: 0;
  top: 34px;
  width: 118px;
  height: 118px;
  margin-left: 0;
  opacity: 0.8;
}
.home-disciplines__icon_3 {
  top: 16px;
  left: -3px;
}
.home-disciplines__icon_4 {
  top: 35px;
}
.home-disciplines__icon_5 {
  top: 36px;
}
.home-disciplines__icon_6 {
  top: 27px;
  left: -1px;
}
.home-disciplines__icon_7 {
  top: 18px;
}
.home-disciplines__icon_8 {
  top: 37px;
}
.home-disciplines__text {
  position: absolute;
  top: 152px;
  left: 0;
  width: 550px;
  padding-top: 215px;
  z-index: 1;
}
.home-disciplines__menu {
  float: right;
  padding-top: 172px;
  width: 262px;
}
@media only screen and (max-width: 1260px) {
  .home-disciplines__text {
    max-width: 400px;
  }
  .home-disciplines__menu {
    width: 252px;
  }
}
.home-disciplines__list {
  position: relative;
  padding: 0;
  margin: 30px 0 0 -60px;
  color: #fff;
  font-size: 18px;
  line-height: 51px;
}
.home-disciplines__list-itm {
  position: relative;
  padding-left: 165px;
  margin-left: -100px;
  width: 2000px;
  cursor: default;
  font-family: NHaasGroteskDSPro-65Md, 'Helvetica Neue', Helvetica, Arial,
    sans-serif;
  color: rgba(255, 255, 255, 0.7);
}
.home-disciplines__list-itm_active {
  color: #fff;
}
.home-disciplines__list-itm:before {
  display: block;
  position: absolute;
  left: 100px;
  top: 0;
  font-family: adobe-garamond-pro, 'Helvetica Neue', Helvetica, Arial,
    sans-serif;
  font-size: 20px;
}
.home-disciplines__list-itm:nth-child(-n + 10)::before {
  content: '0' counter(item);
}
.home-disciplines__list-itm:after {
  content: '';
  position: absolute;
  right: 100%;
  margin-right: -85px;
  top: 25px;
  height: 2px;
  width: 0;
  background: #fff;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  transition: 0.2s;
}
.home-disciplines__list-itm:hover:after,
.home-disciplines__list-itm_active:after {
  width: 34px;
  background: #fff;
}
@media only screen and (max-width: 1024px) {
  .home-disciplines {
    min-height: 768px;
  }
  .home-disciplines__icon {
    top: -54px;
  }
  .home-disciplines__icon_3 {
    top: -72px;
  }
  .home-disciplines__icon_4 {
    top: -53px;
  }
  .home-disciplines__icon_5 {
    top: -52px;
  }
  .home-disciplines__icon_6 {
    top: -61px;
  }
  .home-disciplines__icon_7 {
    top: -70px;
  }
  .home-disciplines__icon_8 {
    top: -51px;
  }
  .home-disciplines__title {
    font-size: 40px;
    line-height: 40px;
  }
  .home-disciplines__text {
    padding-top: 143px;
    width: 328px;
    margin-top: 61px;
  }
  .home-disciplines__text .home-copy__title {
    margin-bottom: 24px;
  }
  .home-disciplines__menu {
    padding-top: 111px;
    margin-top: 17px;
    margin-right: 38px;
    width: 257px;
  }
  .home-disciplines__list {
    margin-top: 21px;
    line-height: 56px;
  }
  .home-disciplines__list-itm {
    padding-left: 195px;
    margin-left: -100px;
  }
  .home-disciplines__list-itm:after {
    margin-right: -130px;
  }
  .home-disciplines__list-itm:before {
    left: 142px;
  }
  .home-disciplines__list-itm:hover:after,
  .home-disciplines__list-itm_active:after {
    width: 34px;
  }
}
@media only screen and (max-width: 1023px) {
  .home-disciplines__menu {
    width: 237px;
  }
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .home-disciplines {
    min-height: 830px;
    padding-bottom: 20px;
  }
  .home-disciplines__title {
    font-size: 46px;
    line-height: 52px;
  }
  .home-disciplines__text {
    display: none;
  }
  .home-disciplines__menu {
    float: none;
    margin-top: 0;
    width: auto;
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding-top: 57px;
  }
  .home-disciplines__menu-ic {
    position: absolute;
    left: 50%;
    top: 2px;
    display: block;
    width: 96px;
    height: 96px;
    margin-left: -48px;
  }
  .home-disciplines__list-itm:nth-child(3) .home-disciplines__menu-ic {
    top: -4px;
  }
  .home-disciplines__list-itm:nth-child(4) .home-disciplines__menu-ic {
    top: -3px;
  }
  .home-disciplines__list-itm:nth-child(5) .home-disciplines__menu-ic,
  .home-disciplines__list-itm:nth-child(6) .home-disciplines__menu-ic {
    top: 4px;
  }
  .home-disciplines__list-itm:nth-child(7) .home-disciplines__menu-ic {
    top: 12px;
  }
  .home-disciplines__list-itm:nth-child(8) .home-disciplines__menu-ic {
    top: 11px;
  }
  .home-disciplines__list {
    line-height: 56px;
    font-size: 0;
    margin: 35px -15px -10px;
  }
  .home-disciplines__list-itm {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    margin: 0;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 100px;
    min-height: 160px;
    cursor: pointer;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #fff;
  }
  .home-disciplines__list-itm:nth-child(7),
  .home-disciplines__list-itm:nth-child(8) {
    padding-top: 115px;
  }
  .home-disciplines__list-itm:after,
  .home-disciplines__list-itm:before {
    display: none;
  }
  .home-disciplines__list-itm_active {
    color: #fff;
  }
}
.home-footer {
  background: #fc4d3c;
}
.home-clients {
  padding-top: 66px;
  padding-bottom: 83px;
}
.home-clients__list {
  list-style: none;
  padding: 0;
  margin: 0 -12px;
  font-size: 0;
}
.home-clients__list-itm {
  display: inline-block;
  padding: 22px 44px 23px;
  width: 25%;
}
.home-clients__logo {
  width: 191px;
  height: 95px;
}
@media only screen and (max-width: 1260px) {
  .home-clients {
    padding-top: 70px;
    padding-bottom: 78px;
  }
  .home-clients__list {
    margin: 0 -12px;
  }
  .home-clients__list-itm {
    padding: 9px 20px 10px;
    text-align: center;
  }
  .home-clients__logo {
    width: 147px;
    height: 73px;
  }
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .home-clients {
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 30px;
    padding-bottom: 27px;
  }
  .home-clients__list {
    margin-left: -15px;
    margin-right: -15px;
  }
  .home-clients__list-itm {
    padding: 9px 0;
    width: 50%;
    text-align: center;
  }
  .home-clients__logo {
    width: 103px;
    height: 51px;
  }
}
.home-contact-us {
  padding-bottom: 123px;
  text-align: center;
  color: #fff;
}
.home-contact-us a {
  color: #fff;
  transition: 0.2s;
}
.home-contact-us a:hover {
  color: #962415;
}
.home-areas.j-dark,
.home-areas__overlay,
.home-header__subtitle-inner a,
.j-dark .home-areas__itm_miranda .home-copy,
.j-dark .home-areas__itm_miranda .home-copy__award-txt {
  color: #fff;
}
.home-contact-us__title {
  margin-bottom: 23px;
  font-size: 70px;
  line-height: 70px;
  font-weight: 400;
}
.home-contact-us__p {
  font-size: 30px;
  line-height: 40px;
  font-family: NHaasGroteskDSPro-75Bd, 'Helvetica Neue', Helvetica, Arial,
    sans-serif;
}
.section-fixed__bg_approach {
  background: url(../img/homepage/bg_ocean.jpg) 50% 100% no-repeat #000;
  position: absolute;
}
@media only screen and (min-width: 1920px) {
  .section-fixed__bg_approach {
    background-size: 100% auto;
  }
}
.section-fixed__bg_header {
  background: #1f1f1f;
}
.safari .section-fixed__bg_header {
  background-color: #232323;
}
.section-fixed__bg_header-inner {
  background: #1f1f1f;
}
.safari .section-fixed__bg_header-inner {
  background-color: #232323;
}
@media only screen and (min-width: 1920px) {
  .section-fixed__bg_header-inner {
    background-size: 100% auto;
  }
}
.section-fixed__bg_header-inner.j-hero-placeholder-shown {
  background: url(../img/homepage/bg_desert_placeholder.jpg) 50% 100% no-repeat
    #1f1f1f;
}
.safari .section-fixed__bg_header-inner.j-hero-placeholder-shown {
  background-color: #232323;
  background-image: url(../img/homepage/bg_desert_placeholder_safari.jpg);
}
.mobile .section-fixed__bg_header-inner {
  display: none;
}
.mobile .section-fixed__bg_header {
  background: url(../img/homepage/bg_desert_placeholder.jpg) 50% 100% no-repeat
    #1f1f1f;
  background-size: auto 374px;
}
@media only screen and (max-width: 1024px) {
  .home-contact-us {
    padding-bottom: 85px;
  }
  .home-contact-us__title {
    margin-bottom: 19px;
    font-size: 60px;
  }
  .mobile .section-fixed__bg_header-inner {
    display: none;
  }
  .mobile .section-fixed__bg_header {
    background: url(../img/homepage/bg_desert_placeholder.jpg) 50% 100%
      no-repeat #1f1f1f;
    background-size: auto 224px;
  }
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .home-contact-us {
    padding-bottom: 38px;
  }
  .home-contact-us__title {
    margin-bottom: 7px;
    font-size: 32px;
    line-height: 32px;
    font-weight: 400;
  }
  .home-contact-us__p {
    font-size: 14px;
    line-height: 30px;
    font-family: NHaasGroteskDSPro-65Md, 'Helvetica Neue', Helvetica, Arial,
      sans-serif;
  }
  .mobile .section-fixed__bg_header,
  .section-fixed__bg_header {
    background: url(../img/homepage/bg_header_phone@3x.jpg) 50% 100% no-repeat;
    background-size: cover;
  }
  .section-fixed__bg_header-inner {
    background: 0 0;
  }
}
.home-header__video {
  background: url(../img/homepage/bg_desert_placeholder.jpg) 50% 100% no-repeat;
  background-size: 100% auto;
}
.safari .home-header__video {
  background-image: url(../img/homepage/bg_desert_placeholder_safari.jpg);
}
.home-header__video-m {
  background: url(../img/homepage/bg_desert_mountain.png) 50% 100% no-repeat;
  background-size: 100% 100%;
}
.safari .home-header__video-m {
  background-image: url(../img/homepage/bg_desert_mountain_safari.png);
}
.home-works__iphone {
  background: url(../img/common/device/iPhone6w_1x.png) no-repeat;
  background-size: 351px 900px;
  width: 351px;
  height: 900px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .home-works__iphone {
    background: url(../img/common/device/iPhone6w_2x.png) no-repeat;
    background-size: 351px 900px;
  }
}
@media only screen and (max-width: 1024px) {
  .home-works__iphone {
    width: 255px;
    height: 654px;
    background-size: 255px 654px;
  }
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .home-works__iphone {
    background-image: url(../img/common/device/iphone_1_mob@2x.png);
    background-size: 255px 518px;
  }
}
.home-works__iphone-shade {
  background: url(../img/common/device/shadow_r_1x.png) no-repeat;
  background-size: 570px 900px;
  width: 570px;
  height: 900px;
  position: absolute;
  left: -50px;
  top: 0;
  z-index: -1;
}
.home-works__iphone-video_1 {
  background: url(../img/common/device/t_tipster_1x.jpg) no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .home-works__iphone-video_1 {
    background: url(../img/common/device/t_tipster_2x.jpg) no-repeat;
    background-size: 304px 704px;
  }
}
@media only screen and (max-width: 1024px) {
  .home-works__iphone-video_1 {
    background-size: 224px 514px;
  }
}
.home-works__iphone-video_3 {
  background: url(../img/homepage/t_fontspiration_1x.jpg) no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .home-works__iphone-video_3 {
    background: url(../img/homepage/t_fontspiration_2x.jpg) no-repeat;
    background-size: 304px 704px;
  }
}
@media only screen and (max-width: 1024px) {
  .home-works__iphone-video_3 {
    background-size: 224px 514px;
  }
}
.home-works__android {
  background: url(../img/homepage/android_1x.png) no-repeat;
  background-size: 350px 886px;
  width: 350px;
  height: 886px;
  position: absolute;
  top: -5px;
  left: 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .home-works__android {
    background: url(../img/homepage/android_2x.png) no-repeat;
    background-size: 350px 886px;
  }
}
@media only screen and (max-width: 1024px) {
  .home-works__android {
    width: 255px;
    height: 646px;
    background-size: 255px 646px;
  }
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .home-works__android {
    width: 255px;
    height: 518px;
    background-image: url(../img/homepage/android_yota_mob@2x.png);
    background-size: 255px 518px;
  }
}
.home-works__android-shade {
  background: url(../img/common/device/shadow_r_1x.png) no-repeat;
  background-size: 570px 900px;
  width: 570px;
  height: 900px;
  position: absolute;
  right: -50px;
  top: 0;
  z-index: -1;
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
}
.home-works__android-video {
  background: url(../img/homepage/t_yota_1x.gif) no-repeat;
  background-size: 312px 714px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .home-works__android-video {
    background: url(../img/homepage/t_yota_2x.gif) no-repeat;
    background-size: 312px 714px;
  }
}
@media only screen and (max-width: 1024px) {
  .home-works__android-video {
    background-size: 227px 519px;
  }
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .home-works__device-screen_1 {
    background: url(../img/common/device/screen_tipster_mob@2x.jpg);
    background-size: 100% 100%;
  }
  .home-works__device-screen_3 {
    background: url(../img/homepage/screen_fontsp_mob@2x.jpg);
    background-size: 100% 100%;
  }
}
.home-news__img-bg {
  background: url(../img/blog/sf_preview.jpg) 50% 50% no-repeat;
  background-size: cover;
  transition: all 10s;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .home-news__img-bg {
    background-image: url(../img/blog/sf_preview@2x.jpg);
  }
}
.home-areas__title-icon {
  background-image: none;
}
.home-areas__device_startups {
  width: 1139px;
  height: 713px;
  background: url(../img/homepage/smack_iphone.jpg);
  background-size: 100% 100%;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .home-areas__device_startups {
    background-image: url(../img/homepage/smack_iphone@2x.jpg);
  }
}
.home-areas__device_adp-watch {
  width: 121px;
  height: 231px;
  background: url(../img/common/device/adp-watch.png) no-repeat;
  background-size: 100% 100%;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .home-areas__device_adp-watch {
    background-image: url(../img/common/device/adp-watch@2x.png);
  }
}
.home-areas__device_adp-phone {
  width: 166px;
  height: 352px;
  background: url(../img/common/device/adp-phone.png) no-repeat;
  background-size: 100% 100%;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .home-areas__device_adp-phone {
    background-image: url(../img/common/device/adp-phone@2x.png);
  }
}
.home-areas__device_adp-ipad {
  width: 540px;
  height: 396px;
  background: url(../img/common/device/adp-ipad.png) no-repeat;
  background-size: 100% 100%;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .home-areas__device_adp-ipad {
    background-image: url(../img/common/device/adp-ipad@2x.png);
  }
}
.home-areas__device_adp-macbook {
  width: 1102px;
  height: 566px;
  background: url(../img/common/device/adp-macbook.png) no-repeat;
  background-size: 100% 100%;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .home-areas__device_adp-macbook {
    background-image: url(../img/common/device/adp-macbook@2x.png);
  }
}
.home-areas__device_sony {
  width: 408px;
  height: 800px;
  background: url(../img/homepage/sony-phone.png) no-repeat;
  background-size: 100%;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .home-areas__device_sony {
    background-image: url(../img/homepage/sony-phone@2x.png);
  }
}
.home-areas__device_sony-screen {
  background: url(../img/homepage/sony-phone-screen.jpg) no-repeat;
  background-size: 100%;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .home-areas__device_sony-screen {
    background-image: url(../img/homepage/sony-phone-screen@2x.jpg);
  }
}
.home-areas .phone_miranda {
  background: url(../img/homepage/iphone.png) no-repeat;
  background-size: 398px 816px;
  width: 398px;
  height: 816px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .home-areas .phone_miranda {
    background-image: url(../img/homepage/iphone@2x.png);
  }
}
.home-areas .phone_miranda__anim-screen {
  position: absolute;
  top: 101px;
  left: 27px;
  width: 344px;
  height: 612px;
}
.home-areas .phone_miranda__screen {
  display: none;
  position: absolute;
  top: 144px;
  left: 68px;
  width: 338px;
  height: 600px;
}
.home-areas .phone_miranda__screen_light {
  background: url(../img/homepage/animations/miranda_screen_light.jpg) no-repeat;
  background-size: 338px 600px;
}
.home-areas .phone_miranda__screen_night {
  background: url(../img/homepage/animations/miranda_screen_night.jpg) no-repeat;
  background-size: 338px 600px;
}
@media only screen and (max-width: 1024px) {
  .home-areas__device_startups {
    width: 836px;
    height: 547px;
  }
  .home-areas__device_adp {
    width: 1024px;
    height: 412px;
    background: url(../img/common/device/adp_tablet@2x.jpg);
    background-size: 100% 100%;
  }
  .home-areas__device_sony {
    width: 275px;
    height: 539px;
  }
  .home-areas .phone_miranda {
    background: url(../img/homepage/animations/phone_miranda.png) no-repeat;
    background-size: 325px 606px;
    width: 325px;
    height: 606px;
  }
  .home-areas .phone_miranda__anim-screen {
    display: none;
  }
  .home-areas .phone_miranda__screen {
    display: block;
    position: absolute;
    top: 99px;
    left: 47px;
    width: 230px;
    height: 410px;
  }
  .home-areas .phone_miranda__screen_light {
    background: url(../img/homepage/animations/miranda_screen_light.jpg)
      no-repeat;
    background-size: 230px 410px;
  }
  .home-areas .phone_miranda__screen_night {
    background: url(../img/homepage/animations/miranda_screen_night.jpg)
      no-repeat;
    background-size: 230px 410px;
  }
  .home-spinrilla__cover {
    display: none;
  }
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .home-areas__device_startups {
    width: 486px;
    height: 324px;
    background: url(../img/homepage/smack_iphone_mob@2x.jpg);
    background-size: 100% 100%;
  }
  .home-areas__device_adp {
    width: 558px;
    height: 283px;
    background: url(../img/common/device/adp_mob@2x.jpg);
    background-size: 100% 100%;
  }
  .home-areas__device_sony {
    width: 210px;
    height: 412px;
  }
  .home-areas .phone_miranda {
    background: url(../img/homepage/animations/phone_miranda.png) no-repeat;
    background-size: 239px 445px;
    width: 239px;
    height: 445px;
  }
  .home-areas .phone_miranda__screen {
    position: absolute;
    top: 73px;
    left: 35px;
    width: 169px;
    height: 301px;
  }
  .home-areas .phone_miranda__screen_light {
    background: url(../img/homepage/animations/miranda_screen_light.jpg)
      no-repeat;
    background-size: 169px 301px;
  }
  .home-areas .phone_miranda__screen_night {
    background: url(../img/homepage/animations/miranda_screen_night.jpg)
      no-repeat;
    background-size: 169px 301px;
  }
}
.home-disciplines__icon {
  background-image: none;
}
.home-disciplines__icon_1,
.home-disciplines__icon_2 {
  width: 118px;
  height: 118px;
}
.home-disciplines__icon_3 {
  width: 180px;
  height: 150px;
}
.home-disciplines__icon_4 {
  width: 185px;
  height: 115px;
}
.home-disciplines__icon_5 {
  width: 114px;
  height: 114px;
}
.home-disciplines__icon_6 {
  width: 131px;
  height: 131px;
}
.home-disciplines__icon_7 {
  width: 107px;
  height: 150px;
}
.home-disciplines__icon_8 {
  width: 148px;
  height: 111px;
}
.home-speedtest .section-gradient {
  background: linear-gradient(to top, rgba(10, 12, 31, 0) 0, #131313 100%);
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
  opacity: 0;
}
.home-spinrilla {
  background-color: #101010;
}
.home-spinrilla__cover {
  opacity: 1;
  width: 110%;
  height: 110%;
  background: url(../img/homepage/spinrilla_bg.jpg) 50% 50% no-repeat;
  background-size: cover;
  position: relative;
  z-index: -1;
  top: 0;
}
.home-spinrilla__gradient {
  background: linear-gradient(to bottom, rgba(10, 12, 31, 0) 0, #0a0c1f 100%);
  height: 50%;
  top: 50%;
  width: 100%;
  position: absolute;
  z-index: 2;
}
.home-spinrilla__screen {
  width: 360px;
  height: 591px;
  background-repeat: no-repeat;
  background-size: 360px 591px;
}
.home-spinrilla__screen_1 {
  background-image: url(../img/homepage/spinrilla_cover_1.jpg);
}
.home-spinrilla__screen_2 {
  background-image: url(../img/homepage/spinrilla_cover_2.jpg);
}
.home-spinrilla__screen_3 {
  background-image: url(../img/homepage/spinrilla_cover_3.jpg);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .home-spinrilla__screen_1 {
    background-image: url(../img/homepage/spinrilla_cover_1@2x.jpg);
  }
  .home-spinrilla__screen_2 {
    background-image: url(../img/homepage/spinrilla_cover_2@2x.jpg);
  }
  .home-spinrilla__screen_3 {
    background-image: url(../img/homepage/spinrilla_cover_3@2x.jpg);
  }
}
@media only screen and (max-width: 1260px) {
  .home-spinrilla__cover {
    background-image: url(../img/homepage/spinrilla_bg_tblt@2x.jpg);
  }
  .home-spinrilla__screen {
    width: 270px;
    height: 443px;
    background-size: 270px 443px;
  }
}
@media only screen and (max-width: 1024px) {
  .home-spinrilla {
    background-image: url(../img/homepage/spinrilla_bg_tblt@2x.jpg);
  }
  .home-spinrilla__screen {
    width: 270px;
    height: 443px;
    background-size: 270px 443px;
  }
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .home-spinrilla {
    background: #101010;
  }
  .home-spinrilla:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 300px;
    background: linear-gradient(to bottom, #101010 0, #0a0c1f 100%);
  }
  .home-spinrilla__screens {
    width: 269px;
    height: 298px;
    background-image: url(../img/homepage/spinrilla_covers_mob@2x.jpg);
    background-size: 100% 100%;
  }
  .home-spinrilla__screen {
    display: none;
  }
}
.home-speedtest__speedtest {
  width: 450px;
  height: 470px;
  background: url(../img/homepage/speedtest.jpg) no-repeat;
  background-size: 100% 100%;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .home-speedtest__speedtest {
    background-image: url(../img/homepage/speedtest@2x.jpg);
  }
}
.home-speedtest__layer {
  background-repeat: no-repeat;
  background-size: 1920px 1080px;
}
.home-speedtest__layer_1 {
  background-image: url(../img/homepage/animations/speedtest_dots_1.png);
}
.home-speedtest__layer_2 {
  background-image: url(../img/homepage/animations/speedtest_dots_2.png);
}
.home-speedtest__layer_3 {
  background-image: url(../img/homepage/animations/speedtest_dots_3.png);
}
.home-speedtest__layer_4 {
  background-image: url(../img/homepage/animations/speedtest_dots_4.png);
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .home-speedtest__speedtest {
    width: 222px;
    height: 232px;
    background-image: url(../img/homepage/speedtest.jpg);
    background-size: 222px 232px;
  }
  .home-approach__main {
    background: url(../img/homepage/bg_approach_mob@2x.jpg) 50% 100% no-repeat;
    background-size: 100% auto;
  }
  .home-approach__main:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 20%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0) 0, #000 100%);
  }
}
.home-news__itm:hover .home-news__img-bg {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
.j-trigger-show {
  opacity: 0;
  transition: opacity 1s;
}
.mobile .j-trigger-show {
  opacity: 1;
  transition: none;
}
.j-trigger-show.j-visible,
.j-trigger-show.j-visible.home-approach__title-icon_2,
.j-trigger-show.j-visible.home-are-used__title-icon_1 {
  opacity: 1;
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeSlideIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeSlideIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.j-fadein-scrollout-trigger,
.j-fadein-trigger {
  opacity: 0;
}
.mobile .j-fadein-scrollout-trigger,
.mobile .j-fadein-trigger {
  opacity: 1;
}
.j-visible.j-fadein-scrollout-trigger,
.j-visible.j-fadein-trigger {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.j-fadeslidein-trigger {
  opacity: 0;
}
.mobile .j-fadeslidein-trigger {
  opacity: 1;
}
.j-visible.j-fadeslidein-trigger {
  -webkit-animation-name: fadeSlideIn;
  animation-name: fadeSlideIn;
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.j-visible.j-fadeslidein-trigger.anim-1 {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
.j-visible.j-fadeslidein-trigger.anim-2 {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}
.j-visible.j-fadeslidein-trigger.anim-3 {
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
}
.j-visible.j-fadeslidein-trigger.anim-4 {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}
.j-visible.j-fadeslidein-trigger.anim-5 {
  -webkit-animation-delay: 1.8s;
  animation-delay: 1.8s;
}
.j-visible.j-fadeslidein-trigger.anim-6 {
  -webkit-animation-delay: 2.2s;
  animation-delay: 2.2s;
}
.j-visible.j-fadeslidein-trigger.anim-7 {
  -webkit-animation-delay: 2.5s;
  animation-delay: 2.5s;
}
.j-fadeslidein-scrollout-trigger {
  opacity: 0;
}
.mobile .j-fadeslidein-scrollout-trigger {
  opacity: 1;
}
.j-visible.j-fadeslidein-scrollout-trigger {
  -webkit-animation-name: fadeSlideIn;
  animation-name: fadeSlideIn;
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.nav__logo a {
  transition: color 1s;
  visibility: visible;
}
.mobile .nav__logo a {
  transition: none;
}
.j-hero-hide-menu .nav__logo a {
  color: #fff;
  visibility: hidden;
}
.nav__control {
  transition: opacity 1s;
}
.j-hero-hide-menu .nav__control {
  opacity: 0;
}
.mobile .nav__control {
  transition: none;
}
@-webkit-keyframes clientLogoShow {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes clientLogoShow {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.home-clients li:nth-of-type(0) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.home-clients li:nth-of-type(1) {
  -webkit-animation-delay: 20ms;
  animation-delay: 20ms;
}
.home-clients li:nth-of-type(2) {
  -webkit-animation-delay: 40ms;
  animation-delay: 40ms;
}
.home-clients li:nth-of-type(3) {
  -webkit-animation-delay: 60ms;
  animation-delay: 60ms;
}
.home-clients li:nth-of-type(4) {
  -webkit-animation-delay: 80ms;
  animation-delay: 80ms;
}
.home-clients li:nth-of-type(5) {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.home-clients li:nth-of-type(6) {
  -webkit-animation-delay: 0.12s;
  animation-delay: 0.12s;
}
.home-clients li:nth-of-type(7) {
  -webkit-animation-delay: 0.14s;
  animation-delay: 0.14s;
}
.home-clients li:nth-of-type(8) {
  -webkit-animation-delay: 0.16s;
  animation-delay: 0.16s;
}
.home-clients li:nth-of-type(9) {
  -webkit-animation-delay: 0.18s;
  animation-delay: 0.18s;
}
.home-clients li:nth-of-type(10) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.home-clients li:nth-of-type(11) {
  -webkit-animation-delay: 0.22s;
  animation-delay: 0.22s;
}
.home-clients li:nth-of-type(12) {
  -webkit-animation-delay: 0.24s;
  animation-delay: 0.24s;
}
.home-clients .home-clients__list li.j-visible {
  -webkit-animation-name: clientLogoShow;
  animation-name: clientLogoShow;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  opacity: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
@-webkit-keyframes titleShow {
  0% {
    opacity: 0;
  }
  33%,
  66% {
    opacity: 1;
  }
  100% {
    opacity: 0.46;
  }
}
@keyframes titleShow {
  0% {
    opacity: 0;
  }
  33%,
  66% {
    opacity: 1;
  }
  100% {
    opacity: 0.46;
  }
}
@-webkit-keyframes titleShow__light {
  0% {
    opacity: 0;
  }
  66% {
    opacity: 1;
  }
  100% {
    opacity: 0.46;
  }
}
@keyframes titleShow__light {
  0% {
    opacity: 0;
  }
  66% {
    opacity: 1;
  }
  100% {
    opacity: 0.46;
  }
}
.home-header__title-inner span {
  -webkit-animation-name: titleShow;
  animation-name: titleShow;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  animation-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.mobile .home-header__title-inner span {
  -webkit-animation: none;
  animation: none;
}
.safari .home-header__title-inner span {
  -webkit-animation-name: titleShow__light;
  animation-name: titleShow__light;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.j-hero-title-hidden .home-header__title-inner span {
  opacity: 0;
}
.home-header__title-inner span:nth-of-type(0) {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
.home-header__title-inner span:nth-of-type(1) {
  -webkit-animation-delay: 2.1s;
  animation-delay: 2.1s;
}
.home-header__title-inner span:nth-of-type(2) {
  -webkit-animation-delay: 2.2s;
  animation-delay: 2.2s;
}
.home-header__title-inner span:nth-of-type(3) {
  -webkit-animation-delay: 2.3s;
  animation-delay: 2.3s;
}
.home-header__title-inner span:nth-of-type(4) {
  -webkit-animation-delay: 2.4s;
  animation-delay: 2.4s;
}
.home-header__title-inner span:nth-of-type(5) {
  -webkit-animation-delay: 2.5s;
  animation-delay: 2.5s;
}
.home-header__title-inner span:nth-of-type(6) {
  -webkit-animation-delay: 2.6s;
  animation-delay: 2.6s;
}
.home-header__title-inner span:nth-of-type(7) {
  -webkit-animation-delay: 2.7s;
  animation-delay: 2.7s;
}
.home-header__title-inner span:nth-of-type(8) {
  -webkit-animation-delay: 2.8s;
  animation-delay: 2.8s;
}
.home-header__title-inner span:nth-of-type(9) {
  -webkit-animation-delay: 2.9s;
  animation-delay: 2.9s;
}
.home-header__title-inner span:nth-of-type(10) {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}
.home-header__title-inner span:nth-of-type(11) {
  -webkit-animation-delay: 3.1s;
  animation-delay: 3.1s;
}
.home-header__title-inner span:nth-of-type(12) {
  -webkit-animation-delay: 3.2s;
  animation-delay: 3.2s;
}
.home-header__title-inner span:nth-of-type(13) {
  -webkit-animation-delay: 3.3s;
  animation-delay: 3.3s;
}
.home-header__title-inner span:nth-of-type(14) {
  -webkit-animation-delay: 3.4s;
  animation-delay: 3.4s;
}
.home-header__title-inner span:nth-of-type(15) {
  -webkit-animation-delay: 3.5s;
  animation-delay: 3.5s;
}
.home-header__title-inner span:nth-of-type(16) {
  -webkit-animation-delay: 3.6s;
  animation-delay: 3.6s;
}
.home-header__title-inner span:nth-of-type(17) {
  -webkit-animation-delay: 3.7s;
  animation-delay: 3.7s;
}
.home-header__title-inner span:nth-of-type(18) {
  -webkit-animation-delay: 3.8s;
  animation-delay: 3.8s;
}
.home-header__title-inner span:nth-of-type(19) {
  -webkit-animation-delay: 3.9s;
  animation-delay: 3.9s;
}
.home-header__title-inner span:nth-of-type(20) {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}
.home-header__title-inner span:nth-of-type(21) {
  -webkit-animation-delay: 4.1s;
  animation-delay: 4.1s;
}
.j-hero-subtitle-animate .home-header__subtitle-inner.first {
  transition: opacity 0.7s 4s, -webkit-transform 0.7s 4s;
  transition: opacity 0.7s 4s, transform 0.7s 4s;
}
.mobile .j-hero-subtitle-animate .home-header__subtitle-inner.first {
  transition: none;
}
.j-hero-subtitle-hidden .home-header__subtitle-inner.first {
  opacity: 0;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}
.j-hero-subtitle-animate .home-header__subtitle-inner.second {
  transition: opacity 0.7s 4.2s, -webkit-transform 0.7s 4.2s;
  transition: opacity 0.7s 4.2s, transform 0.7s 4.2s;
}
.mobile .j-hero-subtitle-animate .home-header__subtitle-inner.second {
  transition: none;
}
.j-hero-subtitle-hidden .home-header__subtitle-inner.second {
  opacity: 0;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}
.home-header .section-fixed__bg_header-inner {
  transition: opacity 3s, -webkit-transform 7s;
  transition: opacity 3s, transform 7s;
  opacity: 0.99;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transform-origin: 50% calc(100% - 295px);
  -ms-transform-origin: 50% calc(100% - 295px);
  transform-origin: 50% calc(100% - 295px);
}
.mobile .home-header .section-fixed__bg_header-inner {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  transition: none;
}
.home-header .section-fixed__bg_header-inner.j-hero-bg-hidden {
  opacity: 0.01;
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
.home-works.j-hero-loading {
  transition: margin-top 0.3s;
}
.j-hero-loading .home-works__bg_blue {
  transition: background-color 1s 0.2s;
}
.home-works.j-hero-bottom-hidden {
  margin-top: 0;
}
.j-hero-bottom-hidden .home-works__bg_blue {
  background-color: #fff;
}
.mobile .j-hero-bottom-hidden .home-works__bg_blue {
  background-color: #25adff;
}
.home-speedtest__overlay {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.home-approach__overlay,
.home-approach__overlay_black {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.home-approach__overlay.j-move-to-gpu,
.home-approach__overlay_black.j-move-to-gpu {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.home-are-used .j-light__overlay,
.home-areas .j-light__overlay,
.home-spinrilla .j-light__overlay {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.home-are-used.j-move-to-gpu .j-light__overlay,
.home-areas.j-move-to-gpu .j-light__overlay,
.home-spinrilla.j-move-to-gpu .j-light__overlay {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.home-disciplines__text .home-copy__title {
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.home-disciplines__text .home-copy__txt {
  opacity: 0;
  transition: opacity 0.6s cubic-bezier(0.22, 0.61, 0.36, 1),
    -webkit-transform 1.2s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s;
  transition: opacity 0.6s cubic-bezier(0.22, 0.61, 0.36, 1),
    transform 1.2s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s;
}
.home-disciplines__text .home-disciplines__icon {
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.home-areas.j-dark .home-areas__overlay,
.home-disciplines__text_active .home-copy__title,
.home-disciplines__text_active .home-copy__txt,
.home-disciplines__text_active .home-disciplines__icon {
  opacity: 1;
}
.home-disciplines__text_active {
  opacity: 1;
  z-index: 2;
}
.home-areas {
  transition: color 0.7s;
}
.home-areas__overlay {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #101010;
  transition: opacity 0.7s;
  opacity: 0;
}
.home-areas__itm_miranda {
  transition: background-color 0.7s;
}
.home-areas__itm_miranda .phone_miranda__screen_light {
  opacity: 1;
  transition: opacity 0.7s;
}
.home-areas__itm_miranda .phone_miranda__screen_night {
  opacity: 0;
  transition: opacity 0.7s;
}
.home-areas__itm_miranda .miranda-app {
  transition: background-color 0.7s, color 0.7s;
}
.home-areas__itm_miranda .miranda-app__colon-ic,
.home-areas__itm_miranda .miranda-app__location-ic,
.home-areas__itm_miranda .miranda-app__statusbar-img {
  transition: fill 0.7s;
}
.home-areas__itm_miranda .miranda-app__wheel-img {
  transition: stroke 0.7s;
}
.j-dark .home-areas__itm_miranda .home-copy__award-branch_l,
.j-dark .home-areas__itm_miranda .home-copy__award-branch_r,
.j-dark .home-areas__itm_miranda .home-copy__award-ic {
  fill: #b9b9b9;
  transition: fill 0.7s;
}
.j-dark .home-areas__itm_miranda .phone_miranda__screen_light {
  opacity: 0;
}
.j-dark .home-areas__itm_miranda .phone_miranda__screen_night {
  opacity: 1;
}
.j-dark .home-areas__itm_miranda .miranda-app {
  background: #1a1a1a;
  color: grey;
}
.j-dark .home-areas__itm_miranda .miranda-app__location-ic {
  fill: #4c4c4c;
}
.j-dark .home-areas__itm_miranda .miranda-app__colon-ic {
  fill: grey;
}
.j-dark .home-areas__itm_miranda .miranda-app__statusbar-img {
  fill: #fff;
}
.j-dark .home-areas__itm_miranda .miranda-app__wheel-img {
  stroke: grey;
}
.home-areas__itm_adp .home-areas__device_adp-watch {
  -webkit-transform: translate3d(425px, 0, 0);
  transform: translate3d(425px, 0, 0);
}
.home-areas__itm_adp .home-areas__device_adp-phone {
  -webkit-transform: translate3d(357px, 0, 0);
  transform: translate3d(357px, 0, 0);
}
.home-areas__itm_adp .home-areas__device_adp-ipad {
  -webkit-transform: translate3d(260px, 0, 0);
  transform: translate3d(260px, 0, 0);
}
.home-areas__itm_adp .home-areas__device_adp-macbook {
  -webkit-transform: translate3d(17px, 0, 0);
  transform: translate3d(17px, 0, 0);
}
.home-areas__itm_adp .j-visible .home-areas__device_adp-ipad,
.home-areas__itm_adp .j-visible .home-areas__device_adp-macbook,
.home-areas__itm_adp .j-visible .home-areas__device_adp-phone,
.home-areas__itm_adp .j-visible .home-areas__device_adp-watch {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  transition: -webkit-transform 1s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 1s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.mobile .home-are-used,
.mobile .home-spinrilla {
  transition: none;
}
.home-are-used .j-light__overlay,
.home-spinrilla .j-light__overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0;
  transition: opacity 0.7s;
}
html:not(.mobile) .home-are-used.j-light .j-light__overlay,
html:not(.mobile) .home-spinrilla.j-light .j-light__overlay {
  opacity: 1;
}
.home-spinrilla__screen_1,
.home-spinrilla__screen_2,
.home-spinrilla__screen_3 {
  -webkit-transform: translate3d(260px, 0, 0) perspective(1150px)
    rotateY(-30deg);
  transform: translate3d(260px, 0, 0) perspective(1150px) rotateY(-30deg);
}
.mobile .home-spinrilla__screen_1,
.mobile .home-spinrilla__screen_2,
.mobile .home-spinrilla__screen_3 {
  -webkit-transform: translate3d(0, 0, 0) perspective(1150px) rotateY(-30deg);
  transform: translate3d(0, 0, 0) perspective(1150px) rotateY(-30deg);
}
.j-visible .home-spinrilla__screen_1 {
  -webkit-transform: translate3d(0, 0, 0) perspective(1150px) rotateY(-30deg);
  transform: translate3d(0, 0, 0) perspective(1150px) rotateY(-30deg);
  transition: -webkit-transform 0.75s 0.45s
    cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 0.75s 0.45s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.j-visible .home-spinrilla__screen_2 {
  -webkit-transform: translate3d(0, 0, 0) perspective(1150px) rotateY(-30deg);
  transform: translate3d(0, 0, 0) perspective(1150px) rotateY(-30deg);
  transition: -webkit-transform 0.75s 225ms
    cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 0.75s 225ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.j-visible .home-spinrilla__screen_3 {
  -webkit-transform: translate3d(0, 0, 0) perspective(1150px) rotateY(-30deg);
  transform: translate3d(0, 0, 0) perspective(1150px) rotateY(-30deg);
  transition: -webkit-transform 0.75s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 0.75s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
@-webkit-keyframes horizontalLine {
  0% {
    opacity: 0;
  }
  2.5% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes horizontalLine {
  0% {
    opacity: 0;
  }
  2.5% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.home-header__animation_type_wireframe
  .home-header__animation-part.line-horizontal,
.home-header__animation_type_wireframe .home-header__animation-part.line-pair {
  opacity: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.home-header__animation_type_wireframe.home-header__animation_active
  .home-header__animation-part.line-horizontal {
  -webkit-animation-name: horizontalLine;
  animation-name: horizontalLine;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.666s;
  animation-duration: 0.666s;
  -webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
.home-header__animation_type_wireframe.home-header__animation_active
  .home-header__animation-part.line-pair {
  -webkit-animation-name: horizontalLine;
  animation-name: horizontalLine;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1.549s;
  animation-duration: 1.549s;
  -webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
.home-header__animation_type_wireframe.home-header__animation_active
  .home-header__animation-part.line-horizontal:nth-of-type(0) {
  -webkit-animation-delay: 3.58327s;
  animation-delay: 3.58327s;
}
.home-header__animation_type_wireframe.home-header__animation_active
  .home-header__animation-part.line-horizontal:nth-of-type(1) {
  -webkit-animation-delay: 3.49994s;
  animation-delay: 3.49994s;
}
.home-header__animation_type_wireframe.home-header__animation_active
  .home-header__animation-part.line-horizontal:nth-of-type(2) {
  -webkit-animation-delay: 3.41661s;
  animation-delay: 3.41661s;
}
.home-header__animation_type_wireframe.home-header__animation_active
  .home-header__animation-part.line-horizontal:nth-of-type(3) {
  -webkit-animation-delay: 3.33328s;
  animation-delay: 3.33328s;
}
.home-header__animation_type_wireframe.home-header__animation_active
  .home-header__animation-part.line-horizontal:nth-of-type(4) {
  -webkit-animation-delay: 3.24995s;
  animation-delay: 3.24995s;
}
.home-header__animation_type_wireframe.home-header__animation_active
  .home-header__animation-part.line-horizontal:nth-of-type(5) {
  -webkit-animation-delay: 3.16662s;
  animation-delay: 3.16662s;
}
.home-header__animation_type_wireframe.home-header__animation_active
  .home-header__animation-part.line-horizontal:nth-of-type(6) {
  -webkit-animation-delay: 3.08329s;
  animation-delay: 3.08329s;
}
.home-header__animation_type_wireframe.home-header__animation_active
  .home-header__animation-part.line-horizontal:nth-of-type(7) {
  -webkit-animation-delay: 2.99996s;
  animation-delay: 2.99996s;
}
.home-header__animation_type_wireframe.home-header__animation_active
  .home-header__animation-part.line-horizontal:nth-of-type(8) {
  -webkit-animation-delay: 2.91663s;
  animation-delay: 2.91663s;
}
.home-header__animation_type_wireframe.home-header__animation_active
  .home-header__animation-part.line-horizontal:nth-of-type(9) {
  -webkit-animation-delay: 2.8333s;
  animation-delay: 2.8333s;
}
.home-header__animation_type_wireframe.home-header__animation_active
  .home-header__animation-part.line-horizontal:nth-of-type(10) {
  -webkit-animation-delay: 2.74997s;
  animation-delay: 2.74997s;
}
.home-header__animation_type_wireframe.home-header__animation_active
  .home-header__animation-part.line-horizontal:nth-of-type(11) {
  -webkit-animation-delay: 2.66664s;
  animation-delay: 2.66664s;
}
.home-header__animation_type_wireframe.home-header__animation_active
  .home-header__animation-part.line-horizontal:nth-of-type(12) {
  -webkit-animation-delay: 2.58331s;
  animation-delay: 2.58331s;
}
.home-header__animation_type_wireframe.home-header__animation_active
  .home-header__animation-part.line-horizontal:nth-of-type(13) {
  -webkit-animation-delay: 2.49998s;
  animation-delay: 2.49998s;
}
.home-header__animation_type_wireframe.home-header__animation_active
  .home-header__animation-part.line-pair:nth-of-type(13) {
  -webkit-animation-delay: 2.8333s;
  animation-delay: 2.8333s;
}
.home-header__animation_type_wireframe.home-header__animation_active
  .home-header__animation-part.line-pair:nth-of-type(14) {
  -webkit-animation-delay: 2.799968s;
  animation-delay: 2.799968s;
}
.home-header__animation_type_wireframe.home-header__animation_active
  .home-header__animation-part.line-pair:nth-of-type(15) {
  -webkit-animation-delay: 2.766636s;
  animation-delay: 2.766636s;
}
.home-header__animation_type_wireframe.home-header__animation_active
  .home-header__animation-part.line-pair:nth-of-type(16) {
  -webkit-animation-delay: 2.733304s;
  animation-delay: 2.733304s;
}
.home-header__animation_type_wireframe.home-header__animation_active
  .home-header__animation-part.line-pair:nth-of-type(17) {
  -webkit-animation-delay: 2.699972s;
  animation-delay: 2.699972s;
}
.home-header__animation_type_wireframe.home-header__animation_active
  .home-header__animation-part.line-pair:nth-of-type(18) {
  -webkit-animation-delay: 2.66664s;
  animation-delay: 2.66664s;
}
.home-header__animation_type_wireframe.home-header__animation_active
  .home-header__animation-part.line-pair:nth-of-type(19) {
  -webkit-animation-delay: 2.633308s;
  animation-delay: 2.633308s;
}
.home-header__animation_type_wireframe.home-header__animation_active
  .home-header__animation-part.line-pair:nth-of-type(20) {
  -webkit-animation-delay: 2.599976s;
  animation-delay: 2.599976s;
}
.home-header__animation_type_wireframe.home-header__animation_active
  .home-header__animation-part.line-pair:nth-of-type(21) {
  -webkit-animation-delay: 2.566644s;
  animation-delay: 2.566644s;
}
.home-header__animation_type_wireframe.home-header__animation_active
  .home-header__animation-part.line-pair:nth-of-type(22) {
  -webkit-animation-delay: 2.533312s;
  animation-delay: 2.533312s;
}
.home-header__animation_type_wireframe.home-header__animation_active
  .home-header__animation-part.line-pair:nth-of-type(23) {
  -webkit-animation-delay: 2.49998s;
  animation-delay: 2.49998s;
}
.home-header__animation_type_wireframe.home-header__animation_active
  .home-header__animation-part.line-pair:nth-of-type(24) {
  -webkit-animation-delay: 2.466648s;
  animation-delay: 2.466648s;
}
.home-header__animation_type_wireframe.home-header__animation_active
  .home-header__animation-part.line-pair:nth-of-type(25) {
  -webkit-animation-delay: 2.433316s;
  animation-delay: 2.433316s;
}
.home-header__animation_type_wireframe.home-header__animation_active
  .home-header__animation-part.line-pair:nth-of-type(26) {
  -webkit-animation-delay: 2.399984s;
  animation-delay: 2.399984s;
}
.home-header__animation_type_wireframe.home-header__animation_active
  .home-header__animation-part.line-pair:nth-of-type(27) {
  -webkit-animation-delay: 2.366652s;
  animation-delay: 2.366652s;
}
.home-header__animation_type_wireframe.home-header__animation_active
  .home-header__animation-part.line-pair:nth-of-type(28) {
  -webkit-animation-delay: 2.33332s;
  animation-delay: 2.33332s;
}
.home-header__animation_type_wireframe.home-header__animation_active
  .home-header__animation-part.line-pair:nth-of-type(29) {
  -webkit-animation-delay: 2.299988s;
  animation-delay: 2.299988s;
}
.home-header__animation_type_wireframe.home-header__animation_active
  .home-header__animation-part.line-pair:nth-of-type(30) {
  -webkit-animation-delay: 2.266656s;
  animation-delay: 2.266656s;
}
.home-header__animation_type_wireframe.home-header__animation_active
  .home-header__animation-part.line-pair:nth-of-type(31) {
  -webkit-animation-delay: 2.233324s;
  animation-delay: 2.233324s;
}
.home-header__animation_type_wireframe.home-header__animation_active
  .home-header__animation-part.line-pair:nth-of-type(32) {
  -webkit-animation-delay: 2.199992s;
  animation-delay: 2.199992s;
}
.home-header__animation_type_wireframe.home-header__animation_active
  .home-header__animation-part.line-pair:nth-of-type(33) {
  -webkit-animation-delay: 2.16666s;
  animation-delay: 2.16666s;
}
.home-header__animation_type_wireframe.home-header__animation_active
  .home-header__animation-part.line-pair:nth-of-type(34) {
  -webkit-animation-delay: 2.133328s;
  animation-delay: 2.133328s;
}
.home-header__animation_type_wireframe.home-header__animation_active
  .home-header__animation-part.line-pair:nth-of-type(35) {
  -webkit-animation-delay: 2.099996s;
  animation-delay: 2.099996s;
}
.home-header__animation_type_wireframe.home-header__animation_active
  .home-header__animation-part.line-pair:nth-of-type(36) {
  -webkit-animation-delay: 2.066664s;
  animation-delay: 2.066664s;
}
.home-header__animation_type_wireframe.home-header__animation_active
  .home-header__animation-part.line-pair:nth-of-type(37) {
  -webkit-animation-delay: 2.033332s;
  animation-delay: 2.033332s;
}
.home-header__animation_type_wireframe.home-header__animation_active
  .home-header__animation-part.line-pair:nth-of-type(38) {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
.open-menu {
  position: fixed;
  background: #fff;
  z-index: -100;
  width: 100%;
  height: 100%;
  left: -9999px;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.blog-post-section__txt,
.landing-checklist__main,
.landing-copy__main,
.landing-header,
.landing-steps__list,
.more-wrap,
.open-menu__work,
.page-sfcd .cedilla,
.page-sfcd .glyphs,
.page-sfcd .stylistic-alternates,
.phone-wrap,
.phone-wrap-screen,
.post-preview__img-wrap,
.work-section__txt,
.yota-ui {
  overflow: hidden;
}
.android .open-menu {
  min-height: calc(100% + 56px);
}
.page_menu .open-menu {
  left: 0;
  top: 0;
  z-index: 100;
  opacity: 1;
}
.open-menu__contacts {
  float: right;
  width: 374px;
  padding-left: 42px;
  padding-top: 23px;
}
.open-menu__contacts-wrap {
  position: fixed;
  left: 50%;
  z-index: 2;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  height: 100%;
  pointer-events: none;
}
@media only screen and (max-height: 580px) {
  .open-menu__contacts-wrap {
    position: absolute;
  }
}
.open-menu__works {
  position: relative;
  z-index: 3;
  width: 62%;
  float: left;
  list-style: none;
  padding: 0;
  margin: auto;
}
.open-menu__video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.open-menu__work {
  position: relative;
  float: left;
  width: 100%;
  padding-bottom: 60%;
}
.open-menu__work-yota {
  background-color: #00aeef;
}
.open-menu__work-fs {
  background-color: #f5c449;
}
.open-menu__work-sony {
  background-color: #3c3f25;
}
.open-menu__work-datto {
  background-color: #3e3f45;
}
.open-menu__work-adp {
  background-color: #ff4b33;
}
.open-menu__work-miranda {
  background-color: #f9f9f9;
}
.open-menu__work-tipster {
  background-color: #0d0d0d;
}
.open-menu__work-sfcd {
  background-color: #f0f0f0;
}
.open-menu__work-tf {
  background-color: #2cc3d8;
}
.open-menu__work-spinrilla {
  background-color: #252525;
}
.open-menu__work-st {
  background-color: #06051b;
}
.open-menu__work-cq {
  background-color: #e5c7ac;
}
.open-menu__work-gsound {
  background-color: #00b1a9;
}
.open-menu__work-kicksend {
  background-color: #beb7bd;
}
.open-menu__work-prism {
  background-color: #3f4046;
}
.open-menu__work-ht2 {
  background-color: #ff7337;
}
.open-menu__work-noah {
  background-color: #7f6a58;
}
.open-menu__work-studio {
  background-color: #271c27;
}
.open-menu__work:hover .open-menu__work-text {
  opacity: 1;
}
.open-menu__work-lnk:before,
.open-menu__work-text {
  left: 0;
  bottom: 0;
  opacity: 0;
  position: absolute;
  right: 0;
}
.open-menu__work_studio {
  padding-bottom: 56.2%;
}
.open-menu__work_square {
  width: 50%;
  padding-bottom: 50%;
}
.open-menu__work-cover,
.open-menu__work-inner-img {
  width: 100%;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
}
.open-menu__work-cover {
  display: block;
  margin: 0;
  padding: 0;
  z-index: 1;
}
.mobile .open-menu__work-inner-img {
  display: none;
}
.open-menu__work-text {
  padding: 36px 48px;
  z-index: 3;
}
.j-normal-mode .open-menu__work-text {
  transition: 0.2s;
}
.open-menu__work-text-title {
  margin-bottom: 13px;
  color: #fff;
  font-family: NHaasGroteskDSPro-35Lt, 'Helvetica Neue', Helvetica, Arial,
    sans-serif;
  font-size: 48px;
  line-height: 51px;
  letter-spacing: 0.5px;
  font-weight: 400;
}
.open-menu__work-lnk {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 4;
}
.open-menu__work-lnk:before {
  content: '';
  top: 0;
  background: rgba(0, 0, 0, 0.6);
  transition: 0.5s;
  z-index: 2;
}
.j-normal-mode.open-menu,
.j-normal-mode.open-menu.j-menu-opening {
  transition: opacity 0.3s cubic-bezier(0, 0.8, 0.2, 1);
}
.open-menu__work-lnk:hover .open-menu__work-text,
.open-menu__work-lnk:hover:before {
  opacity: 1;
}
.open-menu__work-lnk:active .btn-view,
.open-menu__work-lnk:active .open-menu__work-text-title {
  color: #fff;
}
.open-menu__logo {
  margin-top: 24px;
}
.open-menu__about {
  margin: 90px 0 40px;
  font-size: 24px;
  line-height: 34px;
  pointer-events: none;
}
.open-menu__email {
  margin-bottom: 13px;
  font-size: 30px;
  line-height: 40px;
  font-family: NHaasGroteskDSPro-75Bd, 'Helvetica Neue', Helvetica, Arial,
    sans-serif;
}
.blog-post-info__share a,
.blog-post-intro__title,
.blog-post-section__title,
.landing-copy__ol li,
.landing-copy__title,
.landing-copy__title_s,
.landing-header__subtitle,
.post-preview h3 {
  font-family: NHaasGroteskDSPro-65Md, 'Helvetica Neue', Helvetica, Arial,
    sans-serif;
}
.open-menu__email a {
  color: #fc4d3c;
}
.open-menu__email a:hover {
  color: #000;
}
.open-menu__footer {
  position: absolute;
  bottom: 41px;
  width: 332px;
  pointer-events: auto;
}
@media only screen and (max-height: 580px) {
  .open-menu__footer {
    position: static;
  }
}
@media only screen and (max-width: 1308px) {
  .open-menu__contacts-wrap {
    left: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    margin-left: 0;
    margin-right: 0;
    padding-left: 104px;
    padding-right: 104px;
    max-width: 1308px;
  }
}
@media only screen and (max-width: 1024px) {
  .open-menu {
    position: fixed;
  }
  .open-menu__contacts {
    float: none;
    width: auto;
    padding-left: 0;
  }
  .open-menu__contacts-wrap {
    position: relative;
    left: auto;
    height: auto;
    z-index: 2;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    width: auto;
    margin-left: auto;
    margin-right: auto;
    max-width: 850px;
    padding-left: 40px;
    padding-right: 40px;
  }
  .open-menu__works {
    width: 100% !important;
    float: none;
  }
  .open-menu__about {
    float: left;
    width: 60%;
    padding-right: 20px;
    margin: 82px 0 111px;
    font-size: 24px;
    line-height: 32px;
  }
  .open-menu__about span {
    white-space: nowrap;
  }
  .open-menu__email {
    margin-top: 76px;
    margin-bottom: 20px;
    font-size: 30px;
    line-height: 40px;
  }
  .open-menu__footer {
    position: static;
    width: 256px;
    float: right;
    margin-bottom: 56px;
  }
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .open-menu__contacts-wrap {
    padding-left: 16px;
    padding-right: 16px;
  }
  .open-menu__work {
    padding-bottom: 100%;
  }
  .open-menu__work_square {
    width: 100%;
    padding-bottom: 100%;
  }
  .open-menu__work-text {
    padding: 15px 15px 9px;
  }
  .open-menu__work-text-title {
    margin-bottom: -5px;
    font-size: 32px;
    line-height: 32px;
    letter-spacing: normal;
  }
  .open-menu__about {
    float: none;
    width: auto;
    padding-right: 0;
    margin: 52px 0 37px;
    font-size: 17px;
    line-height: 24px;
  }
  .open-menu__email {
    width: auto;
    float: none;
    margin-top: 0;
    margin-bottom: 19px;
    font-size: 38px;
    line-height: 48px;
  }
  .open-menu__footer {
    width: auto;
    float: none;
    margin-bottom: 6px;
  }
}
@media only screen and (min-device-width: 768px) and (max-width: 767px) {
  .open-menu__work {
    padding-bottom: 100%;
  }
  .open-menu__work_square {
    width: 100%;
    padding-bottom: 100%;
  }
  .open-menu__about,
  .open-menu__email,
  .open-menu__footer {
    width: auto;
    float: none;
  }
  .open-menu__about {
    padding-right: 0;
    margin: 52px 0 37px;
  }
  .open-menu__email {
    margin-top: 0;
  }
}
.open-menu__work-cover {
  background: 50% 50% no-repeat;
  background-size: 100% auto;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
@media only screen and (min-device-width: 768px) and (max-width: 1024px) {
  .open-menu__work-cover {
    background-size: cover;
  }
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .open-menu__work-cover {
    background-size: cover;
  }
}
.open-menu__work-yota .open-menu__work-cover {
  background-image: url(../img/menu/yota.jpg);
}
.open-menu__work-fs .open-menu__work-cover {
  background-image: url(../img/menu/jake.jpg);
}
.open-menu__work-sony .open-menu__work-cover {
  background-image: url(../img/menu/sony.jpg);
}
.open-menu__work-datto .open-menu__work-cover {
  background-image: url(../img/menu/datto.jpg);
}
.open-menu__work-adp .open-menu__work-cover {
  background-image: url(../img/menu/adp.jpg);
}
.open-menu__work-miranda .open-menu__work-cover {
  background-image: url(../img/menu/miranda.jpg);
}
.open-menu__work-tipster .open-menu__work-cover {
  background-image: url(../img/menu/tipster.jpg);
}
.open-menu__work-sfcd .open-menu__work-cover {
  background-image: url(../img/menu/sfcd_formation.svg);
}
.open-menu__work-tf .open-menu__work-cover {
  background-image: url(../img/menu/timeflash.svg);
}
.open-menu__work-st .open-menu__work-cover {
  background-image: url(../img/menu/speedtest.png);
}
.open-menu__work-cq .open-menu__work-cover {
  background-image: url(../img/menu/campus.jpg);
}
.open-menu__work-gsound .open-menu__work-cover {
  background-image: url(../img/menu/gsound.jpg);
}
.open-menu__work-kicksend .open-menu__work-cover {
  background-image: url(../img/menu/kicksend.jpg);
}
.open-menu__work-prism .open-menu__work-cover {
  background-image: url(../img/menu/prism.jpg);
}
.open-menu__work-ht2 .open-menu__work-cover {
  background-image: url(../img/menu/halftone.jpg);
}
.open-menu__work-noah .open-menu__work-cover {
  background-image: url(../img/menu/noah.jpg);
}
.open-menu__work-studio .open-menu__work-cover {
  background-image: url(../img/menu/studio.jpg);
}
.mobile .open-menu__work-spinrilla .open-menu__work-cover {
  background-image: url(../img/menu/spinrilla@2x.jpg);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .open-menu__work-yota .open-menu__work-cover {
    background-image: url(../img/menu/yota@2x.jpg);
  }
  .open-menu__work-fs .open-menu__work-cover {
    background-image: url(../img/menu/jake@2x.jpg);
  }
  .open-menu__work-sony .open-menu__work-cover {
    background-image: url(../img/menu/sony@2x.jpg);
  }
  .open-menu__work-datto .open-menu__work-cover {
    background-image: url(../img/menu/datto@2x.jpg);
  }
  .open-menu__work-adp .open-menu__work-cover {
    background-image: url(../img/menu/adp@2x.jpg);
  }
  .open-menu__work-miranda .open-menu__work-cover {
    background-image: url(../img/menu/miranda@2x.jpg);
  }
  .open-menu__work-tipster .open-menu__work-cover {
    background-image: url(../img/menu/tipster@2x.jpg);
  }
  .open-menu__work-sfcd .open-menu__work-cover {
    background-image: url(../img/menu/sfcd_formation.svg);
  }
  .open-menu__work-tf .open-menu__work-cover {
    background-image: url(../img/menu/timeflash.svg);
  }
  .open-menu__work-st .open-menu__work-cover {
    background-image: url(../img/menu/speedtest@2x.png);
  }
  .open-menu__work-cq .open-menu__work-cover {
    background-image: url(../img/menu/campus@2x.jpg);
  }
  .open-menu__work-gsound .open-menu__work-cover {
    background-image: url(../img/menu/gsound@2x.jpg);
  }
  .open-menu__work-kicksend .open-menu__work-cover {
    background-image: url(../img/menu/kicksend@2x.jpg);
  }
  .open-menu__work-prism .open-menu__work-cover {
    background-image: url(../img/menu/prism@2x.jpg);
  }
  .open-menu__work-ht2 .open-menu__work-cover {
    background-image: url(../img/menu/halftone@2x.jpg);
  }
  .open-menu__work-noah .open-menu__work-cover {
    background-image: url(../img/menu/noah@2x.jpg);
  }
  .open-menu__work-studio .open-menu__work-cover {
    background-image: url(../img/menu/studio@2x.jpg);
  }
}
.j-light-mode.open-menu.j-menu-visible {
  left: 0;
  z-index: 100;
}
.j-normal-mode.open-menu {
  opacity: 0;
}
.j-normal-mode.open-menu.j-menu-visible {
  left: 0;
  z-index: 100;
  opacity: 1;
}
.j-normal-mode.open-menu.j-menu-opened {
  transition: opacity 0.15s cubic-bezier(0.9, 0, 1, 0.1);
}
.j-normal-mode.open-menu.j-menu-closing {
  opacity: 0;
}
.j-menu-visible.j-normal-mode .open-menu__about,
.j-menu-visible.j-normal-mode .open-menu__email,
.j-menu-visible.j-normal-mode .open-menu__ny,
.j-menu-visible.j-normal-mode .open-menu__sf,
.j-menu-visible.j-normal-mode .open-menu__social,
.j-menu-visible.j-normal-mode .open-menu__spb,
.j-menu-visible.j-normal-mode .open-menu__work {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.j-menu-opening.j-normal-mode .open-menu__about,
.j-menu-opening.j-normal-mode .open-menu__email,
.j-menu-opening.j-normal-mode .open-menu__ny,
.j-menu-opening.j-normal-mode .open-menu__sf,
.j-menu-opening.j-normal-mode .open-menu__social,
.j-menu-opening.j-normal-mode .open-menu__spb,
.j-menu-opening.j-normal-mode .open-menu__work {
  transition: -webkit-transform 0.3s cubic-bezier(0, 0.8, 0.2, 1);
  transition: transform 0.3s cubic-bezier(0, 0.8, 0.2, 1);
}
.j-menu-opened.j-normal-mode .open-menu__about,
.j-menu-opened.j-normal-mode .open-menu__email,
.j-menu-opened.j-normal-mode .open-menu__ny,
.j-menu-opened.j-normal-mode .open-menu__sf,
.j-menu-opened.j-normal-mode .open-menu__social,
.j-menu-opened.j-normal-mode .open-menu__spb,
.j-menu-opened.j-normal-mode .open-menu__work {
  transition: -webkit-transform 0.15s cubic-bezier(0.9, 0, 1, 0.1);
  transition: transform 0.15s cubic-bezier(0.9, 0, 1, 0.1);
}
.j-menu-closing.j-normal-mode .open-menu__about,
.j-normal-mode .open-menu__about {
  -webkit-transform: translate3d(-180px, 0, 0);
  transform: translate3d(-180px, 0, 0);
}
.j-menu-closing.j-normal-mode .open-menu__email,
.j-normal-mode .open-menu__email {
  -webkit-transform: translate3d(-230px, 0, 0);
  transform: translate3d(-230px, 0, 0);
}
.j-menu-closing.j-normal-mode .open-menu__ny,
.j-normal-mode .open-menu__ny {
  -webkit-transform: translate3d(-250px, 0, 0);
  transform: translate3d(-250px, 0, 0);
}
.j-menu-closing.j-normal-mode .open-menu__sf,
.j-normal-mode .open-menu__sf {
  -webkit-transform: translate3d(-280px, 0, 0);
  transform: translate3d(-280px, 0, 0);
}
.j-menu-closing.j-normal-mode .open-menu__social,
.j-normal-mode .open-menu__social {
  -webkit-transform: translate3d(-310px, 0, 0);
  transform: translate3d(-310px, 0, 0);
}
.j-menu-closing.j-normal-mode .open-menu__work,
.j-normal-mode .open-menu__work {
  -webkit-transform: translate3d(-160%, 0, 0);
  transform: translate3d(-160%, 0, 0);
}
.j-menu-closing.j-normal-mode .open-menu__work-yota,
.j-normal-mode .open-menu__work-yota {
  -webkit-transform: translate3d(-40%, 0, 0);
  transform: translate3d(-40%, 0, 0);
}
.j-menu-closing.j-normal-mode .open-menu__work-fs,
.j-normal-mode .open-menu__work-fs {
  -webkit-transform: translate3d(-80%, 0, 0);
  transform: translate3d(-80%, 0, 0);
}
.j-menu-closing.j-normal-mode .open-menu__work-sony,
.j-normal-mode .open-menu__work-sony {
  -webkit-transform: translate3d(-110%, 0, 0);
  transform: translate3d(-110%, 0, 0);
}
.j-menu-closing.j-normal-mode .open-menu__work-tipster,
.j-normal-mode .open-menu__work-tipster {
  -webkit-transform: translate3d(-140%, 0, 0);
  transform: translate3d(-140%, 0, 0);
}
.j-menu-closing.j-normal-mode .open-menu__work-adp,
.j-normal-mode .open-menu__work-adp {
  -webkit-transform: translate3d(-160%, 0, 0);
  transform: translate3d(-160%, 0, 0);
}
.j-normal-mode .open-menu__work .open-menu__work-cover {
  transition: -webkit-transform 10s, opacity 1s;
  transition: transform 10s, opacity 1s;
}
.j-normal-mode .open-menu__work-adp .open-menu__work-cover,
.j-normal-mode .open-menu__work-fp .open-menu__work-cover,
.j-normal-mode .open-menu__work-gsound .open-menu__work-cover,
.j-normal-mode .open-menu__work-ht2 .open-menu__work-cover,
.j-normal-mode .open-menu__work-prism .open-menu__work-cover,
.j-normal-mode .open-menu__work-spinrilla .open-menu__work-cover {
  transition: -webkit-transform 10s, opacity 1s 0.15s;
  transition: transform 10s, opacity 1s 0.15s;
}
.j-normal-mode .open-menu__work:hover .open-menu__work-cover {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
.j-normal-mode .j-menu-trigger-show {
  opacity: 0;
  transition: opacity 1s;
}
.j-normal-mode .j-menu-trigger-show.j-visible {
  opacity: 1;
}
.blog-cover {
  position: relative;
  width: 100%;
  height: 640px;
}
.blog-cover__txt {
  position: absolute;
  bottom: 75px;
  left: 0;
  right: 0;
}
.blog-cover__txt img {
  display: block;
  width: 100%;
  max-width: 802px;
}
.all-posts__list-itm:after,
.all-posts__list-itm:before,
.blog-post-info:after,
.blog-post-info:before {
  content: ' ';
  display: table;
}
.blog-content {
  position: relative;
  z-index: 2;
  background: #fff;
  padding-top: 65px;
}
.blog-post-info {
  margin-bottom: 53px;
}
.blog-post-info__date {
  float: left;
  font-style: italic;
  font-size: 19px;
  line-height: 34px;
}
.blog-post-info__share {
  float: right;
  width: 257px;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 18px;
  line-height: 34px;
}
.blog-post-info__share a {
  min-width: 95px;
  color: #fc4d3c;
  text-decoration: none;
}
.blog-post-info__share a:hover {
  color: #000;
}
.blog-post-info__share-amount {
  position: relative;
  top: 0;
  font-style: italic;
  font-size: 20px;
}
.blog-post-intro {
  margin-bottom: 70px;
}
.blog-post-intro__title {
  margin-bottom: 50px;
  font-weight: 400;
  font-size: 60px;
  line-height: 65px;
}
.blog-post-intro__txt {
  margin-top: 33px;
  max-width: 818px;
  font-size: 32px;
  line-height: 44px;
}
.blog-post-intro__txt a {
  color: #fc4d3c;
}
.blog-post-intro__txt a:hover {
  color: #000;
}
.blog-post-main {
  margin-bottom: 58px;
}
.blog-post-section__txt h3,
.blog-post-section__txt p {
  font-size: 24px;
  line-height: 34px;
  margin-bottom: 17px;
}
.blog-post-section {
  padding-top: 29px;
  padding-bottom: 53px;
  border-top: 2px solid #000;
}
.blog-post-section__title {
  float: left;
  padding-right: 24px;
  padding-top: 0;
  width: 281px;
  font-weight: 400;
  font-size: 24px;
  line-height: 34px;
}
.all-posts__list,
.blog-post-section__txt ul {
  padding: 0;
  list-style: none;
}
.blog-post-section__txt h3 {
  margin-top: 34px;
}
.blog-post-section__txt .btn-view {
  font-size: 20px;
}
.blog-post-section__txt dl,
.blog-post-section__txt ul {
  margin: 0 0 34px;
  font-size: 24px;
  line-height: 34px;
}
.blog-post-section__txt dt {
  float: left;
  width: 315px;
}
.all-posts {
  margin-top: 170px;
  margin-bottom: 100px;
}
.all-posts__title {
  margin-bottom: 56px;
  font-size: 40px;
  line-height: 40px;
  font-weight: 300;
}
.all-posts__list {
  margin: 0;
}
.all-posts__list-itm {
  margin-bottom: 69px;
}
.post-preview {
  display: block;
  color: #000;
}
.post-preview h3 {
  margin-bottom: 30px;
  font-weight: 400;
  font-size: 48px;
  line-height: 50px;
}
.post-preview p {
  margin: 20px 0;
  font-size: 24px;
  line-height: 34px;
}
.post-preview__cover {
  float: left;
  width: 50%;
  padding-right: 12px;
}
.post-preview__img {
  padding: 0 0 63%;
  margin: 0;
  transition: -webkit-transform 10s;
  transition: transform 10s;
}
.post-preview:hover .post-preview__img {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
.mobile .post-preview:hover .post-preview__img {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.post-preview__main {
  float: left;
  width: 50%;
  padding-left: 28px;
  margin-top: -3px;
}
.blog-cover {
  background: 50% 50% no-repeat;
  background-size: cover;
}
.blog-cover_sf {
  background-image: url(../img/blog/sf.jpg);
}
.blog-cover_cost {
  background-image: url(../img/blog/cost.jpg);
}
.blog-cover_careers {
  background-image: url(../img/blog/careers.jpg);
}
.blog-cover_formation {
  background-image: url(../img/blog/formation.jpg);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .blog-cover_sf {
    background-image: url(../img/blog/sf@2x.jpg);
  }
  .blog-cover_cost {
    background-image: url(../img/blog/cost@2x.jpg);
  }
  .blog-cover_careers {
    background-image: url(../img/blog/careers@2x.jpg);
  }
  .blog-cover_formation {
    background-image: url(../img/blog/formation@2x.jpg);
  }
}
@media only screen and (max-width: 1024px) {
  .blog-cover {
    height: 612px;
  }
  .blog-cover__txt {
    bottom: 40px;
  }
  .blog-content {
    padding-top: 46px;
  }
  .blog-post-info {
    margin-bottom: 50px;
  }
  .blog-post-info__share {
    padding-left: 15px;
    width: 50%;
  }
  .blog-post-info__share-amount {
    font-size: 19px;
  }
  .blog-post-intro {
    margin-bottom: 45px;
  }
  .blog-post-intro__title {
    margin-bottom: 30px;
  }
  .blog-post-intro__txt {
    max-width: 653px;
  }
  .blog-post-section {
    padding-top: 28px;
    padding-bottom: 36px;
  }
  .blog-post-section__title {
    float: none;
    padding-right: 0;
    padding-top: 0;
    width: auto;
    margin-bottom: 18px;
  }
  .blog-post-section__txt {
    max-width: 688px;
  }
  .blog-post-main {
    margin-bottom: 75px;
  }
  .post-preview h3 {
    max-width: 325px;
    margin-bottom: 25px;
    font-size: 36px;
    line-height: 40px;
  }
  .post-preview p {
    margin: 17px 0;
    font-size: 24px;
    line-height: 34px;
  }
  .post-preview__cover {
    padding-right: 0;
  }
  .post-preview__img {
    padding-bottom: 62.5%;
  }
  .post-preview__main {
    padding-left: 32px;
    margin-top: 3px;
  }
  .all-posts {
    margin-top: 140px;
    margin-bottom: 66px;
  }
  .all-posts__list-itm:last-child {
    margin-bottom: 0;
  }
  .blog-cover_sf {
    background-image: url(../img/blog/sf_tblt@2x.jpg);
  }
  .blog-cover_cost {
    background-image: url(../img/blog/cost_tblt@2x.jpg);
  }
  .blog-cover_careers {
    background-image: url(../img/blog/careers_tblt@2x.jpg);
  }
  .blog-cover_formation {
    background-image: url(../img/blog/formation_tblt@2x.jpg);
  }
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .blog-cover {
    height: 224px;
  }
  .blog-cover__txt {
    display: none;
  }
  .blog-content {
    padding-top: 18px;
  }
  .blog-post-info {
    margin-bottom: 33px;
  }
  .blog-post-info__date {
    font-size: 13.5px;
    line-height: 20px;
  }
  .blog-post-info__share {
    padding-left: 0;
    font-size: 12px;
    line-height: 20px;
  }
  .blog-post-info__share-amount {
    top: 1px;
    font-size: 13.5px;
  }
  .blog-post-intro {
    margin-bottom: 46px;
  }
  .blog-post-intro__title {
    margin-bottom: 10px;
    font-size: 28px;
    line-height: 28px;
  }
  .blog-post-intro__txt {
    font-size: 17px;
    line-height: 24px;
  }
  .blog-post-section {
    padding-top: 17px;
    padding-bottom: 50px;
    border-width: 1px;
  }
  .blog-post-section__title {
    margin-bottom: 12px;
    font-size: 17px;
    line-height: 20px;
  }
  .blog-post-section__txt dl,
  .blog-post-section__txt h3,
  .blog-post-section__txt p,
  .blog-post-section__txt ul {
    margin-bottom: 17px;
    font-size: 17px;
    line-height: 24px;
  }
  .blog-post-section__txt h3 {
    margin-top: 28px;
  }
  .blog-post-section__txt dl,
  .blog-post-section__txt ul {
    margin-bottom: 28px;
  }
  .blog-post-section__txt dt {
    width: 200px;
  }
  .blog-post-section__txt .btn-view {
    margin-top: -7px;
    font-size: 12px;
  }
  .blog-post-section:last-child {
    padding-bottom: 43px;
  }
  .blog-post-main {
    margin-bottom: 0;
  }
  .post-preview h3 {
    max-width: 100%;
    margin-bottom: 13px;
    font-size: 28px;
    line-height: 36px;
  }
  .post-preview p {
    margin: 13px 0;
    font-size: 24px;
    line-height: 34px;
  }
  .post-preview__cover {
    float: none;
    width: auto;
    margin-left: -16px;
    margin-right: -16px;
  }
  .post-preview__img {
    padding-bottom: 70%;
  }
  .post-preview__main {
    float: none;
    width: 100%;
    padding-left: 0;
    margin-top: 22px;
  }
  .all-posts {
    margin-top: 80px;
    margin-bottom: 35px;
  }
  .all-posts__title {
    margin-bottom: 22px;
    font-size: 32px;
    line-height: 32px;
  }
  .all-posts__list-itm {
    margin-bottom: 5px;
  }
  .all-posts__list-itm:last-child {
    margin-bottom: 0;
  }
  .blog-cover_sf {
    background-image: url(../img/blog/sf_mob@2x.jpg);
  }
  .blog-cover_cost {
    background-image: url(../img/blog/cost_mob@2x.jpg);
  }
  .blog-cover_careers {
    background-image: url(../img/blog/careers_mob@2x.jpg);
  }
  .blog-cover_formation {
    background-image: url(../img/blog/formation_mob@2x.jpg);
  }
}
.post-preview__img_1 {
  background: url(../img/blog/preview_1.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.post-preview__img_2 {
  background: url(../img/blog/preview_2.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.post-preview__img_3 {
  background: url(../img/blog/preview_3.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.post-preview__img_4 {
  background: url(../img/blog/sf_preview.jpg) 50% 50% no-repeat;
  background-size: cover;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .post-preview__img_4 {
    background-image: url(../img/blog/sf_preview@2x.jpg);
  }
}
.landing-header__content {
  position: relative;
  min-height: 580px;
  height: calc(100vh - 40px);
}
.landing-header__hgroup {
  position: absolute;
  z-index: 2;
  top: 50%;
  -webkit-transform: translateY(-47%);
  -ms-transform: translateY(-47%);
  transform: translateY(-47%);
  max-width: 537px;
}
.landing_ny .landing-header__hgroup {
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.landing-header__title {
  margin-bottom: 22px;
  color: #fc4d3c;
  font-size: 112px;
  line-height: 102px;
  font-weight: 400;
}
.landing_ny .landing-header__title {
  font-size: 102px;
}
@media only screen and (max-width: 1440px) {
  .landing_ny .landing-header__title {
    font-size: 86px;
    line-height: 90px;
  }
}
.landing-header__subtitle {
  font-size: 32px;
  line-height: 32px;
  font-weight: 400;
}
.landing-header__img {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1300px) {
  .landing-header_sf .landing-header__img {
    right: -70px;
  }
  .landing-header_sf .landing-header__title {
    font-size: 100px;
    line-height: 90px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1200px) {
  .landing-header__title {
    font-size: 70px;
    line-height: 70px;
    max-width: 380px;
  }
  .landing-header_sf .landing-header__img {
    right: -70px;
  }
}
@media only screen and (max-width: 1024px) {
  .landing-header__content {
    height: 672px;
  }
  .landing-header__hgroup {
    -webkit-transform: translateY(-42%);
    -ms-transform: translateY(-42%);
    transform: translateY(-42%);
  }
  .landing_ny .landing-header__hgroup {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    top: 125px;
  }
  .landing-header__title {
    margin-bottom: 19px;
    font-size: 101px;
    line-height: 96px;
  }
  .landing_ny .landing-header__title {
    margin-bottom: 34px;
    font-size: 88px;
    line-height: 88px;
  }
  .landing-header__img {
    right: auto;
    left: 355px;
    bottom: -130px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .landing-header_sf .landing-header__content {
    height: 900px;
  }
  .landing-header_sf .landing-header__img {
    bottom: -168px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1230px) {
  .landing-header_ny .landing-header__title {
    font-size: 70px;
    line-height: 70px;
    max-width: 380px;
  }
}
@media only screen and (max-width: 1023px) {
  .landing-header__content {
    height: 768px;
  }
  .landing_ny .landing-header__content {
    height: 960px;
  }
  .landing_ny .landing-header__title {
    margin-bottom: 38px;
    font-size: 96px;
    line-height: 88px;
  }
  .landing-header__hgroup {
    padding-right: 15px;
    top: 116px;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  .landing_ny .landing-header__hgroup {
    top: 120px;
  }
  .landing-header__img {
    right: 20px;
    left: auto;
    bottom: -248px;
  }
  .landing_ny .landing-header__img {
    right: 0;
    bottom: -133px;
  }
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .landing-header__content {
    height: 432px;
    min-height: 432px;
  }
  .landing_ny .landing-header__content {
    height: 536px;
    min-height: 528px;
  }
  .landing-header_sf .landing-header__content {
    height: 512px;
  }
  .landing-header__hgroup,
  .landing_ny .landing-header__hgroup {
    top: 72px;
  }
  .landing-header__title {
    margin-bottom: 11px;
    font-size: 58px;
    line-height: 58px;
  }
  .landing_ny .landing-header__title {
    margin-bottom: 11px;
    font-size: 56px;
    line-height: 58px;
    letter-spacing: -0.02em;
  }
  .landing-header__subtitle {
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
  }
  .landing-header__img {
    right: -60px;
    bottom: -85px;
  }
  .landing_ny .landing-header__img {
    right: -60px;
    bottom: -45px;
  }
}
.landing-section {
  position: relative;
}
.landing-section_cost,
.landing-section_quotation {
  height: 610px;
}
.landing-section__quote {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 948px;
  width: 100%;
  -webkit-transform: translate(-50%, -44.5%);
  -ms-transform: translate(-50%, -44.5%);
  transform: translate(-50%, -44.5%);
}
@media only screen and (max-width: 1024px) {
  .landing-section_quotation {
    height: 544px;
  }
  .landing-section_cost {
    height: 576px;
  }
  .landing-section__quote {
    max-width: 766px;
    -webkit-transform: translate(-50%, -53%);
    -ms-transform: translate(-50%, -53%);
    transform: translate(-50%, -53%);
  }
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .landing-section_quotation {
    height: 336px;
  }
  .landing-section_cost {
    height: 304px;
  }
  .landing-section__quote {
    -webkit-transform: translate(-50%, -51%);
    -ms-transform: translate(-50%, -51%);
    transform: translate(-50%, -51%);
  }
}
.landing-approach {
  position: relative;
  height: 714px;
}
.landing-approach__txt {
  position: absolute;
  left: 50%;
  top: 50%;
  max-width: 700px;
  width: 100%;
  -webkit-transform: translate(-50%, -48.5%);
  -ms-transform: translate(-50%, -48.5%);
  transform: translate(-50%, -48.5%);
}
.landing-approach__txt p {
  color: #fff;
  font-size: 32px;
  line-height: 51px;
  letter-spacing: -0.01em;
  margin: 34px 0;
}
@media only screen and (max-width: 1024px) {
  .landing-approach {
    height: 672px;
  }
  .landing_ny .landing-approach {
    height: 704px;
  }
  .landing-approach__txt {
    max-width: 768px;
    width: 100%;
  }
  .landing_ny .landing-approach__txt {
    position: static;
    max-width: 100%;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    padding-left: 0;
    padding-right: 0;
    padding-top: 157px;
  }
  .landing-approach__txt p {
    line-height: 48px;
  }
  .landing-approach__txt {
    padding-left: 40px;
    padding-right: 40px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .landing-approach,
  .landing_ny .landing-approach {
    height: 352px;
  }
  .landing-approach__txt {
    padding-left: 15px;
    padding-right: 15px;
    -webkit-transform: translate(-50%, -49%);
    -ms-transform: translate(-50%, -49%);
    transform: translate(-50%, -49%);
  }
  .landing_ny .landing-approach__txt {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    padding-top: 47px;
  }
  .landing-approach__txt p {
    margin: 16px 0;
    font-size: 17px;
    line-height: 24px;
  }
}
.landing-copy__title,
.landing-copy__title_s {
  margin-bottom: 34px;
  font-weight: 400;
}
.landing-copy__title {
  font-size: 48px;
  line-height: 50px;
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .landing-copy__title {
    font-size: 32px;
    line-height: 32px;
  }
}
.landing-copy__title + .landing-copy__intro {
  margin-top: -6px;
}
.landing-copy__title_s {
  font-size: 24px;
  line-height: 34px;
}
.landing-copy__intro {
  margin-bottom: 84px;
  max-width: 818px;
  font-size: 33px;
  line-height: 42px;
}
.landing-copy__intro span {
  display: inline-block;
}
.landing-copy__txt {
  margin-bottom: 34px;
  font-size: 24px;
  line-height: 34px;
  letter-spacing: -0.02em;
}
.landing-copy__txt_s {
  font-size: 22px;
  line-height: 28px;
}
.landing-copy__txt_md {
  margin-bottom: 32px;
  font-size: 33px;
  line-height: 42px;
}
.landing-copy__txt:last-child {
  margin-bottom: 0;
}
.landing-copy__2col {
  -webkit-columns: 2;
  columns: 2;
  -webkit-column-gap: 34px;
  column-gap: 34px;
}
.landing_ny .landing-copy__2col .landing-copy__txt {
  display: inline-block;
  width: 100%;
}
.landing-copy__ol {
  padding: 0;
  margin: 35px 0 0;
  color: #000;
  font-size: 18px;
  line-height: 34px;
}
.landing-copy__ol li {
  position: relative;
  padding-left: 50px;
}
.landing-copy__ol li:before {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  font-family: adobe-garamond-pro, 'Helvetica Neue', Helvetica, Arial,
    sans-serif;
  font-size: 20px;
}
.landing-copy__ol li:nth-child(-n + 10)::before {
  content: '0' counter(item);
}
.landing-copy__container {
  position: relative;
  z-index: 2;
  margin-top: 80px;
  margin-bottom: 154px;
}
.landing-copy__aside {
  float: left;
  padding-right: 24px;
  padding-top: 0;
  width: 281px;
}
.landing-copy__main {
  max-width: 700px;
}
@media only screen and (max-width: 1024px) {
  .landing-copy__title {
    margin-bottom: 30px;
    font-size: 40px;
    line-height: 48px;
  }
  .landing-copy__title + .landing-copy__intro {
    margin-top: -6px;
  }
  .landing-copy__title_s {
    margin-bottom: 30px;
    font-size: 24px;
    line-height: 34px;
    font-family: NHaasGroteskDSPro-65Md, 'Helvetica Neue', Helvetica, Arial,
      sans-serif;
    font-weight: 400;
  }
  .landing-copy__intro {
    margin-bottom: 76px;
    font-size: 32px;
    line-height: 40px;
  }
  .landing-copy__txt {
    margin-bottom: 34px;
    font-size: 24px;
    line-height: 34px;
    letter-spacing: -0.02em;
  }
  .landing-copy__txt_s {
    font-size: 22px;
    line-height: 28px;
  }
  .landing-copy__txt_md {
    margin-bottom: 32px;
    font-size: 33px;
    line-height: 42px;
  }
  .landing-copy__2col {
    -webkit-column-gap: 64px;
    column-gap: 64px;
  }
  .landing-copy__ol {
    margin-top: 30px;
  }
  .landing-copy__container {
    margin-top: 85px;
    margin-bottom: 132px;
  }
  .landing-copy__aside {
    width: 255px;
  }
}
@media only screen and (max-width: 1023px) {
  .landing-copy__2col {
    -webkit-column-gap: 30px;
    column-gap: 30px;
  }
  .landing-copy__container {
    margin-bottom: 123px;
  }
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .landing-copy__title {
    margin-bottom: 15px;
    font-size: 32px;
    line-height: 32px;
  }
  .landing-copy__title + .landing-copy__intro {
    margin-top: -6px;
  }
  .landing-copy__title_s {
    margin-bottom: 13px;
    font-size: 16px;
    line-height: 17px;
  }
  .landing-copy__intro {
    margin-bottom: 40px;
    font-size: 20px;
    line-height: 24px;
  }
  .landing-copy__txt,
  .landing-copy__txt_s {
    font-size: 17px;
    line-height: 24px;
  }
  .landing-copy__txt {
    margin-bottom: 17px;
    letter-spacing: -0.02em;
  }
  .landing-copy__2col {
    -webkit-columns: 1;
    columns: 1;
  }
  .landing-copy__ol {
    margin-top: 0;
    font-size: 14px;
    line-height: 24px;
  }
  .landing-copy__ol li {
    position: relative;
    padding-left: 31px;
    font-family: NHaasGroteskDSPro-65Md, 'Helvetica Neue', Helvetica, Arial,
      sans-serif;
  }
  .landing-copy__ol li:before {
    font-size: 16px;
  }
  .landing-copy__container {
    margin-top: 10px;
    margin-bottom: 48px;
  }
  .landing-copy__aside {
    float: none;
    width: 100%;
  }
}
.landing-address p,
.landing-quote__cite {
  font-family: NHaasGroteskDSPro-55Rg, 'Helvetica Neue', Helvetica, Arial,
    sans-serif;
}
.landing-about-us {
  position: relative;
  padding: 164px 0 0;
}
.landing-about-us__img,
.landing-about-us__img_ny {
  position: absolute;
  margin: 0;
}
.landing-about-us__img:before,
.landing-about-us__img_ny:before {
  content: '';
  position: absolute;
  width: 9999px;
  height: 1px;
  background: url(../img/landing/ic_ny__dash@2x.png) 2px 0 repeat-x;
  background-size: auto 1px;
}
.landing-about-us__img {
  right: 11px;
  top: -32px;
}
.landing-about-us__img:before {
  left: 195px;
  top: 140px;
}
.landing-about-us__img_ny {
  right: 24px;
  top: 66px;
}
.landing-about-us__img_ny:before {
  top: 296px;
  left: 457px;
}
.landing-about-us .landing-copy__2col,
.landing-about-us .landing-copy__intro,
.landing-about-us .layout {
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  .landing-about-us {
    padding: 124px 0 0;
  }
  .landing_ny .landing-about-us {
    padding-top: 154px;
  }
  .landing-about-us__img {
    right: 123px;
    top: -34px;
  }
  .landing-about-us__img_ny {
    right: -27px;
    top: 59px;
  }
}
@media only screen and (max-width: 1023px) {
  .landing_ny .landing-about-us {
    padding-top: 124px;
  }
  .landing-about-us__img:before {
    left: 143px;
    top: 103px;
  }
  .landing-about-us__img_ny {
    right: 75px;
    top: 59px;
  }
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .landing-about-us {
    padding: 54px 0 0;
  }
  .landing_ny .landing-about-us {
    padding-top: 54px;
  }
  .landing-about-us__img {
    right: auto;
    top: 54px;
    left: 0;
  }
  .landing-about-us__img:before {
    content: none;
  }
  .landing-about-us__img_ny {
    top: 90px;
    right: 16px;
  }
}
.landing-clients:after,
.landing-for-startups__img_ny:before,
.landing-form__button-txt_sent:before,
.landing-nyc__title-ic:before {
  content: '';
}
.landing-clients {
  margin: 102px 0 127px;
  padding: 0;
  list-style: none;
  text-align: justify;
}
.landing_ny .landing-clients {
  margin-top: 68px;
  margin-bottom: 110px;
}
.landing-clients:after {
  display: inline-block;
  width: 100%;
}
.landing-clients__itm {
  margin: 0;
  padding: 0;
  display: inline-block;
  vertical-align: top;
  height: 80px;
}
.landing_ny .landing-clients__itm {
  height: 95px;
}
.landing-clients__img {
  display: block;
  height: 100%;
  opacity: 0.6;
}
@media only screen and (max-width: 1024px) {
  .landing-clients {
    margin: 50px 0 90px;
  }
  .landing_ny .landing-clients {
    margin-top: 5px;
    margin-bottom: 158px;
  }
  .landing-clients__itm {
    height: 60px;
  }
  .landing_ny .landing-clients__itm {
    height: 75px;
  }
}
@media only screen and (max-width: 1023px) {
  .landing-clients {
    margin: 19px 0 93px;
  }
  .landing_ny .landing-clients {
    margin-bottom: 154px;
  }
  .landing-clients__itm {
    height: 55px;
  }
  .landing_ny .landing-clients__itm {
    height: 80px;
  }
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .landing-clients {
    max-width: 310px;
    margin: 33px auto 17px;
  }
  .landing_ny .landing-clients {
    margin-top: 33px;
    margin-bottom: 17px;
  }
  .landing-clients__itm {
    min-width: 75px;
    margin-bottom: 16px;
    height: 45px;
  }
  .landing_ny .landing-clients__itm {
    height: 65px;
  }
  .landing-clients__img {
    margin-left: auto;
    margin-right: auto;
  }
}
.landing-quote {
  margin: 0;
  padding: 0;
  text-align: center;
}
.landing-quote__txt {
  margin-bottom: 27px;
  font-style: italic;
  font-size: 50px;
  line-height: 68px;
  font-weight: 300;
  color: #fff;
  letter-spacing: -0.01em;
}
.landing-quote__cite {
  display: block;
  color: rgba(255, 255, 255, 0.5);
  font-style: normal;
  font-size: 18px;
  line-height: 30px;
}
.landing-address h3,
.landing-footer__email {
  font-family: NHaasGroteskDSPro-75Bd, 'Helvetica Neue', Helvetica, Arial,
    sans-serif;
}
@media only screen and (max-width: 1024px) {
  .landing-quote__txt {
    margin-bottom: 25px;
    font-size: 40px;
    line-height: 56px;
  }
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .landing-quote {
    padding-left: 15px;
    padding-right: 15px;
  }
  .landing-quote__txt {
    margin-bottom: 11px;
    font-size: 26px;
    line-height: 32px;
    letter-spacing: 0.01em;
  }
  .landing-quote__cite {
    font-size: 12px;
    line-height: 16px;
  }
}
.landing-sf-app {
  background: #25adff;
  color: #fff;
}
.landing-sf-app .home-copy__title {
  margin-bottom: 68px;
}
.landing-sf-app .home-copy__txt {
  margin-bottom: 34px;
}
.landing-sf-app__content {
  position: relative;
  min-height: 1158px;
  padding-top: 217px;
  padding-bottom: 100px;
}
.landing-sf-app__txt {
  width: 540px;
}
.landing-sf-app__iphone {
  position: absolute;
  left: 0;
  top: 0;
}
.landing-sf-app__video {
  position: absolute;
  left: 10px;
  top: 95px;
  width: 304px;
  height: 704px;
  outline: #000 solid 6px;
}
.landing-sf-app__video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.landing-sf-app__video video.retina-show {
  display: none;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .landing-sf-app__video video {
    display: none;
  }
  .landing-sf-app__video video.retina-show {
    display: block;
  }
}
.landing-sf-app__device {
  position: absolute;
  right: -225px;
  top: 112px;
  width: 570px;
  height: 900px;
  margin: 0;
}
.landing-sf-app__device-screen {
  display: none;
}
@media only screen and (max-width: 1308px) {
  .landing-sf-app__txt {
    width: 50%;
  }
}
@media only screen and (max-width: 1024px) {
  .landing-sf-app .home-copy__title {
    margin-bottom: 26px;
  }
  .landing-sf-app .home-copy__txt {
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 34px;
  }
  .landing-sf-app__content {
    min-height: 1280px;
    padding-top: 126px;
    padding-bottom: 100px;
  }
  .landing-sf-app__device {
    right: -175px;
    top: 250px;
  }
  .landing-sf-app__txt {
    width: 50%;
    padding-right: 32px;
  }
}
@media only screen and (max-width: 1023px) {
  .landing-sf-app .home-copy__title {
    margin-bottom: 26px;
  }
  .landing-sf-app .home-copy__txt {
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 34px;
  }
  .landing-sf-app__content {
    min-height: 1280px;
    padding-top: 126px;
    padding-bottom: 50px;
  }
  .landing-sf-app__device {
    right: -200px;
    top: 284px;
  }
  .landing-sf-app__txt {
    padding-right: 16px;
  }
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .landing-sf-app .home-copy__title {
    margin-bottom: 9px;
  }
  .landing-sf-app .home-copy__txt {
    font-size: 17px;
    line-height: 24px;
    margin-bottom: 24px;
  }
  .landing-sf-app__content {
    min-height: 0;
    padding-top: 54px;
    padding-bottom: 33px;
  }
  .landing-sf-app__txt {
    padding-left: 0;
    width: auto;
  }
  .landing-sf-app__iphone {
    position: absolute;
    left: 0;
    top: 0;
    width: 285px;
    height: 450px;
  }
  .landing-sf-app__video {
    position: absolute;
    left: 5px;
    top: 47.5px;
    width: 152px;
    height: 352px;
    outline: #000 solid 3px;
  }
  .landing-sf-app__device {
    position: relative;
    top: 0;
    right: -60px;
    width: 285px;
    height: 450px;
    margin: 40px auto 38px;
  }
}
.landing-how-we-design__device {
  position: absolute;
  left: -5px;
  top: 82px;
  margin: 0;
}
.landing-how-we-design__content {
  position: relative;
  padding-top: 726px;
}
.landing-how-we-design__list {
  list-style: none;
  margin: 0 -34px 0 0;
  padding: 0;
  font-size: 0;
}
.landing-how-we-design__itm {
  position: relative;
  width: 50%;
  display: inline-block;
  vertical-align: top;
  padding: 0 17px 0 189px;
  margin-bottom: 115px;
}
.landing-how-we-design__itm:nth-child(even) {
  padding-left: 212px;
}
.landing-how-we-design__itm-ic {
  position: absolute;
  left: 0;
  top: 4px;
}
.landing-how-we-design__itm-ic_1 {
  width: 118px;
}
.landing-how-we-design__itm-ic_2 {
  top: -20px;
  width: 180px;
}
.landing-how-we-design__itm-ic_3 {
  width: 118px;
}
.landing-how-we-design__itm-ic_4 {
  left: 33px;
  width: 107px;
}
.landing-how-we-design .landing-copy__title {
  position: relative;
  margin-bottom: 107px;
}
@media only screen and (max-width: 1024px) {
  .landing-how-we-design__device {
    left: -35px;
    top: 106px;
  }
  .landing-how-we-design__content {
    padding-top: 668px;
  }
  .landing-how-we-design__list {
    margin-right: 0;
  }
  .landing-how-we-design__itm {
    padding: 163px 0 0;
    margin-bottom: 81px;
  }
  .landing-how-we-design__itm:nth-child(odd) {
    padding-right: 32px;
  }
  .landing-how-we-design__itm:nth-child(even) {
    padding-left: 32px;
  }
  .landing-how-we-design__itm-ic {
    position: absolute;
    left: 0;
    top: 0;
  }
  .landing-how-we-design__itm-ic_2 {
    left: 16px;
    top: -23px;
  }
  .landing-how-we-design__itm-ic_4 {
    left: 16px;
    top: -31px;
  }
  .landing-how-we-design .landing-copy__title {
    margin-bottom: 107px;
  }
}
@media only screen and (max-width: 1023px) {
  .landing-how-we-design__device {
    left: 0;
    top: 108px;
  }
  .landing-how-we-design__content {
    padding-top: 605px;
  }
  .landing-how-we-design__itm {
    padding: 163px 0 0;
    margin-bottom: 86px;
  }
  .landing-how-we-design__itm:nth-child(odd) {
    padding-right: 16px;
  }
  .landing-how-we-design__itm:nth-child(even) {
    padding-left: 16px;
  }
  .landing-how-we-design__itm-ic {
    position: absolute;
    left: 0;
    top: 0;
  }
  .landing-how-we-design__itm-ic_2 {
    left: 16px;
    top: -23px;
  }
  .landing-how-we-design__itm-ic_4 {
    left: 16px;
    top: -31px;
  }
  .landing-how-we-design .landing-copy__title {
    margin-bottom: 78px;
  }
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .landing-how-we-design__device {
    left: 0;
    top: 55px;
  }
  .landing-how-we-design__content {
    padding-top: 294px;
  }
  .landing-how-we-design__itm {
    display: block;
    width: 100%;
    padding: 0 0 0 80px;
    margin-bottom: 47px;
  }
  .landing-how-we-design__itm:nth-child(odd) {
    padding-right: 0;
  }
  .landing-how-we-design__itm:nth-child(even) {
    padding-left: 80px;
  }
  .landing-how-we-design__itm-ic {
    position: absolute;
    left: 0;
    top: 5px;
  }
  .landing-how-we-design__itm-ic_1 {
    width: 59px;
  }
  .landing-how-we-design__itm-ic_2 {
    left: -5px;
    top: 5px;
    width: 80px;
  }
  .landing-how-we-design__itm-ic_3 {
    left: 0;
    width: 59px;
  }
  .landing-how-we-design__itm-ic_4 {
    left: 0;
    top: 5px;
    width: 54px;
  }
  .landing-how-we-design .landing-copy__title {
    margin-bottom: 41px;
  }
}
.landing-for-startups {
  padding-bottom: 263px;
  padding-top: 102px;
}
.landing-for-startups .landing-copy__title {
  max-width: 480px;
  margin-bottom: 68px;
}
.landing-for-startups__txt {
  display: table;
  width: 100%;
}
.landing-for-startups__txt-row {
  display: table-row;
}
.landing-for-startups__txt-cell {
  display: table-cell;
  width: 50%;
  padding-bottom: 34px;
  position: relative;
}
.landing-for-startups__txt-cell:first-child {
  padding-right: 17px;
}
.landing-for-startups__txt-cell:last-child {
  padding-left: 34px;
}
.landing-for-startups__img {
  position: absolute;
  bottom: -407px;
  right: -415px;
  margin: 0;
}
.landing-for-startups__img_ny {
  position: absolute;
  bottom: -208px;
  right: 0;
  margin: 0 -269px 0 0;
}
.landing-for-startups__img_ny:before {
  position: absolute;
  width: 9999px;
  height: 1px;
  top: 185px;
  left: 354px;
  background: url(../img/landing/for-startups_ny__dash.png) 100% 0 repeat-x;
  background-size: auto 1px;
}
.landing-for-startups .landing-copy__title,
.landing-for-startups .landing-copy__txt {
  position: relative;
  z-index: 2;
}
.landing-for-startups_ny {
  padding-top: 165px;
  height: 1088px;
  color: #fff;
}
@media only screen and (max-width: 1024px) {
  .landing-for-startups__txt-cell:last-child,
  .landing_ny .landing-for-startups__txt-cell:last-child {
    padding-left: 32px;
  }
  .landing-for-startups {
    padding-bottom: 150px;
    padding-top: 106px;
  }
  .landing_ny .landing-for-startups {
    padding-top: 172px;
    height: 1248px;
  }
  .landing-for-startups .landing-copy__title {
    margin-bottom: 29px;
  }
  .landing_ny .landing-for-startups .landing-copy__title {
    margin-bottom: 60px;
  }
  .landing-for-startups__txt-cell {
    padding-bottom: 0;
  }
  .landing-for-startups__txt-cell:first-child {
    padding-right: 32px;
  }
  .landing-for-startups__txt-cell:last-child .landing-copy__txt {
    margin-top: -12px;
  }
  .landing_ny .landing-for-startups__txt-cell:first-child {
    padding-right: 0;
  }
  .landing_ny
    .landing-for-startups__txt-cell:last-child
    .landing-copy__txt:first-child {
    margin-top: -33px;
  }
  .landing-for-startups__img {
    bottom: -386px;
    right: -414px;
  }
  .landing-for-startups__img_ny {
    bottom: -298px;
  }
}
@media only screen and (max-width: 1023px) {
  .landing-for-startups__txt-cell:first-child,
  .landing_ny .landing-for-startups__txt-cell:first-child {
    padding-right: 16px;
  }
  .landing-for-startups__txt-cell:last-child,
  .landing_ny .landing-for-startups__txt-cell:last-child {
    padding-left: 16px;
  }
  .landing-for-startups {
    padding-bottom: 115px;
    padding-top: 10px;
  }
  .landing_ny .landing-for-startups {
    height: auto;
    padding-bottom: 162px;
  }
  .landing-for-startups .landing-copy__title {
    margin-bottom: 29px;
  }
  .landing_ny .landing-for-startups .landing-copy__title {
    margin-bottom: 69px;
  }
  .landing-for-startups__img {
    bottom: -374px;
    right: -383px;
  }
  .landing-for-startups__img_ny {
    bottom: -258px;
  }
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .landing-for-startups__txt-cell:first-child,
  .landing_ny .landing-for-startups__txt-cell:first-child {
    padding-right: 0;
  }
  .landing-for-startups__txt-cell:last-child,
  .landing_ny .landing-for-startups__txt-cell:last-child {
    padding-left: 0;
  }
  .landing-for-startups {
    padding-bottom: 56px;
    padding-top: 16px;
  }
  .landing_ny .landing-for-startups {
    height: auto;
    padding-bottom: 48px;
    padding-top: 55px;
  }
  .landing-for-startups .landing-copy__title,
  .landing_ny .landing-for-startups .landing-copy__title {
    margin-bottom: 9px;
  }
  .landing-for-startups__txt,
  .landing-for-startups__txt-row {
    display: block;
  }
  .landing-for-startups__txt-cell {
    display: block;
    width: 100%;
    padding-bottom: 9px;
    position: relative;
  }
  .landing_ny .landing-for-startups__txt-cell {
    padding: 0;
  }
  .landing_ny .landing-for-startups__txt-cell .landing-copy__txt {
    margin-top: 0 !important;
    margin-bottom: 17px;
  }
  .landing-for-startups__img {
    bottom: -260px;
    right: auto;
    left: 50%;
    margin-left: -160px;
  }
  .landing-for-startups__img_ny {
    display: none;
  }
}
.landing-cost {
  color: #fff;
}
.landing-cost__txt {
  padding-top: 180px;
  max-width: 500px;
}
@media only screen and (max-width: 1024px) {
  .landing-cost__txt {
    padding-top: 171px;
    max-width: 500px;
  }
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .landing-cost__txt {
    padding-top: 55px;
    max-width: 320px;
  }
  .landing-cost .landing-copy__title {
    margin-bottom: 9px;
  }
}
.landing-checklist {
  padding-top: 146px;
  padding-bottom: 158px;
}
.landing-checklist__aside {
  float: left;
  width: 282px;
  padding-right: 24px;
}
.landing-checklist__aside .landing-copy__ol {
  opacity: 0.7;
}
.landing-checklist__main {
  max-width: 700px;
}
@media only screen and (max-width: 1024px) {
  .landing-checklist {
    padding-top: 105px;
    padding-bottom: 128px;
  }
  .landing-checklist__aside {
    width: 255px;
  }
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .landing-checklist {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .landing-checklist__aside {
    float: none;
    width: 100%;
    margin-bottom: 30px;
  }
}
.landing-footer {
  padding-top: 116px;
  padding-bottom: 60px;
  color: #fff;
}
.landing-footer__title {
  margin: auto auto 11px;
  text-align: center;
  font-size: 70px;
  line-height: 70px;
  font-weight: 400;
}
.landing-footer__txt {
  margin: 0 auto;
  max-width: 700px;
  text-align: center;
  font-size: 24px;
  line-height: 34px;
}
.landing-footer__email {
  margin-top: 40px;
  font-size: 30px;
  line-height: 40px;
  text-align: center;
}
.landing-footer__email a {
  transition: all 0.2s;
  color: #fc4d3c;
}
.landing-footer__email a:hover {
  color: #fff;
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .landing-footer {
    padding-top: 55px;
    padding-bottom: 60px;
  }
  .landing-footer__title {
    margin-bottom: 9px;
    font-size: 32px;
    line-height: 32px;
  }
  .landing-footer__txt {
    font-size: 17px;
    line-height: 24px;
  }
  .landing-footer__txt span {
    display: inline-block;
  }
  .landing-footer__email {
    font-size: 38px;
    line-height: 48px;
  }
}
.landing-address {
  text-align: center;
  font-style: normal;
}
.landing-address h3,
.landing-address p {
  font-size: 14px;
  line-height: 17px;
  opacity: 0.3;
}
.landing-address h3 {
  font-weight: 400;
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .landing-address h3,
  .landing-address p {
    font-size: 11px;
    line-height: 16px;
  }
}
.landing-form {
  margin: 96px auto 69px;
  max-width: 540px;
}
.landing-form__fieldset {
  border: none;
  padding: 0;
  margin: 0;
}
.landing-form__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.landing-form__list-itm {
  position: relative;
  margin-bottom: 19px;
  padding-top: 1px;
}
.landing-form__list-itm.error .landing-form__input,
.landing-form__list-itm.error .landing-form__label,
.landing-form__list-itm.error .landing-form__textarea {
  color: #fba6c9;
}
.landing-form__list-itm.error .landing-form__input,
.landing-form__list-itm.error .landing-form__textarea {
  border-color: #fba6c9;
}
.landing-form__failed,
.landing-form__sent {
  max-height: 0;
  margin-left: -80px;
  margin-right: -80px;
  text-align: center;
  letter-spacing: -0.02em;
  font-size: 24px;
  line-height: 34px;
  opacity: 0;
  transition: opacity 0.7s, max-height 0.7s;
}
.landing-form__failed.j-visible,
.landing-form__sent.j-visible {
  opacity: 1;
  position: relative;
  z-index: 2;
  max-height: 200px;
}
.landing-form__failed strong,
.landing-form__sent strong {
  font-weight: 600;
}
.landing-form__failed a,
.landing-form__sent a {
  color: #fff;
}
.landing-form__failed,
.landing-form__failed a {
  color: #fba6c9;
}
.landing-form__error {
  display: none;
  position: absolute;
  right: 0;
  bottom: 10px;
  width: 28px;
  height: 24px;
}
.landing-form__error-ic {
  position: absolute;
  bottom: 0;
  width: 28px;
  height: 24px;
  background: url(../img/landing/ic_error.svg) 50% 50% no-repeat;
}
.landing-form__error-ic:hover + .landing-form__error-txt {
  opacity: 1;
}
.landing-form__error-txt {
  opacity: 0;
  position: absolute;
  left: 50%;
  bottom: 100%;
  margin-bottom: 11px;
  padding: 0 16px;
  width: 500px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background: #fff;
  color: #000;
  font-size: 22px;
  line-height: 34px;
  transition: opacity 0.5s;
}
.errorWithMessage .landing-form__error {
  display: block;
}
.landing-form__label {
  position: absolute;
  top: 13px;
  left: 0;
  font-size: 20px;
  font-family: NHaasGroteskDSPro-65Md, 'Helvetica Neue', Helvetica, Arial,
    sans-serif;
  opacity: 1;
  transition: opacity 0.4s;
}
.landing-form__input,
.landing-form__textarea {
  background: 0 0;
  font-family: adobe-garamond-pro, 'Helvetica Neue', Helvetica, Arial,
    sans-serif;
  width: 100%;
  -webkit-appearance: none;
  color: #fff;
}
.fade-from.not-faded,
.j-hidden-label .landing-form__label {
  opacity: 0;
}
.landing-form__input {
  padding-left: 252px;
  padding-right: 30px;
  height: 48px;
  border: none;
  border-bottom: 2px solid #c5c5c5;
  font-size: 24px;
  border-radius: 0;
}
.landing-form__input:focus {
  border-bottom-color: #fff;
  outline: 0;
}
.j-long-string .landing-form__input {
  padding-left: 30px;
  text-align: right;
}
.landing-form__textarea {
  display: block;
  margin-top: 46px;
  padding: 15px 22px;
  height: 172px;
  border: 2px solid #c5c5c5;
  font-size: 22px;
  line-height: 28px;
  border-radius: 0;
}
.landing-form__textarea:focus {
  border-color: #fff;
  outline: 0;
}
.landing-form__button {
  padding: 0;
  margin-top: 14px;
  border: none;
  width: 100%;
  height: 68px;
  background: #fc4d3c;
  font-family: NHaasGroteskDSPro-65Md, 'Helvetica Neue', Helvetica, Arial,
    sans-serif;
  color: #fff;
  font-size: 24px;
  cursor: pointer;
  transition: background-color 0.3s;
  -webkit-appearance: none;
  border-radius: 0;
}
.landing-form__button:hover {
  background: #e24536;
}
.landing-form__button:active {
  background: #bb1e12;
}
.landing-form__button:focus {
  outline: 0;
}
.landing-form__button_sent {
  cursor: default;
  background: #63e98f;
}
.landing-form__button_sent:active,
.landing-form__button_sent:hover {
  background: #63e98f;
}
.landing-form__button-txt {
  display: inline-block;
}
.landing-form__button_failed .landing-form__button-txt_submit,
.landing-form__button_sent .landing-form__button-txt_submit {
  display: none;
}
.landing-form__button-txt_sent {
  display: none;
  position: relative;
  padding-left: 40px;
}
.landing-form__button_sent .landing-form__button-txt_sent {
  display: inline-block;
}
.landing-form__button-txt_sent:before {
  position: absolute;
  left: 0;
  top: -3px;
  width: 30px;
  height: 30px;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMzBweCIgaGVpZ2h0PSIzMHB4IiB2aWV3Qm94PSIwIDAgMzAgMzAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMwIDMwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxnPg0KCQk8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0ZGRkZGRiIgZD0iTTE1LDBDNi43MTYsMCwwLDYuNzE2LDAsMTVzNi43MTYsMTUsMTUsMTVzMTUtNi43MTYsMTUtMTUNCgkJCVMyMy4yODQsMCwxNSwweiBNMTIuNTE1LDIwLjg5OUwxMi41LDIwLjg4NWwtMC4wMTUsMC4wMTVsLTQuMzg1LTQuMzg1bDEuNDE0LTEuNDE0bDIuOTg1LDIuOTg1bDcuOTg1LTcuOTg1bDEuNDE0LDEuNDE0DQoJCQlMMTIuNTE1LDIwLjg5OXoiLz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==);
}
.landing-form__button-txt_failed {
  display: none;
}
.landing-form__button_failed .landing-form__button-txt_failed {
  display: inline-block;
}
@media only screen and (max-width: 1024px) {
  .landing-form__error {
    position: static;
    width: 0;
    height: 0;
  }
  .landing-form__error-ic {
    position: absolute;
    right: 0;
    bottom: 10px;
  }
  .landing-form__error-txt {
    opacity: 0;
    left: 0;
    bottom: 50px;
    margin-bottom: 0;
    padding: 0 16px;
    width: 100%;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .landing-form__error-txt:before {
    content: '';
    position: absolute;
    right: 7px;
    bottom: -8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8px 0;
    border-color: #fff transparent transparent;
  }
}
@media only screen and (max-width: 1023px) {
  .landing-form__failed,
  .landing-form__sent {
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .landing-form {
    margin: 16px auto 54px;
    max-width: 540px;
  }
  .landing-form__fieldset {
    border: none;
    padding: 0;
    margin: 0;
  }
  .landing-form__list {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .landing-form__list-itm {
    margin-bottom: 0;
  }
  .landing-form__sent {
    margin-top: 10px;
    min-height: 40px;
    font-size: 14px;
    line-height: 20px;
  }
  .landing-form__error-ic {
    bottom: 3px;
    right: -5px;
    background-size: 14px 12px;
  }
  .landing-form__error-txt {
    bottom: 31px;
    padding: 5px 11px;
    font-size: 15px;
    line-height: 16px;
  }
  .landing-form__error-txt:before {
    content: '';
    position: absolute;
    right: 5px;
    bottom: -4px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 4px 0;
    border-color: #fff transparent transparent;
  }
  .landing-form__label {
    position: absolute;
    top: 29px;
    left: 0;
    font-size: 12px;
    line-height: 12px;
  }
  .landing-form__input {
    padding-left: 102px;
    padding-top: 22px;
    height: 48px;
    border-bottom-width: 1px;
    font-size: 12px;
  }
  .landing-form__textarea {
    margin-top: 46px;
    padding: 7px 11px;
    height: 80px;
    width: 100%;
    border-width: 1px;
    font-size: 12px;
    line-height: 16px;
  }
  .landing-form__button {
    margin-top: 31px;
    height: 48px;
    font-size: 16px;
  }
  .landing-form__button-txt_sent {
    padding-left: 30px;
  }
  .landing-form__button-txt_sent:before {
    top: -2px;
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
  }
}
.landing-nyc {
  padding-bottom: 138px;
}
.landing-nyc__title {
  position: relative;
  padding-top: 294px;
  margin-bottom: 80px;
  font-weight: 400;
  font-size: 56px;
  line-height: 68px;
  text-align: center;
}
.landing-nyc__title strong {
  display: block;
  font-family: NHaasGroteskDSPro-75Bd, 'Helvetica Neue', Helvetica, Arial,
    sans-serif;
  font-size: 100px;
  line-height: 100px;
}
.landing-nyc__title-ic {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -151px;
}
.landing-nyc__title-ic:before {
  position: absolute;
  width: 9999px;
  height: 1px;
  top: 130px;
  right: 276px;
  background: url(../img/landing/ic_ny__dash@2x.png) 100% 0 repeat-x;
  background-size: auto 1px;
}
.landing-nyc .landing-copy {
  margin-left: auto;
  margin-right: auto;
  max-width: 700px;
}
@media only screen and (max-width: 1024px) {
  .landing-nyc {
    padding-bottom: 164px;
  }
  .landing-nyc__title {
    margin-bottom: 84px;
    padding-top: 298px;
    font-size: 48px;
    line-height: 64px;
    letter-spacing: -0.01em;
  }
  .landing-nyc__title strong {
    font-size: 100px;
    line-height: 100px;
    letter-spacing: 0;
  }
  .landing-nyc .landing-copy {
    max-width: 100%;
  }
}
@media only screen and (max-width: 1023px) {
  .landing-nyc {
    padding-bottom: 164px;
  }
  .landing-nyc__title {
    margin-bottom: 54px;
    padding-top: 298px;
    font-size: 40px;
    line-height: 64px;
  }
  .landing-nyc__title strong {
    font-size: 100px;
    line-height: 100px;
  }
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .landing-nyc__title,
  .landing-nyc__title strong {
    font-family: NHaasGroteskDSPro-65Md, 'Helvetica Neue', Helvetica, Arial,
      sans-serif;
    font-size: 32px;
    line-height: 32px;
  }
  .landing-nyc {
    padding-bottom: 58px;
  }
  .landing-nyc__title {
    margin-bottom: 9px;
    padding-top: 150px;
    text-align: left;
  }
  .landing-nyc__title strong {
    display: inline-block;
  }
  .landing-nyc__title-ic {
    margin-left: -75px;
  }
  .landing-nyc__title-ic:before {
    top: 65px;
    right: 138px;
  }
}
.landing-steps {
  color: #fff;
  background: #202020;
}
.landing-steps__device {
  position: absolute;
  top: 110px;
  left: 50%;
  margin-left: -568px;
}
.landing-steps__content {
  position: relative;
  padding-top: 726px;
  padding-bottom: 151px;
}
.landing-steps__list {
  margin: 95px -17px 0;
  padding: 0;
  list-style: none;
  counter-reset: step-counter 0;
}
.landing-steps__list-itm {
  position: relative;
  float: left;
  width: 25%;
  padding: 146px 17px 0;
}
.landing-steps__list-itm:before {
  content: counter(step-counter) ' ';
  counter-increment: step-counter;
  display: block;
  position: absolute;
  left: 17px;
  top: 0;
  width: 116px;
  height: 116px;
  font-family: NHaasGroteskDSPro-75Bd, 'Helvetica Neue', Helvetica, Arial,
    sans-serif;
  font-size: 48px;
  line-height: 116px;
  text-align: center;
  border-radius: 50%;
}
.landing-steps__list-itm:nth-child(-n + 10)::before {
  content: '0' counter(step-counter);
}
.landing-steps__list-itm:nth-child(1):before {
  background: #fc4d3c;
}
.landing-steps__list-itm:nth-child(2):before {
  background: #25adff;
}
.landing-steps__list-itm:nth-child(3):before {
  background: #ffc912;
}
.landing-steps__list-itm:nth-child(4):before {
  background: #63e98f;
}
.landing-steps .home-copy {
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .landing-steps__device {
    top: 135px;
    margin-left: -425px;
  }
  .landing-steps__content {
    padding-top: 747px;
    padding-bottom: 16px;
  }
  .landing-steps__list {
    overflow: hidden;
    margin: 95px -32px 0;
    font-size: 0;
  }
  .landing-steps__list-itm {
    float: none;
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 160px 32px 0;
    margin-bottom: 108px;
  }
  .landing-steps__list-itm:before {
    left: 32px;
  }
}
@media only screen and (max-width: 1023px) {
  .landing-steps__device {
    top: 110px;
    margin-left: -364px;
  }
  .landing-steps__content {
    padding-top: 617px;
    padding-bottom: 99px;
  }
  .landing-steps__list {
    margin: 95px -16px 0;
  }
  .landing-steps__list-itm {
    padding: 160px 16px 0;
    margin-bottom: 83px;
  }
  .landing-steps__list-itm:before {
    left: 16px;
  }
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .landing-steps__device {
    top: 57px;
    margin-left: -152px;
  }
  .landing-steps__content {
    padding-top: 295px;
    padding-bottom: 40px;
  }
  .landing-steps__list {
    margin: 43px 0 0;
  }
  .landing-steps__list-itm {
    display: block;
    width: 100%;
    padding: 0 0 0 80px;
    margin-bottom: 47px;
  }
  .landing-steps__list-itm:before {
    top: 3px;
    left: 0;
    width: 58px;
    height: 58px;
    font-size: 24px;
    line-height: 58px;
  }
}
.landing-enterpise {
  padding: 164px 0 0;
}
.landing-enterpise__shape {
  position: absolute;
  top: 272px;
  left: -309px;
}
@media only screen and (max-width: 1024px) {
  .landing-enterpise {
    padding-top: 156px;
  }
  .landing-enterpise__shape {
    position: absolute;
    top: 114px;
    left: -300px;
    z-index: 2;
  }
  .landing-enterpise .landing-copy__container {
    position: relative;
    z-index: 3;
  }
}
@media only screen and (max-width: 1023px) {
  .landing-enterpise__shape {
    top: 100px;
    left: -292px;
  }
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .landing-enterpise {
    padding-top: 54px;
  }
  .landing-enterpise__shape {
    position: absolute;
    top: -375px;
    left: -80px;
    z-index: 2;
  }
  .landing-enterpise .landing-copy__container {
    position: relative;
    z-index: 3;
  }
}
.landing-adp {
  position: relative;
  padding-bottom: 582px;
}
.landing-adp__device_adp {
  display: none;
}
.landing-adp__device_adp-watch {
  position: absolute;
  bottom: 17px;
  left: 5px;
  margin: 0;
}
@media only screen and (min-width: 1680px) and (max-width: 1919px) {
  .landing-adp__device_adp-watch {
    left: -122px;
  }
}
@media only screen and (min-width: 1920px) {
  .landing-adp__device_adp-watch {
    left: -275px;
  }
}
@media only screen and (max-width: 1308px) {
  .landing-adp__device_adp-watch {
    left: 0;
  }
}
.landing-adp__device_adp-phone {
  position: absolute;
  bottom: 17px;
  left: 145px;
  margin: 0;
}
@media only screen and (min-width: 1680px) and (max-width: 1919px) {
  .landing-adp__device_adp-phone {
    left: 17px;
  }
}
@media only screen and (min-width: 1920px) {
  .landing-adp__device_adp-phone {
    left: -124px;
  }
}
@media only screen and (max-width: 1308px) {
  .landing-adp__device_adp-phone {
    left: 135px;
  }
}
.landing-adp__device_adp-ipad {
  position: absolute;
  bottom: 17px;
  left: 337px;
  margin: 0;
}
@media only screen and (min-width: 1680px) and (max-width: 1919px) {
  .landing-adp__device_adp-ipad {
    left: 209px;
  }
}
@media only screen and (min-width: 1920px) {
  .landing-adp__device_adp-ipad {
    left: 80px;
  }
}
@media only screen and (max-width: 1308px) {
  .landing-adp__device_adp-ipad {
    left: 322px;
  }
}
.landing-adp__device_adp-macbook {
  position: absolute;
  bottom: 17px;
  left: 750px;
  margin: 0;
}
@media only screen and (min-width: 1680px) and (max-width: 1919px) {
  .landing-adp__device_adp-macbook {
    left: 619px;
  }
}
@media only screen and (min-width: 1920px) {
  .landing-adp__device_adp-macbook {
    left: 500px;
  }
}
@media only screen and (max-width: 1308px) {
  .landing-adp__device_adp-macbook {
    left: 730px;
  }
}
@media only screen and (max-width: 1024px) {
  .landing-adp {
    padding-bottom: 460px;
  }
  .landing-adp__device_adp {
    position: absolute;
    left: 50%;
    right: auto;
    bottom: 0;
    margin-left: -512px;
    display: block;
  }
  .landing-adp__device_adp-ipad,
  .landing-adp__device_adp-macbook,
  .landing-adp__device_adp-phone,
  .landing-adp__device_adp-watch {
    display: none;
  }
}
@media only screen and (max-width: 1023px) {
  .landing-adp {
    padding-bottom: 438px;
  }
  .landing-adp__device_adp {
    margin-left: -538px;
  }
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .landing-adp {
    margin-top: 40px;
    margin-bottom: 0;
    padding-top: 315px;
    padding-bottom: 0;
  }
  .landing-adp__device_adp {
    left: -5px;
    top: 0;
    bottom: auto;
    margin-left: 0;
  }
}
@media only screen and (min-width: 600px) and (max-width: 767px) and (max-device-width: 768px) {
  .landing-adp {
    margin-bottom: 0;
    padding-top: 343px;
    padding-bottom: 0;
  }
  .landing-adp__device_adp {
    left: 50%;
    top: 0;
    bottom: auto;
    margin-left: -279px;
  }
}
.landing-partner {
  position: relative;
  z-index: 2;
  padding-bottom: 126px;
}
.landing-partner__apps {
  padding-top: 97px;
  padding-bottom: 75px;
}
.landing-partner__app {
  position: relative;
  height: 816px;
}
.landing-partner__app-txt {
  position: relative;
  padding-top: 290px;
  max-width: 470px;
  width: 50%;
}
.landing-partner__app-device {
  position: absolute;
  right: 60px;
  top: 0;
}
.landing-partner__app_text-right .landing-partner__app-txt {
  margin-left: 50%;
  padding-left: 17px;
}
.landing-partner__app_text-right .landing-partner__app-device {
  left: -38px;
  right: auto;
}
.landing-partner__summary {
  margin-left: auto;
  margin-right: auto;
  max-width: 700px;
}
.landing-partner__hex {
  display: none;
}
@media only screen and (max-width: 1440px) {
  .landing-partner__app-device {
    right: -45px;
  }
  .landing-partner__app_text-right .landing-partner__app-device {
    left: -45px;
  }
}
@media only screen and (max-width: 1024px) {
  .landing-partner {
    padding-bottom: 146px;
  }
  .landing-partner__apps {
    padding-top: 97px;
    padding-bottom: 0;
    margin-bottom: -33px;
  }
  .landing-partner__app {
    position: relative;
    height: 850px;
  }
  .landing-partner__app-txt {
    padding-top: 250px;
    max-width: 470px;
    width: 50%;
  }
  .landing-partner__app-device {
    position: absolute;
    right: -43px;
    top: 0;
    width: 403px;
    height: 816px;
  }
  .landing-partner__app_text-right .landing-partner__app-txt {
    margin-left: 50%;
    padding-left: 32px;
  }
  .landing-partner__app_text-right .landing-partner__app-device {
    left: -43px;
    right: auto;
  }
  .landing-partner__summary {
    max-width: 100%;
  }
}
@media only screen and (max-width: 1023px) {
  .landing-partner {
    padding-bottom: 143px;
  }
  .landing-partner__apps {
    padding-top: 110px;
    padding-bottom: 43px;
    margin-bottom: 0;
  }
  .landing-partner__app {
    position: relative;
    height: 785px;
  }
  .landing-partner__app-txt {
    padding-top: 186px;
    max-width: 470px;
    width: 50%;
  }
  .landing-partner__app-device {
    position: absolute;
    right: -40px;
    top: 0;
  }
  .landing-partner__app_text-right .landing-partner__app-txt {
    margin-left: 50%;
    padding-left: 16px;
  }
  .landing-partner__app_text-right .landing-partner__app-device {
    left: -40px;
    right: auto;
  }
  .landing-partner__summary {
    max-width: 100%;
  }
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .landing-partner {
    padding-bottom: 65px;
  }
  .landing-partner__apps {
    padding-top: 40px;
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .landing-partner__app {
    position: relative;
    height: 590px;
  }
  .landing-partner__app-txt {
    padding-top: 432px;
    max-width: 470px;
    width: 100%;
  }
  .landing-partner__app-device {
    position: absolute;
    right: 50%;
    left: auto;
    margin-right: -122px;
    top: 0;
  }
  .landing-partner__app_text-right .landing-partner__app-txt {
    margin-left: 0;
    padding-left: 0;
  }
  .landing-partner__app_text-right .landing-partner__app-device {
    right: 50%;
    left: auto;
  }
  .landing-partner__summary {
    max-width: 100%;
  }
  .landing-partner .landing-copy__txt {
    position: relative;
    z-index: 2;
  }
  .landing-partner__hex {
    display: block;
    position: absolute;
    z-index: 1;
    right: 14px;
    top: 450px;
  }
}
.arrow-link {
  position: absolute;
  font-size: 18px;
  left: 24px;
  bottom: 24px;
  color: #000;
  font-family: NHaasGroteskDSPro-55Rg, 'Helvetica Neue', Helvetica, Arial,
    sans-serif;
}
.work-copy__title,
.work-info__share a,
.work-intro__title,
.work-section__title {
  font-family: NHaasGroteskDSPro-65Md, 'Helvetica Neue', Helvetica, Arial,
    sans-serif;
}
.arrow-link__icon {
  width: 14px;
  height: 8px;
  display: inline-block;
  margin-left: 4px;
  margin-bottom: 1px;
}
.arrow-link_hidden {
  display: none;
}
.landing-header__img {
  margin: 0;
  width: 645px;
  height: 674px;
  background: url(../img/landing/lp_SF_top_iphone.jpg) no-repeat;
  background-size: 645px 674px;
}
.landing_ny .landing-header__img {
  background-image: url(../img/landing/lp_NY_top_iphone.jpg);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .landing-header__img {
    background-image: url(../img/landing/lp_SF_top_iphone@2x.jpg);
  }
  .landing_ny .landing-header__img {
    background-image: url(../img/landing/lp_NY_top_iphone@2x.jpg);
  }
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .landing-header__img {
    width: 320px;
    height: 334px;
    background-size: 320px 334px;
  }
}
.landing-approach {
  background: url(../img/landing/lp_SF_bridge.jpg) 50% 50% no-repeat;
  background-size: 1920px 714px;
}
.landing_la .landing-approach {
  background: url(../img/landing/lp_LA_bridge.jpg) 50% 50% no-repeat;
  background-size: 1920px 714px;
}
.landing_ny .landing-approach {
  background-image: url(../img/landing/lp_NY_soho.jpg);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .landing-approach {
    background-image: url(../img/landing/lp_SF_bridge@2x.jpg);
  }
  .landing_la .landing-approach {
    background-image: url(../img/landing/lp_LA_bridge@2x.jpg);
  }
  .landing_ny .landing-approach {
    background-image: url(../img/landing/lp_NY_soho@2x.jpg);
  }
}
@media only screen and (max-width: 1024px) {
  .arrow-link {
    display: none;
  }
  .landing-approach {
    background-size: auto 100%;
  }
}
.landing-section_quotation {
  background: url(../img/landing/lp_SF_sea.jpg) 50% 50% no-repeat;
  background-size: 1920px 612px;
}
@media only screen and (max-width: 1024px) {
  .landing-section_quotation {
    background-size: auto 100%;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .landing-section_quotation {
    background-image: url(../img/landing/lp_SF_sea@2x.jpg);
  }
}
.landing-section_cost {
  background: url(../img/landing/lp_SF_cliffs.jpg) 50% 50% no-repeat;
  background-size: 1920px 612px;
}
@media only screen and (max-width: 1024px) {
  .landing-section_cost {
    background-size: auto 100%;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .landing-section_cost {
    background-image: url(../img/landing/lp_SF_cliffs@2x.jpg);
  }
}
.landing-about-us__img {
  width: 512px;
  height: 470px;
  background: url(../img/landing/who-we-are-v2.png) no-repeat;
  background-size: 512px 470px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .landing-about-us__img {
    background-image: url(../img/landing/who-we-are-v2@2x.png);
  }
}
@media only screen and (max-width: 1023px) {
  .landing-about-us__img {
    width: 377px;
    height: 346px;
    background-size: 377px 346px;
  }
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .landing-about-us__img {
    width: 304px;
    height: 235px;
    background-image: url(../img/landing/who-we-are_mob@2x.png);
    background-size: 304px 235px;
  }
}
.landing-about-us__img_ny {
  width: 542px;
  height: 382px;
  background: url(../img/landing/who-we-are_ny.png) no-repeat;
  background-size: 542px 382px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .landing-about-us__img_ny {
    background-image: url(../img/landing/who-we-are_ny@2x.png);
  }
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .landing-about-us__img_ny {
    width: 271px;
    height: 191px;
    background-size: 271px 191px;
  }
}
.landing-sf-app__iphone {
  background: url(../img/common/device/iPhone6w_1x.png) no-repeat;
  background-size: 351px 900px;
  width: 351px;
  height: 900px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .landing-sf-app__iphone {
    background: url(../img/common/device/iPhone6w_2x.png) no-repeat;
    background-size: 351px 900px;
  }
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .landing-sf-app__iphone {
    background-size: 175.5px 450px;
  }
}
.landing-sf-app__iphone-shade {
  background: url(../img/common/device/shadow_r_1x.png) no-repeat;
  background-size: 570px 900px;
  width: 570px;
  height: 900px;
  position: absolute;
  left: -50px;
  top: 0;
  z-index: -1;
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .landing-sf-app__iphone-shade {
    background-size: 285px 450px;
    left: -25px;
  }
}
.landing-sf-app__video {
  background: url(../img/common/device/t_tipster_1x.jpg) no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .landing-sf-app__video {
    background: url(../img/common/device/t_tipster_2x.jpg) no-repeat;
    background-size: 304px 704px;
  }
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .landing-sf-app__video {
    background-size: 152px 352px;
  }
}
.landing-how-we-design__device {
  width: 1091px;
  height: 686px;
  background: url(../img/homepage/smack_iphone.jpg);
  background-size: 1091px 686px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .landing-how-we-design__device {
    background-image: url(../img/homepage/smack_iphone@2x.jpg);
  }
}
@media only screen and (max-width: 1024px) {
  .landing-how-we-design__device {
    width: 927px;
    height: 583px;
    background-size: 927px 583px;
  }
}
@media only screen and (max-width: 1023px) {
  .landing-how-we-design__device {
    width: 764px;
    height: 480px;
    background-size: 764px 480px;
  }
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .landing-how-we-design__device {
    background-image: url(../img/homepage/smack_iphone.jpg);
    width: 320px;
    height: 200px;
    background-size: 320px 200px;
  }
}
.landing-for-startups_ny {
  background: url(../img/landing/lp_NY_office.jpg) 50% 50% no-repeat;
  background-size: 1920px 1088px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .landing-for-startups_ny {
    background-image: url(../img/landing/lp_NY_office@2x.jpg);
  }
}
@media only screen and (max-width: 1024px) {
  .landing-for-startups_ny {
    background-size: auto 100%;
  }
}
.landing-for-startups__img {
  width: 1118px;
  height: 1124px;
  background: url(../img/landing/for-startups.png) no-repeat;
  background-size: 1118px 1124px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .landing-for-startups__img {
    background-image: url(../img/landing/for-startups@2x.png);
  }
}
@media only screen and (max-width: 1023px) {
  .landing-for-startups__img {
    width: 768px;
    height: 769px;
    background-image: url(../img/landing/for-startups_tblt@2x.png);
    background-size: 768px 769px;
  }
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .landing-for-startups__img {
    width: 320px;
    height: 320px;
    background-size: 320px 320px;
  }
}
.landing-for-startups__img_ny {
  width: 538px;
  height: 537px;
  background: url(../img/landing/for-startups_ny.png) no-repeat;
  background-size: 538px 537px;
}
.landing-footer {
  background: url(../img/landing/lp_SF_footer_bg.jpg) 50% 0 no-repeat #141414;
  background-size: 1920px 1224px;
}
.landing_ny .landing-footer {
  background-color: #191919;
  background-image: url(../img/landing/lp_NY_bridge.jpg);
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .landing-footer {
    background-size: auto 100%;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .landing-footer {
    background-image: url(../img/landing/lp_SF_footer_bg@2x.jpg);
  }
  .landing_ny .landing-footer {
    background-image: url(../img/landing/lp_NY_bridge@2x.jpg);
  }
}
.landing-steps__device {
  width: 1137px;
  height: 743px;
  background: url(../img/landing/lp_NY_kapitalM.jpg) no-repeat;
  background-size: 1137px 743px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .landing-steps__device {
    background-image: url(../img/landing/lp_NY_kapitalM@2x.jpg);
  }
}
@media only screen and (max-width: 1024px) {
  .landing-steps__device {
    width: 850px;
    height: 556px;
    background-size: 850px 556px;
  }
}
@media only screen and (max-width: 1023px) {
  .landing-steps__device {
    width: 728px;
    height: 473px;
    background-size: 728px 473px;
  }
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .landing-steps__device {
    width: 305px;
    height: 200px;
    background-size: 305px 200px;
  }
}
.landing-adp__device_adp-watch {
  width: 121px;
  height: 231px;
  background: url(../img/common/device/adp-watch.png) no-repeat;
  background-size: 121px 231px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .landing-adp__device_adp-watch {
    background-image: url(../img/common/device/adp-watch@2x.png);
  }
}
.landing-adp__device_adp-phone {
  width: 166px;
  height: 352px;
  background: url(../img/common/device/adp-phone.png) no-repeat;
  background-size: 166px 352px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .landing-adp__device_adp-phone {
    background-image: url(../img/common/device/adp-phone@2x.png);
  }
}
.landing-adp__device_adp-ipad {
  width: 540px;
  height: 396px;
  background: url(../img/common/device/adp-ipad.png) no-repeat;
  background-size: 540px 396px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .landing-adp__device_adp-ipad {
    background-image: url(../img/common/device/adp-ipad@2x.png);
  }
}
.landing-adp__device_adp-macbook {
  width: 1102px;
  height: 566px;
  background: url(../img/common/device/adp-macbook.png) no-repeat;
  background-size: 1102px 566px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .landing-adp__device_adp-macbook {
    background-image: url(../img/common/device/adp-macbook@2x.png);
  }
}
@media only screen and (max-width: 1024px) {
  .landing-adp__device_adp {
    width: 1024px;
    height: 412px;
    background: url(../img/common/device/adp_tablet@2x.jpg);
    background-size: 1024px 412px;
  }
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .landing-adp__device_adp {
    width: 558px;
    height: 283px;
    background: url(../img/common/device/adp_mob@2x.jpg);
    background-size: 558px 283px;
  }
}
.landing-partner__app-device {
  width: 489px;
  height: 812px;
  background-repeat: no-repeat;
  background-size: 489px 812px;
}
@media only screen and (max-width: 1024px) {
  .landing-partner__app-device {
    width: 410px;
    height: 681px;
    background-size: 410px 681px;
  }
}
.landing-partner__app-device_photolab {
  background-image: url(../img/landing/lp_NY_sony_1.jpg);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .landing-partner__app-device_photolab {
    background-image: url(../img/landing/lp_NY_sony_1@2x.jpg);
  }
}
.landing-partner__app-device_rainy-oke {
  background-image: url(../img/landing/lp_NY_sony_2.jpg);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .landing-partner__app-device_rainy-oke {
    background-image: url(../img/landing/lp_NY_sony_2@2x.jpg);
  }
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .landing-partner__app-device {
    width: 244px;
    height: 406px;
    background-size: 244px 406px;
  }
  .landing-partner__hex {
    width: 44px;
    height: 51px;
    background-image: url(../img/landing/enterprise_mob_hex@2x.png);
    background-size: 100% 100%;
  }
}
.landing-nyc__title-ic {
  width: 303px;
  height: 230px;
  background: url(../img/landing/ic_ny@2x.png);
  background-size: 303px 230px;
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .landing-nyc__title-ic {
    width: 151px;
    height: 115px;
    background-size: 151px 115px;
  }
}
.landing-enterpise__shape {
  width: 1451px;
  height: 1460px;
  background: url(../img/landing/enterprise.png);
  background-size: 100% 100%;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .landing-enterpise__shape {
    background-image: url(../img/landing/enterprise@2x.png);
  }
}
@media only screen and (max-width: 1024px) {
  .landing-enterpise__shape {
    width: 1095px;
    height: 1799px;
    background-image: url(../img/landing/enterprise_tblt@2x.png);
  }
}
@media only screen and (max-width: 1023px) {
  .landing-enterpise__shape {
    width: 1004px;
    height: 1962px;
    background-image: url(../img/landing/enterprise_tblt_p@2x.png);
  }
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .landing-enterpise__shape {
    width: 269px;
    height: 269px;
    background-image: url(../img/landing/enterprise_mob@2x.png);
  }
}
.work-cover {
  width: 100%;
}
.work-cover_video {
  position: relative;
  height: auto;
  padding-bottom: 56.25%;
  background: #ccc;
}
.work-cover_campus {
  margin-left: auto;
  margin-right: auto;
  max-width: 1148px;
  padding-bottom: 0;
  background: #000;
}
.work-cover_speedtest {
  padding-bottom: 42.7%;
  background-size: cover;
  background-image: url(../img/speedtest/frame1_speedtest.jpg);
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .work-cover_speedtest {
    background-image: url(../img/speedtest/frame1_speedtest@2x.jpg);
  }
}
.work-cover_fontspiration {
  background-image: url(../img/fontspiration/frame1_fontspiration.jpg);
  background-size: cover;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .work-cover_fontspiration {
    background-image: url(../img/fontspiration/frame1_fontspiration@2x.jpg);
  }
}
.work-cover_sony {
  padding-bottom: 42.6%;
  background-color: #000;
  background-size: cover;
  background-image: url(../img/sony/frame1_sony.jpg);
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .work-cover_sony {
    background-image: url(../img/sony/frame1_sony@2x.jpg);
  }
}
.work-cover_studio {
  padding-bottom: 56.15%;
}
.work-cover_yota {
  padding-bottom: 42.6%;
  background-color: #23aee9;
  background-size: cover;
  background-image: url(../img/yota/frame1_yota.png);
}
.work-cover__video {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
}
.work-cover__layout {
  position: relative;
  padding-bottom: 56.25%;
}
figure {
  margin: 0;
}
.work-info {
  margin-top: 65px;
  margin-bottom: 53px;
}
.work-info:after,
.work-info:before {
  content: ' ';
  display: table;
}
.work-info__date {
  float: left;
  font-style: italic;
  font-size: 19px;
  line-height: 34px;
}
.work-info__share {
  float: right;
  width: 257px;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 18px;
  line-height: 34px;
}
.work-info__share a {
  min-width: 95px;
  color: #fc4d3c;
}
.work-info__share a:hover {
  color: #000;
}
.work-info__share-amount {
  font-style: italic;
  font-size: 20px;
}
.work-intro {
  margin-bottom: 104px;
}
.work-intro__title {
  margin-bottom: 50px;
  font-weight: 400;
  font-size: 60px;
  line-height: 65px;
}
.work-intro__txt {
  margin-top: 33px;
  max-width: 818px;
  font-size: 32px;
  line-height: 44px;
}
.work-intro__txt a {
  color: #fc4d3c;
}
.work-intro__txt a:hover {
  color: #000;
}
.work-main {
  margin-bottom: 58px;
}
.work-section {
  padding-top: 29px;
  padding-bottom: 53px;
  border-top: 2px solid #000;
}
.work-section_no-brdr {
  border-top: none;
}
.work-section__image {
  margin-left: 281px;
  margin-bottom: 40px;
}
.work-section__txt h3,
.work-section__txt p {
  font-size: 24px;
  line-height: 34px;
  margin-bottom: 17px;
}
.work-section__title {
  float: left;
  padding-right: 24px;
  padding-top: 0;
  width: 281px;
  font-weight: 400;
  font-size: 24px;
  line-height: 34px;
}
.work-section__txt h3 {
  margin-top: 34px;
}
.work-section__txt .btn-view {
  font-size: 20px;
}
.work-section__txt dl,
.work-section__txt ul {
  margin: 0 0 34px;
  font-size: 24px;
  line-height: 34px;
}
.work-section__txt ul {
  padding: 0;
  list-style: none;
}
.work-section__txt dt {
  float: left;
  width: 315px;
}
.work-section__txt a {
  color: #fc4d3c;
}
.work-section__txt a:hover {
  color: #000;
}
@media only screen and (max-width: 1024px) {
  .work-cover_video {
    height: auto;
  }
  .work-info {
    margin-top: 46px;
    margin-bottom: 50px;
  }
  .work-info__share {
    padding-left: 15px;
    width: 50%;
  }
  .work-info__share-amount {
    font-size: 19px;
  }
  .work-intro {
    margin-bottom: 45px;
  }
  .work-intro__title {
    margin-bottom: 30px;
  }
  .work-intro__txt {
    max-width: 653px;
  }
  .work-section {
    padding-top: 28px;
    padding-bottom: 36px;
  }
  .work-section__image {
    margin-left: 0;
    margin-bottom: 10px;
  }
  .work-section__title {
    float: none;
    padding-right: 0;
    padding-top: 0;
    width: auto;
    margin-bottom: 18px;
  }
  .work-section__txt {
    max-width: 688px;
  }
  .work-main {
    margin-bottom: 75px;
  }
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .work-cover_video {
    height: auto;
  }
  .work-info {
    margin-top: 18px;
    margin-bottom: 33px;
  }
  .work-info__date {
    font-size: 13.5px;
    line-height: 20px;
  }
  .work-info__share {
    padding-left: 0;
    font-size: 12px;
    line-height: 20px;
  }
  .work-info__share-amount {
    font-size: 13.5px;
  }
  .work-intro {
    margin-bottom: 46px;
  }
  .work-intro__title {
    margin-bottom: 10px;
    font-size: 28px;
    line-height: 28px;
  }
  .work-intro__txt {
    font-size: 17px;
    line-height: 24px;
  }
  .work-section {
    padding-top: 17px;
    padding-bottom: 50px;
    border-width: 1px;
  }
  .work-section__image {
    margin-top: -17px;
  }
  .work-section__title {
    margin-bottom: 12px;
    font-size: 17px;
    line-height: 20px;
  }
  .work-section__txt dl,
  .work-section__txt h3,
  .work-section__txt p,
  .work-section__txt ul {
    margin-bottom: 17px;
    font-size: 17px;
    line-height: 24px;
  }
  .work-section__txt h3 {
    margin-top: 28px;
  }
  .work-section__txt dl,
  .work-section__txt ul {
    margin-bottom: 28px;
  }
  .work-section__txt dt {
    width: 200px;
  }
  .work-section__txt .btn-view {
    margin-top: -7px;
    font-size: 12px;
  }
  .work-section:last-child {
    padding-bottom: 43px;
  }
  .work-main {
    margin-bottom: 0;
  }
}
.work-copy a {
  color: #fc4d3c;
}
.work-copy a:hover {
  color: #000;
}
.work-copy__title {
  margin-bottom: 30px;
  font-weight: 400;
  font-size: 48px;
  line-height: 50px;
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .work-copy__title {
    font-size: 32px;
    line-height: 32px;
  }
}
.work-copy__txt {
  margin-bottom: 20px;
  font-size: 24px;
  line-height: 34px;
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .work-copy__txt {
    font-size: 17px;
    line-height: 24px;
  }
}
.work-copy__txt_md {
  font-size: 40px;
  line-height: 50px;
  margin-bottom: 34px;
}
.work-copy__icon {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -6px;
  margin-right: 15px;
}
@media only screen and (max-width: 1024px) {
  .work-copy__title {
    margin-bottom: 29px;
    font-size: 40px;
    line-height: 40px;
  }
  .work-copy__txt {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 28px;
  }
  .work-copy__txt_md {
    font-size: 40px;
    line-height: 51px;
    margin-bottom: 34px;
  }
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .work-copy__title {
    margin-bottom: 10px;
    font-size: 32px;
    line-height: 32px;
  }
  .work-copy__txt {
    margin-bottom: 5px;
    font-size: 17px;
    line-height: 24px;
  }
  .work-copy__txt_md {
    font-size: 17px;
    line-height: 24px;
    margin-bottom: 16px;
  }
}
.work-summary {
  margin-bottom: 70px;
  padding-top: 112px;
  padding-bottom: 122px;
  background: #2e2e31;
  color: #fff;
}
@media only screen and (max-width: 1440px) {
  .work-summary {
    margin-bottom: 53px;
  }
}
@media only screen and (max-width: 1024px) {
  .work-summary {
    margin-bottom: 38px;
  }
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .work-summary {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.work-quotation {
  position: relative;
  padding-top: 180px;
  margin: 0 auto;
  width: auto;
  max-width: 790px;
  text-align: center;
}
.work-quotation__txt {
  margin-bottom: 27px;
  font-style: italic;
  font-size: 50px;
  line-height: 68px;
  font-weight: 300;
}
.work-quotation__cite {
  display: block;
  font-family: NHaasGroteskDSPro-55Rg, 'Helvetica Neue', Helvetica, Arial,
    sans-serif;
  font-style: normal;
  font-size: 18px;
  line-height: 30px;
}
.facts-wrap .number,
.more-wrap .more-half .preview-title {
  font-family: NHaasGroteskDSPro-65Md, 'Helvetica Neue', Helvetica, Arial,
    sans-serif;
}
.work-quotation__ic {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -52px;
  width: 104px;
  height: 106px;
  background: url(../img/mobilligy/ic_summary.svg) no-repeat;
  background-size: 104px 106px;
}
@media only screen and (max-width: 1024px) {
  .work-quotation {
    margin-left: auto;
    margin-right: auto;
    max-width: 692px;
  }
  .work-quotation:before {
    display: none;
  }
  .work-quotation__txt {
    margin-bottom: 14px;
    font-size: 40px;
    line-height: 48px;
  }
  .work-quotation__cite {
    font-size: 15px;
  }
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .work-quotation {
    padding-top: 90px;
  }
  .work-quotation__txt {
    margin-bottom: 11px;
    font-size: 26px;
    line-height: 32px;
  }
  .work-quotation__cite {
    font-size: 12px;
    line-height: 16px;
  }
  .work-quotation__ic {
    margin-left: -26px;
    width: 52px;
    height: 53px;
    background-size: 52px 53px;
  }
}
.mobilligy-onboarding {
  position: relative;
  padding: 258px 370px 725px 0;
}
.mobilligy-onboarding__txt {
  max-width: 590px;
}
.mobilligy-onboarding__tutorial {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
.mobilligy-onboarding__login {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}
@media only screen and (max-width: 1024px) {
  .mobilligy-onboarding {
    padding: 135px 280px 465px 0;
  }
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .mobilligy-onboarding {
    padding: 700px 0 335px;
  }
  .mobilligy-onboarding__tutorial {
    right: auto;
    left: 50%;
    margin-left: -127px;
  }
  .mobilligy-onboarding__login {
    position: absolute;
    left: -15px;
    bottom: -45px;
    z-index: 1;
  }
}
.work-page .preview-wrap {
  margin-bottom: 0;
}
.page-fontspiration .photo-wrap.large,
.page-fontspiration .photo-wrap.small,
.page-gsound .photo-wrap.large,
.page-gsound .photo-wrap.small,
.page-halftone2 .photo-wrap.large,
.page-halftone2 .photo-wrap.small,
.page-kicksend .photo-wrap.large,
.page-kicksend .photo-wrap.small,
.page-mobiligy .photo-wrap.large,
.page-mobiligy .photo-wrap.small,
.page-projectnoah .photo-wrap.large,
.page-projectnoah .photo-wrap.small,
.page-sfcd .photo-wrap.large,
.page-sfcd .photo-wrap.small,
.page-sony .photo-wrap.large,
.page-sony .photo-wrap.small,
.page-speedtest .photo-wrap.large,
.page-speedtest .photo-wrap.small,
.yota-page .photo-wrap.large,
.yota-page .photo-wrap.small {
  display: block !important;
}
.page-fontspiration .video-wrap.large,
.page-fontspiration .video-wrap.small,
.page-gsound .video-wrap.large,
.page-gsound .video-wrap.small,
.page-halftone2 .video-wrap.large,
.page-halftone2 .video-wrap.small,
.page-kicksend .video-wrap.large,
.page-kicksend .video-wrap.small,
.page-mobiligy .video-wrap.large,
.page-mobiligy .video-wrap.small,
.page-projectnoah .video-wrap.large,
.page-projectnoah .video-wrap.small,
.page-sfcd .video-wrap.large,
.page-sfcd .video-wrap.small,
.page-sony .video-wrap.large,
.page-sony .video-wrap.small,
.page-speedtest .video-wrap.large,
.page-speedtest .video-wrap.small,
.yota-page .video-wrap.large,
.yota-page .video-wrap.small {
  display: table !important;
  width: 100%;
}
.campus-page .photo-wrap.large,
.campus-page .photo-wrap.small,
.photo-wrap_svg {
  display: block !important;
}
.campus-page .fitted {
  width: 100% !important;
}
.preview-video {
  position: relative;
}
.preview-video__video {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
.photo-wrap {
  margin-right: auto;
  margin-left: auto;
  position: relative;
}
.photo-wrap .instagram-image {
  width: 50%;
  float: left;
  border-bottom: none;
}
.photo-wrap .instagram-image img,
.photo-wrap .preview-image {
  width: 100%;
  display: block;
}
.photo-wrap .preview-image.layer-one {
  position: absolute;
  z-index: 2;
}
.photo-wrap .preview-image.layer-two {
  position: relative;
  z-index: 1;
}
.photo-wrap .sony-splash-karaoke {
  position: absolute;
  z-index: 2;
  width: 6.3%;
  height: auto;
  top: 27.45%;
  left: 46.9%;
}
.photo-wrap .sony-splash-photolab {
  position: absolute;
  top: 30.36%;
  left: 46.86%;
  z-index: 2;
  width: 6.2%;
  height: auto;
}
.photo-wrap.small {
  margin-bottom: 80px;
  max-width: 1100px;
}
.photo-wrap.photo-wrap_with-paddings {
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
  max-width: 1148px;
}
@media only screen and (max-width: 1308px) {
  .photo-wrap.photo-wrap_with-paddings {
    margin-left: 80px;
    margin-right: 80px;
  }
}
@media only screen and (max-width: 1024px) {
  .photo-wrap.photo-wrap_with-paddings {
    margin-left: auto;
    margin-right: auto;
    max-width: 850px;
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .photo-wrap.photo-wrap_with-paddings {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media only screen and (min-width: 1124px) {
  .photo-wrap.photo-wrap_with-paddings {
    padding-left: 0;
    padding-right: 0;
    max-width: 1100px;
  }
}
.photo-wrap.last {
  margin-bottom: 70px;
}
.photo-wrap.large {
  max-width: 1920px;
  padding: 0;
  margin-bottom: 80px;
}
.photo-wrap .photo-half {
  width: 50%;
  float: left;
}
.photo-wrap.photo {
  margin-bottom: 60px;
}
.photo-wrap.text {
  margin-bottom: 100px;
}
@media only screen and (max-width: 1440px) {
  .photo-wrap.large,
  .photo-wrap.small {
    margin-bottom: 60px;
    display: table;
  }
  .photo-wrap.large {
    max-width: 1920px;
    padding: 0;
  }
  .photo-wrap.last {
    margin-bottom: 53px;
  }
  .photo-wrap.photo {
    margin-bottom: 60px;
  }
  .photo-wrap.text {
    margin-bottom: 100px;
  }
}
@media only screen and (max-width: 1024px) {
  .photo-wrap {
    position: relative;
  }
  .photo-wrap.small {
    margin-bottom: 60px;
  }
  .photo-wrap.last {
    margin-bottom: 38px;
  }
  .photo-wrap.photo,
  .photo-wrap.text {
    margin-bottom: 60px;
  }
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .photo-wrap.small {
    margin-bottom: 40px;
  }
  .photo-wrap.last {
    margin-bottom: 38px;
  }
  .photo-wrap.large,
  .photo-wrap.photo,
  .photo-wrap.text {
    margin-bottom: 40px;
  }
  .photo-wrap.large {
    padding: 0;
  }
  .photo-wrap .photo-half {
    width: 50%;
    float: left;
  }
}
.case-section {
  margin-left: auto;
  margin-right: auto;
  max-width: 1148px;
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 140px;
}
@media only screen and (max-width: 1308px) {
  .case-section {
    margin-left: 80px;
    margin-right: 80px;
  }
}
@media only screen and (max-width: 1024px) {
  .case-section {
    margin-left: auto;
    margin-right: auto;
    max-width: 850px;
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .case-section {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.case-section__content {
  display: table;
  width: 100%;
}
.case-section__col {
  display: table-cell;
  width: 50%;
  vertical-align: middle;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
  max-width: 1148px;
}
@media only screen and (max-width: 1308px) {
  .case-section__col {
    margin-left: 80px;
    margin-right: 80px;
  }
}
@media only screen and (max-width: 1024px) {
  .case-section__col {
    margin-left: auto;
    margin-right: auto;
    max-width: 850px;
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .case-section__col {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.case-section__video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.case-section__video-wrap {
  position: relative;
  padding-bottom: 0;
}
@media only screen and (max-width: 1440px) {
  .case-section {
    margin-bottom: 60px;
  }
}
@media only screen and (max-width: 1024px) {
  .case-section {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .case-section {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 40px;
  }
  .case-section__content {
    display: block;
  }
  .case-section__col {
    display: block;
    width: auto;
  }
  .case-section__video-wrap {
    margin-bottom: 55px;
  }
}
.fontspiration-features {
  margin-bottom: -100px;
}
.fontspiration-features__item {
  display: inline-block;
  vertical-align: top;
  width: 25%;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
  max-width: 1148px;
}
@media only screen and (max-width: 1308px) {
  .fontspiration-features__item {
    margin-left: 80px;
    margin-right: 80px;
  }
}
.fontspiration-features__logo {
  margin-bottom: 50px;
  height: 72px;
}
.fontspiration-features__p {
  margin-bottom: 27px;
  font-size: 22px;
  line-height: 34px;
}
.fontspiration-features__p a {
  color: #fc4d3c;
}
.fontspiration-features__p a:hover {
  color: #000;
}
@media only screen and (max-width: 1440px) {
  .fontspiration-features {
    margin-bottom: -50px;
  }
  .fontspiration-features__item {
    margin-bottom: 43px;
  }
  .fontspiration-features__logo {
    margin-bottom: 27px;
    height: 51px;
    background: no-repeat;
  }
  .fontspiration-features__p {
    margin-bottom: 26px;
    font-size: 18px;
    line-height: 26px;
  }
}
@media only screen and (max-width: 1024px) {
  .fontspiration-features__item {
    margin-left: auto;
    margin-right: auto;
    max-width: 850px;
    padding-left: 40px;
    padding-right: 40px;
    width: 50%;
  }
  .fontspiration-features {
    margin-bottom: -50px;
  }
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .fontspiration-features__item {
    padding-left: 16px;
    padding-right: 16px;
    width: 100%;
  }
}
.more-wrap {
  padding-left: 24px;
  padding-right: 24px;
  max-width: 1148px;
  margin: 0 auto 80px;
}
@media only screen and (max-width: 1308px) {
  .more-wrap {
    margin-left: 80px;
    margin-right: 80px;
  }
}
@media only screen and (max-width: 1024px) {
  .more-wrap {
    margin-left: auto;
    margin-right: auto;
    max-width: 850px;
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .more-wrap {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.more-wrap h2 {
  margin-bottom: 56px;
  font-size: 40px;
  line-height: 40px;
  font-weight: 300;
}
.more-wrap .more-half {
  position: relative;
  padding-right: 12px;
  float: left;
  width: 50%;
}
.more-wrap .more-half.right {
  padding-right: 0;
  padding-left: 12px;
}
.more-wrap .more-half .preview-title {
  position: absolute;
  padding: 21px 24px 0;
  color: #fff;
  font-weight: 400;
  font-size: 24px;
  line-height: 34px;
}
@media only screen and (max-width: 1440px) {
  .more-wrap {
    margin-bottom: 70px;
  }
}
@media only screen and (max-width: 1024px) {
  .more-wrap {
    padding-left: 0;
    padding-right: 0;
    max-width: 100%;
  }
  .more-wrap h2 {
    max-width: 848px;
    padding-left: 40px;
    padding-right: 40px;
  }
  .more-wrap .more-half {
    float: left;
    width: 50%;
    padding-right: 0;
    margin-bottom: 0;
  }
  .more-wrap .more-half.right {
    padding-right: 0;
    padding-left: 0;
  }
  .more-wrap .more-half .preview-title {
    position: absolute;
    padding: 20px 40px 0;
    max-width: 640px;
  }
  .more-wrap .more-half .preview-title h3 {
    width: 75%;
  }
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .more-wrap {
    margin-bottom: 40px;
  }
  .more-wrap h2 {
    margin-bottom: 2px;
    padding: 0 10px;
  }
  .more-wrap .more-half {
    width: 100%;
    float: none;
    margin-bottom: 10px;
  }
  .more-wrap .more-half.right {
    margin-bottom: 0;
  }
  .more-wrap .more-half .preview-title {
    position: relative;
    padding: 20px 10px 12px;
    width: 100%;
    max-width: 680px;
    color: #fc4d3c;
    display: block;
    text-decoration: none;
  }
  .more-wrap .more-half .preview-title h3 {
    width: 100%;
  }
  .more-wrap .more-half .preview-image {
    width: 100%;
    display: block;
  }
  .more-wrap .more-half:hover .preview-title {
    color: #000;
  }
}
.facts-wrap .four,
.facts-wrap .six,
.facts-wrap .three,
.facts-wrap .two {
  padding: 0 24px;
  float: left;
}
.fontsp-img-1 {
  position: relative;
}
.fontsp-img-1__video {
  position: absolute;
  top: 13.58%;
  width: 22.75%;
  height: 72.57%;
}
.fontsp-img-1__video_1 {
  left: 19.5%;
}
.fontsp-img-1__video_2 {
  right: 19.81%;
}
.facts-wrap {
  width: 100%;
  max-width: 1148px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 92px;
  display: table;
}
.facts-wrap.about-us,
.facts-wrap.last,
.facts-wrap.work {
  margin-bottom: 100px;
}
.facts-wrap .approach .approach-title,
.facts-wrap .areas .areas-title {
  margin-bottom: 16px;
}
.facts-wrap .two {
  width: 25%;
}
.facts-wrap .three {
  width: 37.5%;
}
.facts-wrap .four {
  width: 50%;
}
.facts-wrap .six {
  width: 75%;
}
.facts-wrap .areas {
  float: left;
  width: 50%;
  padding: 44px 40px 140px;
}
.facts-wrap .approach {
  float: right;
  width: 50%;
  padding: 0 40px 140px 0;
}
.facts-wrap .approach .redbox {
  padding: 44px 40px 9999px;
}
.facts-wrap .number {
  font-weight: 400;
  font-size: 81px;
  line-height: 81px;
  letter-spacing: -1px;
  margin-bottom: 12px;
  white-space: nowrap;
}
.facts-wrap .caption h3 {
  font-size: 24px;
  line-height: 34px;
  font-weight: 400;
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .facts-wrap .caption h3 {
    font-size: 17px;
    line-height: 24px;
  }
}
@media only screen and (max-width: 1024px) {
  .facts-wrap {
    max-width: 850px;
    margin-bottom: 43px;
  }
  .facts-wrap.last {
    margin-bottom: 0;
  }
  .facts-wrap.work {
    margin-bottom: 80px;
  }
  .facts-wrap.about-us {
    margin-bottom: 0;
  }
  .facts-wrap .two {
    float: left;
    width: 25%;
    padding: 0 40px;
  }
  .facts-wrap .two.enter {
    clear: none;
    width: 25%;
    margin-bottom: 0;
    margin-left: 0;
  }
  .facts-wrap .three {
    float: left;
    width: 37.5%;
    padding: 0 40px;
  }
  .facts-wrap .three.enter {
    clear: none;
    width: 37.5%;
    margin-bottom: 0;
    margin-left: 0;
  }
  .facts-wrap .approach .approach-title,
  .facts-wrap .areas .areas-title {
    margin-bottom: 12px;
  }
  .facts-wrap .four {
    float: left;
    width: 50%;
    padding: 0 40px;
  }
  .facts-wrap .areas {
    float: left;
    width: 50%;
    padding: 33px 30px 100px;
  }
  .facts-wrap .approach {
    width: 50%;
    padding: 0 0 100px;
  }
  .facts-wrap .approach .redbox {
    padding: 33px 30px 9999px;
  }
  .facts-wrap .number {
    font-size: 64px;
    line-height: 54px;
    margin-bottom: 6px;
    letter-spacing: -0.02em;
  }
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .facts-wrap {
    width: 100%;
    margin-bottom: 43px;
    display: table;
  }
  .facts-wrap.about-us,
  .facts-wrap.last {
    margin-bottom: 0;
  }
  .facts-wrap.work {
    margin-bottom: 20px;
  }
  .facts-wrap .two {
    float: left;
    width: 50%;
    padding: 0 16px;
  }
  .facts-wrap .two.enter {
    clear: left;
    width: 100%;
    margin-bottom: 30px;
    margin-left: 0;
  }
  .facts-wrap .three {
    float: left;
    width: 37.5%;
    padding: 0 16px;
  }
  .facts-wrap .three.enter {
    clear: left;
    width: 100%;
    margin-bottom: 30px;
    margin-left: 0;
  }
  .facts-wrap .four {
    float: left;
    width: 100%;
    padding: 0 16px;
    margin-bottom: 37px;
  }
  .facts-wrap .areas {
    float: left;
    width: 100%;
    padding: 18px 10px 53px;
  }
  .facts-wrap .areas .areas-title {
    margin-bottom: 10px;
  }
  .facts-wrap .approach {
    clear: left;
    float: left;
    width: 100%;
    padding: 0;
  }
  .facts-wrap .approach .approach-title {
    margin-bottom: 10px;
    color: #fff;
  }
  .facts-wrap .approach .redbox {
    background-color: #fc4d3c;
    padding: 18px 10px 53px;
  }
  .facts-wrap .number {
    letter-spacing: 0;
    margin-bottom: 5px;
  }
}
.work-quote {
  margin-bottom: 100px;
}
.work-quote p {
  max-width: 1020px;
  font-size: 68px;
  line-height: 68px;
  font-family: NHaasGroteskDSPro-75Bd, 'Helvetica Neue', Helvetica, Arial,
    sans-serif;
}
.work-quote p.indent {
  text-indent: -0.4em;
}
.work-quote p .author {
  font-family: adobe-garamond-pro, 'Helvetica Neue', Helvetica, Arial,
    sans-serif;
  font-size: 24px;
  line-height: 34px;
}
@media only screen and (max-width: 1440px) {
  .work-quote {
    margin-bottom: 80px;
  }
  .work-quote p {
    font-size: 54px;
    line-height: 52px;
  }
  .work-quote p.indent {
    text-indent: -0.4em;
  }
}
@media only screen and (max-width: 1024px) {
  .work-quote p {
    font-size: 45px;
    line-height: 44px;
  }
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .work-quote {
    margin-bottom: 60px;
  }
  .work-quote p {
    font-size: 31px;
    line-height: 31px;
  }
  .work-quote p.indent {
    text-indent: 0;
  }
  .work-quote p .author {
    font-size: 17px;
    line-height: 24px;
  }
}
.page-sfcd .cedilla h6,
.page-sfcd .glyphs h6,
.page-sfcd .stylistic-alternates h6,
.page-sfcd .typeface h6 {
  font-size: 15px;
  font-weight: 400;
}
.page-sfcd .grid {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto 40px;
  display: table;
}
.page-sfcd .grid .column {
  width: 50%;
  height: 198px;
  margin: 0;
  border-right: 1px solid #fc4d3c;
  border-left: 1px solid #fc4d3c;
  border-bottom: 0 solid #fc4d3c;
  border-top: 0 solid #fc4d3c;
  background-color: #fff;
  display: table-cell;
  max-width: none;
  padding: 0 10px;
}
.page-sfcd .grid .column.one {
  border-left: 2px solid #fc4d3c;
  display: table-cell;
}
.page-sfcd .grid .column.two {
  border-right: 2px solid #fc4d3c;
  display: table-cell;
}
.page-sfcd .grid .column.eight,
.page-sfcd .grid .column.five,
.page-sfcd .grid .column.four,
.page-sfcd .grid .column.seven,
.page-sfcd .grid .column.six,
.page-sfcd .grid .column.three {
  display: none;
}
.page-sfcd .grid .column .padding {
  background-color: #f0f0f0;
  padding: 0;
  height: 198px;
}
.page-sfcd .grid .column .padding p {
  position: relative;
  color: #999;
  top: 8px;
  left: 10px;
}
@media screen and (min-width: 481px) {
  .page-sfcd .grid {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto 60px;
    display: table;
  }
  .page-sfcd .grid .column {
    width: 25%;
    height: 198px;
    margin: 0;
    max-width: none;
    padding: 0 20px;
  }
  .page-sfcd .grid .column.one {
    border-left: 2px solid #fc4d3c;
    display: table-cell;
  }
  .page-sfcd .grid .column.two {
    border-right: 1px solid #fc4d3c;
    display: table-cell;
  }
  .page-sfcd .grid .column.three {
    display: table-cell;
  }
  .page-sfcd .grid .column.four {
    display: table-cell;
    border-right: 2px solid #fc4d3c;
  }
  .page-sfcd .grid .column.eight,
  .page-sfcd .grid .column.five,
  .page-sfcd .grid .column.seven,
  .page-sfcd .grid .column.six {
    display: none;
  }
  .page-sfcd .grid .column .padding {
    padding: 0;
    height: 198px;
  }
}
@media screen and (min-width: 768px) {
  .page-sfcd .grid {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto 60px;
    display: table;
  }
  .page-sfcd .grid .column {
    width: 25%;
    height: 198px;
    margin: 0;
    max-width: none;
    padding: 0 30px;
  }
  .page-sfcd .grid .column.one {
    border-left: 2px solid #fc4d3c;
    display: table-cell;
  }
  .page-sfcd .grid .column.two {
    border-right: 1px solid #fc4d3c;
    display: table-cell;
  }
  .page-sfcd .grid .column.four,
  .page-sfcd .grid .column.three {
    display: table-cell;
  }
  .page-sfcd .grid .column.eight,
  .page-sfcd .grid .column.five,
  .page-sfcd .grid .column.seven,
  .page-sfcd .grid .column.six {
    display: none;
  }
  .page-sfcd .grid .column .padding {
    padding: 0;
    height: 198px;
  }
}
@media screen and (min-width: 1024px) {
  .page-sfcd .grid {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto 80px;
    display: table;
  }
  .page-sfcd .grid .column {
    width: 12.5%;
    height: 198px;
    margin: 0;
    max-width: 178px;
    padding: 0 40px;
  }
  .page-sfcd .grid .column.one {
    border-left: 2px solid #fc4d3c;
    display: table-cell;
  }
  .page-sfcd .grid .column.two {
    border-right: 1px solid #fc4d3c;
    display: table-cell;
  }
  .page-sfcd .grid .column.three {
    display: table-cell;
  }
  .page-sfcd .grid .column.four {
    border-right: 1px solid #fc4d3c;
    display: table-cell;
  }
  .page-sfcd .grid .column.five,
  .page-sfcd .grid .column.seven,
  .page-sfcd .grid .column.six {
    display: table-cell;
  }
  .page-sfcd .grid .column.eight {
    border-right: 2px solid #fc4d3c;
    display: table-cell;
  }
  .page-sfcd .grid .column .padding {
    padding: 0;
    height: 198px;
  }
}
@media screen and (min-width: 1441px) {
  .page-sfcd .grid {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto 140px;
    display: table;
  }
  .page-sfcd .grid .column {
    width: 12.5%;
    height: 198px;
    margin: 0;
    border-right: 1px solid #fc4d3c;
    border-left: 1px solid #fc4d3c;
    border-bottom: 0 solid #fc4d3c;
    border-top: 0 solid #fc4d3c;
    background-color: #fff;
    max-width: 178px;
    padding: 0 40px;
  }
  .page-sfcd .grid .column .padding {
    padding: 0;
    height: 198px;
  }
}
.page-sfcd .typeface {
  margin-bottom: 100px;
}
.page-sfcd .typeface .one,
.page-sfcd .typeface .two {
  margin-bottom: 40px;
  margin-left: 281px;
}
.page-sfcd .typeface .two {
  width: 50%;
}
.page-sfcd .typeface .three {
  margin-left: 281px;
  margin-bottom: 80px;
}
@media only screen and (max-width: 1440px) {
  .page-sfcd .typeface {
    margin-bottom: 80px;
  }
}
@media only screen and (max-width: 1024px) {
  .page-sfcd .typeface {
    margin: 0 auto 80px;
  }
  .page-sfcd .typeface .one,
  .page-sfcd .typeface .two {
    margin-left: 0;
    margin-bottom: 20px;
  }
  .page-sfcd .typeface .three {
    margin-left: 0;
    margin-bottom: 60px;
  }
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .page-sfcd .typeface {
    margin-bottom: 40px;
  }
  .page-sfcd .typeface .one,
  .page-sfcd .typeface .two {
    margin-bottom: 25px;
  }
  .page-sfcd .typeface .three {
    margin-bottom: 60px;
  }
}
.page-sfcd .glyphs {
  margin-bottom: 100px;
}
.page-sfcd .glyphs .one {
  width: 50%;
  float: left;
  padding: 20px 40px 0 0;
}
.page-sfcd .glyphs .two {
  width: 50%;
  float: left;
  padding: 20px 0 0 40px;
  margin-bottom: 0;
}
@media only screen and (max-width: 1440px) {
  .page-sfcd .glyphs {
    margin-bottom: 80px;
  }
}
@media only screen and (max-width: 1024px) {
  .page-sfcd .glyphs .one h6,
  .page-sfcd .glyphs .two h6 {
    margin-top: 0;
  }
  .page-sfcd .glyphs {
    margin-bottom: 50px;
  }
  .page-sfcd .glyphs img {
    margin-bottom: 10px;
  }
  .page-sfcd .glyphs .one,
  .page-sfcd .glyphs .two {
    margin-bottom: 0;
  }
  .page-sfcd .glyphs.better h6 {
    margin-top: 10px;
  }
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .page-sfcd .glyphs .one h6,
  .page-sfcd .glyphs .two h6 {
    margin-top: -5px;
  }
  .page-sfcd .glyphs {
    margin-bottom: 43px;
  }
  .page-sfcd .glyphs img {
    width: 100%;
    height: 100%;
    margin-bottom: 0;
  }
  .page-sfcd .glyphs .one {
    width: 100%;
    padding: 0;
    margin-bottom: 30px;
  }
  .page-sfcd .glyphs .two {
    width: 100%;
    padding: 0;
    margin-bottom: 0;
  }
  .page-sfcd .glyphs.better h6 {
    margin-top: 10px;
  }
}
.page-sfcd .stylistic-alternates {
  margin-bottom: 120px;
}
.page-sfcd .stylistic-alternates .one,
.page-sfcd .stylistic-alternates .three,
.page-sfcd .stylistic-alternates .two {
  width: 33%;
  float: left;
  padding: 20px 0 0;
}
.page-sfcd .cedilla .five,
.page-sfcd .cedilla .four,
.page-sfcd .cedilla .one,
.page-sfcd .cedilla .three,
.page-sfcd .cedilla .two {
  padding-right: 48px;
  width: 20%;
  float: left;
}
@media only screen and (max-width: 1440px) {
  .page-sfcd .stylistic-alternates {
    margin-bottom: 100px;
  }
}
@media only screen and (max-width: 1024px) {
  .page-sfcd .stylistic-alternates {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .page-sfcd .stylistic-alternates {
    margin-bottom: 40px;
    margin-top: -60px;
  }
  .page-sfcd .stylistic-alternates .one,
  .page-sfcd .stylistic-alternates .three,
  .page-sfcd .stylistic-alternates .two {
    width: 100%;
    max-width: 320px;
    float: none;
    margin-bottom: 20px;
  }
}
.page-sfcd .cedilla {
  margin-bottom: 100px;
  padding-top: 40px;
}
.page-sfcd .cedilla .one {
  margin-bottom: 60px;
}
@media only screen and (max-width: 1440px) {
  .page-sfcd .cedilla {
    margin-bottom: 80px;
    padding-top: 0;
  }
  .page-sfcd .cedilla .five,
  .page-sfcd .cedilla .four,
  .page-sfcd .cedilla .one,
  .page-sfcd .cedilla .three,
  .page-sfcd .cedilla .two {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 1024px) {
  .page-sfcd .cedilla {
    margin-bottom: 50px;
  }
  .page-sfcd .cedilla .four,
  .page-sfcd .cedilla .one,
  .page-sfcd .cedilla .three,
  .page-sfcd .cedilla .two {
    width: 33%;
    padding-bottom: 30px;
    margin-bottom: 0;
  }
  .page-sfcd .cedilla .five {
    width: 33%;
    padding-bottom: 0;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .page-sfcd .cedilla {
    margin-bottom: 33px;
  }
  .page-sfcd .cedilla .five,
  .page-sfcd .cedilla .four,
  .page-sfcd .cedilla .one,
  .page-sfcd .cedilla .three,
  .page-sfcd .cedilla .two {
    width: 50%;
    margin-bottom: 10px;
  }
}
.finalshot-text {
  position: absolute;
  top: 0;
}
.big-hand {
  background: url(../img/fontspiration/hover.png) 45% 55% no-repeat;
  background-size: contain;
  z-index: 99;
  pointer-events: none;
}
.yota-photo-wrap__video {
  position: absolute;
  right: 0;
  bottom: 6%;
  width: 100%;
  height: 77.4%;
  -webkit-transform: translateX(22.4%);
  -ms-transform: translateX(22.4%);
  transform: translateX(22.4%);
}
.phone-wrap {
  width: 23.8%;
  height: 77.39%;
  position: absolute;
  bottom: 6.25%;
  right: 15.7%;
}
.phone-wrap-screen,
.yota-photo-wrap__video2 {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  top: 0;
}
.yota-ui-section {
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
  max-width: 1148px;
}
@media only screen and (max-width: 1308px) {
  .yota-ui-section {
    margin-left: 80px;
    margin-right: 80px;
  }
}
@media only screen and (max-width: 1024px) {
  .yota-ui-section {
    margin-left: auto;
    margin-right: auto;
    max-width: 850px;
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .yota-ui-section {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.yota-ui {
  padding: 0;
  margin: 0 -2%;
  font-size: 24px;
  line-height: 34px;
}
.yota-ui__item {
  float: left;
  margin-bottom: 0;
  padding-bottom: 0;
  width: 33.3%;
  padding-left: 2%;
  padding-right: 2%;
  list-style: none;
}
.yota-ui__txt {
  margin-top: 30px;
  text-align: center;
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .yota-ui {
    max-width: 320px;
    padding: 0;
    margin: 0 auto;
    font-size: 17px;
    line-height: 24px;
  }
  .yota-ui__item {
    float: none;
    width: 100%;
    padding: 0;
    margin: 0 0 30px;
  }
  .yota-ui__txt {
    margin-top: 10px;
  }
}
.yota-img-1 {
  padding-bottom: 37.7%;
  background: url(../img/yota/target.jpg) 50% 50% no-repeat;
  background-size: cover;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .yota-img-1 {
    background-image: url(../img/yota/target@2x.jpg);
  }
}
.yota-img-2 {
  padding-bottom: 41.1%;
  background: url(../img/yota/scheme.jpg) 50% 50% no-repeat;
  background-size: cover;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .yota-img-2 {
    background-image: url(../img/yota/scheme@2x.jpg);
  }
}
.yota-img-3 {
  padding-bottom: 68.6%;
  background: url(../img/yota/color.png) 50% 50% no-repeat;
  background-size: cover;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .yota-img-3 {
    background-image: url(../img/yota/color@2x.png);
  }
}
.yota-img-4 {
  padding-bottom: 50%;
  background: url(../img/yota/icons.png) 50% 50% no-repeat;
  background-size: cover;
}
.yota-img-5,
.yota-img-6,
.yota-img-7 {
  padding-bottom: 100%;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .yota-img-4 {
    background-image: url(../img/yota/icons@2x.png);
  }
}
.yota-img-5 {
  background: url(../img/yota/principles-1.jpg) 50% 50% no-repeat;
  background-size: cover;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .yota-img-5 {
    background-image: url(../img/yota/principles-1@2x.jpg);
  }
}
.yota-img-6 {
  background: url(../img/yota/principles-2.png) 50% 50% no-repeat;
  background-size: cover;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .yota-img-6 {
    background-image: url(../img/yota/principles-2@2x.png);
  }
}
.yota-img-7 {
  background: url(../img/yota/principles-3.jpg) 50% 50% no-repeat;
  background-size: cover;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .yota-img-7 {
    background-image: url(../img/yota/principles-3@2x.jpg);
  }
}
.yota-img-8 {
  padding-bottom: 50%;
  background: url(../img/yota/first-use-cover.jpg) 50% 50% no-repeat;
  background-size: cover;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .yota-img-8 {
    background-image: url(../img/yota/first-use-cover@2x.jpg);
  }
}
.yota-img-9 {
  padding-bottom: 75%;
  background: url(../img/yota/plan-constructor.png) 50% 50% no-repeat;
  background-size: cover;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .yota-img-9 {
    background-image: url(../img/yota/plan-constructor@2x.png);
  }
}
.yota-img-10 {
  padding-bottom: 137%;
  background: url(../img/yota/roulette.png) 50% 50% no-repeat;
  background-size: cover;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .yota-img-10 {
    background-image: url(../img/yota/roulette@2x.png);
  }
}
.yota-img-11 {
  padding-bottom: 48.3%;
  background: url(../img/yota/user-data.jpg) 50% 50% no-repeat;
  background-size: cover;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .yota-img-11 {
    background-image: url(../img/yota/user-data@2x.jpg);
  }
}
.yota-img-12 {
  padding-bottom: 48.3%;
  background: url(../img/yota/places-delivery.jpg) 50% 50% no-repeat;
  background-size: cover;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .yota-img-12 {
    background-image: url(../img/yota/places-delivery@2x.jpg);
  }
}
.yota-img-13 {
  padding-bottom: 50%;
  background: url(../img/yota/main-app-cover.jpg) 50% 50% no-repeat;
  background-size: cover;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .yota-img-13 {
    background-image: url(../img/yota/main-app-cover@2x.jpg);
  }
}
.yota-img-14 {
  padding-bottom: 17.7%;
  background: url(../img/yota/notifications.png) 50% 50% no-repeat;
  background-size: cover;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .yota-img-14 {
    background-image: url(../img/yota/notifications@2x.png);
  }
}
.yota-img-15 {
  padding-bottom: 28.9%;
  background: url(../img/yota/main-info.png) 50% 50% no-repeat;
  background-size: cover;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .yota-img-15 {
    background-image: url(../img/yota/main-info@2x.png);
  }
}
.yota-img-16 {
  padding-bottom: 75%;
  background: url(../img/yota/balance.png) 50% 50% no-repeat;
  background-size: cover;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .yota-img-16 {
    background-image: url(../img/yota/balance@2x.png);
  }
}
.yota-img-17 {
  padding-bottom: 164%;
  background: url(../img/yota/alerts.png) 50% 50% no-repeat;
  background-size: cover;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .yota-img-17 {
    background-image: url(../img/yota/alerts@2x.png);
  }
}
.yota-img-18 {
  padding-bottom: 50%;
  background: url(../img/yota/chat.jpg) 50% 50% no-repeat;
  background-size: cover;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .yota-img-18 {
    background-image: url(../img/yota/chat@2x.jpg);
  }
}
.yota-img-19 {
  padding-bottom: 75%;
  background: url(../img/yota/chat-2.jpg) 50% 50% no-repeat;
  background-size: cover;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .yota-img-19 {
    background-image: url(../img/yota/chat-2@2x.png);
  }
}
.yota-img-20 {
  padding-bottom: 164%;
  background: url(../img/yota/rating.jpg) 50% 50% no-repeat;
  background-size: cover;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .yota-img-20 {
    background-image: url(../img/yota/rating@2x.jpg);
  }
}
.yota-img-21 {
  padding-bottom: 48.3%;
  background: url(../img/yota/informative.png) 50% 50% no-repeat;
  background-size: cover;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .yota-img-21 {
    background-image: url(../img/yota/informative@2x.png);
  }
}
.yota-img-22 {
  padding-bottom: 50%;
  background: url(../img/yota/finalshot.jpg) 50% 50% no-repeat;
  background-size: cover;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .yota-img-22 {
    background-image: url(../img/yota/finalshot@2x.jpg);
  }
}
.yota-img-23 {
  padding-bottom: 50%;
  background: url(../img/yota/finalshot-text.png) 50% 50% no-repeat;
  background-size: cover;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .yota-img-23 {
    background-image: url(../img/yota/finalshot-text@2x.png);
  }
}
.campus-img-1 {
  padding-bottom: 42.6%;
  background: url(../img/campus/campus-01.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.campus-img-2 {
  padding-bottom: 42.6%;
  background: url(../img/campus/campus-02.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.campus-img-3 {
  padding-bottom: 26.7%;
  background: url(../img/campus/campus-03.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.campus-img-4 {
  padding-bottom: 32.3%;
  background: url(../img/campus/campus-04.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.campus-img-5 {
  padding-bottom: 19.19%;
  background: url(../img/campus/campus-05.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.campus-img-6 {
  padding-bottom: 42.6%;
  background: url(../img/campus/campus-06.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.campus-img-7 {
  padding-bottom: 29.5%;
  background: url(../img/campus/campus-07.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.campus-img-8 {
  padding-bottom: 60.1%;
  background: url(../img/campus/campus-08.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.campus-img-9 {
  padding-bottom: 37.5%;
  background: url(../img/campus/campus-09.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.campus-img-10 {
  padding-bottom: 52.8%;
  background: url(../img/campus/campus-10.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.campus-img-11 {
  padding-bottom: 52.8%;
  background: url(../img/campus/campus-11.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.campus-img-12 {
  padding-bottom: 90%;
  background: url(../img/campus/campus-28.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.campus-img-13 {
  padding-bottom: 90%;
  background: url(../img/campus/campus-27.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.campus-img-14 {
  padding-bottom: 65.3%;
  background: url(../img/campus/campus-21.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.campus-img-15 {
  padding-bottom: 39.4%;
  background: url(../img/campus/campus-22.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.campus-img-16 {
  padding-bottom: 31.5%;
  background: url(../img/campus/campus-23.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.campus-img-17 {
  padding-bottom: 39.4%;
  background: url(../img/campus/campus-24.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.campus-img-18 {
  padding-bottom: 33.7%;
  background: url(../img/campus/campus-25.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.campus-img-19 {
  padding-bottom: 116.7%;
  background: url(../img/campus/campus-26.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.campus-img-20 {
  padding-bottom: 34.4%;
  background: url(../img/campus/campus-13.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.campus-img-21 {
  padding-bottom: 51%;
  background: url(../img/campus/campus-14.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.campus-img-22 {
  padding-bottom: 35.4%;
  background: url(../img/campus/campus-29.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.campus-img-23,
.campus-img-24,
.campus-img-25,
.campus-img-26 {
  padding-bottom: 71.4%;
}
.campus-img-23 {
  background: url(../img/campus/campus-30.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.campus-img-24 {
  background: url(../img/campus/campus-31.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.campus-img-25 {
  background: url(../img/campus/campus-32.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.campus-img-26 {
  background: url(../img/campus/campus-33.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.campus-img-27 {
  padding-bottom: 40.3%;
  background: url(../img/campus/campus-15.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.campus-img-28 {
  padding-bottom: 42.6%;
  background: url(../img/campus/campus-17.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.campus-img-29 {
  padding-bottom: 39.7%;
  background: url(../img/campus/campus-19.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.campus-img-30 {
  padding-bottom: 71.4%;
  background: url(../img/campus/campus-34.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.campus-img-31 {
  padding-bottom: 71.4%;
  background: url(../img/campus/campus-35.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.campus-img-32 {
  padding-bottom: 47.5%;
  background: url(../img/campus/campus-20.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.fontsp-img-1 {
  padding-bottom: 55.5%;
  background: url(../img/fontspiration/inspire_and_create.png) 50% 50% no-repeat;
  background-size: cover;
}
.fontsp-img-2 {
  padding-bottom: 31.3%;
  background: url(../img/fontspiration/color.png) 50% 50% no-repeat;
  background-size: cover;
}
.fontsp-img-3 {
  padding-bottom: 49.3%;
  background: url(../img/fontspiration/fontsp.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.fontsp-img-4 {
  padding-bottom: 75%;
  background: url(../img/fontspiration/themes.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.fontsp-img-5 {
  padding-bottom: 46.5%;
  background: url(../img/fontspiration/path.png) 50% 50% no-repeat;
  background-size: cover;
}
.fontsp-img-6 {
  position: relative;
  height: 549px;
  background-color: #f2f2f2;
}
.fontsp-img-6__phone {
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -173px;
  width: 347px;
  height: 549px;
  background: url(../img/fontspiration/uiscenario-phone.png) 50% 50% no-repeat;
}
.fontsp-img-6__phone-video {
  position: absolute;
  width: 298px;
  height: 530px;
  top: 8px;
  left: 25px;
}
.fontsp-img-7 {
  padding-bottom: 50%;
  background: url(../img/fontspiration/screens.png) 50% 50% no-repeat;
  background-size: cover;
}
.fontsp-img-8 {
  padding-bottom: 123.7%;
  background: url(../img/fontspiration/shuffle.png) 50% 50% no-repeat;
  background-size: cover;
}
.fontsp-img-9 {
  position: relative;
  padding-bottom: 23.3%;
  background: url(../img/fontspiration/texticons.png) 50% 50% no-repeat;
  background-size: cover;
}
.fontsp-img-9__video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fontsp-img-10 {
  padding-bottom: 42.7%;
  background: url(../img/fontspiration/fontspiration.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.fontsp-img-11 {
  position: relative;
  padding-bottom: 50%;
  background-color: #f2f2f2;
  background-size: cover;
  background-image: url(../img/fontspiration/frame2_fontspiration.jpg);
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .fontsp-img-11 {
    background-image: url(../img/fontspiration/frame2_fontspiration@2x.jpg);
  }
}
.fontsp-img-11__video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fontsp-img-12 {
  position: relative;
  padding-bottom: 44%;
  background: url(../img/fontspiration/iconography.png) 50% 50% no-repeat;
  background-size: cover;
}
.fontspiration-features__logo_01 {
  width: 267px;
  background-image: url(../img/fontspiration/logo-fastcompany.svg);
  background-size: 267px 72px;
}
.fontspiration-features__logo_02 {
  width: 72px;
  background-image: url(../img/fontspiration/logo-webdesignerdepot.svg);
  background-size: 72px 72px;
}
.fontspiration-features__logo_03 {
  width: 89px;
  background-image: url(../img/fontspiration/logo-designtaxi.svg);
  background-size: 89px 72px;
}
.fontspiration-features__logo_04 {
  width: 259px;
  background-image: url(../img/fontspiration/logo-brit-co.svg);
  background-size: 259px 72px;
}
@media only screen and (max-width: 1440px) {
  .fontspiration-features__logo_01 {
    width: 190px;
    background-size: 190px 51px;
  }
  .fontspiration-features__logo_02 {
    width: 53px;
    background-size: 53px 51px;
  }
  .fontspiration-features__logo_03 {
    width: 64px;
    background-size: 64px 51px;
  }
  .fontspiration-features__logo_04 {
    width: 185px;
    background-size: 185px 51px;
  }
}
.gsound-img-1 {
  padding-bottom: 50%;
  background: url(../img/gsound/gsound-00.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.gsound-img-2,
.gsound-img-3,
.gsound-img-4,
.gsound-img-5 {
  padding-bottom: 52%;
}
.gsound-img-2 {
  background: url(../img/gsound/gsound-01.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.gsound-img-3 {
  background: url(../img/gsound/gsound-02.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.gsound-img-4 {
  background: url(../img/gsound/gsound-03.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.gsound-img-5 {
  background: url(../img/gsound/gsound-04.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.halftone2-img-1 {
  padding-bottom: 50%;
  background: url(../img/halftone2/halftone2-00.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.halftone2-img-2 {
  padding-bottom: 50%;
  background: url(../img/halftone2/halftone2-03.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.halftone2-img-3 {
  padding-bottom: 50%;
  background: url(../img/halftone2/halftone2-04.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.halftone2-img-4 {
  padding-bottom: 50%;
  background: url(../img/halftone2/halftone2-05.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.halftone2-img-5 {
  padding-bottom: 42.6%;
  background: url(../img/halftone2/halftone2-06.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.halftone2-img-6 {
  padding-bottom: 42.6%;
  background: url(../img/halftone2/halftone2-01.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.halftone2-img-7 {
  padding-bottom: 42.6%;
  background: url(../img/halftone2/halftone2-02.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.kicksend-img-1 {
  padding-bottom: 50%;
  background: url(../img/kicksend/kicksend-00.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.kicksend-img-2 {
  padding-bottom: 30.2%;
  background: url(../img/kicksend/kicksend-01.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.kicksend-img-3 {
  padding-bottom: 52.6%;
  background: url(../img/kicksend/kicksend-02.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.kicksend-img-4 {
  padding-bottom: 42.6%;
  background: url(../img/kicksend/kicksend-03.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.kicksend-img-5 {
  padding-bottom: 59.5%;
  background: url(../img/kicksend/kicksend-04.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.kicksend-img-6 {
  padding-bottom: 38.7%;
  background: url(../img/kicksend/kicksend-05.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.kicksend-img-7 {
  padding-bottom: 50%;
  background: url(../img/kicksend/kicksend-07.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.mobilligy-img-1 {
  padding-bottom: 50%;
  background: url(../img/mobilligy/mobilligy-00.png) 50% 50% no-repeat;
  background-size: cover;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .mobilligy-img-1 {
    background: url(../img/mobilligy/mobilligy-00@2x.png) 50% 50% no-repeat;
    background-size: cover;
  }
}
.mobilligy-img-2 {
  padding-bottom: 50%;
  background: url(../img/mobilligy/mobilligy-02.jpg) 50% 50% no-repeat;
  background-size: cover;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .mobilligy-img-2 {
    background: url(../img/mobilligy/mobilligy-02@2x.jpg) 50% 50% no-repeat;
    background-size: cover;
  }
}
.mobilligy-img-3 {
  padding-bottom: 33%;
  background: url(../img/mobilligy/mobilligy-03.jpg) 50% 50% no-repeat;
  background-size: cover;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .mobilligy-img-3 {
    background: url(../img/mobilligy/mobilligy-03@2x.jpg) 50% 50% no-repeat;
    background-size: cover;
  }
}
.mobilligy-img-3_1 {
  padding-bottom: 50%;
  background: url(../img/mobilligy/mobilligy-03_1.png) 50% 50% no-repeat;
  background-size: cover;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .mobilligy-img-3_1 {
    background: url(../img/mobilligy/mobilligy-03_1@2x.png) 50% 50% no-repeat;
    background-size: cover;
  }
}
.mobilligy-img-4_0 {
  position: relative;
  z-index: 2;
  padding-bottom: 56%;
  background: url(../img/mobilligy/mobilligy-04_0.jpg) 50% 50% no-repeat;
  background-size: cover;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .mobilligy-img-4_0 {
    background: url(../img/mobilligy/mobilligy-04_0@2x.jpg) 50% 50% no-repeat;
    background-size: cover;
  }
}
.mobilligy-img-4 {
  padding-bottom: 25%;
  background: url(../img/mobilligy/mobilligy-04.png) 50% 50% no-repeat;
  background-size: cover;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .mobilligy-img-4 {
    background: url(../img/mobilligy/mobilligy-04@2x.png) 50% 50% no-repeat;
    background-size: cover;
  }
}
.mobilligy-img-5 {
  padding-bottom: 57%;
  background: url(../img/mobilligy/mobilligy-05.png) 50% 50% no-repeat;
  background-size: cover;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .mobilligy-img-5 {
    background: url(../img/mobilligy/mobilligy-05@2x.png) 50% 50% no-repeat;
    background-size: cover;
  }
}
.mobilligy-img-6 {
  padding-bottom: 97.3%;
  background: url(../img/mobilligy/mobilligy-06.jpg) 50% 50% no-repeat;
  background-size: cover;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .mobilligy-img-6 {
    background: url(../img/mobilligy/mobilligy-06@2x.jpg) 50% 50% no-repeat;
    background-size: cover;
  }
}
.mobilligy-img_tutorial {
  width: 351px;
  height: 900px;
  background: url(../img/mobilligy/tutorial.png) 50% 50% no-repeat;
  background-size: 351px 900px;
}
@media only screen and (max-width: 1024px) {
  .mobilligy-img_tutorial {
    width: 255px;
    height: 656px;
    background-size: 255px 656px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .mobilligy-img_tutorial {
    background-image: url(../img/mobilligy/tutorial@2x.png);
  }
}
.mobilligy-img_login {
  width: 874px;
  height: 450px;
  background: url(../img/mobilligy/login.png) 50% 50% no-repeat;
  background-size: 874px 450px;
}
@media only screen and (max-width: 1024px) {
  .mobilligy-img_login {
    width: 638px;
    height: 323px;
    background-size: 638px 323px;
  }
}
.sony-img-8__video,
.sony-img-9__video,
.speedtest-img-6__video,
.studio-img-1__video {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .mobilligy-img_login {
    background-image: url(../img/mobilligy/login@2x.png);
  }
}
.projectnoah-img-1 {
  padding-bottom: 50%;
  background: url(../img/projectnoah/projectnoah-00.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.projectnoah-img-2 {
  padding-bottom: 57.3%;
  background: url(../img/projectnoah/projectnoah-01.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.projectnoah-img-3 {
  padding-bottom: 35.3%;
  background: url(../img/projectnoah/projectnoah-08.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.projectnoah-img-4 {
  padding-bottom: 91.4%;
  background: url(../img/projectnoah/projectnoah-06.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.projectnoah-img-5 {
  padding-bottom: 48.8%;
  background: url(../img/projectnoah/projectnoah-02.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.projectnoah-img-6 {
  padding-bottom: 48.8%;
  background: url(../img/projectnoah/projectnoah-03.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.projectnoah-img-7 {
  padding-bottom: 48.8%;
  background: url(../img/projectnoah/projectnoah-04.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.projectnoah-img-8 {
  padding-bottom: 48.8%;
  background: url(../img/projectnoah/projectnoah-05.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.projectnoah-img-9 {
  padding-bottom: 49.79%;
  background: url(../img/projectnoah/projectnoah-07.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.speedtest-img-1 {
  padding-bottom: 56.25%;
  background: url(../img/speedtest/speedtest-01.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.speedtest-img-2 {
  padding-bottom: 56.25%;
  background: url(../img/speedtest/speedtest-02.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.speedtest-img-3 {
  padding-bottom: 56.25%;
  background: url(../img/speedtest/speedtest-09.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.speedtest-img-4 {
  padding-bottom: 42.6%;
  background: url(../img/speedtest/speedtest-06.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.speedtest-img-5 {
  padding-bottom: 41.7%;
  background: url(../img/speedtest/speedtest-08.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.speedtest-img-6 {
  position: relative;
  padding-bottom: 42.55%;
  background-size: cover;
  background-image: url(../img/speedtest/frame2_speedtest.jpg);
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .speedtest-img-6 {
    background-image: url(../img/speedtest/frame2_speedtest@2x.jpg);
  }
}
.speedtest-img-6__video {
  position: absolute;
}
.speedtest-img-7 {
  padding-bottom: 41.66%;
  background-size: cover;
  background-image: url(../img/speedtest/speedtest-10.jpg);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .speedtest-img-7 {
    background-image: url(../img/speedtest/speedtest-10@2x.jpg);
  }
}
.sony-img-1 {
  padding-bottom: 57.3%;
  background: url(../img/sony/sony-01.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.sony-img-2 {
  padding-bottom: 46.8%;
  background: url(../img/sony/sony-05.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.sony-img-3 {
  padding-bottom: 41.5%;
  background: url(../img/sony/sony-04.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.sony-img-4 {
  padding-bottom: 42.6%;
  background: url(../img/sony/sony-03.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.sony-img-5 {
  padding-bottom: 46.8%;
  background: url(../img/sony/sony-06.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.sony-img-6 {
  padding-bottom: 46.8%;
  background: url(../img/sony/sony-02.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.sony-img-8,
.sony-img-9 {
  padding-bottom: 56.16%;
  background-size: cover;
}
.sony-img-8 {
  position: relative;
  background-image: url(../img/sony/frame2_sony.jpg);
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .sony-img-8 {
    background-image: url(../img/sony/frame2_sony@2x.jpg);
  }
}
.sony-img-8__video {
  position: absolute;
}
.sony-img-9 {
  position: relative;
  background-image: url(../img/sony/frame3_sony.jpg);
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .sony-img-9 {
    background-image: url(../img/sony/frame3_sony@2x.jpg);
  }
}
@media only screen and (max-width: 767px) and (max-device-width: 768px),
  only screen and (max-width: 1024px) {
  .fontsp-img-11 video,
  .fontsp-img-6__phone video,
  .fontsp-img-9 video,
  .sony-img-8 video,
  .sony-img-9 video,
  .speedtest-img-6 video,
  .work-cover_video video {
    visibility: hidden;
  }
}
.sony-img-9__video {
  position: absolute;
}
.sfcd-img-1 {
  padding-bottom: 50%;
  background: url(../img/sfcd/sfcd-00.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.sfcd-img-2,
.sfcd-img-3,
.sfcd-img-4 {
  padding-bottom: 83.3%;
}
.sfcd-img-2 {
  background: url(../img/sfcd/sa-01.png) 50% 50% no-repeat;
  background-size: cover;
}
.sfcd-img-3 {
  background: url(../img/sfcd/sa-02.png) 50% 50% no-repeat;
  background-size: cover;
}
.sfcd-img-4 {
  background: url(../img/sfcd/sa-03.png) 50% 50% no-repeat;
  background-size: cover;
}
.sfcd-img-5 {
  padding-bottom: 56.5%;
  background: url(../img/sfcd/sfcd-02.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.sfcd-img-6 {
  padding-bottom: 21.9%;
  background: url(../img/sfcd/sfcd-04.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.sfcd-img-7 {
  padding-bottom: 56.5%;
  background: url(../img/sfcd/sfcd-03.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.sfcd-img-8 {
  padding-bottom: 25%;
  background: url(../img/sfcd/sfcd-06.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.studio-img-1 {
  position: relative;
  padding-bottom: 56.16%;
}
.studio-img-1__video {
  position: absolute;
}
.more-img {
  padding-bottom: 50%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.more-img_campus {
  background-image: url(../img/more/campus.jpg);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .more-img_campus {
    background-image: url(../img/more/campus@2x.jpg);
  }
}
.more-img_formation {
  background-image: url(../img/more/formation.jpg);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .more-img_formation {
    background-image: url(../img/more/formation@2x.jpg);
  }
}
.more-img_gsound {
  background-image: url(../img/more/gsound.jpg);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .more-img_gsound {
    background-image: url(../img/more/gsound@2x.jpg);
  }
}
.more-img_halftone2 {
  background-image: url(../img/more/halftone2.jpg);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .more-img_halftone2 {
    background-image: url(../img/more/halftone2@2x.jpg);
  }
}
.more-img_mobilligy {
  background-image: url(../img/more/prism.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .more-img_mobilligy {
    background-image: url(../img/more/prism@2x.png);
  }
}
.more-img_projectnoah {
  background-image: url(../img/more/projectnoah.jpg);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .more-img_projectnoah {
    background-image: url(../img/more/projectnoah@2x.jpg);
  }
}
.more-img_sfcd {
  background-image: url(../img/more/sfcd.jpg);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .more-img_sfcd {
    background-image: url(../img/more/sfcd@2x.jpg);
  }
}
.more-img_sony {
  background-image: url(../img/more/sony.jpg);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .more-img_sony {
    background-image: url(../img/more/sony@2x.jpg);
  }
}
.more-img_speedtest {
  background-image: url(../img/more/speedtest.jpg);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .more-img_speedtest {
    background-image: url(../img/more/speedtest@2x.jpg);
  }
}
.more-img_studio {
  background-image: url(../img/more/studio.jpg);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-resolution: 144dpi),
  screen and (-webkit-min-device-pixel-ratio: 144),
  screen and (min-resolution: 144dppx) {
  .more-img_studio {
    background-image: url(../img/more/studio@2x.jpg);
  }
}
.work-copy__icon_shuffle {
  width: 62px;
  height: 48px;
  background: url(../img/fontspiration/ic_shuffle.svg) no-repeat;
  background-size: 62px 48px;
}
.work-copy__icon_roulette {
  width: 49px;
  height: 49px;
  background: url(../img/yota/ic_roulette.svg) no-repeat;
  background-size: 49px 49px;
}
.work-copy__icon_alerts {
  width: 49px;
  height: 49px;
  background: url(../img/yota/ic_alerts.svg) no-repeat;
  background-size: 49px 49px;
}
.work-copy__icon_ratings {
  width: 49px;
  height: 49px;
  background: url(../img/yota/ic_ratings.svg) no-repeat;
  background-size: 49px 49px;
}
@-webkit-keyframes bounce {
  from,
  to {
    -webkit-transform: translateY(2%);
    transform: translateY(2%);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes bounce {
  from,
  to {
    -webkit-transform: translateY(2%);
    transform: translateY(2%);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.fade-from.already-faded {
  opacity: 1;
  transition: opacity 450ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
.font-themes .preview-image {
  visibility: hidden;
}
.font-themes.j-not-initialized .preview-image {
  visibility: visible;
}
.font-themes .big-hand {
  opacity: 1;
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-duration: 4.2s;
  animation-duration: 4.2s;
  transition: opacity 0.5s;
}
.font-themes.j-not-initialized .big-hand {
  opacity: 0;
}
.clearfix:after,
.clearfix:before {
  content: ' ';
  display: table;
}
.clearfix:after {
  clear: both;
}
@media only screen and (max-width: 767px) and (max-device-width: 768px) {
  .hidden-phone {
    display: none;
  }
}
@media only screen and (max-width: 1024px) {
  .hidden-tablet {
    display: none;
  }
}
.disable-safari-blending .section-fixed__content {
  mix-blend-mode: normal;
}