.clients .wrap .cols:after {
  content: '';
  display: block;
  clear: both; }

.covid19 .wrap, .contactModal .wrap {
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

.toTop {
  background-image: url("../sprites/sprite.svg");
  background-size: 500px 500px;
  font-size: 20px; }

.placeholder {
  pointer-events: none;
  -webkit-transition: 0.3s opacity linear;
  -ms-transition: 0.3s opacity linear;
  transition: 0.3s opacity linear;
  position: absolute; }
  .placeholder.faded {
    opacity: 0.5; }
  .placeholder.hide {
    display: none; }

.video {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
  width: 100%;
  display: block; }
  .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.hide {
  display: none !important; }

body p {
  font-size: 2.1875rem; }
  body p + p {
    margin-top: 45px; }
  body p a, body p button {
    display: inline-block;
    position: relative; }
    body p a:before, body p button:before {
      content: '';
      height: 7px;
      width: 100%;
      background-color: yellow;
      position: absolute;
      bottom: 5px;
      left: 0;
      display: block;
      z-index: -1;
      -webkit-transition-timing-function: linear;
      -webkit-transition-duration: 200ms;
      -webkit-transition-property: all;
      -moz-transition-timing-function: linear;
      -moz-transition-duration: 200ms;
      -moz-transition-property: all;
      -o-transition-timing-function: linear;
      -o-transition-duration: 200ms;
      -o-transition-property: all;
      -ms-transition-timing-function: linear;
      -ms-transition-duration: 200ms;
      -ms-transition-property: all;
      transition-timing-function: linear;
      transition-duration: 200ms;
      transition-property: all; }
    body p a:hover:before, body p button:hover:before {
      height: 80%; }

.toTop {
  display: block;
  background-position: -30px -190px;
  width: 16px;
  height: 91px;
  position: fixed;
  bottom: 24px;
  right: 24px;
  -webkit-transition-timing-function: linear;
  -webkit-transition-duration: 300ms;
  -webkit-transition-property: all;
  -moz-transition-timing-function: linear;
  -moz-transition-duration: 300ms;
  -moz-transition-property: all;
  -o-transition-timing-function: linear;
  -o-transition-duration: 300ms;
  -o-transition-property: all;
  -ms-transition-timing-function: linear;
  -ms-transition-duration: 300ms;
  -ms-transition-property: all;
  transition-timing-function: linear;
  transition-duration: 300ms;
  transition-property: all; }
  .toTop.fixed {
    bottom: 420px; }

.intro {
  padding-top: 58px; }
  .intro .wrap {
    max-width: 940px;
    margin: 0 auto; }
    .intro .wrap h2 {
      font-size: 1.25rem;
      margin-bottom: 42px; }
    .intro .wrap article {
      width: 850px; }
  .intro.privacy .wrap {
    position: relative; }
    .intro.privacy .wrap h2 {
      margin-bottom: 50px; }
    .intro.privacy .wrap .back {
      top: 0;
      right: 0;
      padding-left: 65px;
      font-size: 1.25rem; }
      .intro.privacy .wrap .back:before {
        background-position: -220px -20px;
        width: 51px;
        height: 9px;
        top: 5px; }
    .intro.privacy .wrap article {
      width: 800px; }
      .intro.privacy .wrap article h3 {
        font-size: 1.4375rem; }
      .intro.privacy .wrap article p {
        font-size: 1.5625rem; }
        .intro.privacy .wrap article p + p {
          margin-top: 30px; }
      .intro.privacy .wrap article p + h3 {
        margin-top: 50px; }

.slider {
  max-width: 940px;
  margin: 54px auto; }
  .slider.projects .hold {
    position: relative; }
    .slider.projects .hold .swiper-container {
      margin-bottom: 84px; }
      .slider.projects .hold .swiper-container .swiper-wrapper .swiper-slide figure {
        padding-top: 0;
        height: 660px; }
      .slider.projects .hold .swiper-container .swiper-wrapper .swiper-slide .text {
        padding: 10px 14px; }
        .slider.projects .hold .swiper-container .swiper-wrapper .swiper-slide .text h3 {
          font-size: 1.125rem; }
        .slider.projects .hold .swiper-container .swiper-wrapper .swiper-slide .text h4 {
          font-size: 1rem; }
  .slider.projects article h2 {
    font-size: 1.25rem;
    margin-bottom: 40px; }
  .slider.work .swiper-menu button {
    bottom: 65px; }
  .slider .swiper-menu button {
    background-position: -20px -100px;
    width: 117px;
    height: 51px;
    left: 40px;
    bottom: 30px; }
    .slider .swiper-menu button + button {
      right: 40px; }

.clients {
  padding: 86px 0; }
  .clients .wrap {
    max-width: 940px;
    margin: 0 auto; }
    .clients .wrap h2 {
      font-size: 1.25rem;
      margin-bottom: 40px; }
    .clients .wrap .cols .col {
      width: 50%;
      float: left; }
      .clients .wrap .cols .col ul li {
        font-size: 2.1875rem; }

footer .wrap, .contactModal .wrap, .covid19 .wrap {
  padding: 60px 0 35px 0;
  margin: 0 auto;
  max-width: 940px; }
  footer .wrap h2, .contactModal .wrap h2, .covid19 .wrap h2 {
    font-size: 1.25rem; }
  footer .wrap p, .contactModal .wrap p, .covid19 .wrap p {
    padding-right: 110px; }
    footer .wrap p span, .contactModal .wrap p span, .covid19 .wrap p span {
      display: inline-block; }
    footer .wrap p a, .contactModal .wrap p a, .covid19 .wrap p a {
      -webkit-transition-timing-function: linear;
      -webkit-transition-duration: 300ms;
      -webkit-transition-property: all;
      -moz-transition-timing-function: linear;
      -moz-transition-duration: 300ms;
      -moz-transition-property: all;
      -o-transition-timing-function: linear;
      -o-transition-duration: 300ms;
      -o-transition-property: all;
      -ms-transition-timing-function: linear;
      -ms-transition-duration: 300ms;
      -ms-transition-property: all;
      transition-timing-function: linear;
      transition-duration: 300ms;
      transition-property: all; }
      footer .wrap p a:hover, .contactModal .wrap p a:hover, .covid19 .wrap p a:hover {
        color: #807e8f; }
    footer .wrap p:nth-of-type(3), .contactModal .wrap p:nth-of-type(3), .covid19 .wrap p:nth-of-type(3) {
      margin-top: 0; }
    footer .wrap p + p, .contactModal .wrap p + p, .covid19 .wrap p + p {
      margin-top: 0; }
    footer .wrap p + .small, .contactModal .wrap p + .small, .covid19 .wrap p + .small {
      margin-top: 45px; }
  footer .wrap .small, .contactModal .wrap .small, .covid19 .wrap .small {
    font-size: 1.125rem; }
    footer .wrap .small a, .contactModal .wrap .small a, .covid19 .wrap .small a {
      font-size: 0.9375rem;
      top: 3px; }

.covid19 .wrap {
  padding: 55px 0; }
  .covid19 .wrap:before {
    content: '';
    background-color: yellow;
    width: 100vw;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -50vw;
    display: block;
    z-index: -1; }
  .covid19 .wrap p {
    padding-right: 0; }
  .covid19 .wrap button {
    top: 40px;
    right: 40px; }

.contactModal .wrap {
  padding: 55px 0; }
  .contactModal .wrap:before {
    content: '';
    background-color: black;
    width: 100vw;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -50vw;
    display: block;
    z-index: -1; }
  .contactModal .wrap p {
    padding-right: 0; }
  .contactModal .wrap button {
    top: 40px;
    right: 40px; }

@media only screen and (min-width: 720px) and (max-width: 940px) {
  .intro, .projects, .clients, footer {
    padding-left: 40px;
    padding-right: 40px; } }

/*# sourceMappingURL=desktop.css.map */