Перейти к основному содержанию

Сообщение об ошибке

  • Notice: tempnam(): file created in the system's temporary directory in Drupal\Core\File\FileSystem->tempnam() (line 269 of core/lib/Drupal/Core/File/FileSystem.php).
    Drupal\Core\File\FileSystem->tempnam('temporary://', 'file') (Line: 1208)
    drupal_tempnam('temporary://', 'file') (Line: 968)
    file_unmanaged_save_data('@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');
    /*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */
    html {
      color: #222;
      font-size: 1em;
      line-height: 1.4;
    }
    ::-moz-selection {
      background: #b3d4fc;
      text-shadow: none;
    }
    ::selection {
      background: #b3d4fc;
      text-shadow: none;
    }
    hr {
      display: block;
      height: 1px;
      border: 0;
      border-top: 1px solid #ccc;
      margin: 1em 0;
      padding: 0;
    }
    audio,
    canvas,
    iframe,
    img,
    svg,
    video {
      vertical-align: middle;
    }
    fieldset {
      border: 0;
      margin: 0;
      padding: 0;
    }
    textarea {
      resize: vertical;
    }
    .text-align-left {
      text-align: left;
    }
    .text-align-center {
      text-align: center;
    }
    .text-align-right {
      text-align: right;
    }
    .browserupgrade {
      margin: 0.2em 0;
      background: #ccc;
      color: #000;
      padding: 0.2em 0;
    }
    /* ===== Initializr Styles ==================================================
       Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template
       ========================================================================== */
    body {
      font-weight: 300;
      font-style: normal;
      background-color: #f5f5f5;
    }
    body.open-burger .logo {
      background-color: #2fcaa9 !important;
    }
    body.open-burger .title {
      position: absolute;
    }
    .wrapper {
      width: 100%;
      margin: 0;
    }
    /* ===================
        ALL: Black Theme
       =================== */
    .header-container {
      /*border-bottom: 20px solid #000000;*/
      margin-bottom: 20px;
    }
    .title {
      position: absolute;
      color: #cccccc;
      background-color: #cccccc;
      z-index: 6000;
      font-size: 1em;
      padding: 0;
      margin: 0;
      border-radius: 3px;
    }
    /* ==============
        MOBILE: Menu
       ============== */
    html.open-burger {
      overflow: hidden;
    }
    .header-container.open-burger {
      z-index: 99995;
    }
    .header-container ~ .mobile-menu {
      display: none;
      position: fixed;
      overflow-y: auto;
      top: 0;
      width: 100%;
      opacity: 0;
      height: calc(100vh - 110px);
      min-height: 400px;
      background-color: #f5f5f5;
      -webkit-transition: opacity 0.3s ease;
      -khtml-transition: opacity 0.3s ease;
      -moz-transition: opacity 0.3s ease;
      transition: opacity 0.3s ease;
      z-index: -1;
    }
    body .content-container {
      -webkit-transition: background-color 0.3s ease;
      -moz-transition: background-color 0.3s ease;
      -ms-transition: background-color 0.3s ease;
      -o-transition: background-color 0.3s ease;
      transition: background-color 0.3s ease;
    }
    body.open-burger .content-container {
      background-color: #f5f5f5 !important;
    }
    .header-container.open-burger ~ .mobile-menu {
      margin-left: 0;
      opacity: 1;
      height: auto;
      overflow-y: auto;
      padding-top: 104px;
      box-sizing: border-box;
      z-index: 99990;
    }
    .header-container.open-burger ~ .mobile-menu #filtr a {
      margin: 0;
      text-align: center;
      box-sizing: border-box;
    }
    .header-container.open-burger ~ .mobile-menu #filtr ul li:nth-of-type(15) a {
      -webkit-transition: margin 0.3s ease 2.35s, color 0.3s ease;
      -khtml-transition: margin 0.3s ease 2.35s, color 0.3s ease;
      -moz-transition: margin 0.3s ease 2.35s, color 0.3s ease;
      transition: margin 0.3s ease 2.35s, color 0.3s ease;
    }
    .header-container.open-burger ~ .mobile-menu #filtr ul li:nth-of-type(14) a {
      -webkit-transition: margin 0.3s ease 2.2s, color 0.3s ease;
      -khtml-transition: margin 0.3s ease 2.2s, color 0.3s ease;
      -moz-transition: margin 0.3s ease 2.2s, color 0.3s ease;
      transition: margin 0.3s ease 2.2s, color 0.3s ease;
    }
    .header-container.open-burger ~ .mobile-menu #filtr ul li:nth-of-type(13) a {
      -webkit-transition: margin 0.3s ease 2.05s, color 0.3s ease;
      -khtml-transition: margin 0.3s ease 2.05s, color 0.3s ease;
      -moz-transition: margin 0.3s ease 2.05s, color 0.3s ease;
      transition: margin 0.3s ease 2.05s, color 0.3s ease;
    }
    .header-container.open-burger ~ .mobile-menu #filtr ul li:nth-of-type(12) a {
      -webkit-transition: margin 0.3s ease 1.9s, color 0.3s ease;
      -khtml-transition: margin 0.3s ease 1.9s, color 0.3s ease;
      -moz-transition: margin 0.3s ease 1.9s, color 0.3s ease;
      transition: margin 0.3s ease 1.9s, color 0.3s ease;
    }
    .header-container.open-burger ~ .mobile-menu #filtr ul li:nth-of-type(11) a {
      -webkit-transition: margin 0.3s ease 1.75s, color 0.3s ease;
      -khtml-transition: margin 0.3s ease 1.75s, color 0.3s ease;
      -moz-transition: margin 0.3s ease 1.75s, color 0.3s ease;
      transition: margin 0.3s ease 1.75s, color 0.3s ease;
    }
    .header-container.open-burger ~ .mobile-menu #filtr ul li:nth-of-type(10) a {
      -webkit-transition: margin 0.3s ease 1.6s, color 0.3s ease;
      -khtml-transition: margin 0.3s ease 1.6s, color 0.3s ease;
      -moz-transition: margin 0.3s ease 1.6s, color 0.3s ease;
      transition: margin 0.3s ease 1.6s, color 0.3s ease;
    }
    .header-container.open-burger ~ .mobile-menu #filtr ul li:nth-of-type(9) a {
      -webkit-transition: margin 0.3s ease 1.45s, color 0.3s ease;
      -khtml-transition: margin 0.3s ease 1.45s, color 0.3s ease;
      -moz-transition: margin 0.3s ease 1.45s, color 0.3s ease;
      transition: margin 0.3s ease 1.45s, color 0.3s ease;
    }
    .header-container.open-burger ~ .mobile-menu #filtr ul li:nth-of-type(8) a {
      -webkit-transition: margin 0.3s ease 1.3s, color 0.3s ease;
      -khtml-transition: margin 0.3s ease 1.3s, color 0.3s ease;
      -moz-transition: margin 0.3s ease 1.3s, color 0.3s ease;
      transition: margin 0.3s ease 1.3s, color 0.3s ease;
    }
    .header-container.open-burger ~ .mobile-menu #filtr ul li:nth-of-type(7) a {
      -webkit-transition: margin 0.3s ease 1.15s, color 0.3s ease;
      -khtml-transition: margin 0.3s ease 1.15s, color 0.3s ease;
      -moz-transition: margin 0.3s ease 1.15s, color 0.3s ease;
      transition: margin 0.3s ease 1.15s, color 0.3s ease;
    }
    .header-container.open-burger ~ .mobile-menu #filtr ul li:nth-of-type(6) a {
      -webkit-transition: margin 0.3s ease 1s, color 0.3s ease;
      -khtml-transition: margin 0.3s ease 1s, color 0.3s ease;
      -moz-transition: margin 0.3s ease 1s, color 0.3s ease;
      transition: margin 0.3s ease 1s, color 0.3s ease;
    }
    .header-container.open-burger ~ .mobile-menu #filtr ul li:nth-of-type(5) a {
      -webkit-transition: margin 0.3s ease 0.85s, color 0.3s ease;
      -khtml-transition: margin 0.3s ease 0.85s, color 0.3s ease;
      -moz-transition: margin 0.3s ease 0.85s, color 0.3s ease;
      transition: margin 0.3s ease 0.85s, color 0.3s ease;
    }
    .header-container.open-burger ~ .mobile-menu #filtr ul li:nth-of-type(4) a {
      -webkit-transition: margin 0.3s ease 0.7s, color 0.3s ease;
      -khtml-transition: margin 0.3s ease 0.7s, color 0.3s ease;
      -moz-transition: margin 0.3s ease 0.7s, color 0.3s ease;
      transition: margin 0.3s ease 0.7s, color 0.3s ease;
    }
    .header-container.open-burger ~ .mobile-menu #filtr ul li:nth-of-type(3) a {
      -webkit-transition: margin 0.3s ease 0.55s, color 0.3s ease;
      -khtml-transition: margin 0.3s ease 0.55s, color 0.3s ease;
      -moz-transition: margin 0.3s ease 0.55s, color 0.3s ease;
      transition: margin 0.3s ease 0.55s, color 0.3s ease;
    }
    .header-container.open-burger ~ .mobile-menu #filtr ul li:nth-of-type(2) a {
      -webkit-transition: margin 0.3s ease 0.4s, color 0.3s ease;
      -khtml-transition: margin 0.3s ease 0.4s, color 0.3s ease;
      -moz-transition: margin 0.3s ease 0.4s, color 0.3s ease;
      transition: margin 0.3s ease 0.4s, color 0.3s ease;
    }
    .header-container.open-burger ~ .mobile-menu #filtr ul li:nth-of-type(1) a {
      -webkit-transition: margin 0.3s ease 0.25s, color 0.3s ease;
      -khtml-transition: margin 0.3s ease 0.25s, color 0.3s ease;
      -moz-transition: margin 0.3s ease 0.25s, color 0.3s ease;
      transition: margin 0.3s ease 0.25s, color 0.3s ease;
    }
    .visually-hidden {
      display: none;
    }
    nav ul {
      margin: 0;
      padding: 0;
      list-style-type: none;
    }
    nav a {
      display: block;
      margin-bottom: 10px;
      padding: 15px 0;
      text-align: center;
      text-decoration: none;
      font-weight: bold;
      color: white;
    }
    .burger {
      -webkit-transition: all 0.3s ease-out;
      -khtml-transition: all 0.3s ease-out;
      -moz-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out;
      left: 28px;
    }
    .burger.sharp {
      -webkit-transition: none;
      -khtml-transition: none;
      -moz-transition: none;
      transition: none;
    }
    .burger,
    .close-burger {
      display: none;
      position: absolute;
      width: 40px;
      overflow: hidden;
      z-index: 8100;
      top: 37px;
    }
    .burger {
      height: 20px;
    }
    .burger span,
    .close-burger span {
      display: block;
      position: absolute;
      height: 3px;
      width: 100%;
      background-color: #141414;
      -webkit-transition: background-color 0.3s ease-out, margin-top 0.3s ease-out 0.1s;
      -khtml-transition: background-color 0.3s ease-out, margin-top 0.3s ease-out 0.1s;
      -moz-transition: background-color 0.3s ease-out, margin-top 0.3s ease-out 0.1s;
      transition: background-color 0.3s ease-out, margin-top 0.3s ease-out 0.1s;
      -webkit-transform-origin: 50% 50% 0;
      -khtml-transform-origin: 50% 50% 0;
      -moz-transform-origin: 50% 50% 0;
      transform-origin: 50% 50% 0;
    }
    .burger.open-burger {
      z-index: 0;
    }
    .burger.open-burger span,
    .close-burger.open-burger span {
      background-color: #272727;
      z-index: 0;
    }
    html.text-color-light .burger span,
    html.text-color-light .close-burger span {
      background-color: #ffffff;
    }
    html.text-color-light header.open-burger .burger span,
    html.text-color-light header.open-burger .close-burger span {
      background-color: #272727;
    }
    .burger span:nth-of-type(2) {
      margin-top: 8px;
      -webkit-transition-delay: 0.2s;
      -khtml-transition-delay: 0.2s;
      -moz-transition-delay: 0.2s;
      transition-delay: 0.2s;
    }
    .burger span:nth-of-type(3) {
      margin-top: 16px;
      -webkit-transition-delay: 0.3s;
      -khtml-transition-delay: 0.3s;
      -moz-transition-delay: 0.3s;
      transition-delay: 0.3s;
    }
    .burger span:not(:last-of-type) {
      margin-bottom: 5px;
    }
    .close-burger span:first-of-type {
      -webkit-transform: translate(0px, 10px) rotate(45deg);
      -khtml-transform: translate(0px, 10px) rotate(45deg);
      -moz-transform: translate(0px, 10px) rotate(45deg);
      transform: translate(0px, 10px) rotate(45deg);
    }
    .close-burger span:last-of-type {
      -webkit-transform: translate(0px, 10px) rotate(-45deg);
      -khtml-transform: translate(0px, 10px) rotate(-45deg);
      -moz-transform: translate(0px, 10px) rotate(-45deg);
      transform: translate(0px, 10px) rotate(-45deg);
    }
    html.no-touch .burger:hover span:nth-of-type(2) {
      -webkit-transition-delay: 0.1s;
      -khtml-transition-delay: 0.1s;
      -moz-transition-delay: 0.1s;
      transition-delay: 0.1s;
    }
    html.no-touch .burger:hover span:nth-of-type(3) {
      -webkit-transition-delay: 0.2s;
      -khtml-transition-delay: 0.2s;
      -moz-transition-delay: 0.2s;
      transition-delay: 0.2s;
    }
    html.no-touch .burger:not(.open-burger):hover span {
      background-color: #2fcaa9;
    }
    .burger.open-burger span {
      margin-top: -100%;
      margin-bottom: 0;
    }
    .close-burger {
      display: block;
      height: 40px;
      cursor: pointer;
      background-position: center center;
      background-size: 34px;
      background-repeat: no-repeat;
      z-index: 8050;
      -webkit-transition: right 0.3s ease-out, opacity 0.3s ease-out 0.3s;
      -khtml-transition: right 0.3s ease-out, opacity 0.3s ease-out 0.3s;
      -moz-transition: right 0.3s ease-out, opacity 0.3s ease-out 0.3s;
      transition: right 0.3s ease-out, opacity 0.3s ease-out 0.3s;
      margin-top: -3px;
      margin-right: -3px;
      left: -40px;
      opacity: 0;
    }
    .close-burger.open-burger {
      opacity: 1;
    }
    /* ==============
        MOBILE: Main
       ============== */
    #main {
      padding: 0;
    }
    #main article h1 {
      font-size: 32px;
    }
    #main aside {
      color: white;
      padding: 0px 5% 10px;
    }
    div[role='contentinfo'] div[role='alert'] {
      display: none;
    }
    body.proekt .footer-container footer {
      padding: 150px 0 0;
    }
    /* ===============
        ALL: IE Fixes
       =============== */
    .ie7 .title {
      padding-top: 20px;
    }
    /* ==========================================================================
       Author's custom styles
       ========================================================================== */
    #toolbar-administration {
      display: none;
    }
    .no-transition {
      -webkit-transition: none !important;
      -khtml-transition: none !important;
      -moz-transition: none !important;
      transition: none !important;
    }
    body {
      padding-top: 108px !important;
      overflow-x: hidden;
      color: #141414;
      font-weight: 300;
      -webkit-transition: all 0.3s ease;
      -khtml-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      transition: all 0.3s ease;
      touch-action: manipulation;
    }
    body.open-burger {
      -webkit-transition: all 0.3s ease 0.2s;
      -khtml-transition: all 0.3s ease 0.2s;
      -moz-transition: all 0.3s ease 0.2s;
      transition: all 0.3s ease 0.2s;
    }
    article {
      font-family: Roboto, Sans-Serif;
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      color: #141414;
      text-align: center;
      margin: 0;
      line-height: 48px;
      font-family: 'Roboto Slab', Serif;
    }
    .dark h1,
    .dark h2,
    .dark h3,
    .dark h4,
    .dark h5,
    .dark h6 {
      color: #ffffff;
    }
    html.text-color-light h1,
    html.text-color-light h2,
    html.text-color-light h3,
    html.text-color-light h4,
    html.text-color-light h5,
    html.text-color-light h6 {
      color: #ffffff;
    }
    h1 {
      font-size: 32px;
      line-height: 42px;
      text-align: left;
      font-weight: 300;
    }
    h1.hello {
      font-size: 32px;
      text-align: center;
      font-weight: 100;
      letter-spacing: normal;
    }
    h2,
    h3,
    h4,
    h5,
    h6 {
      font-family: 'Roboto Slab', Serif;
      font-weight: 300;
      line-height: 1.5em;
    }
    h2 {
      font-size: 28px;
      line-height: 38px;
      font-weight: 300;
    }
    div.note,
    p.note {
      padding: 0;
    }
    div.note + p:not(.text),
    div.note + div,
    div.note + img,
    p.note + p:not(.text),
    p.note + div,
    p.note + img {
      margin-top: 50px;
    }
    a {
      text-decoration: none;
      -webkit-transition: all 0.3s ease;
      -khtml-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      transition: all 0.3s ease;
    }
    iframe {
      max-width: 100%;
    }
    .contextual {
      display: none !important;
    }
    .header-container {
      position: absolute;
      display: block;
      width: 100%;
      top: 0;
    }
    header {
      display: block;
      height: 108px;
      top: 0;
      background-color: #f5f5f5;
      transition: box-shadow 0.3s ease 0s;
    }
    header.fixed {
      position: fixed;
      box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
      z-index: 9999;
    }
    header.overpage {
      position: absolute;
      z-index: 9999;
    }
    header nav ul li {
      height: 38px;
    }
    header nav ul li a {
      margin-top: -8px;
    }
    header .bg {
      display: none;
    }
    #all_projects {
      position: absolute;
    }
    .everything rect {
      -webkit-transition: transform 0.1s ease-in, width 0.1s ease-in, height 0.1s ease-in;
      -khtml-transition: transform 0.1s ease-in, width 0.1s ease-in, height 0.1s ease-in;
      -moz-transition: transform 0.1s ease-in, width 0.1s ease-in, height 0.1s ease-in;
      transition: transform 0.1s ease-in, width 0.1s ease-in, height 0.1s ease-in;
      position: absolute;
    }
    .everything:hover rect {
      width: 85px;
      height: 85px;
    }
    .everything:hover rect:nth-of-type(1) {
      -webkit-transform: translate(8px,8px);
      -khtml-transform: translate(8px,8px);
      -moz-transform: translate(8px,8px);
      transform: translate(8px,8px);
    }
    .everything:hover rect:nth-of-type(2) {
      -webkit-transform: translate(0,8px);
      -khtml-transform: translate(0,8px);
      -moz-transform: translate(0,8px);
      transform: translate(0,8px);
    }
    .everything:hover rect:nth-of-type(3) {
      -webkit-transform: translate(-8px,8px);
      -khtml-transform: translate(-8px,8px);
      -moz-transform: translate(-8px,8px);
      transform: translate(-8px,8px);
    }
    .everything:hover rect:nth-of-type(4) {
      -webkit-transform: translate(8px,0);
      -khtml-transform: translate(8px,0);
      -moz-transform: translate(8px,0);
      transform: translate(8px,0);
    }
    .everything:hover rect:nth-of-type(8) {
      -webkit-transform: translate(-8px,0);
      -khtml-transform: translate(-8px,0);
      -moz-transform: translate(-8px,0);
      transform: translate(-8px,0);
    }
    .everything:hover rect:nth-of-type(5) {
      -webkit-transform: translate(8px,-8px);
      -khtml-transform: translate(8px,-8px);
      -moz-transform: translate(8px,-8px);
      transform: translate(8px,-8px);
    }
    .everything:hover rect:nth-of-type(7) {
      -webkit-transform: translate(0,-8px);
      -khtml-transform: translate(0,-8px);
      -moz-transform: translate(0,-8px);
      transform: translate(0,-8px);
    }
    .everything:hover rect:nth-of-type(9) {
      -webkit-transform: translate(-8px,-8px);
      -khtml-transform: translate(-8px,-8px);
      -moz-transform: translate(-8px,-8px);
      transform: translate(-8px,-8px);
    }
    .toolbar-oriented .toolbar-bar {
      top: auto;
    }
    .text-color-dark {
      color: #141414;
    }
    .text-color-light {
      color: #ffffff;
    }
    .no-transitions {
      -webkit-transition: none !important;
      -khtml-transition: none !important;
      -moz-transition: none !important;
      transition: none !important;
    }
    .ultrathin {
      width: 0px !important;
    }
    .title {
      display: block;
      position: absolute;
      left: 50%;
      top: 15px;
      padding: 9px;
      -webkit-transform: translate(-50%, 0);
      -khtml-transform: translate(-50%, 0);
      -moz-transform: translate(-50%, 0);
      transform: translate(-50%, 0);
      -webkit-transition: all 0.1s ease;
      -khtml-transition: all 0.1s ease;
      -moz-transition: all 0.1s ease;
      transition: all 0.1s ease;
    }
    canvas.logo {
      -webkit-transition: all 0.1s ease;
      -khtml-transition: all 0.1s ease;
      -moz-transition: all 0.1s ease;
      transition: all 0.1s ease;
      -webkit-border-radius: 2px;
      -khtml-border-radius: 2px;
      -moz-border-radius: 2px;
      border-radius: 2px;
    }
    div.content-container.front-page .title:not(.beautiful) {
      background-image: url('/themes/custom/quadrates/images/logobg.jpg');
      animation: white-noise 1s 1 linear;
    }
    div.content-container.front-page.frontpage .canvas.logo:not(.beautiful) {
      background-image: url('/themes/custom/quadrates/images/logobg.jpg');
      animation: white-noise 1s 5 linear;
    }
    @keyframes white-noise {
      from {
        background-position: 10px 20px;
      }
      10% {
        background-position: 65px 34px;
      }
      20% {
        background-position: 26px 45px;
      }
      30% {
        background-position: 87px 10px;
      }
      40% {
        background-position: 18px 30px;
      }
      50% {
        background-position: 76px 34px;
      }
      60% {
        background-position: 34px 76px;
      }
      70% {
        background-position: 14px 88px;
      }
      80% {
        background-position: 47px 99px;
      }
      90% {
        background-position: 40px 90px;
      }
      to {
        background-position: 0 0;
      }
    }
    canvas.logo.q-color {
      background-color: #2fcaa9;
    }
    a.logo-link:not(:active):not(:focus):hover canvas,
    a.title:not(:active):not(:focus):hover canvas.logo {
      box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0), 5px 5px 0 0 rgba(0, 0, 0, 0.3);
      -webkit-transform: translate(-1px, -1px);
      -khtml-transform: translate(-1px, -1px);
      -moz-transform: translate(-1px, -1px);
      transform: translate(-1px, -1px);
    }
    a.logo-link:focus canvas,
    a.logo-link:active canvas,
    a.title:focus canvas.logo,
    a.title:active canvas.logo {
      box-shadow: inset 5px 5px 0 0 rgba(0, 0, 0, 0.3), 0 0 0 0 rgba(0, 0, 0, 0);
      -webkit-transform: translate(1px, 1px);
      -khtml-transform: translate(1px, 1px);
      -moz-transform: translate(1px, 1px);
      transform: translate(1px, 1px);
    }
    .title h1 {
      position: absolute;
      top: -999px;
      left: -999px;
    }
    .content-container article h1 {
      font-family: 'Roboto Slab', Serif;
      margin-top: 60px;
      padding: 0 20px;
      text-align: center;
      font-weight: 300;
    }
    .no-margin-top {
      margin-top: 0 !important;
    }
    .no-margin-bottom {
      margin-bottom: 0 !important;
    }
    .no-padding-top {
      padding-top: 0 !important;
    }
    .no-padding-bottom {
      padding-bottom: 0 !important;
    }
    #block-filtrproektov,
    .mobile-menu #filtr {
      display: block;
      position: absolute;
    }
    .aftercontent {
      display: block;
      position: relative;
      background-color: #f5f5f5;
      -webkit-box-sizing: border-box;
      -khtml-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      height: 97px;
    }
    #block-filtrproektov-2 {
      position: relative;
      padding: 31px 10px 0;
      z-index: 240;
      -webkit-box-sizing: border-box;
      -khtml-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }
    #block-osnovnayanavigaciya {
      position: absolute;
      top: 0;
      right: 0;
      text-align: right;
      z-index: 245;
    }
    #block-filtrproektov-2 ul a,
    #block-osnovnayanavigaciya ul a {
      color: #555555;
    }
    #block-filtrproektov-2 ul a:hover,
    #block-filtrproektov-2 ul a:focus,
    #block-filtrproektov-2 ul a.current,
    #block-osnovnayanavigaciya ul a:hover,
    #block-osnovnayanavigaciya ul a:focus {
      color: #141414;
    }
    #toolbar-administration nav {
      width: 100%;
    }
    #block-filtrproektov div,
    .mobile-menu #filtr div,
    #block-filtrproektov-2 div {
      display: inline-block;
    }
    nav a,
    #block-filtrproektov a,
    .mobile-menu #filtr a {
      display: inline-block;
      color: #141414;
      font-weight: 300;
      font-size: 1em;
      -webkit-transition: all 0.3s ease;
      -khtml-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      transition: all 0.3s ease;
      vertical-align: middle;
      margin-top: -10px;
    }
    #block-filtrproektov a {
      padding-left: 15px;
      padding-right: 15px;
      margin-left: -15px;
      margin-right: -15px;
    }
    nav a:hover,
    #block-filtrproektov a:hover,
    nav a.current,
    #block-filtrproektov a.current {
      color: #b3b3b3;
    }
    html.text-color-light nav a,
    html.text-color-light #block-filtrproektov a {
      color: #ffffff;
    }
    html.text-color-light .mobile-menu #filtr a {
      color: #272727;
    }
    html.text-color-light nav a:hover,
    html.text-color-light #block-filtrproektov a:hover {
      color: #cccccc;
    }
    html.text-color-light .mobile-menu #filtr a:hover {
      color: #2fcaa9;
    }
    #block-filtrproektov-2 ul,
    #block-filtrproektov-2 div {
      padding: 0;
    }
    .content-container article > div > div img.tablet {
      -webkit-border-radius: 60px;
      -moz-border-radius: 60px;
      border-radius: 60px;
    }
    .text-color-dark nav a,
    .text-color-dark #block-filtrproektov a {
      color: #222222;
    }
    nav ul,
    #block-filtrproektov ul,
    .mobile-menu #filtr ul {
      font-family: 'Roboto Slab', Serif;
      padding: 38px 28px 14px;
      position: relative;
      display: block;
      -webkit-box-sizing: border-box;
      -khtml-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }
    #block-osnovnayanavigaciya ul {
      padding: 41px 10px 14px;
    }
    #block-filtrproektov-2 ul li:not(:first-of-type) {
      margin-left: 40px;
    }
    nav ul li,
    #block-filtrproektov ul li,
    #block-filtrproektov-2 ul li {
      display: inline;
      padding: 0;
    }
    #block-filtrproektov-2 ul {
      line-height: normal;
      width: 80%;
      vertical-align: middle;
      line-height: 41px;
    }
    #block-filtrproektov-2 ul li::after,
    #block-osnovnayanavigaciya ul li::after {
      color: #555555;
    }
    #toolbar-administration nav ul li {
      padding: 0;
    }
    .mobile-menu #filtr a.current {
      color: #2fcaa9;
    }
    nav a.current span:nth-of-type(2) {
      border-bottom: none;
    }
    .text-color-dark nav a.current span:nth-of-type(2) {
      border-bottom: none;
    }
    nav .brief span:nth-of-type(2),
    .text-color-dark nav a.brief span:nth-of-type(2),
    nav a.brief:hover span:nth-of-type(2),
    .text-color-dark nav a.brief:hover span:nth-of-type(2) {
      border-bottom: none;
    }
    #block-quadrates-main-menu,
    .mobile-menu #main {
      overflow: hidden;
    }
    #block-quadrates-main-menu ul,
    .mobile-menu #main ul {
      text-align: right;
    }
    #block-osnovnayanavigaciya li,
    #block-quadrates-main-menu li,
    .mobile-menu #main li {
      margin-left: 35px;
    }
    nav ul li:not(:last-of-type)::after {
      content: "/";
      display: inline;
      color: rgba(20, 20, 20, 0.25);
      margin-top: 6px;
      position: absolute;
      margin-left: 14px;
    }
    html.text-color-light nav ul li:not(:last-of-type)::after {
      color: rgba(235, 235, 235, 0.25);
    }
    .snake-substrate {
      display: none;
      position: fixed;
      width: 100%;
      height: 110px;
      bottom: 0;
      left: 0;
      z-index: 9999;
      touch-action: manipulation;
    }
    .snake-left,
    .snake-right {
      position: absolute;
      width: 75px;
      height: 75px;
      bottom: 10px;
      border-radius: 40px;
      background-color: rgba(220, 220, 220, 0.9);
      color: #000000;
      font-size: 25px;
      text-align: center;
      line-height: 75px;
      -webkit-box-sizing: border-box;
      -khtml-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      touch-action: manipulation;
    }
    .snake-left {
      padding-right: 6px;
      left: 10px;
    }
    .snake-right {
      padding-left: 6px;
      right: 10px;
    }
    #block-quadrates-main-menu div.brief span {
      color: #b3b3b3;
    }
    #block-quadrates-main-menu ul li:last-of-type a.current:hover,
    .mobile-menu #main ul li:last-of-type a.current:hover {
      color: #ff5555;
    }
    #block-quadrates-main-menu ul li:last-of-type a.current:hover svg,
    .mobile-menu #main ul li:last-of-type a.current:hover svg {
      fill: #ff5555;
    }
    .mobile-menu > nav > ul {
      display: flex;
      display: -webkit-flex;
      flex-direction: column-reverse;
      -webkit-flex-direction: column-reverse;
    }
    .mobile-menu > nav:first-of-type > ul > li:first-of-type:before {
      content: "или напишите на почту";
      display: block;
      width: 100%;
      text-align: center;
      color: #cccccc;
      margin-top: 18px;
      margin-bottom: 12px;
    }
    .mobile-menu #main a.email {
      padding-top: 0;
      margin-bottom: 18px;
    }
    .mobile-menu > nav > ul .email span {
      border-bottom: 1px solid #2fcaa955;
      font-size: 18px;
    }
    .menu p {
      margin: 0;
      padding: 0;
    }
    nav a:hover svg,
    #block-filtrproektov a:hover svg,
    #block-filtrproektov-2 a:hover svg,
    nav a.current svg,
    #block-filtrproektov a.current svg,
    #block-filtrproektov-2 a.current svg,
    .mobile-menu #filtr a.current svg {
      fill: #ffffff;
    }
    #svg-blur {
      position: absolute;
      width: 0;
      height: 0;
      z-index: -1;
    }
    #block-filtrproektov li,
    .mobile-menu #filtr li {
      margin-right: 35px;
    }
    .text-color-dark nav a:hover svg,
    .text-color-dark #block-filtrproektov a:hover svg,
    .text-color-dark #block-filtrproektov-2 a:hover svg,
    nav a.current svg,
    .text-color-dark #block-filtrproektov a.current svg,
    .text-color-dark #block-filtrproektov-2 a.current svg,
    .mobile-menu #filtr a:hover svg,
    .mobile-menu #filtr a.current svg {
      fill: #cccccc;
    }
    #block-quadrates-main-menu,
    .mobile-menu #main {
      position: absolute;
      right: 0;
      top: 0;
    }
    nav svg,
    #block-filtrproektov svg,
    .mobile-menu #filtr svg {
      width: 24px;
      fill: #bbbbbb;
      -webkit-transition: fill 0.3s ease-in-out;
      -khtml-transition: fill 0.3s ease-in-out;
      -moz-transition: fill 0.3s ease-in-out;
      transition: fill 0.3s ease-in-out;
    }
    nav svg {
      display: none;
    }
    nav div.brief {
      display: inline-block;
      color: #141414;
      position: relative;
    }
    nav div.brief span:first-of-type,
    nav div.brief span:last-of-type {
      color: #2fcaa9;
    }
    nav a:hover svg,
    #block-filtrproektov a:hover svg,
    .mobile-menu #filtr a:hover svg {
      fill: #ffffff;
    }
    #block-quadrates-main-menu a,
    .mobile-menu #main a {
      position: relative;
    }
    #block-quadrates-main-menu div.brief span::before,
    #block-quadrates-main-menu div.brief span::after,
    #block-quadrates-main-menu a span::before,
    #block-quadrates-main-menu a span::after,
    .mobile-menu #main div.brief span::before,
    .mobile-menu #main div.brief span::after,
    .mobile-menu #main a span::before,
    .mobile-menu #main a span::after {
      content: "";
      display: block;
      position: absolute;
      width: 3px;
      height: 3px;
      -webkit-transition: all 0.1s ease-in-out;
      -khtml-transition: all 0.1s ease-in-out;
      -moz-transition: all 0.1s ease-in-out;
      transition: all 0.1s ease-in-out;
    }
    #block-quadrates-main-menu a span::before,
    #block-quadrates-main-menu a span::after,
    .mobile-menu #main a span::before,
    .mobile-menu #main a span::after {
      border-color: #cccccc;
    }
    #block-quadrates-main-menu a:hover span::before,
    #block-quadrates-main-menu a:hover span::after,
    .mobile-menu #main a:hover span::before,
    .mobile-menu #main a:hover span::after {
      border-color: #ffffff;
    }
    .projects,
    #block-views-block-proekty-smotrite-takje {
      display: block;
      letter-spacing: 0px;
      word-spacing: 0px;
      line-height: 0px;
      font-size: 0;
      background-color: #f5f5f5;
      padding: 5px;
    }
    .projects {
      padding: 0 5px 5px;
    }
    p.external,
    .content-container article > div > div p.external {
      display: block;
      text-align: center;
      padding: 20px 0;
      margin: auto;
    }
    a.external {
      font-size: 16px;
      color: #777777;
      font-weight: 300;
      text-align: center;
      margin: 22px auto;
      display: inline;
      line-height: 1.2em;
      -webkit-transition: none;
      -moz-transition: none;
      -ms-transition: none;
      -o-transition: none;
      transition: none;
    }
    .content-container article p.external + p.text,
    .content-container article p.external + p.note {
      padding-top: 0;
    }
    .content-container article p.external ~ p.text:not(:last-of-type),
    .content-container article p.external ~ p.note:not(:last-of-type) {
      padding-bottom: 20px;
    }
    a.external span {
      display: inline-block;
      padding-bottom: 0;
      border-bottom: 1px solid rgba(120, 120, 120, 0.3);
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease;
    }
    a.external svg {
      content: '';
      display: inline-block;
      width: 14px;
      height: 14px;
      margin: -3px 0 0 5px;
      stroke: #777777;
      -webkit-transition: stroke 0.3s ease;
      -khtml-transition: stroke 0.3s ease;
      -moz-transition: stroke 0.3s ease;
      transition: stroke 0.3s ease;
    }
    a.external:hover {
      color: #cccccc;
      stroke: #cccccc;
    }
    a.external:hover span {
      border-bottom-color: rgba(150, 150, 150, 0.3);
    }
    a.external:hover svg {
      stroke: #cccccc;
    }
    #block-views-block-proekty-smotrite-takje {
      overflow: hidden;
    }
    #block-views-block-proekty-smotrite-takje > div > div {
      width: 100%;
    }
    .project {
      display: inline-block;
      position: relative;
      overflow: hidden;
      font-size: medium;
      /*width: 16.6%;*/
      /*padding: 0 0 16.6%;*/
      width: 20%;
      padding: 0 0 20%;
      background-color: transparent;
      line-height: normal;
      text-align: center;
      -webkit-box-sizing: border-box;
      -khtml-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      opacity: 1;
      -webkit-transition: opacity 0.3s ease-in-out, width 0.3s ease-in-out, margin-right 0.3s ease-in-out, transform 0.1s ease-in-out, padding-bottom 0.3s ease-in-out, filter 0.5s linear;
      -khtml-transition: opacity 0.3s ease-in-out, width 0.3s ease-in-out, margin-right 0.3s ease-in-out, transform 0.1s ease-in-out, padding-bottom 0.3s ease-in-out, filter 0.5s linear;
      -moz-transition: opacity 0.3s ease-in-out, width 0.3s ease-in-out, margin-right 0.3s ease-in-out, transform 0.1s ease-in-out, padding-bottom 0.3s ease-in-out, filter 0.5s linear;
      transition: opacity 0.3s ease-in-out, width 0.3s ease-in-out, margin-right 0.3s ease-in-out, transform 0.1s ease-in-out, padding-bottom 0.3s ease-in-out, filter 0.5s linear;
      -webkit-border-radius: 5px;
      -khtml-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      -webkit-transform: scale(0.98);
      -khtml-transform: scale(0.98);
      -moz-transform: scale(0.98);
      transform: scale(0.98);
    }
    .project:active {
      -webkit-transform: translate(0,1px) scale(0.97);
      -khtml-transform: translate(0,1px) scale(0.97);
      -moz-transform: translate(0,1px) scale(0.97);
      transform: translate(0,1px) scale(0.97);
    }
    #block-views-block-proekty-smotrite-takje .tuckedin {
      margin-left: -20%;
      background-color: #f5f5f5;
    }
    #block-views-block-proekty-smotrite-takje .project:nth-of-type(1),
    #block-views-block-proekty-smotrite-takje .project:nth-of-type(2),
    #block-views-block-proekty-smotrite-takje .project:nth-of-type(3),
    #block-views-block-proekty-smotrite-takje .project:nth-of-type(4),
    #block-views-block-proekty-smotrite-takje .project:nth-of-type(5),
    #block-views-block-proekty-smotrite-takje .project:nth-of-type(6),
    #block-views-block-proekty-smotrite-takje .project:nth-of-type(7),
    #block-views-block-proekty-smotrite-takje .project:nth-of-type(8),
    #block-views-block-proekty-smotrite-takje .project:last-of-type {
      display: inline-block;
    }
    .project {
      vertical-align: middle;
    }
    .project * {
      -webkit-box-sizing: border-box;
      -khtml-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }
    .project.extinct {
      opacity: 0.3;
      filter: blur(2px);
      -webkit-filter: blur(2px);
      -moz-filter: blur(2px);
      -o-filter: blur(2px);
      -ms-filter: blur(2px);
      filter: url(#blur);
      filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='2');
    }
    .project.cleanedup {
      opacity: 0;
      margin-right: -20% !important;
      transform: scale(0);
    }
    .project > .description {
      position: absolute;
      padding: 0;
      width: 90%;
      left: 20px;
      bottom: 22px;
      max-width: 80%;
      z-index: 2050;
      text-align: left;
      color: #ffffff;
      -webkit-transition: all 0.3s ease;
      -khtml-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      transition: all 0.3s ease;
    }
    .project > .description.text-color-dark {
      color: #141414;
    }
    .project > .description.text-color-light {
      color: #ffffff;
    }
    .project > .description h3,
    .project > .description .substrate {
      font-size: 14px;
      text-align: left;
      padding: 0;
      line-height: normal;
    }
    .project > .description h3 {
      position: relative;
      z-index: 143;
    }
    .project > .description .substrate {
      font-family: 'Roboto Slab', Serif;
      position: absolute;
      bottom: 0;
      z-index: 142;
    }
    .project > .description span,
    .project > .description .substrate span {
      background-color: transparent;
      padding: 4px 10px 6px;
      line-height: 22px;
      -webkit-box-decoration-break: clone;
      -khtml-box-decoration-break: clone;
      -moz-box-decoration-break: clone;
      box-decoration-break: clone;
      -webkit-border-radius: 2px;
      -khtml-border-radius: 2px;
      -moz-border-radius: 2px;
      border-radius: 2px;
      -webkit-transition: all 0.3s ease;
      -khtml-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      transition: all 0.3s ease;
    }
    .project > .description .substrate span {
      color: transparent;
    }
    .project > .background {
      display: block;
      position: absolute;
      overflow: hidden;
      width: 100%;
      padding-bottom: 100%;
      top: 0;
      left: 0;
      z-index: 2010;
      -webkit-transition: opacity 0.1s ease-in-out, transform 1s ease;
      -khtml-transition: opacity 0.1s ease-in-out, transform 1s ease;
      -moz-transition: opacity 0.1s ease-in-out, transform 1s ease;
      transition: opacity 0.1s ease-in-out, transform 1s ease;
      background-position: center center;
      background-size: cover;
      background-repeat: no-repeat;
    }
    .project > .image {
      display: block;
      position: absolute;
      width: 100%;
      padding-bottom: 100%;
      top: 0;
      left: 0;
      z-index: 2030;
      background-position: center center;
      background-size: cover;
      background-repeat: no-repeat;
      transition: opacity 0.1s ease-in-out, left 1s ease-in-out;
    }
    .project[data-projectname=zpexpress]:hover > .image {
      left: 5%;
    }
    .project video {
      position: absolute;
      top: 0;
      left: 0;
    }
    .project.hidden_foreground .image {
      opacity: 0;
      -webkit-transition: opacity 0.3s ease-in-out;
      -khtml-transition: opacity 0.3s ease-in-out;
      -moz-transition: opacity 0.3s ease-in-out;
      transition: opacity 0.3s ease-in-out;
    }
    .project.hidden_foreground:hover .image {
      opacity: 1;
    }
    .project svg {
      position: absolute;
      -webkit-transition: all 0.3s ease;
      -khtml-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      transition: all 0.3s ease;
      z-index: 2020;
    }
    div.dark,
    p.dark {
      background-color: #000000;
      color: #ffffff;
    }
    div.link-container {
      padding: 2em 0;
      color: #ffffff;
    }
    div.link {
      max-width: 1204px;
      margin: auto;
    }
    div.link a {
      color: #aaaaaa;
      text-decoration: none;
      float: right;
    }
    div.link a:hover {
      color: #ffffff;
      border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    }
    div.link span.title {
      padding: 2em 0;
      max-width: 1280px;
      margin: auto;
    }
    div.address-bar {
      display: block;
      width: 100%;
      max-width: 1230px;
      margin: 0 auto;
      padding: 1% 6%;
      font-size: 14px;
      font-weight: 300;
      text-align: center;
      color: #bbbbbb;
      background-color: #1f1f1f;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px 5px 0 0;
      -webkit-box-sizing: border-box;
      -khtml-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }
    div.address-bar span,
    div.address-bar a {
      display: block;
      height: auto;
      width: 100%;
      background-color: rgba(255, 255, 255, 0.075);
      border-radius: 5px;
      padding: 0.6%;
      font-size: 100%;
    }
    .screenshot-container {
      -webkit-filter: drop-shadow(0 0 30px rgba(0, 0, 0, 0.05));
      -moz-filter: drop-shadow(0 0 30px rgba(0, 0, 0, 0.05));
      -ms-filter: drop-shadow(0 0 30px rgba(0, 0, 0, 0.05));
      -o-filter: drop-shadow(0 0 30px rgba(0, 0, 0, 0.05));
      filter: drop-shadow(0 0 30px rgba(0, 0, 0, 0.05));
    }
    .fragment-top {
      mask-image: url('/themes/custom/quadrates/images/fragment-top.svg');
      -webkit-mask-image: url('/themes/custom/quadrates/images/fragment-top.svg');
      mask-position: top;
      -webkit-mask-position: top;
      mask-repeat: repeat-x;
      -webkit-mask-repeat: repeat-x;
      mask-size: cover;
      -webkit-mask-size: cover;
    }
    .fragment-bottom {
      mask-image: url('/themes/custom/quadrates/images/fragment-bottom.svg');
      -webkit-mask-image: url('/themes/custom/quadrates/images/fragment-bottom.svg');
      mask-position: bottom;
      -webkit-mask-position: bottom;
      mask-repeat: repeat-x;
      -webkit-mask-repeat: repeat-x;
      mask-size: cover;
      -webkit-mask-size: cover;
    }
    .fragment-top.fragment-bottom {
      mask-image: url('/themes/custom/quadrates/images/fragment-top.svg'), url('/themes/custom/quadrates/images/fragment-bottom.svg');
      -webkit-mask-image: url('/themes/custom/quadrates/images/fragment-top.svg'), url('/themes/custom/quadrates/images/fragment-bottom.svg');
      mask-composite: add;
      -webkit-mask-composite: destination-in;
      mask-position: top, bottom;
      -webkit-mask-position: top, bottom;
    }
    #block-nadpisposmotritedrugienashiproekty {
      position: relative;
      margin-top: -120px;
      line-height: 120px;
      font-size: 1em;
      z-index: 230;
    }
    #block-nadpisposmotritedrugienashiproekty .basic-block {
      height: 100px;
      line-height: 100px;
    }
    #block-nadpisposmotritedrugienashiproekty p {
      line-height: 100px;
      margin: 0;
      text-align: center;
    }
    .content-container #block-nadpisposmotritedrugienashiproekty p {
      color: #aaaaaa;
    }
    .content-container.text-color-dark #block-nadpisposmotritedrugienashiproekty p {
      color: #222222;
    }
    #block-nadpisposmotritedrugienashiproekty .controls {
      position: absolute;
      right: 20px;
      margin-top: -100px;
      display: block;
      z-index: 250;
    }
    #block-nadpisposmotritedrugienashiproekty .controls a {
      display: inline-block;
      color: #aaaaaa;
      text-decoration: none;
      font-size: 1.5em;
    }
    .text-color-dark #block-nadpisposmotritedrugienashiproekty .controls a {
      color: #444444;
    }
    #block-nadpisposmotritedrugienashiproekty .controls a svg {
      fill: #aaaaaa;
      stroke: #aaaaaa;
      width: 12px;
    }
    #block-nadpisposmotritedrugienashiproekty .controls a svg polyline {
      stroke: #aaaaaa;
    }
    #block-nadpisposmotritedrugienashiproekty .controls a:hover {
      color: #ffffff;
    }
    #block-nadpisposmotritedrugienashiproekty .controls a:hover svg {
      fill: #ffffff;
      stroke: #ffffff;
    }
    #block-nadpisposmotritedrugienashiproekty .controls a:hover svg polyline {
      stroke: #ffffff;
    }
    .text-color-dark #block-nadpisposmotritedrugienashiproekty .controls a svg {
      fill: #444444;
      stroke: #444444;
    }
    .text-color-dark #block-nadpisposmotritedrugienashiproekty .controls a:hover {
      color: #000000;
    }
    .text-color-dark #block-nadpisposmotritedrugienashiproekty .controls a:hover svg {
      fill: #000000;
      stroke: #000000;
    }
    .text-color-dark #block-nadpisposmotritedrugienashiproekty .controls a svg polyline {
      stroke: #000000;
    }
    .text-color-dark #block-nadpisposmotritedrugienashiproekty .controls a:hover svg polyline {
      stroke: #444444;
    }
    #block-nadpisposmotritedrugienashiproekty .controls a svg:first-of-type {
      margin-left: 0.65em;
    }
    #block-nadpisposmotritedrugienashiproekty .controls a,
    #block-nadpisposmotritedrugienashiproekty .controls a svg {
      -webkit-transition: all 0.3s ease;
      -khtml-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      transition: all 0.3s ease;
    }
    #block-zapolnitebrifnizhnyayaknopka {
      position: relative;
      text-align: center;
    }
    .mobile-menu #main div.brief,
    .mobile-menu #main ul li:last-of-type a,
    #block-zapolnitebrifnizhnyayaknopka .tobrief {
      display: inline-block;
      text-decoration: none;
      padding: 25px 60px;
      border: 1px solid #2fcaa9;
      -webkit-border-radius: 5px;
      -khtml-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      -webkit-transition: all 0.3s ease-out;
      -khtml-transition: all 0.3s ease-out;
      -moz-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out;
    }
    .text-color-light #block-zapolnitebrifnizhnyayaknopka .tobrief {
      display: inline-block;
    }
    .mobile-menu #main a.brief:hover,
    .text-color-light .mobile-menu #main a.brief:hover,
    .text-color-dark .mobile-menu #main a.brief:hover {
      color: #2fcaa9;
    }
    .mobile-menu #main a.brief:active,
    .text-color-light .mobile-menu #main a.brief:active,
    .text-color-dark .mobile-menu #main a.brief:active {
      -webkit-transform: translate(0, 2px);
      -moz-transform: translate(0, 2px);
      -ms-transform: translate(0, 2px);
      -o-transform: translate(0, 2px);
      transform: translate(0, 2px);
    }
    .mobile-menu #main div.brief {
      border-color: #cccccc;
      color: #cccccc;
    }
    #block-zapolnitebrifnizhnyayaknopka .or {
      margin: 20px auto ;
      line-height: 2em;
    }
    #block-zapolnitebrifnizhnyayaknopka .mailto {
      text-decoration: none;
    }
    .text-color-light #block-zapolnitebrifnizhnyayaknopka .mailto {
      border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    }
    .text-color-dark #block-zapolnitebrifnizhnyayaknopka .mailto {
      border-bottom: 1px solid rgba(20, 20, 20, 0.3);
    }
    #block-zapolnitebrifnizhnyayaknopka .mailto:hover {
      color: #d33322;
    }
    footer canvas.logo {
      display: block;
      margin: auto;
      width: 100%;
      height: 100%;
    }
    a.logo-link {
      display: block;
      padding: 9px;
      width: 63px;
      height: 63px;
      border-radius: 3px;
      margin: 40px auto 20px;
    }
    .other-projects {
      display: block;
      text-align: center;
      max-width: 1230px;
      margin: 60px auto 0;
      font-family: 'Roboto Slab', Serif;
    }
    .other-projects > a span {
      border-bottom-width: 1px;
      border-bottom-style: solid;
    }
    .other-projects > * {
      display: inline-block;
      border-bottom-color: rgba(0, 0, 0, 0.3);
      font-weight: 300;
    }
    .other-projects > *:not(:last-child):after {
      content: '/';
      display: inline-block;
      margin: auto 16px;
    }
    .other-projects > *:not(:last-child):after,
    .other-projects > div {
      color: #cccccc;
    }
    .content-container article .other-projects + h1 {
      margin-top: 20px;
    }
    .content-container article {
      font-weight: 100;
    }
    .content-container article h1 + p.text,
    .content-container article h1 + p.note {
      padding-top: 30px;
    }
    .content-container article p.text,
    .content-container article p.note {
      font-size: 1em;
      font-weight: 300;
      line-height: 2em;
      margin: 0 auto;
      padding: 10px 10px 10px;
      max-width: 750px;
      -webkit-box-sizing: border-box;
      -khtml-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }
    .content-container article div.transparent p.text,
    .content-container article div.dark p.text,
    .content-container article div.light p.text,
    .content-container article div.transparent p.note,
    .content-container article div.dark p.note,
    .content-container article div.light p.note {
      padding-left: 0;
      padding-right: 0;
    }
    .content-container article h2 ~ p.text,
    .content-container article h2 ~ p.note {
      padding-top: 30px;
    }
    .content-container article .note a {
      color: inherit;
      border-bottom: 1px solid rgba(20, 20, 20, 0.2);
    }
    .content-container article .note a:hover {
      color: #141414;
      border-bottom: 1px solid rgba(20, 20, 20, 0.5);
    }
    .content-container article div p.text:last-of-type {
      margin-bottom: 90px;
    }
    .content-container article .note {
      padding: 0;
      margin-bottom: 2em;
    }
    .content-container article video {
      display: block;
      margin: auto;
      width: 100%;
      max-width: 1230px;
    }
    .content-container.text-color-dark article .note {
      color: #141414;
    }
    .content-container article > div > div {
      position: relative;
      overflow: hidden;
    }
    .content-container article > div > div > * {
      display: block;
      width: 100%;
      -webkit-box-sizing: border-box;
      -khtml-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }
    .content-container article > div > div p {
      margin: 0 auto 1em;
      max-width: 1600px;
      line-height: 1.5em;
    }
    .content-container article > div div.light {
      background-color: #ffffff;
      color: #000000;
    }
    .content-container article > div div.dark {
      background-color: #000000;
      color: #ffffff;
    }
    .content-container article > div div.transparent,
    .content-container article > div div.light,
    .content-container article > div div.dark {
      padding-top: 150px;
      padding-bottom: 150px;
      -webkit-box-sizing: content-box;
      -khtml-box-sizing: content-box;
      -moz-box-sizing: content-box;
      box-sizing: content-box;
    }
    .content-container article > div div.transparent.no-padding-top,
    .content-container article > div div.light.no-padding-top,
    .content-container article > div div.dark.no-padding-top {
      padding-top: 0;
    }
    .content-container article > div div.transparent.no-padding-bottom,
    .content-container article > div div.light.no-padding-bottom,
    .content-container article > div div.dark.no-padding-bottom {
      padding-bottom: 0;
    }
    .content-container article img {
      display: block;
      margin: auto;
      max-width: 1230px;
      width: 100%;
      border-radius: 5px;
    }
    .content-container article .top-bg img {
      border-radius: 0;
    }
    .content-container article .address-bar ~ img {
      border-radius: 0 0 5px 5px;
    }
    .content-container article img.wide {
      max-width: 100%;
    }
    .content-container article > div div.link-container {
      margin-top: 5em;
      padding: 0;
    }
    .fade-in-up,
    .fade-in-right,
    .fade-in-down,
    .fade-in-left {
      -webkit-transition: all 1s ease-out;
      -khtml-transition: all 1s ease-out;
      -moz-transition: all 1s ease-out;
      transition: all 1s ease-out;
    }
    .fade-in-up.invisible,
    .fade-in-right.invisible,
    .fade-in-down.invisible,
    .fade-in-left.invisible {
      opacity: 0;
      -webkit-transition: none;
      -khtml-transition: none;
      -moz-transition: none;
      transition: none;
    }
    .fade-in-up.invisible {
      -webkit-transform: translateY(7%);
      -khtml-transform: translateY(7%);
      -moz-transform: translateY(7%);
      transform: translateY(7%);
    }
    .fade-in-right.invisible {
      -webkit-transform: translateX(7%);
      -khtml-transform: translateX(7%);
      -moz-transform: translateX(7%);
      transform: translateX(7%);
    }
    .fade-in-down.invisible {
      -webkit-transform: translateY(-7%);
      -khtml-transform: translateY(-7%);
      -moz-transform: translateY(-7%);
      transform: translateY(-7%);
    }
    .fade-in-left.invisible {
      -webkit-transform: translateX(-7%);
      -khtml-transform: translateX(-7%);
      -moz-transform: translateX(-7%);
      transform: translateX(-7%);
    }
    #webform_submission_brif_add_form-ajax {
      display: block;
      background-color: #f5f5f5;
      padding: 30px 26px;
      max-width: 1006px;
      margin: auto auto 30px;
      -webkit-box-sizing: border-box;
      -khtml-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }
    #webform_submission_brif_add_form-ajax div {
      font-family: Roboto, Sans-Serif;
    }
    #webform_submission_brif_add_form-ajax a {
      color: #141414;
      border-bottom: 1px solid #2fcaa9;
      padding-bottom: 4px;
      -webkit-transition: color 0.3s ease-in-out;
      -khtml-transition: color 0.3s ease-in-out;
      -moz-transition: color 0.3s ease-in-out;
      transition: color 0.3s ease-in-out;
    }
    #webform_submission_brif_add_form-ajax a:hover {
      color: #2fcaa9;
    }
    #webform_submission_brif_add_form-ajax label {
      display: block;
      font-size: 28px;
      font-family: 'Roboto Slab', Serif;
    }
    #webform_submission_brif_add_form-ajax label[for=edit-fayly-proekta-upload] {
      display: none;
    }
    .form-managed-file {
      margin: 65px 0 35px;
    }
    .ajax-progress.ajax-progress-throbber {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 232px;
      height: 52px;
      padding: 0;
    }
    .ajax-progress-throbber .throbber {
      display: block;
      width: 100%;
      left: 0;
      top: 0;
      padding: 0;
      height: 52px;
      background: linear-gradient(270deg, #3ae4b9, #18bb92, #11e2d2);
      background-size: 600% 600%;
      -webkit-animation: LoadingGradient 3s ease infinite;
      -moz-animation: LoadingGradient 3s ease infinite;
      -o-animation: LoadingGradient 3s ease infinite;
      animation: LoadingGradient 3s ease infinite;
      opacity: 0.7;
    }
    @-webkit-keyframes LoadingGradient {
      0% {
        background-position: 0% 50%;
      }
      50% {
        background-position: 100% 50%;
      }
      100% {
        background-position: 0% 50%;
      }
    }
    @-moz-keyframes LoadingGradient {
      0% {
        background-position: 0% 50%;
      }
      50% {
        background-position: 100% 50%;
      }
      100% {
        background-position: 0% 50%;
      }
    }
    @-o-keyframes LoadingGradient {
      0% {
        background-position: 0% 50%;
      }
      50% {
        background-position: 100% 50%;
      }
      100% {
        background-position: 0% 50%;
      }
    }
    @keyframes LoadingGradient {
      0% {
        background-position: 0% 50%;
      }
      50% {
        background-position: 100% 50%;
      }
      100% {
        background-position: 0% 50%;
      }
    }
    button:active,
    a.button:active,
    .mobile-menu a:active,
    label.button:active,
    .ui-button:active,
    .tobrief:active {
      -webkit-transform: translate(0, 1px);
      -khtml-transform: translate(0, 1px);
      -moz-transform: translate(0, 1px);
      transform: translate(0, 1px);
      outline: none;
    }
    .js-webform-webform-buttons {
      word-spacing: 8px;
      line-height: 112px;
    }
    #edit-kontaktnye-dannye .form-item.js-form-type-textfield,
    #edit-kontaktnye-dannye .form-item.js-form-type-tel,
    #edit-kontaktnye-dannye .form-item.js-form-type-email,
    .js-form-type-textarea {
      margin-bottom: 40px;
    }
    .js-form-type-textfield label,
    .js-form-type-tel label,
    .js-form-type-email label,
    .js-form-type-textarea label {
      display: inline;
      position: absolute;
      padding-top: 6px;
      color: #aaaaaa;
      cursor: text;
      -webkit-transition: all 0.3s ease;
      -khtml-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      transition: all 0.3s ease;
    }
    .js-form-type-textfield.attention label,
    .js-form-type-tel.attention label,
    .js-form-type-email.attention label,
    .js-form-type-textarea.attention label {
      color: #d33322;
    }
    #webform_submission_brif_add_form-ajax .js-form-type-textfield label.lifted,
    #webform_submission_brif_add_form-ajax .js-form-type-tel label.lifted,
    #webform_submission_brif_add_form-ajax .js-form-type-email label.lifted,
    #webform_submission_brif_add_form-ajax .js-form-type-textarea label.lifted {
      cursor: default;
      margin: -28px 0;
      font-size: 14px;
    }
    #webform_submission_brif_add_form-ajax label.button,
    #webform_submission_brif_add_form-ajax input.button:not(.js-hide),
    #webform_submission_brif_add_form-ajax label.ui-button,
    #webform-submit-copy {
      display: inline-block;
      background-color: #e6e6e6;
      padding: 14px 26px;
      border: none;
      margin-bottom: 0;
      font-family: Roboto, Sans-Serif;
      font-size: 16px;
      color: #141414;
      font-weight: 300;
      border-radius: 2px;
      word-spacing: normal;
      line-height: normal;
      -webkit-transition: background-color 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease, color 0.3s ease;
      -khtml-transition: background-color 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease, color 0.3s ease;
      -moz-transition: background-color 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease, color 0.3s ease;
      transition: background-color 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease, color 0.3s ease;
      -webkit-appearance: none;
      -khtml-appearance: none;
      -moz-appearance: none;
      appearance: none;
      cursor: pointer;
      text-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3);
    }
    #webform-submit-copy {
      margin-bottom: 28px;
    }
    #webform_submission_brif_add_form-ajax label.button,
    #webform_submission_brif_add_form-ajax label.ui-button {
      background-color: transparent;
      border: 1px solid rgba(170, 170, 170, 0.4);
      color: #aaaaaa;
    }
    #webform_submission_brif_add_form-ajax input.button:not(.js-hide),
    #webform-submit-copy {
      background-color: #2fcaa9;
      color: #ffffff;
      padding: 25px 60px;
    }
    #webform_submission_brif_add_form-ajax label.ui-button:focus,
    #webform_submission_brif_add_form-ajax input:focus ~ label.ui-button,
    #webform-submit-copy:focus {
      box-shadow: 0 0 2px #44ddbb;
      color: #44ddbb;
    }
    #webform_submission_brif_add_form-ajax input.button:not(.js-hide):hover,
    #webform-submit-copy:hover {
      background-color: #44ddbb;
      color: #ffffff;
    }
    #webform_submission_brif_add_form-ajax label.button:hover,
    #webform_submission_brif_add_form-ajax label.ui-button:hover {
      border-color: #44ddbb;
      color: #44ddbb;
    }
    #webform_submission_brif_add_form-ajax label.ui-button.ui-checkboxradio-checked {
      border-color: #2fcaa9;
      outline: none;
      color: #2fcaa9;
      cursor: default;
    }
    #webform_submission_brif_add_form-ajax label.ui-button:not(.ui-checkboxradio-checked):hover {
      border-color: #2fcaa9;
    }
    #webform_submission_brif_add_form-ajax label.button.webform-file-button {
      background-color: transparent;
      border: 1px solid rgba(170, 170, 170, 0.4);
      padding: 10px 26px;
      width: 232px;
      float: left;
      line-height: 30px;
      margin-top: auto;
      vertical-align: middle;
      color: #272727;
      -webkit-transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
      -khtml-transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
      -moz-transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
      transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
      text-align: center;
      box-sizing: border-box;
    }
    #webform_submission_brif_add_form-ajax label.button.webform-file-button.focused,
    #webform_submission_brif_add_form-ajax label.button.webform-file-button:hover {
      color: #141414;
      border-color: #2fcaa9;
    }
    #webform_submission_brif_add_form-ajax label.button.webform-file-button:active {
      color: #ffffff;
      background-color: #2fcaa9;
    }
    #webform_submission_brif_add_form-ajax label.button.webform-file-button::before {
      content: '';
      display: inline-block;
      vertical-align: middle;
      width: 26px;
      height: 26px;
      margin-top: -5px;
      margin-right: 8px;
      background: url('../2018-10/icon_upload_file_0.png');
      background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='upload-icon' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 1000 1000' enable-background='new 0 0 1000 1000' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%23cccccc' d='M202.6,938.8c-16.5,0-33.1-2.2-49.4-6.5c-33.5-8.9-64.3-26.8-89.2-51.7c-25.1-24.9-43.1-55.8-52-89 C-6.9,721.8,15.8,648.4,74,590.4l419.7-419.9c69.1-69,148.3-106.9,229.2-109.3C796.7,59,865.8,86.3,917.5,138s79,120.8,76.8,194.6 c-2.4,80.9-40.1,160-109.3,229.2L548.3,898.2c-15.8,15.8-41.6,17.1-58.2,1.7c-17.3-16-17.7-42.9-1.1-59.5l337.2-337.2 c53.9-53.9,83.3-113.8,85.1-173c1.5-50.7-17.1-98.1-52.6-133.6s-82.9-54.1-133.6-52.6c-59.5,1.9-119.3,31.2-173,85.1L132.5,648.8 C95.4,686,81,729.1,92,770c10.6,39.4,42.9,71.6,82.7,82.3c41.6,11.2,84.8-3,121.6-39.8l436.2-436.2c13.9-13.9,21.7-28.6,22.3-42.2 c0.4-9.5-2.8-18.2-9.1-24.5c-13.2-13.2-39-14.3-66.5,13.4L325.3,676.9c-16.2,16.2-42.4,16.2-58.6,0l0,0 c-16.2-16.2-16.2-42.4,0-58.6l354.1-353.9c64.7-64.7,141.3-55.6,183.6-13.4c42.4,42.4,51.3,119-13.4,183.6L354.6,871.1 C310.4,915.3,256.9,938.8,202.6,938.8z'/%3E%3C/g%3E%3C/svg%3E");
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 26px;
      -webkit-transition: all 0.3s ease;
      -khtml-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      transition: all 0.3s ease;
    }
    #webform_submission_brif_add_form-ajax label.button.webform-file-button:hover::before {
      background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='upload-icon' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 1000 1000' enable-background='new 0 0 1000 1000' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%232fcaa9' d='M202.6,938.8c-16.5,0-33.1-2.2-49.4-6.5c-33.5-8.9-64.3-26.8-89.2-51.7c-25.1-24.9-43.1-55.8-52-89 C-6.9,721.8,15.8,648.4,74,590.4l419.7-419.9c69.1-69,148.3-106.9,229.2-109.3C796.7,59,865.8,86.3,917.5,138s79,120.8,76.8,194.6 c-2.4,80.9-40.1,160-109.3,229.2L548.3,898.2c-15.8,15.8-41.6,17.1-58.2,1.7c-17.3-16-17.7-42.9-1.1-59.5l337.2-337.2 c53.9-53.9,83.3-113.8,85.1-173c1.5-50.7-17.1-98.1-52.6-133.6s-82.9-54.1-133.6-52.6c-59.5,1.9-119.3,31.2-173,85.1L132.5,648.8 C95.4,686,81,729.1,92,770c10.6,39.4,42.9,71.6,82.7,82.3c41.6,11.2,84.8-3,121.6-39.8l436.2-436.2c13.9-13.9,21.7-28.6,22.3-42.2 c0.4-9.5-2.8-18.2-9.1-24.5c-13.2-13.2-39-14.3-66.5,13.4L325.3,676.9c-16.2,16.2-42.4,16.2-58.6,0l0,0 c-16.2-16.2-16.2-42.4,0-58.6l354.1-353.9c64.7-64.7,141.3-55.6,183.6-13.4c42.4,42.4,51.3,119-13.4,183.6L354.6,871.1 C310.4,915.3,256.9,938.8,202.6,938.8z'/%3E%3C/g%3E%3C/svg%3E");
    }
    #webform_submission_brif_add_form-ajax label.button.webform-file-button ~ .description {
      display: none;
    }
    #edit-introduction {
      color: #141414;
      margin-bottom: 30px;
    }
    #edit-kontaktnye-dannye label {
      display: none;
    }
    #edit-kontaktnye-dannye > .legend {
      margin-bottom: 50px;
      display: block;
    }
    #webform_submission_brif_add_form-ajax .form-text,
    #webform_submission_brif_add_form-ajax .form-tel,
    #webform_submission_brif_add_form-ajax .form-email,
    #webform_submission_brif_add_form-ajax textarea {
      -webkit-apearance: none;
      -khtml-apearance: none;
      -moz-apearance: none;
      apearance: none;
      background-color: transparent;
      color: #272727;
      border: none;
      padding: 0 26px 6px 0;
      font-size: 18px;
      font-style: italic;
      line-height: 32px;
      outline: none;
      border-bottom: 1px solid rgba(170, 170, 170, 0.4);
      -webkit-box-sizing: border-box;
      -khtml-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      resize: none;
      overflow: hidden;
      min-height: 38px;
      max-height: 1500px;
      max-width: 880px;
      width: 100%;
      -webkit-transition: border 0.3s ease-in-out, background 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
      -khtml-transition: border 0.3s ease-in-out, background 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
      -moz-transition: border 0.3s ease-in-out, background 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
      transition: border 0.3s ease-in-out, background 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
      background-position: right bottom -20px;
      background-repeat: no-repeat;
      background-size: 22px;
    }
    #webform_submission_brif_add_form-ajax input[type=file] {
      display: none;
    }
    .intl-tel-input {
      width: 100%;
    }
    #webform_submission_brif_add_form-ajax .form-text.ok:not(.error),
    #webform_submission_brif_add_form-ajax .form-tel.ok:not(.error),
    #webform_submission_brif_add_form-ajax .form-email.ok:not(.error),
    #webform_submission_brif_add_form-ajax textarea.ok:not(.error) {
      background: url('../2018-10/text-input-ok.png');
      background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='done-icon' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 301.2 246.7' enable-background='new 0 0 301.2 246.7' xml:space='preserve'%3E%3Cg%3E%3Cpolygon fill='%232FCAA9' points='105.9,246.7 0,146.6 34.4,110.3 103.3,175.5 264.4,0 301.2,33.8 '/%3E%3C/g%3E%3C/svg%3E%0A");
      background-position: right bottom 10px;
      background-repeat: no-repeat;
      background-size: 14px;
    }
    #webform_submission_brif_add_form-ajax .form-text:focus,
    #webform_submission_brif_add_form-ajax .form-tel:focus,
    #webform_submission_brif_add_form-ajax .form-email:focus,
    #webform_submission_brif_add_form-ajax textarea:focus {
      border-bottom-color: #2fcaa9;
    }
    .flag-container {
      display: none;
    }
    #webform_submission_brif_add_form-ajax .description {
      color: #555555;
    }
    #webform_submission_brif_add_form-ajax input.webform-button--submit,
    #webform-submit-copy {
      display: inline-block;
      float: left;
      margin-right: 28px;
    }
    #edit-notification {
      display: inline;
      color: #555555;
    }
    #edit-kontaktnye-dannye .form-item {
      margin-bottom: 28px;
    }
    #webform_submission_brif_add_form-ajax.sended {
      -webkit-animation: send-brief  2s 1 ease-in-out forwards;
      -khtml-animation: send-brief  2s 1 ease-in-out forwards;
      -moz-animation: send-brief  2s 1 ease-in-out forwards;
      animation: send-brief  2s 1 ease-in-out forwards;
    }
    @keyframes send-brief {
      from {
        -webkit-transform: translate(0, 0) scale(1);
        -khtml-transform: translate(0, 0) scale(1);
        -moz-transform: translate(0, 0) scale(1);
        transform: translate(0, 0) scale(1);
        background-color: transparent;
      }
      10% {
        -webkit-transform: translate(0, 0) scale(1);
        -khtml-transform: translate(0, 0) scale(1);
        -moz-transform: translate(0, 0) scale(1);
        transform: translate(0, 0) scale(1);
        background-color: #ffffff;
      }
      50% {
        -webkit-transform: translate(0, -34%) scale(0.25);
        -khtml-transform: translate(0, -34%) scale(0.25);
        -moz-transform: translate(0, -34%) scale(0.25);
        transform: translate(0, -34%) scale(0.25);
        background-color: #ffffff;
      }
      to {
        -webkit-transform: translate(300%, -34%) scale(0.25);
        -khtml-transform: translate(300%, -34%) scale(0.25);
        -moz-transform: translate(300%, -34%) scale(0.25);
        transform: translate(300%, -34%) scale(0.25);
        background-color: #ffffff;
      }
    }
    .webform-confirmation__message {
      background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='done-icon' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 301.2 246.7' enable-background='new 0 0 301.2 246.7' xml:space='preserve'%3E%3Cg%3E%3Cpolygon fill='%232FCAA9' points='105.9,246.7 0,146.6 34.4,110.3 103.3,175.5 264.4,0 301.2,33.8 '/%3E%3C/g%3E%3C/svg%3E%0A");
      display: block;
      position: absolute;
      width: 100%;
      max-width: 235px;
      height: 300px;
      background-repeat: no-repeat;
      margin: 100px auto;
      color: #2fcaa9;
      -webkit-animation: brief-sended  0.7s 1 linear forwards;
      -khtml-animation: brief-sended  0.7s 1 linear forwards;
      -moz-animation: brief-sended  0.7s 1 linear forwards;
      animation: brief-sended  0.7s 1 linear forwards;
      left: 50%;
      top: 100px;
    }
    @keyframes brief-sended {
      0% {
        transform: translateX(700%);
      }
      16% {
        transform: translateX(705%);
      }
      28% {
        transform: translateX(300%);
      }
      59% {
        transform: translateX(-55%);
      }
      73% {
        transform: translateX(-50%);
      }
      88% {
        transform: translateX(-47%);
      }
      100% {
        transform: translateX(-50%);
      }
    }
    #webform_submission_brif_add_form-ajax #edit-kontaktnye-dannye .fieldset-legend {
      font-size: 26px;
      font-family: 'Roboto Slab', Serif;
      font-weight: 300;
    }
    #edit-otpravka {
      margin: 56px auto 0;
      -webkit-box-sizing: border-box;
      -khtml-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      height: 77px;
    }
    #webform_submission_brif_add_form-ajax .js-form-managed-file .js-form-type-checkbox label {
      padding: 0;
      display: inline;
      font-size: 1em;
    }
    #webform_submission_brif_add_form-ajax .js-form-managed-file .form-item.js-form-type-checkbox:first-of-type {
      margin-top: 14px;
    }
    #webform_submission_brif_add_form-ajax .js-form-managed-file .form-item.js-form-type-checkbox:last-of-type {
      margin-bottom: 14px;
    }
    .form-item-fayly-proekta .form-managed-file {
      position: relative;
      min-height: 110px;
      margin-top: 28px;
    }
    .form-item-fayly-proekta .form-managed-file .js-form-type-checkbox {
      padding-left: 295px;
    }
    #webform_submission_brif_add_form-ajax .form-item-fayly-proekta .form-managed-file input.button.form-submit {
      margin-left: 350px;
      padding: 12px 18px;
      font-size: small;
    }
    #webform_submission_brif_add_form-ajax .quick-delete .form-item-fayly-proekta .form-managed-file input.button.form-submit,
    #webform_submission_brif_add_form-ajax .quick-delete .form-item-fayly-proekta .form-managed-file input.form-checkbox {
      display: none;
    }
    #webform_submission_brif_add_form-ajax .quick-delete .form-item-fayly-proekta .form-managed-file .form-item {
      margin-bottom: 12px;
    }
    #webform_submission_brif_add_form-ajax .quick-delete .form-item-fayly-proekta .form-managed-file .extra {
      display: inline-block;
      color: #555555;
      border-bottom: none;
      margin-left: 12px;
      cursor: pointer;
      -webkit-transition: background-color 0.3s ease-in-out;
      -khtml-transition: background-color 0.3s ease-in-out;
      -moz-transition: background-color 0.3s ease-in-out;
      transition: background-color 0.3s ease-in-out;
    }
    #webform_submission_brif_add_form-ajax .quick-delete .form-item-fayly-proekta .form-managed-file .extra:hover {
      color: #d33322;
    }
    #webform_submission_brif_add_form-ajax .quick-delete .form-item-fayly-proekta .form-managed-file .extra::before {
      content: "Удалить";
    }
    .legend {
      display: inline;
      font-size: 16px;
    }
    #webform_submission_brif_add_form-ajax .fieldset-legend,
    #webform_submission_brif_add_form-ajax label {
      display: inline;
      font-size: 16px;
      font-family: Roboto, Sans-Serif;
    }
    #webform_submission_brif_add_form-ajax .js-form-item-fayly-proekta > label {
      display: none;
    }
    #edit-vyberite-tip-proekta {
      min-width: none;
      margin-bottom: 20px;
    }
    #edit-vyberite-tip-proekta--wrapper .fieldset-wrapper {
      display: inline-block;
    }
    #edit-vyberite-tip-proekta--wrapper .legend {
      margin-right: 16px;
    }
    #edit-vyberite-tip-proekta--wrapper.attention .legend span {
      color: #d33322;
    }
    .form-item-vyberite-tip-proekta {
      display: inline-block;
    }
    .form-item-vyberite-tip-proekta input {
      display: none;
    }
    .webform-submission-form {
      margin-top: 50px;
    }
    @media only screen and (max-width: 2108px) {
      .project {
        width: 20%;
        padding-bottom: 20%;
      }
    }
    @media only screen and (max-width: 1750px) {
      .project.cleanedup {
        margin-right: -25% !important;
      }
      .project {
        width: 25%;
        padding-bottom: 25%;
      }
    }
    @media only screen and (max-width: 1400px) {
      .project.cleanedup {
        margin-right: -33.3% !important;
      }
      .project {
        width: 33.3%;
        padding-bottom: 33.3%;
      }
    }
    @media only screen and (max-width: 1310px) {
      .content-container article > div div.transparent,
      .content-container article > div div.light,
      .content-container article > div div.dark {
        padding-left: 40px;
        padding-right: 40px;
        -webkit-box-sizing: border-box;
        -khtml-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
      }
    }
    @media only screen and (max-width: 1280px) {
      #block-quadrates-content .content-container article h1 {
        padding-left: 0;
      }
      .content-container article img {
        max-width: 100%;
      }
      .link-container .link {
        padding-left: 1em;
        padding-right: 1em;
      }
      .content-container article > div > div img.tablet {
        -webkit-border-radius: 4.5vw;
        -moz-border-radius: 4.5vw;
        border-radius: 4.5vw;
      }
      .content-container article h1 ~ p.text,
      .content-container article h1 ~ p.note,
      .content-container article h2 ~ p.text,
      .content-container article h2 ~ p.note,
      .content-container article h3 ~ p.text,
      .content-container article h3 ~ p.note,
      .content-container article h4 ~ p.text,
      .content-container article h4 ~ p.note,
      .content-container article h5 ~ p.text,
      .content-container article h5 ~ p.note,
      .content-container article h6 ~ p.text,
      .content-container article h6 ~ p.note {
        padding-top: 20px;
      }
    }
    @media only screen and (max-width: 1024px) {
      .content-container article > div div.transparent,
      .content-container article > div div.light,
      .content-container article > div div.dark {
        padding-top: 100px;
        padding-bottom: 100px;
      }
      .content-container article p.text,
      .content-container article p.note {
        padding: 0 40px;
      }
      .project.cleanedup {
        margin-right: -50% !important;
      }
      .project {
        width: 50%;
        padding-bottom: 50%;
      }
      body.toolbar-tray-open.toolbar-vertical.toolbar-fixed {
        margin-left: auto;
      }
      #toolbar-administration {
        display: none;
      }
    }
    @media only screen and (max-width: 900px) {
      .header-container ~ .mobile-menu {
        display: block;
      }
      .header-container.open-burger ~ .mobile-menu {
        left: 0;
        display: flex;
        flex-direction: column-reverse;
      }
      nav {
        width: 100%;
      }
      body.open-burger .main-container {
        opacity: 0;
        -webkit-transition: opacity 0.1s ease;
        -khtml-transition: opacity 0.1s ease;
        -moz-transition: opacity 0.1s ease;
        transition: opacity 0.1s ease;
      }
      #block-filtrproektov {
        display: none;
      }
      #block-filtrproektov,
      .mobile-menu #filtr {
        position: relative;
        z-index: 8100;
      }
      nav ul,
      #block-filtrproektov ul,
      #block-filtrproektov-2 ul,
      .mobile-menu #filtr ul {
        padding: 0;
      }
      .mobile-menu #main a {
        margin: 0;
      }
      .header-container {
        margin: 0;
      }
      .header-container .clearfix::before {
        display: none;
      }
      header {
        position: absolute;
        z-index: 8000;
        -webkit-transition: left 0.3s ease-out;
        -khtml-transition: left 0.3s ease-out;
        -moz-transition: left 0.3s ease-out;
        transition: left 0.3s ease-out;
      }
      .header-container:before {
        content: '';
        z-index: 8010;
        top: 0;
        left: 0;
        width: 100%;
        height: 80px;
        -webkit-box-shadow: 0 0 5px #141414;
        -khtml-box-shadow: 0 0 5px #141414;
        -moz-box-shadow: 0 0 5px #141414;
        box-shadow: 0 0 5px #141414;
        -webkit-transition: top 0.3s ease;
        -khtml-transition: top 0.3s ease;
        -moz-transition: top 0.3s ease;
        transition: top 0.3s ease;
      }
      header .bg {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 110px;
        background-color: #f5f5f5;
        -webkit-transition: all 0.3s;
        -khtml-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
      }
      header.open-burger {
        background-color: #f5f5f5;
      }
      header.overpage .bg {
        top: -110px;
        background-color: transparent;
      }
      .header-container.fixed::before {
        position: fixed;
        display: block;
        background-color: #141414;
      }
      .header-container.overpage::before {
        top: -80px;
      }
      header.fixed.overpage .title {
        top: -80px;
      }
      header.fixed.overpage .burger {
        top: -80px;
      }
      .region-header {
        display: none;
      }
      .burger,
      .close-burger {
        display: block;
        width: 30px;
      }
      .burger {
        left: 7px;
        top: 40px;
        padding: 10px 4px;
      }
      .close-burger {
        top: 48px;
        left: 12px;
      }
      header.open-burger {
        left: 0;
        position: fixed;
      }
      header.open-burger .title,
      div.content-container.front-page .title:not(.beautiful) {
        background-color: #2fcaa9 !important;
        background-image: none;
      }
      header.open-burger .close-burger {
        position: absolute;
      }
      header > div:not(.title, .bg) {
        position: relative;
        min-height: 100vh;
        top: 0;
        width: 100%;
        padding-top: 125px;
        box-sizing: border-box;
      }
      header nav ul li a {
        margin: auto;
      }
      body:not(.open-burger) #block-filtrproektov ul {
        margin: 110px auto auto;
      }
      #block-filtrproektov ul li,
      .mobile-menu #filtr ul li {
        text-align: left;
        overflow: hidden;
      }
      #block-filtrproektov a,
      .mobile-menu #filtr a {
        display: block;
        color: #272727;
        font-size: 18px;
        text-align: left;
        width: 100%;
        padding: 3vh 40px;
        margin: -100% 0 0 0;
        -webkit-transition: margin 0.1s ease-out;
        -khtml-transition: margin 0.1s ease-out;
        -moz-transition: margin 0.1s ease-out;
        transition: margin 0.1s ease-out;
      }
      header.open-burger #block-filtrproektov a,
      header.open-burger .mobile-menu #filtr a {
        margin-left: 0;
      }
      header.open-burger #block-filtrproektov li:nth-of-type(1) a,
      header.open-burger .mobile-menu #filtr li:nth-of-type(1) a {
        -webkit-transition-delay: 0.3s;
        -khtml-transition-delay: 0.3s;
        -moz-transition-delay: 0.3s;
        transition-delay: 0.3s;
      }
      header.open-burger #block-filtrproektov li:nth-of-type(2) a,
      header.open-burger .mobile-menu #filtr li:nth-of-type(2) a {
        -webkit-transition-delay: 0.4s;
        -khtml-transition-delay: 0.4s;
        -moz-transition-delay: 0.4s;
        transition-delay: 0.4s;
      }
      header.open-burger #block-filtrproektov li:nth-of-type(3) a,
      header.open-burger .mobile-menu #filtr li:nth-of-type(3) a {
        -webkit-transition-delay: 0.5s;
        -khtml-transition-delay: 0.5s;
        -moz-transition-delay: 0.5s;
        transition-delay: 0.5s;
      }
      #block-filtrproektov a:hover,
      .mobile-menu #filtr a:hover {
        color: #2fcaa9;
      }
      #block-osnovnayanavigaciya {
        display: none;
      }
      #block-quadrates-main-menu,
      .mobile-menu #main {
        display: block;
        position: relative;
        top: auto;
        z-index: 8200;
        margin-top: 26px;
      }
      .mobile-menu nav {
        margin-top: 20px;
      }
      .mobile-menu a.brief {
        margin-top: 10px;
      }
      #block-quadrates-main-menu {
        display: none;
      }
      #block-quadrates-main-menu ul,
      .mobile-menu #main ul {
        margin: auto;
      }
      #block-quadrates-main-menu ul li,
      .mobile-menu #main ul li {
        text-align: center;
      }
      #block-quadrates-main-menu div,
      #block-quadrates-main-menu a,
      .mobile-menu #main div,
      .mobile-menu #main a {
        display: block;
        font-size: 22px;
        color: #272727;
        padding: 0;
      }
      #block-filtrproektov a,
      .mobile-menu #filtr a,
      .mobile-menu #main a {
        padding: 22px 20px;
      }
      #block-filtrproektov a,
      .mobile-menu #filtr a {
        margin-bottom: 26px;
      }
      .mobile-menu #main a {
        margin-top: 4px;
        margin-bottom: 7px;
      }
      #block-quadrates-main-menu ul li:last-of-type div,
      .mobile-menu #main ul li:last-of-type div {
        color: #cccccc;
      }
      #block-quadrates-main-menu ul li:last-of-type span,
      .mobile-menu #main ul li:last-of-type span {
        text-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3);
        font-size: 18px;
      }
      #block-quadrates-main-menu ul li:not(:last-of-type) a:hover,
      .mobile-menu #main ul li:not(:last-of-type) a:hover {
        color: #2fcaa9;
      }
      .mobile-menu #main ul li:last-of-type a:hover {
        border-color: #44ddbb;
      }
      #block-filtrproektov ul li,
      .mobile-menu #filtr ul li,
      #block-quadrates-main-menu ul li,
      .mobile-menu #main ul li {
        display: block;
        height: auto;
        margin-right: 0;
        margin-left: 0;
        width: 100%;
      }
      nav ul li:not(:last-of-type)::after {
        content: '';
        display: none;
        margin: 0;
      }
      #block-filtrproektov-2 ul {
        display: none;
      }
      .content-container article p.text,
      .content-container article p.note {
        padding: 0 20px;
      }
      #webform_submission_brif_add_form-ajax {
        padding-left: 10px;
        padding-right: 10px;
      }
    }
    @media only screen and (max-width: 730px) {
      h1 br {
        display: none;
      }
      .burger {
        left: 13px;
      }
      .projects,
      #block-views-block-proekty-smotrite-takje {
        padding: 0px 10px 5px;
      }
      .project {
        width: 100%;
        padding-bottom: 100%;
        border: none;
      }
      .project {
        margin: 0 0 10px;
      }
      .project.cleanedup {
        margin-right: -100% !important;
      }
      #block-zapolnitebrifnizhnyayaknopka .or {
        margin: 10px auto;
      }
      .aftercontent {
        height: 107px;
      }
      div.address-bar span {
        font-size: 80%;
      }
      .content-container article > div div.transparent p.text,
      .content-container article > div div.transparent p.note,
      .content-container article > div div.dark p.text,
      .content-container article > div div.dark p.note,
      .content-container article > div div.light p.text,
      .content-container article > div div.light p.note {
        padding-left: 0;
        padding-right: 0;
      }
      .basic-block {
        margin-top: 0px;
        margin-bottom: 0em;
      }
      .basic-block .controls {
        margin-top: -50px;
      }
      .content-container article h1 {
        margin-top: 0;
      }
      .link-container .link {
        line-height: 2em;
      }
      #block-nadpisposmotritedrugienashiproekty .controls {
        margin-top: -3px;
      }
      #block-filtrproektov a,
      .mobile-menu #filtr a {
        font-size: 18px;
      }
      #webform_submission_brif_add_form-ajax label.button.webform-file-button {
        float: none;
        margin-right: auto;
      }
      .form-item-fayly-proekta .form-managed-file .js-form-type-checkbox {
        padding: 0;
        margin-top: 28px;
      }
      #webform_submission_brif_add_form-ajax input.button.webform-button--submit {
        float: none;
        width: 100%;
        margin-bottom: 14px;
        margin-right: auto;
      }
      #edit-notification {
        display: inline-block;
        margin-bottom: 28px;
      }
      #webform_submission_brif_add_form-ajax {
        padding-top: 40px;
      }
      .ajax-progress.ajax-progress-throbber {
        width: 100%;
      }
    }
    @media only screen and (max-width: 500px) {
      body {
        padding-top: 104px !important;
      }
      h1,
      h2,
      h3,
      h4,
      h5,
      h6,
      .content-container article h1,
      .content-container article h2,
      .content-container article h3,
      .content-container article h4,
      .content-container article h5,
      .content-container article h6 {
        text-align: left;
        padding-left: 10px;
        padding-right: 10px;
        line-height: 38px;
      }
      h1 {
        font-size: 28px;
      }
      h2 {
        font-size: 24px;
      }
      p.external,
      .content-container article > div > div p.external {
        text-align: left;
      }
      .content-container article > div div.transparent h1,
      .content-container article > div div.transparent h2,
      .content-container article > div div.transparent h3,
      .content-container article > div div.transparent h4,
      .content-container article > div div.transparent h5,
      .content-container article > div div.transparent h6,
      .content-container article > div div.light h1,
      .content-container article > div div.light h2,
      .content-container article > div div.light h3,
      .content-container article > div div.light h4,
      .content-container article > div div.light h5,
      .content-container article > div div.light h6,
      .content-container article > div div.dark h1,
      .content-container article > div div.dark h2,
      .content-container article > div div.dark h3,
      .content-container article > div div.dark h4,
      .content-container article > div div.dark h5,
      .content-container article > div div.dark h6 {
        padding: 0;
      }
      .content-container article > div div.transparent,
      .content-container article > div div.light,
      .content-container article > div div.dark {
        padding-left: 10px;
        padding-right: 10px;
      }
      #block-quadrates-content h1 {
        padding-left: 10px;
        padding-right: 10px;
      }
      #block-quadrates-content[data-section=brief] h1 {
        padding-left: 0;
        padding-right: 0;
      }
      #block-quadrates-content div.transparent h1,
      #block-quadrates-content div.light h1,
      #block-quadrates-content div.dark h1 {
        padding-left: 0;
        padding-right: 0;
      }
      div.address-bar span {
        font-size: 2vw;
      }
      header {
        height: 104px;
      }
      header > div:not(.title, .bg) {
        padding-top: 100px;
      }
      header.open-burger > div:not(.title, .bg) {
        padding-top: 0;
      }
      .mobile-menu #main a {
        margin-top: 0;
      }
      .burger,
      .close-burger {
        left: 13px;
        width: 26px;
      }
      .burger {
        padding-top: 1vw;
        top: 42px;
      }
      .close-burger {
        top: 42px;
        left: 15px;
        padding: 3px 0 0 2px;
      }
      .content-container article p.text,
      .content-container article p.note {
        padding: 0 10px;
        text-align: left;
      }
      #block-filtrproektov-2 .burger {
        top: 48px;
      }
      .burger span,
      .close-burger span {
        height: 2px;
      }
      .burger span:not(:last-of-type) {
        margin-bottom: 4px;
      }
      .burger.open-burger {
        margin-top: -100px;
        margin-bottom: 0;
      }
      .mobile-menu nav {
        margin-top: 10px;
      }
      header .title {
        top: 18px;
      }
      header .bg {
        height: 104px;
      }
      body .content-container {
        padding-top: 0;
      }
      .content-container article h1 {
        font-size: 28px;
        margin-top: 30px;
      }
      .project {
        width: 100%;
        padding-bottom: 100%;
      }
      .logo {
        display: block;
        margin: auto;
        width: 100%;
      }
      .close-burger span:first-of-type {
        -webkit-transform: translate(0px, 10px) rotate(45deg);
        -khtml-transform: translate(0px, 10px) rotate(45deg);
        -moz-transform: translate(0px, 10px) rotate(45deg);
        transform: translate(0px, 10px) rotate(45deg);
      }
      .close-burger span:last-of-type {
        -webkit-transform: translate(0px, 10px) rotate(-45deg);
        -khtml-transform: translate(0px, 10px) rotate(-45deg);
        -moz-transform: translate(0px, 10px) rotate(-45deg);
        transform: translate(0px, 10px) rotate(-45deg);
      }
      #block-filtrproektov,
      .mobile-menu #filtr {
        padding: 0;
      }
      header .title,
      a.title,
      a.logo-link {
        width: 50px;
        height: 50px;
      }
      a.logo-link {
        margin-top: 30px;
      }
      .header-container::before {
        height: 50px;
      }
      canvas.logo {
        padding: 0;
      }
      .js-webform-webform-buttons {
        word-spacing: normal;
        line-height: normal;
      }
      .content-container article div p.text:last-of-type {
        margin-bottom: 30px;
      }
      #webform_submission_brif_add_form-ajax {
        padding-left: 10px;
        padding-right: 10px;
      }
      #block-filtrproektov a,
      .mobile-menu #filtr a {
        padding: 20px;
      }
      #block-filtrproektov a,
      .mobile-menu #filtr a,
      .mobile-menu #main a {
        font-size: 18px;
        overflow: hidden;
      }
      .aftercontent {
        height: 93px;
      }
      .form-item-vyberite-tip-proekta {
        margin-bottom: .5em;
        margin-top: .5em;
      }
    }
    /* ==========================================================================
         Media Queries
         ========================================================================== */
    @media only screen and (min-width: 480px) {
      /* ====================
            INTERMEDIATE: Menu
           ==================== */
      nav a {
        margin-bottom: 0;
      }
      nav li:first-child a {
        margin-left: 0;
      }
      nav li:last-child a {
        margin-right: 0;
      }
      /* ========================
            INTERMEDIATE: IE Fixes
           ======================== */
      nav ul li {
        display: inline;
      }
      .oldie nav a {
        margin: 0 0.7%;
      }
    }
    @media only screen and (min-width: 768px) {
      /* ====================
            WIDE: CSS3 Effects
           ==================== */
      /* ============
            WIDE: Menu
           ============ */
      /* ============
            WIDE: Main
           ============ */
      #main article {
        /*width: 57%;*/
      }
      #main aside {
        float: right;
        width: 28%;
      }
    }
    @media only screen and (min-width: 1140px) {
      /* ===============
            Maximal Width
           =============== */
      .wrapper {
        margin: 0 auto;
      }
    }
    /* ==========================================================================
         Helper classes
         ========================================================================== */
    .hidden {
      display: none !important;
      visibility: hidden;
    }
    .visuallyhidden {
      border: 0;
      clip: rect(0 0 0 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px;
    }
    .visuallyhidden.focusable:active,
    .visuallyhidden.focusable:focus {
      clip: auto;
      height: auto;
      margin: 0;
      overflow: visible;
      position: static;
      width: auto;
    }
    .invisible {
      visibility: hidden;
    }
    .clearfix:before,
    .clearfix:after {
      content: " ";
      display: table;
    }
    .clearfix:after {
      clear: both;
    }
    .clearfix {
      *zoom: 1;
    }
    /* ==========================================================================
         Print styles
         ========================================================================== */
    @media print {
      *,
      *:before,
      *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
      }
      a,
      a:visited {
        text-decoration: underline;
      }
      a[href]:after {
        content: " (" attr(href) ")";
      }
      abbr[title]:after {
        content: " (" attr(title) ")";
      }
      a[href^="#"]:after,
      a[href^="javascript:"]:after {
        content: "";
      }
      pre,
      blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
      }
      thead {
        display: table-header-group;
      }
      tr,
      img {
        page-break-inside: avoid;
      }
      img {
        max-width: 100% !important;
      }
      p,
      h2,
      h3 {
        orphans: 3;
        widows: 3;
      }
      h2,
      h3 {
        page-break-after: avoid;
      }
    }
    ', 'public://sm-style/main.css', 1) (Line: 173)
    Drupal\style_management\Controller\FileController->writeFiles(Array) (Line: 131)
    Drupal\style_management\Controller\MainController->writeFiles(Array) (Line: 108)
    Drupal\style_management\Controller\MainController->build() (Line: 60)
    style_management_preprocess_page(Array, 'page', Array) (Line: 287)
    Drupal\Core\Theme\ThemeManager->render('page', Array) (Line: 437)
    Drupal\Core\Render\Renderer->doRender(Array, ) (Line: 195)
    Drupal\Core\Render\Renderer->render(Array) (Line: 490)
    Drupal\Core\Template\TwigExtension->escapeFilter(Object, Array, 'html', NULL, 1) (Line: 106)
    __TwigTemplate_bad80045f6e26296e981aa53f65debadaa2a9699b0e2bfa0f0261f7d056e438d->doDisplay(Array, Array) (Line: 432)
    Twig_Template->displayWithErrorHandling(Array, Array) (Line: 403)
    Twig_Template->display(Array) (Line: 411)
    Twig_Template->render(Array) (Line: 64)
    twig_render_template('themes/custom/quadrates/templates/html--node.html.twig', Array) (Line: 384)
    Drupal\Core\Theme\ThemeManager->render('html', Array) (Line: 437)
    Drupal\Core\Render\Renderer->doRender(Array, ) (Line: 195)
    Drupal\Core\Render\Renderer->render(Array) (Line: 147)
    Drupal\Core\Render\MainContent\HtmlRenderer->Drupal\Core\Render\MainContent\{closure}() (Line: 582)
    Drupal\Core\Render\Renderer->executeInRenderContext(Object, Object) (Line: 148)
    Drupal\Core\Render\MainContent\HtmlRenderer->renderResponse(Array, Object, Object) (Line: 90)
    Drupal\Core\EventSubscriber\MainContentViewSubscriber->onViewRenderArray(Object, 'kernel.view', Object)
    call_user_func(Array, Object, 'kernel.view', Object) (Line: 111)
    Drupal\Component\EventDispatcher\ContainerAwareEventDispatcher->dispatch('kernel.view', Object) (Line: 156)
    Symfony\Component\HttpKernel\HttpKernel->handleRaw(Object, 1) (Line: 68)
    Symfony\Component\HttpKernel\HttpKernel->handle(Object, 1, 1) (Line: 57)
    Drupal\Core\StackMiddleware\Session->handle(Object, 1, 1) (Line: 47)
    Drupal\Core\StackMiddleware\KernelPreHandle->handle(Object, 1, 1) (Line: 184)
    Drupal\page_cache\StackMiddleware\PageCache->fetch(Object, 1, 1) (Line: 121)
    Drupal\page_cache\StackMiddleware\PageCache->lookup(Object, 1, 1) (Line: 75)
    Drupal\page_cache\StackMiddleware\PageCache->handle(Object, 1, 1) (Line: 47)
    Drupal\Core\StackMiddleware\ReverseProxyMiddleware->handle(Object, 1, 1) (Line: 52)
    Drupal\Core\StackMiddleware\NegotiationMiddleware->handle(Object, 1, 1) (Line: 23)
    Stack\StackedHttpKernel->handle(Object, 1, 1) (Line: 665)
    Drupal\Core\DrupalKernel->handle(Object) (Line: 19)
    
  • Warning: file_put_contents(temporary://fileIjtoSx): failed to open stream: "Drupal\Core\StreamWrapper\TemporaryStream::stream_open" call failed in file_unmanaged_save_data() (line 969 of core/includes/file.inc).
    file_unmanaged_save_data('@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');
    /*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */
    html {
      color: #222;
      font-size: 1em;
      line-height: 1.4;
    }
    ::-moz-selection {
      background: #b3d4fc;
      text-shadow: none;
    }
    ::selection {
      background: #b3d4fc;
      text-shadow: none;
    }
    hr {
      display: block;
      height: 1px;
      border: 0;
      border-top: 1px solid #ccc;
      margin: 1em 0;
      padding: 0;
    }
    audio,
    canvas,
    iframe,
    img,
    svg,
    video {
      vertical-align: middle;
    }
    fieldset {
      border: 0;
      margin: 0;
      padding: 0;
    }
    textarea {
      resize: vertical;
    }
    .text-align-left {
      text-align: left;
    }
    .text-align-center {
      text-align: center;
    }
    .text-align-right {
      text-align: right;
    }
    .browserupgrade {
      margin: 0.2em 0;
      background: #ccc;
      color: #000;
      padding: 0.2em 0;
    }
    /* ===== Initializr Styles ==================================================
       Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template
       ========================================================================== */
    body {
      font-weight: 300;
      font-style: normal;
      background-color: #f5f5f5;
    }
    body.open-burger .logo {
      background-color: #2fcaa9 !important;
    }
    body.open-burger .title {
      position: absolute;
    }
    .wrapper {
      width: 100%;
      margin: 0;
    }
    /* ===================
        ALL: Black Theme
       =================== */
    .header-container {
      /*border-bottom: 20px solid #000000;*/
      margin-bottom: 20px;
    }
    .title {
      position: absolute;
      color: #cccccc;
      background-color: #cccccc;
      z-index: 6000;
      font-size: 1em;
      padding: 0;
      margin: 0;
      border-radius: 3px;
    }
    /* ==============
        MOBILE: Menu
       ============== */
    html.open-burger {
      overflow: hidden;
    }
    .header-container.open-burger {
      z-index: 99995;
    }
    .header-container ~ .mobile-menu {
      display: none;
      position: fixed;
      overflow-y: auto;
      top: 0;
      width: 100%;
      opacity: 0;
      height: calc(100vh - 110px);
      min-height: 400px;
      background-color: #f5f5f5;
      -webkit-transition: opacity 0.3s ease;
      -khtml-transition: opacity 0.3s ease;
      -moz-transition: opacity 0.3s ease;
      transition: opacity 0.3s ease;
      z-index: -1;
    }
    body .content-container {
      -webkit-transition: background-color 0.3s ease;
      -moz-transition: background-color 0.3s ease;
      -ms-transition: background-color 0.3s ease;
      -o-transition: background-color 0.3s ease;
      transition: background-color 0.3s ease;
    }
    body.open-burger .content-container {
      background-color: #f5f5f5 !important;
    }
    .header-container.open-burger ~ .mobile-menu {
      margin-left: 0;
      opacity: 1;
      height: auto;
      overflow-y: auto;
      padding-top: 104px;
      box-sizing: border-box;
      z-index: 99990;
    }
    .header-container.open-burger ~ .mobile-menu #filtr a {
      margin: 0;
      text-align: center;
      box-sizing: border-box;
    }
    .header-container.open-burger ~ .mobile-menu #filtr ul li:nth-of-type(15) a {
      -webkit-transition: margin 0.3s ease 2.35s, color 0.3s ease;
      -khtml-transition: margin 0.3s ease 2.35s, color 0.3s ease;
      -moz-transition: margin 0.3s ease 2.35s, color 0.3s ease;
      transition: margin 0.3s ease 2.35s, color 0.3s ease;
    }
    .header-container.open-burger ~ .mobile-menu #filtr ul li:nth-of-type(14) a {
      -webkit-transition: margin 0.3s ease 2.2s, color 0.3s ease;
      -khtml-transition: margin 0.3s ease 2.2s, color 0.3s ease;
      -moz-transition: margin 0.3s ease 2.2s, color 0.3s ease;
      transition: margin 0.3s ease 2.2s, color 0.3s ease;
    }
    .header-container.open-burger ~ .mobile-menu #filtr ul li:nth-of-type(13) a {
      -webkit-transition: margin 0.3s ease 2.05s, color 0.3s ease;
      -khtml-transition: margin 0.3s ease 2.05s, color 0.3s ease;
      -moz-transition: margin 0.3s ease 2.05s, color 0.3s ease;
      transition: margin 0.3s ease 2.05s, color 0.3s ease;
    }
    .header-container.open-burger ~ .mobile-menu #filtr ul li:nth-of-type(12) a {
      -webkit-transition: margin 0.3s ease 1.9s, color 0.3s ease;
      -khtml-transition: margin 0.3s ease 1.9s, color 0.3s ease;
      -moz-transition: margin 0.3s ease 1.9s, color 0.3s ease;
      transition: margin 0.3s ease 1.9s, color 0.3s ease;
    }
    .header-container.open-burger ~ .mobile-menu #filtr ul li:nth-of-type(11) a {
      -webkit-transition: margin 0.3s ease 1.75s, color 0.3s ease;
      -khtml-transition: margin 0.3s ease 1.75s, color 0.3s ease;
      -moz-transition: margin 0.3s ease 1.75s, color 0.3s ease;
      transition: margin 0.3s ease 1.75s, color 0.3s ease;
    }
    .header-container.open-burger ~ .mobile-menu #filtr ul li:nth-of-type(10) a {
      -webkit-transition: margin 0.3s ease 1.6s, color 0.3s ease;
      -khtml-transition: margin 0.3s ease 1.6s, color 0.3s ease;
      -moz-transition: margin 0.3s ease 1.6s, color 0.3s ease;
      transition: margin 0.3s ease 1.6s, color 0.3s ease;
    }
    .header-container.open-burger ~ .mobile-menu #filtr ul li:nth-of-type(9) a {
      -webkit-transition: margin 0.3s ease 1.45s, color 0.3s ease;
      -khtml-transition: margin 0.3s ease 1.45s, color 0.3s ease;
      -moz-transition: margin 0.3s ease 1.45s, color 0.3s ease;
      transition: margin 0.3s ease 1.45s, color 0.3s ease;
    }
    .header-container.open-burger ~ .mobile-menu #filtr ul li:nth-of-type(8) a {
      -webkit-transition: margin 0.3s ease 1.3s, color 0.3s ease;
      -khtml-transition: margin 0.3s ease 1.3s, color 0.3s ease;
      -moz-transition: margin 0.3s ease 1.3s, color 0.3s ease;
      transition: margin 0.3s ease 1.3s, color 0.3s ease;
    }
    .header-container.open-burger ~ .mobile-menu #filtr ul li:nth-of-type(7) a {
      -webkit-transition: margin 0.3s ease 1.15s, color 0.3s ease;
      -khtml-transition: margin 0.3s ease 1.15s, color 0.3s ease;
      -moz-transition: margin 0.3s ease 1.15s, color 0.3s ease;
      transition: margin 0.3s ease 1.15s, color 0.3s ease;
    }
    .header-container.open-burger ~ .mobile-menu #filtr ul li:nth-of-type(6) a {
      -webkit-transition: margin 0.3s ease 1s, color 0.3s ease;
      -khtml-transition: margin 0.3s ease 1s, color 0.3s ease;
      -moz-transition: margin 0.3s ease 1s, color 0.3s ease;
      transition: margin 0.3s ease 1s, color 0.3s ease;
    }
    .header-container.open-burger ~ .mobile-menu #filtr ul li:nth-of-type(5) a {
      -webkit-transition: margin 0.3s ease 0.85s, color 0.3s ease;
      -khtml-transition: margin 0.3s ease 0.85s, color 0.3s ease;
      -moz-transition: margin 0.3s ease 0.85s, color 0.3s ease;
      transition: margin 0.3s ease 0.85s, color 0.3s ease;
    }
    .header-container.open-burger ~ .mobile-menu #filtr ul li:nth-of-type(4) a {
      -webkit-transition: margin 0.3s ease 0.7s, color 0.3s ease;
      -khtml-transition: margin 0.3s ease 0.7s, color 0.3s ease;
      -moz-transition: margin 0.3s ease 0.7s, color 0.3s ease;
      transition: margin 0.3s ease 0.7s, color 0.3s ease;
    }
    .header-container.open-burger ~ .mobile-menu #filtr ul li:nth-of-type(3) a {
      -webkit-transition: margin 0.3s ease 0.55s, color 0.3s ease;
      -khtml-transition: margin 0.3s ease 0.55s, color 0.3s ease;
      -moz-transition: margin 0.3s ease 0.55s, color 0.3s ease;
      transition: margin 0.3s ease 0.55s, color 0.3s ease;
    }
    .header-container.open-burger ~ .mobile-menu #filtr ul li:nth-of-type(2) a {
      -webkit-transition: margin 0.3s ease 0.4s, color 0.3s ease;
      -khtml-transition: margin 0.3s ease 0.4s, color 0.3s ease;
      -moz-transition: margin 0.3s ease 0.4s, color 0.3s ease;
      transition: margin 0.3s ease 0.4s, color 0.3s ease;
    }
    .header-container.open-burger ~ .mobile-menu #filtr ul li:nth-of-type(1) a {
      -webkit-transition: margin 0.3s ease 0.25s, color 0.3s ease;
      -khtml-transition: margin 0.3s ease 0.25s, color 0.3s ease;
      -moz-transition: margin 0.3s ease 0.25s, color 0.3s ease;
      transition: margin 0.3s ease 0.25s, color 0.3s ease;
    }
    .visually-hidden {
      display: none;
    }
    nav ul {
      margin: 0;
      padding: 0;
      list-style-type: none;
    }
    nav a {
      display: block;
      margin-bottom: 10px;
      padding: 15px 0;
      text-align: center;
      text-decoration: none;
      font-weight: bold;
      color: white;
    }
    .burger {
      -webkit-transition: all 0.3s ease-out;
      -khtml-transition: all 0.3s ease-out;
      -moz-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out;
      left: 28px;
    }
    .burger.sharp {
      -webkit-transition: none;
      -khtml-transition: none;
      -moz-transition: none;
      transition: none;
    }
    .burger,
    .close-burger {
      display: none;
      position: absolute;
      width: 40px;
      overflow: hidden;
      z-index: 8100;
      top: 37px;
    }
    .burger {
      height: 20px;
    }
    .burger span,
    .close-burger span {
      display: block;
      position: absolute;
      height: 3px;
      width: 100%;
      background-color: #141414;
      -webkit-transition: background-color 0.3s ease-out, margin-top 0.3s ease-out 0.1s;
      -khtml-transition: background-color 0.3s ease-out, margin-top 0.3s ease-out 0.1s;
      -moz-transition: background-color 0.3s ease-out, margin-top 0.3s ease-out 0.1s;
      transition: background-color 0.3s ease-out, margin-top 0.3s ease-out 0.1s;
      -webkit-transform-origin: 50% 50% 0;
      -khtml-transform-origin: 50% 50% 0;
      -moz-transform-origin: 50% 50% 0;
      transform-origin: 50% 50% 0;
    }
    .burger.open-burger {
      z-index: 0;
    }
    .burger.open-burger span,
    .close-burger.open-burger span {
      background-color: #272727;
      z-index: 0;
    }
    html.text-color-light .burger span,
    html.text-color-light .close-burger span {
      background-color: #ffffff;
    }
    html.text-color-light header.open-burger .burger span,
    html.text-color-light header.open-burger .close-burger span {
      background-color: #272727;
    }
    .burger span:nth-of-type(2) {
      margin-top: 8px;
      -webkit-transition-delay: 0.2s;
      -khtml-transition-delay: 0.2s;
      -moz-transition-delay: 0.2s;
      transition-delay: 0.2s;
    }
    .burger span:nth-of-type(3) {
      margin-top: 16px;
      -webkit-transition-delay: 0.3s;
      -khtml-transition-delay: 0.3s;
      -moz-transition-delay: 0.3s;
      transition-delay: 0.3s;
    }
    .burger span:not(:last-of-type) {
      margin-bottom: 5px;
    }
    .close-burger span:first-of-type {
      -webkit-transform: translate(0px, 10px) rotate(45deg);
      -khtml-transform: translate(0px, 10px) rotate(45deg);
      -moz-transform: translate(0px, 10px) rotate(45deg);
      transform: translate(0px, 10px) rotate(45deg);
    }
    .close-burger span:last-of-type {
      -webkit-transform: translate(0px, 10px) rotate(-45deg);
      -khtml-transform: translate(0px, 10px) rotate(-45deg);
      -moz-transform: translate(0px, 10px) rotate(-45deg);
      transform: translate(0px, 10px) rotate(-45deg);
    }
    html.no-touch .burger:hover span:nth-of-type(2) {
      -webkit-transition-delay: 0.1s;
      -khtml-transition-delay: 0.1s;
      -moz-transition-delay: 0.1s;
      transition-delay: 0.1s;
    }
    html.no-touch .burger:hover span:nth-of-type(3) {
      -webkit-transition-delay: 0.2s;
      -khtml-transition-delay: 0.2s;
      -moz-transition-delay: 0.2s;
      transition-delay: 0.2s;
    }
    html.no-touch .burger:not(.open-burger):hover span {
      background-color: #2fcaa9;
    }
    .burger.open-burger span {
      margin-top: -100%;
      margin-bottom: 0;
    }
    .close-burger {
      display: block;
      height: 40px;
      cursor: pointer;
      background-position: center center;
      background-size: 34px;
      background-repeat: no-repeat;
      z-index: 8050;
      -webkit-transition: right 0.3s ease-out, opacity 0.3s ease-out 0.3s;
      -khtml-transition: right 0.3s ease-out, opacity 0.3s ease-out 0.3s;
      -moz-transition: right 0.3s ease-out, opacity 0.3s ease-out 0.3s;
      transition: right 0.3s ease-out, opacity 0.3s ease-out 0.3s;
      margin-top: -3px;
      margin-right: -3px;
      left: -40px;
      opacity: 0;
    }
    .close-burger.open-burger {
      opacity: 1;
    }
    /* ==============
        MOBILE: Main
       ============== */
    #main {
      padding: 0;
    }
    #main article h1 {
      font-size: 32px;
    }
    #main aside {
      color: white;
      padding: 0px 5% 10px;
    }
    div[role='contentinfo'] div[role='alert'] {
      display: none;
    }
    body.proekt .footer-container footer {
      padding: 150px 0 0;
    }
    /* ===============
        ALL: IE Fixes
       =============== */
    .ie7 .title {
      padding-top: 20px;
    }
    /* ==========================================================================
       Author's custom styles
       ========================================================================== */
    #toolbar-administration {
      display: none;
    }
    .no-transition {
      -webkit-transition: none !important;
      -khtml-transition: none !important;
      -moz-transition: none !important;
      transition: none !important;
    }
    body {
      padding-top: 108px !important;
      overflow-x: hidden;
      color: #141414;
      font-weight: 300;
      -webkit-transition: all 0.3s ease;
      -khtml-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      transition: all 0.3s ease;
      touch-action: manipulation;
    }
    body.open-burger {
      -webkit-transition: all 0.3s ease 0.2s;
      -khtml-transition: all 0.3s ease 0.2s;
      -moz-transition: all 0.3s ease 0.2s;
      transition: all 0.3s ease 0.2s;
    }
    article {
      font-family: Roboto, Sans-Serif;
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      color: #141414;
      text-align: center;
      margin: 0;
      line-height: 48px;
      font-family: 'Roboto Slab', Serif;
    }
    .dark h1,
    .dark h2,
    .dark h3,
    .dark h4,
    .dark h5,
    .dark h6 {
      color: #ffffff;
    }
    html.text-color-light h1,
    html.text-color-light h2,
    html.text-color-light h3,
    html.text-color-light h4,
    html.text-color-light h5,
    html.text-color-light h6 {
      color: #ffffff;
    }
    h1 {
      font-size: 32px;
      line-height: 42px;
      text-align: left;
      font-weight: 300;
    }
    h1.hello {
      font-size: 32px;
      text-align: center;
      font-weight: 100;
      letter-spacing: normal;
    }
    h2,
    h3,
    h4,
    h5,
    h6 {
      font-family: 'Roboto Slab', Serif;
      font-weight: 300;
      line-height: 1.5em;
    }
    h2 {
      font-size: 28px;
      line-height: 38px;
      font-weight: 300;
    }
    div.note,
    p.note {
      padding: 0;
    }
    div.note + p:not(.text),
    div.note + div,
    div.note + img,
    p.note + p:not(.text),
    p.note + div,
    p.note + img {
      margin-top: 50px;
    }
    a {
      text-decoration: none;
      -webkit-transition: all 0.3s ease;
      -khtml-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      transition: all 0.3s ease;
    }
    iframe {
      max-width: 100%;
    }
    .contextual {
      display: none !important;
    }
    .header-container {
      position: absolute;
      display: block;
      width: 100%;
      top: 0;
    }
    header {
      display: block;
      height: 108px;
      top: 0;
      background-color: #f5f5f5;
      transition: box-shadow 0.3s ease 0s;
    }
    header.fixed {
      position: fixed;
      box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
      z-index: 9999;
    }
    header.overpage {
      position: absolute;
      z-index: 9999;
    }
    header nav ul li {
      height: 38px;
    }
    header nav ul li a {
      margin-top: -8px;
    }
    header .bg {
      display: none;
    }
    #all_projects {
      position: absolute;
    }
    .everything rect {
      -webkit-transition: transform 0.1s ease-in, width 0.1s ease-in, height 0.1s ease-in;
      -khtml-transition: transform 0.1s ease-in, width 0.1s ease-in, height 0.1s ease-in;
      -moz-transition: transform 0.1s ease-in, width 0.1s ease-in, height 0.1s ease-in;
      transition: transform 0.1s ease-in, width 0.1s ease-in, height 0.1s ease-in;
      position: absolute;
    }
    .everything:hover rect {
      width: 85px;
      height: 85px;
    }
    .everything:hover rect:nth-of-type(1) {
      -webkit-transform: translate(8px,8px);
      -khtml-transform: translate(8px,8px);
      -moz-transform: translate(8px,8px);
      transform: translate(8px,8px);
    }
    .everything:hover rect:nth-of-type(2) {
      -webkit-transform: translate(0,8px);
      -khtml-transform: translate(0,8px);
      -moz-transform: translate(0,8px);
      transform: translate(0,8px);
    }
    .everything:hover rect:nth-of-type(3) {
      -webkit-transform: translate(-8px,8px);
      -khtml-transform: translate(-8px,8px);
      -moz-transform: translate(-8px,8px);
      transform: translate(-8px,8px);
    }
    .everything:hover rect:nth-of-type(4) {
      -webkit-transform: translate(8px,0);
      -khtml-transform: translate(8px,0);
      -moz-transform: translate(8px,0);
      transform: translate(8px,0);
    }
    .everything:hover rect:nth-of-type(8) {
      -webkit-transform: translate(-8px,0);
      -khtml-transform: translate(-8px,0);
      -moz-transform: translate(-8px,0);
      transform: translate(-8px,0);
    }
    .everything:hover rect:nth-of-type(5) {
      -webkit-transform: translate(8px,-8px);
      -khtml-transform: translate(8px,-8px);
      -moz-transform: translate(8px,-8px);
      transform: translate(8px,-8px);
    }
    .everything:hover rect:nth-of-type(7) {
      -webkit-transform: translate(0,-8px);
      -khtml-transform: translate(0,-8px);
      -moz-transform: translate(0,-8px);
      transform: translate(0,-8px);
    }
    .everything:hover rect:nth-of-type(9) {
      -webkit-transform: translate(-8px,-8px);
      -khtml-transform: translate(-8px,-8px);
      -moz-transform: translate(-8px,-8px);
      transform: translate(-8px,-8px);
    }
    .toolbar-oriented .toolbar-bar {
      top: auto;
    }
    .text-color-dark {
      color: #141414;
    }
    .text-color-light {
      color: #ffffff;
    }
    .no-transitions {
      -webkit-transition: none !important;
      -khtml-transition: none !important;
      -moz-transition: none !important;
      transition: none !important;
    }
    .ultrathin {
      width: 0px !important;
    }
    .title {
      display: block;
      position: absolute;
      left: 50%;
      top: 15px;
      padding: 9px;
      -webkit-transform: translate(-50%, 0);
      -khtml-transform: translate(-50%, 0);
      -moz-transform: translate(-50%, 0);
      transform: translate(-50%, 0);
      -webkit-transition: all 0.1s ease;
      -khtml-transition: all 0.1s ease;
      -moz-transition: all 0.1s ease;
      transition: all 0.1s ease;
    }
    canvas.logo {
      -webkit-transition: all 0.1s ease;
      -khtml-transition: all 0.1s ease;
      -moz-transition: all 0.1s ease;
      transition: all 0.1s ease;
      -webkit-border-radius: 2px;
      -khtml-border-radius: 2px;
      -moz-border-radius: 2px;
      border-radius: 2px;
    }
    div.content-container.front-page .title:not(.beautiful) {
      background-image: url('/themes/custom/quadrates/images/logobg.jpg');
      animation: white-noise 1s 1 linear;
    }
    div.content-container.front-page.frontpage .canvas.logo:not(.beautiful) {
      background-image: url('/themes/custom/quadrates/images/logobg.jpg');
      animation: white-noise 1s 5 linear;
    }
    @keyframes white-noise {
      from {
        background-position: 10px 20px;
      }
      10% {
        background-position: 65px 34px;
      }
      20% {
        background-position: 26px 45px;
      }
      30% {
        background-position: 87px 10px;
      }
      40% {
        background-position: 18px 30px;
      }
      50% {
        background-position: 76px 34px;
      }
      60% {
        background-position: 34px 76px;
      }
      70% {
        background-position: 14px 88px;
      }
      80% {
        background-position: 47px 99px;
      }
      90% {
        background-position: 40px 90px;
      }
      to {
        background-position: 0 0;
      }
    }
    canvas.logo.q-color {
      background-color: #2fcaa9;
    }
    a.logo-link:not(:active):not(:focus):hover canvas,
    a.title:not(:active):not(:focus):hover canvas.logo {
      box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0), 5px 5px 0 0 rgba(0, 0, 0, 0.3);
      -webkit-transform: translate(-1px, -1px);
      -khtml-transform: translate(-1px, -1px);
      -moz-transform: translate(-1px, -1px);
      transform: translate(-1px, -1px);
    }
    a.logo-link:focus canvas,
    a.logo-link:active canvas,
    a.title:focus canvas.logo,
    a.title:active canvas.logo {
      box-shadow: inset 5px 5px 0 0 rgba(0, 0, 0, 0.3), 0 0 0 0 rgba(0, 0, 0, 0);
      -webkit-transform: translate(1px, 1px);
      -khtml-transform: translate(1px, 1px);
      -moz-transform: translate(1px, 1px);
      transform: translate(1px, 1px);
    }
    .title h1 {
      position: absolute;
      top: -999px;
      left: -999px;
    }
    .content-container article h1 {
      font-family: 'Roboto Slab', Serif;
      margin-top: 60px;
      padding: 0 20px;
      text-align: center;
      font-weight: 300;
    }
    .no-margin-top {
      margin-top: 0 !important;
    }
    .no-margin-bottom {
      margin-bottom: 0 !important;
    }
    .no-padding-top {
      padding-top: 0 !important;
    }
    .no-padding-bottom {
      padding-bottom: 0 !important;
    }
    #block-filtrproektov,
    .mobile-menu #filtr {
      display: block;
      position: absolute;
    }
    .aftercontent {
      display: block;
      position: relative;
      background-color: #f5f5f5;
      -webkit-box-sizing: border-box;
      -khtml-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      height: 97px;
    }
    #block-filtrproektov-2 {
      position: relative;
      padding: 31px 10px 0;
      z-index: 240;
      -webkit-box-sizing: border-box;
      -khtml-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }
    #block-osnovnayanavigaciya {
      position: absolute;
      top: 0;
      right: 0;
      text-align: right;
      z-index: 245;
    }
    #block-filtrproektov-2 ul a,
    #block-osnovnayanavigaciya ul a {
      color: #555555;
    }
    #block-filtrproektov-2 ul a:hover,
    #block-filtrproektov-2 ul a:focus,
    #block-filtrproektov-2 ul a.current,
    #block-osnovnayanavigaciya ul a:hover,
    #block-osnovnayanavigaciya ul a:focus {
      color: #141414;
    }
    #toolbar-administration nav {
      width: 100%;
    }
    #block-filtrproektov div,
    .mobile-menu #filtr div,
    #block-filtrproektov-2 div {
      display: inline-block;
    }
    nav a,
    #block-filtrproektov a,
    .mobile-menu #filtr a {
      display: inline-block;
      color: #141414;
      font-weight: 300;
      font-size: 1em;
      -webkit-transition: all 0.3s ease;
      -khtml-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      transition: all 0.3s ease;
      vertical-align: middle;
      margin-top: -10px;
    }
    #block-filtrproektov a {
      padding-left: 15px;
      padding-right: 15px;
      margin-left: -15px;
      margin-right: -15px;
    }
    nav a:hover,
    #block-filtrproektov a:hover,
    nav a.current,
    #block-filtrproektov a.current {
      color: #b3b3b3;
    }
    html.text-color-light nav a,
    html.text-color-light #block-filtrproektov a {
      color: #ffffff;
    }
    html.text-color-light .mobile-menu #filtr a {
      color: #272727;
    }
    html.text-color-light nav a:hover,
    html.text-color-light #block-filtrproektov a:hover {
      color: #cccccc;
    }
    html.text-color-light .mobile-menu #filtr a:hover {
      color: #2fcaa9;
    }
    #block-filtrproektov-2 ul,
    #block-filtrproektov-2 div {
      padding: 0;
    }
    .content-container article > div > div img.tablet {
      -webkit-border-radius: 60px;
      -moz-border-radius: 60px;
      border-radius: 60px;
    }
    .text-color-dark nav a,
    .text-color-dark #block-filtrproektov a {
      color: #222222;
    }
    nav ul,
    #block-filtrproektov ul,
    .mobile-menu #filtr ul {
      font-family: 'Roboto Slab', Serif;
      padding: 38px 28px 14px;
      position: relative;
      display: block;
      -webkit-box-sizing: border-box;
      -khtml-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }
    #block-osnovnayanavigaciya ul {
      padding: 41px 10px 14px;
    }
    #block-filtrproektov-2 ul li:not(:first-of-type) {
      margin-left: 40px;
    }
    nav ul li,
    #block-filtrproektov ul li,
    #block-filtrproektov-2 ul li {
      display: inline;
      padding: 0;
    }
    #block-filtrproektov-2 ul {
      line-height: normal;
      width: 80%;
      vertical-align: middle;
      line-height: 41px;
    }
    #block-filtrproektov-2 ul li::after,
    #block-osnovnayanavigaciya ul li::after {
      color: #555555;
    }
    #toolbar-administration nav ul li {
      padding: 0;
    }
    .mobile-menu #filtr a.current {
      color: #2fcaa9;
    }
    nav a.current span:nth-of-type(2) {
      border-bottom: none;
    }
    .text-color-dark nav a.current span:nth-of-type(2) {
      border-bottom: none;
    }
    nav .brief span:nth-of-type(2),
    .text-color-dark nav a.brief span:nth-of-type(2),
    nav a.brief:hover span:nth-of-type(2),
    .text-color-dark nav a.brief:hover span:nth-of-type(2) {
      border-bottom: none;
    }
    #block-quadrates-main-menu,
    .mobile-menu #main {
      overflow: hidden;
    }
    #block-quadrates-main-menu ul,
    .mobile-menu #main ul {
      text-align: right;
    }
    #block-osnovnayanavigaciya li,
    #block-quadrates-main-menu li,
    .mobile-menu #main li {
      margin-left: 35px;
    }
    nav ul li:not(:last-of-type)::after {
      content: "/";
      display: inline;
      color: rgba(20, 20, 20, 0.25);
      margin-top: 6px;
      position: absolute;
      margin-left: 14px;
    }
    html.text-color-light nav ul li:not(:last-of-type)::after {
      color: rgba(235, 235, 235, 0.25);
    }
    .snake-substrate {
      display: none;
      position: fixed;
      width: 100%;
      height: 110px;
      bottom: 0;
      left: 0;
      z-index: 9999;
      touch-action: manipulation;
    }
    .snake-left,
    .snake-right {
      position: absolute;
      width: 75px;
      height: 75px;
      bottom: 10px;
      border-radius: 40px;
      background-color: rgba(220, 220, 220, 0.9);
      color: #000000;
      font-size: 25px;
      text-align: center;
      line-height: 75px;
      -webkit-box-sizing: border-box;
      -khtml-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      touch-action: manipulation;
    }
    .snake-left {
      padding-right: 6px;
      left: 10px;
    }
    .snake-right {
      padding-left: 6px;
      right: 10px;
    }
    #block-quadrates-main-menu div.brief span {
      color: #b3b3b3;
    }
    #block-quadrates-main-menu ul li:last-of-type a.current:hover,
    .mobile-menu #main ul li:last-of-type a.current:hover {
      color: #ff5555;
    }
    #block-quadrates-main-menu ul li:last-of-type a.current:hover svg,
    .mobile-menu #main ul li:last-of-type a.current:hover svg {
      fill: #ff5555;
    }
    .mobile-menu > nav > ul {
      display: flex;
      display: -webkit-flex;
      flex-direction: column-reverse;
      -webkit-flex-direction: column-reverse;
    }
    .mobile-menu > nav:first-of-type > ul > li:first-of-type:before {
      content: "или напишите на почту";
      display: block;
      width: 100%;
      text-align: center;
      color: #cccccc;
      margin-top: 18px;
      margin-bottom: 12px;
    }
    .mobile-menu #main a.email {
      padding-top: 0;
      margin-bottom: 18px;
    }
    .mobile-menu > nav > ul .email span {
      border-bottom: 1px solid #2fcaa955;
      font-size: 18px;
    }
    .menu p {
      margin: 0;
      padding: 0;
    }
    nav a:hover svg,
    #block-filtrproektov a:hover svg,
    #block-filtrproektov-2 a:hover svg,
    nav a.current svg,
    #block-filtrproektov a.current svg,
    #block-filtrproektov-2 a.current svg,
    .mobile-menu #filtr a.current svg {
      fill: #ffffff;
    }
    #svg-blur {
      position: absolute;
      width: 0;
      height: 0;
      z-index: -1;
    }
    #block-filtrproektov li,
    .mobile-menu #filtr li {
      margin-right: 35px;
    }
    .text-color-dark nav a:hover svg,
    .text-color-dark #block-filtrproektov a:hover svg,
    .text-color-dark #block-filtrproektov-2 a:hover svg,
    nav a.current svg,
    .text-color-dark #block-filtrproektov a.current svg,
    .text-color-dark #block-filtrproektov-2 a.current svg,
    .mobile-menu #filtr a:hover svg,
    .mobile-menu #filtr a.current svg {
      fill: #cccccc;
    }
    #block-quadrates-main-menu,
    .mobile-menu #main {
      position: absolute;
      right: 0;
      top: 0;
    }
    nav svg,
    #block-filtrproektov svg,
    .mobile-menu #filtr svg {
      width: 24px;
      fill: #bbbbbb;
      -webkit-transition: fill 0.3s ease-in-out;
      -khtml-transition: fill 0.3s ease-in-out;
      -moz-transition: fill 0.3s ease-in-out;
      transition: fill 0.3s ease-in-out;
    }
    nav svg {
      display: none;
    }
    nav div.brief {
      display: inline-block;
      color: #141414;
      position: relative;
    }
    nav div.brief span:first-of-type,
    nav div.brief span:last-of-type {
      color: #2fcaa9;
    }
    nav a:hover svg,
    #block-filtrproektov a:hover svg,
    .mobile-menu #filtr a:hover svg {
      fill: #ffffff;
    }
    #block-quadrates-main-menu a,
    .mobile-menu #main a {
      position: relative;
    }
    #block-quadrates-main-menu div.brief span::before,
    #block-quadrates-main-menu div.brief span::after,
    #block-quadrates-main-menu a span::before,
    #block-quadrates-main-menu a span::after,
    .mobile-menu #main div.brief span::before,
    .mobile-menu #main div.brief span::after,
    .mobile-menu #main a span::before,
    .mobile-menu #main a span::after {
      content: "";
      display: block;
      position: absolute;
      width: 3px;
      height: 3px;
      -webkit-transition: all 0.1s ease-in-out;
      -khtml-transition: all 0.1s ease-in-out;
      -moz-transition: all 0.1s ease-in-out;
      transition: all 0.1s ease-in-out;
    }
    #block-quadrates-main-menu a span::before,
    #block-quadrates-main-menu a span::after,
    .mobile-menu #main a span::before,
    .mobile-menu #main a span::after {
      border-color: #cccccc;
    }
    #block-quadrates-main-menu a:hover span::before,
    #block-quadrates-main-menu a:hover span::after,
    .mobile-menu #main a:hover span::before,
    .mobile-menu #main a:hover span::after {
      border-color: #ffffff;
    }
    .projects,
    #block-views-block-proekty-smotrite-takje {
      display: block;
      letter-spacing: 0px;
      word-spacing: 0px;
      line-height: 0px;
      font-size: 0;
      background-color: #f5f5f5;
      padding: 5px;
    }
    .projects {
      padding: 0 5px 5px;
    }
    p.external,
    .content-container article > div > div p.external {
      display: block;
      text-align: center;
      padding: 20px 0;
      margin: auto;
    }
    a.external {
      font-size: 16px;
      color: #777777;
      font-weight: 300;
      text-align: center;
      margin: 22px auto;
      display: inline;
      line-height: 1.2em;
      -webkit-transition: none;
      -moz-transition: none;
      -ms-transition: none;
      -o-transition: none;
      transition: none;
    }
    .content-container article p.external + p.text,
    .content-container article p.external + p.note {
      padding-top: 0;
    }
    .content-container article p.external ~ p.text:not(:last-of-type),
    .content-container article p.external ~ p.note:not(:last-of-type) {
      padding-bottom: 20px;
    }
    a.external span {
      display: inline-block;
      padding-bottom: 0;
      border-bottom: 1px solid rgba(120, 120, 120, 0.3);
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease;
    }
    a.external svg {
      content: '';
      display: inline-block;
      width: 14px;
      height: 14px;
      margin: -3px 0 0 5px;
      stroke: #777777;
      -webkit-transition: stroke 0.3s ease;
      -khtml-transition: stroke 0.3s ease;
      -moz-transition: stroke 0.3s ease;
      transition: stroke 0.3s ease;
    }
    a.external:hover {
      color: #cccccc;
      stroke: #cccccc;
    }
    a.external:hover span {
      border-bottom-color: rgba(150, 150, 150, 0.3);
    }
    a.external:hover svg {
      stroke: #cccccc;
    }
    #block-views-block-proekty-smotrite-takje {
      overflow: hidden;
    }
    #block-views-block-proekty-smotrite-takje > div > div {
      width: 100%;
    }
    .project {
      display: inline-block;
      position: relative;
      overflow: hidden;
      font-size: medium;
      /*width: 16.6%;*/
      /*padding: 0 0 16.6%;*/
      width: 20%;
      padding: 0 0 20%;
      background-color: transparent;
      line-height: normal;
      text-align: center;
      -webkit-box-sizing: border-box;
      -khtml-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      opacity: 1;
      -webkit-transition: opacity 0.3s ease-in-out, width 0.3s ease-in-out, margin-right 0.3s ease-in-out, transform 0.1s ease-in-out, padding-bottom 0.3s ease-in-out, filter 0.5s linear;
      -khtml-transition: opacity 0.3s ease-in-out, width 0.3s ease-in-out, margin-right 0.3s ease-in-out, transform 0.1s ease-in-out, padding-bottom 0.3s ease-in-out, filter 0.5s linear;
      -moz-transition: opacity 0.3s ease-in-out, width 0.3s ease-in-out, margin-right 0.3s ease-in-out, transform 0.1s ease-in-out, padding-bottom 0.3s ease-in-out, filter 0.5s linear;
      transition: opacity 0.3s ease-in-out, width 0.3s ease-in-out, margin-right 0.3s ease-in-out, transform 0.1s ease-in-out, padding-bottom 0.3s ease-in-out, filter 0.5s linear;
      -webkit-border-radius: 5px;
      -khtml-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      -webkit-transform: scale(0.98);
      -khtml-transform: scale(0.98);
      -moz-transform: scale(0.98);
      transform: scale(0.98);
    }
    .project:active {
      -webkit-transform: translate(0,1px) scale(0.97);
      -khtml-transform: translate(0,1px) scale(0.97);
      -moz-transform: translate(0,1px) scale(0.97);
      transform: translate(0,1px) scale(0.97);
    }
    #block-views-block-proekty-smotrite-takje .tuckedin {
      margin-left: -20%;
      background-color: #f5f5f5;
    }
    #block-views-block-proekty-smotrite-takje .project:nth-of-type(1),
    #block-views-block-proekty-smotrite-takje .project:nth-of-type(2),
    #block-views-block-proekty-smotrite-takje .project:nth-of-type(3),
    #block-views-block-proekty-smotrite-takje .project:nth-of-type(4),
    #block-views-block-proekty-smotrite-takje .project:nth-of-type(5),
    #block-views-block-proekty-smotrite-takje .project:nth-of-type(6),
    #block-views-block-proekty-smotrite-takje .project:nth-of-type(7),
    #block-views-block-proekty-smotrite-takje .project:nth-of-type(8),
    #block-views-block-proekty-smotrite-takje .project:last-of-type {
      display: inline-block;
    }
    .project {
      vertical-align: middle;
    }
    .project * {
      -webkit-box-sizing: border-box;
      -khtml-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }
    .project.extinct {
      opacity: 0.3;
      filter: blur(2px);
      -webkit-filter: blur(2px);
      -moz-filter: blur(2px);
      -o-filter: blur(2px);
      -ms-filter: blur(2px);
      filter: url(#blur);
      filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='2');
    }
    .project.cleanedup {
      opacity: 0;
      margin-right: -20% !important;
      transform: scale(0);
    }
    .project > .description {
      position: absolute;
      padding: 0;
      width: 90%;
      left: 20px;
      bottom: 22px;
      max-width: 80%;
      z-index: 2050;
      text-align: left;
      color: #ffffff;
      -webkit-transition: all 0.3s ease;
      -khtml-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      transition: all 0.3s ease;
    }
    .project > .description.text-color-dark {
      color: #141414;
    }
    .project > .description.text-color-light {
      color: #ffffff;
    }
    .project > .description h3,
    .project > .description .substrate {
      font-size: 14px;
      text-align: left;
      padding: 0;
      line-height: normal;
    }
    .project > .description h3 {
      position: relative;
      z-index: 143;
    }
    .project > .description .substrate {
      font-family: 'Roboto Slab', Serif;
      position: absolute;
      bottom: 0;
      z-index: 142;
    }
    .project > .description span,
    .project > .description .substrate span {
      background-color: transparent;
      padding: 4px 10px 6px;
      line-height: 22px;
      -webkit-box-decoration-break: clone;
      -khtml-box-decoration-break: clone;
      -moz-box-decoration-break: clone;
      box-decoration-break: clone;
      -webkit-border-radius: 2px;
      -khtml-border-radius: 2px;
      -moz-border-radius: 2px;
      border-radius: 2px;
      -webkit-transition: all 0.3s ease;
      -khtml-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      transition: all 0.3s ease;
    }
    .project > .description .substrate span {
      color: transparent;
    }
    .project > .background {
      display: block;
      position: absolute;
      overflow: hidden;
      width: 100%;
      padding-bottom: 100%;
      top: 0;
      left: 0;
      z-index: 2010;
      -webkit-transition: opacity 0.1s ease-in-out, transform 1s ease;
      -khtml-transition: opacity 0.1s ease-in-out, transform 1s ease;
      -moz-transition: opacity 0.1s ease-in-out, transform 1s ease;
      transition: opacity 0.1s ease-in-out, transform 1s ease;
      background-position: center center;
      background-size: cover;
      background-repeat: no-repeat;
    }
    .project > .image {
      display: block;
      position: absolute;
      width: 100%;
      padding-bottom: 100%;
      top: 0;
      left: 0;
      z-index: 2030;
      background-position: center center;
      background-size: cover;
      background-repeat: no-repeat;
      transition: opacity 0.1s ease-in-out, left 1s ease-in-out;
    }
    .project[data-projectname=zpexpress]:hover > .image {
      left: 5%;
    }
    .project video {
      position: absolute;
      top: 0;
      left: 0;
    }
    .project.hidden_foreground .image {
      opacity: 0;
      -webkit-transition: opacity 0.3s ease-in-out;
      -khtml-transition: opacity 0.3s ease-in-out;
      -moz-transition: opacity 0.3s ease-in-out;
      transition: opacity 0.3s ease-in-out;
    }
    .project.hidden_foreground:hover .image {
      opacity: 1;
    }
    .project svg {
      position: absolute;
      -webkit-transition: all 0.3s ease;
      -khtml-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      transition: all 0.3s ease;
      z-index: 2020;
    }
    div.dark,
    p.dark {
      background-color: #000000;
      color: #ffffff;
    }
    div.link-container {
      padding: 2em 0;
      color: #ffffff;
    }
    div.link {
      max-width: 1204px;
      margin: auto;
    }
    div.link a {
      color: #aaaaaa;
      text-decoration: none;
      float: right;
    }
    div.link a:hover {
      color: #ffffff;
      border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    }
    div.link span.title {
      padding: 2em 0;
      max-width: 1280px;
      margin: auto;
    }
    div.address-bar {
      display: block;
      width: 100%;
      max-width: 1230px;
      margin: 0 auto;
      padding: 1% 6%;
      font-size: 14px;
      font-weight: 300;
      text-align: center;
      color: #bbbbbb;
      background-color: #1f1f1f;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px 5px 0 0;
      -webkit-box-sizing: border-box;
      -khtml-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }
    div.address-bar span,
    div.address-bar a {
      display: block;
      height: auto;
      width: 100%;
      background-color: rgba(255, 255, 255, 0.075);
      border-radius: 5px;
      padding: 0.6%;
      font-size: 100%;
    }
    .screenshot-container {
      -webkit-filter: drop-shadow(0 0 30px rgba(0, 0, 0, 0.05));
      -moz-filter: drop-shadow(0 0 30px rgba(0, 0, 0, 0.05));
      -ms-filter: drop-shadow(0 0 30px rgba(0, 0, 0, 0.05));
      -o-filter: drop-shadow(0 0 30px rgba(0, 0, 0, 0.05));
      filter: drop-shadow(0 0 30px rgba(0, 0, 0, 0.05));
    }
    .fragment-top {
      mask-image: url('/themes/custom/quadrates/images/fragment-top.svg');
      -webkit-mask-image: url('/themes/custom/quadrates/images/fragment-top.svg');
      mask-position: top;
      -webkit-mask-position: top;
      mask-repeat: repeat-x;
      -webkit-mask-repeat: repeat-x;
      mask-size: cover;
      -webkit-mask-size: cover;
    }
    .fragment-bottom {
      mask-image: url('/themes/custom/quadrates/images/fragment-bottom.svg');
      -webkit-mask-image: url('/themes/custom/quadrates/images/fragment-bottom.svg');
      mask-position: bottom;
      -webkit-mask-position: bottom;
      mask-repeat: repeat-x;
      -webkit-mask-repeat: repeat-x;
      mask-size: cover;
      -webkit-mask-size: cover;
    }
    .fragment-top.fragment-bottom {
      mask-image: url('/themes/custom/quadrates/images/fragment-top.svg'), url('/themes/custom/quadrates/images/fragment-bottom.svg');
      -webkit-mask-image: url('/themes/custom/quadrates/images/fragment-top.svg'), url('/themes/custom/quadrates/images/fragment-bottom.svg');
      mask-composite: add;
      -webkit-mask-composite: destination-in;
      mask-position: top, bottom;
      -webkit-mask-position: top, bottom;
    }
    #block-nadpisposmotritedrugienashiproekty {
      position: relative;
      margin-top: -120px;
      line-height: 120px;
      font-size: 1em;
      z-index: 230;
    }
    #block-nadpisposmotritedrugienashiproekty .basic-block {
      height: 100px;
      line-height: 100px;
    }
    #block-nadpisposmotritedrugienashiproekty p {
      line-height: 100px;
      margin: 0;
      text-align: center;
    }
    .content-container #block-nadpisposmotritedrugienashiproekty p {
      color: #aaaaaa;
    }
    .content-container.text-color-dark #block-nadpisposmotritedrugienashiproekty p {
      color: #222222;
    }
    #block-nadpisposmotritedrugienashiproekty .controls {
      position: absolute;
      right: 20px;
      margin-top: -100px;
      display: block;
      z-index: 250;
    }
    #block-nadpisposmotritedrugienashiproekty .controls a {
      display: inline-block;
      color: #aaaaaa;
      text-decoration: none;
      font-size: 1.5em;
    }
    .text-color-dark #block-nadpisposmotritedrugienashiproekty .controls a {
      color: #444444;
    }
    #block-nadpisposmotritedrugienashiproekty .controls a svg {
      fill: #aaaaaa;
      stroke: #aaaaaa;
      width: 12px;
    }
    #block-nadpisposmotritedrugienashiproekty .controls a svg polyline {
      stroke: #aaaaaa;
    }
    #block-nadpisposmotritedrugienashiproekty .controls a:hover {
      color: #ffffff;
    }
    #block-nadpisposmotritedrugienashiproekty .controls a:hover svg {
      fill: #ffffff;
      stroke: #ffffff;
    }
    #block-nadpisposmotritedrugienashiproekty .controls a:hover svg polyline {
      stroke: #ffffff;
    }
    .text-color-dark #block-nadpisposmotritedrugienashiproekty .controls a svg {
      fill: #444444;
      stroke: #444444;
    }
    .text-color-dark #block-nadpisposmotritedrugienashiproekty .controls a:hover {
      color: #000000;
    }
    .text-color-dark #block-nadpisposmotritedrugienashiproekty .controls a:hover svg {
      fill: #000000;
      stroke: #000000;
    }
    .text-color-dark #block-nadpisposmotritedrugienashiproekty .controls a svg polyline {
      stroke: #000000;
    }
    .text-color-dark #block-nadpisposmotritedrugienashiproekty .controls a:hover svg polyline {
      stroke: #444444;
    }
    #block-nadpisposmotritedrugienashiproekty .controls a svg:first-of-type {
      margin-left: 0.65em;
    }
    #block-nadpisposmotritedrugienashiproekty .controls a,
    #block-nadpisposmotritedrugienashiproekty .controls a svg {
      -webkit-transition: all 0.3s ease;
      -khtml-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      transition: all 0.3s ease;
    }
    #block-zapolnitebrifnizhnyayaknopka {
      position: relative;
      text-align: center;
    }
    .mobile-menu #main div.brief,
    .mobile-menu #main ul li:last-of-type a,
    #block-zapolnitebrifnizhnyayaknopka .tobrief {
      display: inline-block;
      text-decoration: none;
      padding: 25px 60px;
      border: 1px solid #2fcaa9;
      -webkit-border-radius: 5px;
      -khtml-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      -webkit-transition: all 0.3s ease-out;
      -khtml-transition: all 0.3s ease-out;
      -moz-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out;
    }
    .text-color-light #block-zapolnitebrifnizhnyayaknopka .tobrief {
      display: inline-block;
    }
    .mobile-menu #main a.brief:hover,
    .text-color-light .mobile-menu #main a.brief:hover,
    .text-color-dark .mobile-menu #main a.brief:hover {
      color: #2fcaa9;
    }
    .mobile-menu #main a.brief:active,
    .text-color-light .mobile-menu #main a.brief:active,
    .text-color-dark .mobile-menu #main a.brief:active {
      -webkit-transform: translate(0, 2px);
      -moz-transform: translate(0, 2px);
      -ms-transform: translate(0, 2px);
      -o-transform: translate(0, 2px);
      transform: translate(0, 2px);
    }
    .mobile-menu #main div.brief {
      border-color: #cccccc;
      color: #cccccc;
    }
    #block-zapolnitebrifnizhnyayaknopka .or {
      margin: 20px auto ;
      line-height: 2em;
    }
    #block-zapolnitebrifnizhnyayaknopka .mailto {
      text-decoration: none;
    }
    .text-color-light #block-zapolnitebrifnizhnyayaknopka .mailto {
      border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    }
    .text-color-dark #block-zapolnitebrifnizhnyayaknopka .mailto {
      border-bottom: 1px solid rgba(20, 20, 20, 0.3);
    }
    #block-zapolnitebrifnizhnyayaknopka .mailto:hover {
      color: #d33322;
    }
    footer canvas.logo {
      display: block;
      margin: auto;
      width: 100%;
      height: 100%;
    }
    a.logo-link {
      display: block;
      padding: 9px;
      width: 63px;
      height: 63px;
      border-radius: 3px;
      margin: 40px auto 20px;
    }
    .other-projects {
      display: block;
      text-align: center;
      max-width: 1230px;
      margin: 60px auto 0;
      font-family: 'Roboto Slab', Serif;
    }
    .other-projects > a span {
      border-bottom-width: 1px;
      border-bottom-style: solid;
    }
    .other-projects > * {
      display: inline-block;
      border-bottom-color: rgba(0, 0, 0, 0.3);
      font-weight: 300;
    }
    .other-projects > *:not(:last-child):after {
      content: '/';
      display: inline-block;
      margin: auto 16px;
    }
    .other-projects > *:not(:last-child):after,
    .other-projects > div {
      color: #cccccc;
    }
    .content-container article .other-projects + h1 {
      margin-top: 20px;
    }
    .content-container article {
      font-weight: 100;
    }
    .content-container article h1 + p.text,
    .content-container article h1 + p.note {
      padding-top: 30px;
    }
    .content-container article p.text,
    .content-container article p.note {
      font-size: 1em;
      font-weight: 300;
      line-height: 2em;
      margin: 0 auto;
      padding: 10px 10px 10px;
      max-width: 750px;
      -webkit-box-sizing: border-box;
      -khtml-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }
    .content-container article div.transparent p.text,
    .content-container article div.dark p.text,
    .content-container article div.light p.text,
    .content-container article div.transparent p.note,
    .content-container article div.dark p.note,
    .content-container article div.light p.note {
      padding-left: 0;
      padding-right: 0;
    }
    .content-container article h2 ~ p.text,
    .content-container article h2 ~ p.note {
      padding-top: 30px;
    }
    .content-container article .note a {
      color: inherit;
      border-bottom: 1px solid rgba(20, 20, 20, 0.2);
    }
    .content-container article .note a:hover {
      color: #141414;
      border-bottom: 1px solid rgba(20, 20, 20, 0.5);
    }
    .content-container article div p.text:last-of-type {
      margin-bottom: 90px;
    }
    .content-container article .note {
      padding: 0;
      margin-bottom: 2em;
    }
    .content-container article video {
      display: block;
      margin: auto;
      width: 100%;
      max-width: 1230px;
    }
    .content-container.text-color-dark article .note {
      color: #141414;
    }
    .content-container article > div > div {
      position: relative;
      overflow: hidden;
    }
    .content-container article > div > div > * {
      display: block;
      width: 100%;
      -webkit-box-sizing: border-box;
      -khtml-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }
    .content-container article > div > div p {
      margin: 0 auto 1em;
      max-width: 1600px;
      line-height: 1.5em;
    }
    .content-container article > div div.light {
      background-color: #ffffff;
      color: #000000;
    }
    .content-container article > div div.dark {
      background-color: #000000;
      color: #ffffff;
    }
    .content-container article > div div.transparent,
    .content-container article > div div.light,
    .content-container article > div div.dark {
      padding-top: 150px;
      padding-bottom: 150px;
      -webkit-box-sizing: content-box;
      -khtml-box-sizing: content-box;
      -moz-box-sizing: content-box;
      box-sizing: content-box;
    }
    .content-container article > div div.transparent.no-padding-top,
    .content-container article > div div.light.no-padding-top,
    .content-container article > div div.dark.no-padding-top {
      padding-top: 0;
    }
    .content-container article > div div.transparent.no-padding-bottom,
    .content-container article > div div.light.no-padding-bottom,
    .content-container article > div div.dark.no-padding-bottom {
      padding-bottom: 0;
    }
    .content-container article img {
      display: block;
      margin: auto;
      max-width: 1230px;
      width: 100%;
      border-radius: 5px;
    }
    .content-container article .top-bg img {
      border-radius: 0;
    }
    .content-container article .address-bar ~ img {
      border-radius: 0 0 5px 5px;
    }
    .content-container article img.wide {
      max-width: 100%;
    }
    .content-container article > div div.link-container {
      margin-top: 5em;
      padding: 0;
    }
    .fade-in-up,
    .fade-in-right,
    .fade-in-down,
    .fade-in-left {
      -webkit-transition: all 1s ease-out;
      -khtml-transition: all 1s ease-out;
      -moz-transition: all 1s ease-out;
      transition: all 1s ease-out;
    }
    .fade-in-up.invisible,
    .fade-in-right.invisible,
    .fade-in-down.invisible,
    .fade-in-left.invisible {
      opacity: 0;
      -webkit-transition: none;
      -khtml-transition: none;
      -moz-transition: none;
      transition: none;
    }
    .fade-in-up.invisible {
      -webkit-transform: translateY(7%);
      -khtml-transform: translateY(7%);
      -moz-transform: translateY(7%);
      transform: translateY(7%);
    }
    .fade-in-right.invisible {
      -webkit-transform: translateX(7%);
      -khtml-transform: translateX(7%);
      -moz-transform: translateX(7%);
      transform: translateX(7%);
    }
    .fade-in-down.invisible {
      -webkit-transform: translateY(-7%);
      -khtml-transform: translateY(-7%);
      -moz-transform: translateY(-7%);
      transform: translateY(-7%);
    }
    .fade-in-left.invisible {
      -webkit-transform: translateX(-7%);
      -khtml-transform: translateX(-7%);
      -moz-transform: translateX(-7%);
      transform: translateX(-7%);
    }
    #webform_submission_brif_add_form-ajax {
      display: block;
      background-color: #f5f5f5;
      padding: 30px 26px;
      max-width: 1006px;
      margin: auto auto 30px;
      -webkit-box-sizing: border-box;
      -khtml-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }
    #webform_submission_brif_add_form-ajax div {
      font-family: Roboto, Sans-Serif;
    }
    #webform_submission_brif_add_form-ajax a {
      color: #141414;
      border-bottom: 1px solid #2fcaa9;
      padding-bottom: 4px;
      -webkit-transition: color 0.3s ease-in-out;
      -khtml-transition: color 0.3s ease-in-out;
      -moz-transition: color 0.3s ease-in-out;
      transition: color 0.3s ease-in-out;
    }
    #webform_submission_brif_add_form-ajax a:hover {
      color: #2fcaa9;
    }
    #webform_submission_brif_add_form-ajax label {
      display: block;
      font-size: 28px;
      font-family: 'Roboto Slab', Serif;
    }
    #webform_submission_brif_add_form-ajax label[for=edit-fayly-proekta-upload] {
      display: none;
    }
    .form-managed-file {
      margin: 65px 0 35px;
    }
    .ajax-progress.ajax-progress-throbber {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 232px;
      height: 52px;
      padding: 0;
    }
    .ajax-progress-throbber .throbber {
      display: block;
      width: 100%;
      left: 0;
      top: 0;
      padding: 0;
      height: 52px;
      background: linear-gradient(270deg, #3ae4b9, #18bb92, #11e2d2);
      background-size: 600% 600%;
      -webkit-animation: LoadingGradient 3s ease infinite;
      -moz-animation: LoadingGradient 3s ease infinite;
      -o-animation: LoadingGradient 3s ease infinite;
      animation: LoadingGradient 3s ease infinite;
      opacity: 0.7;
    }
    @-webkit-keyframes LoadingGradient {
      0% {
        background-position: 0% 50%;
      }
      50% {
        background-position: 100% 50%;
      }
      100% {
        background-position: 0% 50%;
      }
    }
    @-moz-keyframes LoadingGradient {
      0% {
        background-position: 0% 50%;
      }
      50% {
        background-position: 100% 50%;
      }
      100% {
        background-position: 0% 50%;
      }
    }
    @-o-keyframes LoadingGradient {
      0% {
        background-position: 0% 50%;
      }
      50% {
        background-position: 100% 50%;
      }
      100% {
        background-position: 0% 50%;
      }
    }
    @keyframes LoadingGradient {
      0% {
        background-position: 0% 50%;
      }
      50% {
        background-position: 100% 50%;
      }
      100% {
        background-position: 0% 50%;
      }
    }
    button:active,
    a.button:active,
    .mobile-menu a:active,
    label.button:active,
    .ui-button:active,
    .tobrief:active {
      -webkit-transform: translate(0, 1px);
      -khtml-transform: translate(0, 1px);
      -moz-transform: translate(0, 1px);
      transform: translate(0, 1px);
      outline: none;
    }
    .js-webform-webform-buttons {
      word-spacing: 8px;
      line-height: 112px;
    }
    #edit-kontaktnye-dannye .form-item.js-form-type-textfield,
    #edit-kontaktnye-dannye .form-item.js-form-type-tel,
    #edit-kontaktnye-dannye .form-item.js-form-type-email,
    .js-form-type-textarea {
      margin-bottom: 40px;
    }
    .js-form-type-textfield label,
    .js-form-type-tel label,
    .js-form-type-email label,
    .js-form-type-textarea label {
      display: inline;
      position: absolute;
      padding-top: 6px;
      color: #aaaaaa;
      cursor: text;
      -webkit-transition: all 0.3s ease;
      -khtml-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      transition: all 0.3s ease;
    }
    .js-form-type-textfield.attention label,
    .js-form-type-tel.attention label,
    .js-form-type-email.attention label,
    .js-form-type-textarea.attention label {
      color: #d33322;
    }
    #webform_submission_brif_add_form-ajax .js-form-type-textfield label.lifted,
    #webform_submission_brif_add_form-ajax .js-form-type-tel label.lifted,
    #webform_submission_brif_add_form-ajax .js-form-type-email label.lifted,
    #webform_submission_brif_add_form-ajax .js-form-type-textarea label.lifted {
      cursor: default;
      margin: -28px 0;
      font-size: 14px;
    }
    #webform_submission_brif_add_form-ajax label.button,
    #webform_submission_brif_add_form-ajax input.button:not(.js-hide),
    #webform_submission_brif_add_form-ajax label.ui-button,
    #webform-submit-copy {
      display: inline-block;
      background-color: #e6e6e6;
      padding: 14px 26px;
      border: none;
      margin-bottom: 0;
      font-family: Roboto, Sans-Serif;
      font-size: 16px;
      color: #141414;
      font-weight: 300;
      border-radius: 2px;
      word-spacing: normal;
      line-height: normal;
      -webkit-transition: background-color 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease, color 0.3s ease;
      -khtml-transition: background-color 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease, color 0.3s ease;
      -moz-transition: background-color 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease, color 0.3s ease;
      transition: background-color 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease, color 0.3s ease;
      -webkit-appearance: none;
      -khtml-appearance: none;
      -moz-appearance: none;
      appearance: none;
      cursor: pointer;
      text-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3);
    }
    #webform-submit-copy {
      margin-bottom: 28px;
    }
    #webform_submission_brif_add_form-ajax label.button,
    #webform_submission_brif_add_form-ajax label.ui-button {
      background-color: transparent;
      border: 1px solid rgba(170, 170, 170, 0.4);
      color: #aaaaaa;
    }
    #webform_submission_brif_add_form-ajax input.button:not(.js-hide),
    #webform-submit-copy {
      background-color: #2fcaa9;
      color: #ffffff;
      padding: 25px 60px;
    }
    #webform_submission_brif_add_form-ajax label.ui-button:focus,
    #webform_submission_brif_add_form-ajax input:focus ~ label.ui-button,
    #webform-submit-copy:focus {
      box-shadow: 0 0 2px #44ddbb;
      color: #44ddbb;
    }
    #webform_submission_brif_add_form-ajax input.button:not(.js-hide):hover,
    #webform-submit-copy:hover {
      background-color: #44ddbb;
      color: #ffffff;
    }
    #webform_submission_brif_add_form-ajax label.button:hover,
    #webform_submission_brif_add_form-ajax label.ui-button:hover {
      border-color: #44ddbb;
      color: #44ddbb;
    }
    #webform_submission_brif_add_form-ajax label.ui-button.ui-checkboxradio-checked {
      border-color: #2fcaa9;
      outline: none;
      color: #2fcaa9;
      cursor: default;
    }
    #webform_submission_brif_add_form-ajax label.ui-button:not(.ui-checkboxradio-checked):hover {
      border-color: #2fcaa9;
    }
    #webform_submission_brif_add_form-ajax label.button.webform-file-button {
      background-color: transparent;
      border: 1px solid rgba(170, 170, 170, 0.4);
      padding: 10px 26px;
      width: 232px;
      float: left;
      line-height: 30px;
      margin-top: auto;
      vertical-align: middle;
      color: #272727;
      -webkit-transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
      -khtml-transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
      -moz-transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
      transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
      text-align: center;
      box-sizing: border-box;
    }
    #webform_submission_brif_add_form-ajax label.button.webform-file-button.focused,
    #webform_submission_brif_add_form-ajax label.button.webform-file-button:hover {
      color: #141414;
      border-color: #2fcaa9;
    }
    #webform_submission_brif_add_form-ajax label.button.webform-file-button:active {
      color: #ffffff;
      background-color: #2fcaa9;
    }
    #webform_submission_brif_add_form-ajax label.button.webform-file-button::before {
      content: '';
      display: inline-block;
      vertical-align: middle;
      width: 26px;
      height: 26px;
      margin-top: -5px;
      margin-right: 8px;
      background: url('../2018-10/icon_upload_file_0.png');
      background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='upload-icon' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 1000 1000' enable-background='new 0 0 1000 1000' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%23cccccc' d='M202.6,938.8c-16.5,0-33.1-2.2-49.4-6.5c-33.5-8.9-64.3-26.8-89.2-51.7c-25.1-24.9-43.1-55.8-52-89 C-6.9,721.8,15.8,648.4,74,590.4l419.7-419.9c69.1-69,148.3-106.9,229.2-109.3C796.7,59,865.8,86.3,917.5,138s79,120.8,76.8,194.6 c-2.4,80.9-40.1,160-109.3,229.2L548.3,898.2c-15.8,15.8-41.6,17.1-58.2,1.7c-17.3-16-17.7-42.9-1.1-59.5l337.2-337.2 c53.9-53.9,83.3-113.8,85.1-173c1.5-50.7-17.1-98.1-52.6-133.6s-82.9-54.1-133.6-52.6c-59.5,1.9-119.3,31.2-173,85.1L132.5,648.8 C95.4,686,81,729.1,92,770c10.6,39.4,42.9,71.6,82.7,82.3c41.6,11.2,84.8-3,121.6-39.8l436.2-436.2c13.9-13.9,21.7-28.6,22.3-42.2 c0.4-9.5-2.8-18.2-9.1-24.5c-13.2-13.2-39-14.3-66.5,13.4L325.3,676.9c-16.2,16.2-42.4,16.2-58.6,0l0,0 c-16.2-16.2-16.2-42.4,0-58.6l354.1-353.9c64.7-64.7,141.3-55.6,183.6-13.4c42.4,42.4,51.3,119-13.4,183.6L354.6,871.1 C310.4,915.3,256.9,938.8,202.6,938.8z'/%3E%3C/g%3E%3C/svg%3E");
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 26px;
      -webkit-transition: all 0.3s ease;
      -khtml-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      transition: all 0.3s ease;
    }
    #webform_submission_brif_add_form-ajax label.button.webform-file-button:hover::before {
      background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='upload-icon' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 1000 1000' enable-background='new 0 0 1000 1000' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%232fcaa9' d='M202.6,938.8c-16.5,0-33.1-2.2-49.4-6.5c-33.5-8.9-64.3-26.8-89.2-51.7c-25.1-24.9-43.1-55.8-52-89 C-6.9,721.8,15.8,648.4,74,590.4l419.7-419.9c69.1-69,148.3-106.9,229.2-109.3C796.7,59,865.8,86.3,917.5,138s79,120.8,76.8,194.6 c-2.4,80.9-40.1,160-109.3,229.2L548.3,898.2c-15.8,15.8-41.6,17.1-58.2,1.7c-17.3-16-17.7-42.9-1.1-59.5l337.2-337.2 c53.9-53.9,83.3-113.8,85.1-173c1.5-50.7-17.1-98.1-52.6-133.6s-82.9-54.1-133.6-52.6c-59.5,1.9-119.3,31.2-173,85.1L132.5,648.8 C95.4,686,81,729.1,92,770c10.6,39.4,42.9,71.6,82.7,82.3c41.6,11.2,84.8-3,121.6-39.8l436.2-436.2c13.9-13.9,21.7-28.6,22.3-42.2 c0.4-9.5-2.8-18.2-9.1-24.5c-13.2-13.2-39-14.3-66.5,13.4L325.3,676.9c-16.2,16.2-42.4,16.2-58.6,0l0,0 c-16.2-16.2-16.2-42.4,0-58.6l354.1-353.9c64.7-64.7,141.3-55.6,183.6-13.4c42.4,42.4,51.3,119-13.4,183.6L354.6,871.1 C310.4,915.3,256.9,938.8,202.6,938.8z'/%3E%3C/g%3E%3C/svg%3E");
    }
    #webform_submission_brif_add_form-ajax label.button.webform-file-button ~ .description {
      display: none;
    }
    #edit-introduction {
      color: #141414;
      margin-bottom: 30px;
    }
    #edit-kontaktnye-dannye label {
      display: none;
    }
    #edit-kontaktnye-dannye > .legend {
      margin-bottom: 50px;
      display: block;
    }
    #webform_submission_brif_add_form-ajax .form-text,
    #webform_submission_brif_add_form-ajax .form-tel,
    #webform_submission_brif_add_form-ajax .form-email,
    #webform_submission_brif_add_form-ajax textarea {
      -webkit-apearance: none;
      -khtml-apearance: none;
      -moz-apearance: none;
      apearance: none;
      background-color: transparent;
      color: #272727;
      border: none;
      padding: 0 26px 6px 0;
      font-size: 18px;
      font-style: italic;
      line-height: 32px;
      outline: none;
      border-bottom: 1px solid rgba(170, 170, 170, 0.4);
      -webkit-box-sizing: border-box;
      -khtml-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      resize: none;
      overflow: hidden;
      min-height: 38px;
      max-height: 1500px;
      max-width: 880px;
      width: 100%;
      -webkit-transition: border 0.3s ease-in-out, background 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
      -khtml-transition: border 0.3s ease-in-out, background 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
      -moz-transition: border 0.3s ease-in-out, background 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
      transition: border 0.3s ease-in-out, background 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
      background-position: right bottom -20px;
      background-repeat: no-repeat;
      background-size: 22px;
    }
    #webform_submission_brif_add_form-ajax input[type=file] {
      display: none;
    }
    .intl-tel-input {
      width: 100%;
    }
    #webform_submission_brif_add_form-ajax .form-text.ok:not(.error),
    #webform_submission_brif_add_form-ajax .form-tel.ok:not(.error),
    #webform_submission_brif_add_form-ajax .form-email.ok:not(.error),
    #webform_submission_brif_add_form-ajax textarea.ok:not(.error) {
      background: url('../2018-10/text-input-ok.png');
      background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='done-icon' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 301.2 246.7' enable-background='new 0 0 301.2 246.7' xml:space='preserve'%3E%3Cg%3E%3Cpolygon fill='%232FCAA9' points='105.9,246.7 0,146.6 34.4,110.3 103.3,175.5 264.4,0 301.2,33.8 '/%3E%3C/g%3E%3C/svg%3E%0A");
      background-position: right bottom 10px;
      background-repeat: no-repeat;
      background-size: 14px;
    }
    #webform_submission_brif_add_form-ajax .form-text:focus,
    #webform_submission_brif_add_form-ajax .form-tel:focus,
    #webform_submission_brif_add_form-ajax .form-email:focus,
    #webform_submission_brif_add_form-ajax textarea:focus {
      border-bottom-color: #2fcaa9;
    }
    .flag-container {
      display: none;
    }
    #webform_submission_brif_add_form-ajax .description {
      color: #555555;
    }
    #webform_submission_brif_add_form-ajax input.webform-button--submit,
    #webform-submit-copy {
      display: inline-block;
      float: left;
      margin-right: 28px;
    }
    #edit-notification {
      display: inline;
      color: #555555;
    }
    #edit-kontaktnye-dannye .form-item {
      margin-bottom: 28px;
    }
    #webform_submission_brif_add_form-ajax.sended {
      -webkit-animation: send-brief  2s 1 ease-in-out forwards;
      -khtml-animation: send-brief  2s 1 ease-in-out forwards;
      -moz-animation: send-brief  2s 1 ease-in-out forwards;
      animation: send-brief  2s 1 ease-in-out forwards;
    }
    @keyframes send-brief {
      from {
        -webkit-transform: translate(0, 0) scale(1);
        -khtml-transform: translate(0, 0) scale(1);
        -moz-transform: translate(0, 0) scale(1);
        transform: translate(0, 0) scale(1);
        background-color: transparent;
      }
      10% {
        -webkit-transform: translate(0, 0) scale(1);
        -khtml-transform: translate(0, 0) scale(1);
        -moz-transform: translate(0, 0) scale(1);
        transform: translate(0, 0) scale(1);
        background-color: #ffffff;
      }
      50% {
        -webkit-transform: translate(0, -34%) scale(0.25);
        -khtml-transform: translate(0, -34%) scale(0.25);
        -moz-transform: translate(0, -34%) scale(0.25);
        transform: translate(0, -34%) scale(0.25);
        background-color: #ffffff;
      }
      to {
        -webkit-transform: translate(300%, -34%) scale(0.25);
        -khtml-transform: translate(300%, -34%) scale(0.25);
        -moz-transform: translate(300%, -34%) scale(0.25);
        transform: translate(300%, -34%) scale(0.25);
        background-color: #ffffff;
      }
    }
    .webform-confirmation__message {
      background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='done-icon' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 301.2 246.7' enable-background='new 0 0 301.2 246.7' xml:space='preserve'%3E%3Cg%3E%3Cpolygon fill='%232FCAA9' points='105.9,246.7 0,146.6 34.4,110.3 103.3,175.5 264.4,0 301.2,33.8 '/%3E%3C/g%3E%3C/svg%3E%0A");
      display: block;
      position: absolute;
      width: 100%;
      max-width: 235px;
      height: 300px;
      background-repeat: no-repeat;
      margin: 100px auto;
      color: #2fcaa9;
      -webkit-animation: brief-sended  0.7s 1 linear forwards;
      -khtml-animation: brief-sended  0.7s 1 linear forwards;
      -moz-animation: brief-sended  0.7s 1 linear forwards;
      animation: brief-sended  0.7s 1 linear forwards;
      left: 50%;
      top: 100px;
    }
    @keyframes brief-sended {
      0% {
        transform: translateX(700%);
      }
      16% {
        transform: translateX(705%);
      }
      28% {
        transform: translateX(300%);
      }
      59% {
        transform: translateX(-55%);
      }
      73% {
        transform: translateX(-50%);
      }
      88% {
        transform: translateX(-47%);
      }
      100% {
        transform: translateX(-50%);
      }
    }
    #webform_submission_brif_add_form-ajax #edit-kontaktnye-dannye .fieldset-legend {
      font-size: 26px;
      font-family: 'Roboto Slab', Serif;
      font-weight: 300;
    }
    #edit-otpravka {
      margin: 56px auto 0;
      -webkit-box-sizing: border-box;
      -khtml-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      height: 77px;
    }
    #webform_submission_brif_add_form-ajax .js-form-managed-file .js-form-type-checkbox label {
      padding: 0;
      display: inline;
      font-size: 1em;
    }
    #webform_submission_brif_add_form-ajax .js-form-managed-file .form-item.js-form-type-checkbox:first-of-type {
      margin-top: 14px;
    }
    #webform_submission_brif_add_form-ajax .js-form-managed-file .form-item.js-form-type-checkbox:last-of-type {
      margin-bottom: 14px;
    }
    .form-item-fayly-proekta .form-managed-file {
      position: relative;
      min-height: 110px;
      margin-top: 28px;
    }
    .form-item-fayly-proekta .form-managed-file .js-form-type-checkbox {
      padding-left: 295px;
    }
    #webform_submission_brif_add_form-ajax .form-item-fayly-proekta .form-managed-file input.button.form-submit {
      margin-left: 350px;
      padding: 12px 18px;
      font-size: small;
    }
    #webform_submission_brif_add_form-ajax .quick-delete .form-item-fayly-proekta .form-managed-file input.button.form-submit,
    #webform_submission_brif_add_form-ajax .quick-delete .form-item-fayly-proekta .form-managed-file input.form-checkbox {
      display: none;
    }
    #webform_submission_brif_add_form-ajax .quick-delete .form-item-fayly-proekta .form-managed-file .form-item {
      margin-bottom: 12px;
    }
    #webform_submission_brif_add_form-ajax .quick-delete .form-item-fayly-proekta .form-managed-file .extra {
      display: inline-block;
      color: #555555;
      border-bottom: none;
      margin-left: 12px;
      cursor: pointer;
      -webkit-transition: background-color 0.3s ease-in-out;
      -khtml-transition: background-color 0.3s ease-in-out;
      -moz-transition: background-color 0.3s ease-in-out;
      transition: background-color 0.3s ease-in-out;
    }
    #webform_submission_brif_add_form-ajax .quick-delete .form-item-fayly-proekta .form-managed-file .extra:hover {
      color: #d33322;
    }
    #webform_submission_brif_add_form-ajax .quick-delete .form-item-fayly-proekta .form-managed-file .extra::before {
      content: "Удалить";
    }
    .legend {
      display: inline;
      font-size: 16px;
    }
    #webform_submission_brif_add_form-ajax .fieldset-legend,
    #webform_submission_brif_add_form-ajax label {
      display: inline;
      font-size: 16px;
      font-family: Roboto, Sans-Serif;
    }
    #webform_submission_brif_add_form-ajax .js-form-item-fayly-proekta > label {
      display: none;
    }
    #edit-vyberite-tip-proekta {
      min-width: none;
      margin-bottom: 20px;
    }
    #edit-vyberite-tip-proekta--wrapper .fieldset-wrapper {
      display: inline-block;
    }
    #edit-vyberite-tip-proekta--wrapper .legend {
      margin-right: 16px;
    }
    #edit-vyberite-tip-proekta--wrapper.attention .legend span {
      color: #d33322;
    }
    .form-item-vyberite-tip-proekta {
      display: inline-block;
    }
    .form-item-vyberite-tip-proekta input {
      display: none;
    }
    .webform-submission-form {
      margin-top: 50px;
    }
    @media only screen and (max-width: 2108px) {
      .project {
        width: 20%;
        padding-bottom: 20%;
      }
    }
    @media only screen and (max-width: 1750px) {
      .project.cleanedup {
        margin-right: -25% !important;
      }
      .project {
        width: 25%;
        padding-bottom: 25%;
      }
    }
    @media only screen and (max-width: 1400px) {
      .project.cleanedup {
        margin-right: -33.3% !important;
      }
      .project {
        width: 33.3%;
        padding-bottom: 33.3%;
      }
    }
    @media only screen and (max-width: 1310px) {
      .content-container article > div div.transparent,
      .content-container article > div div.light,
      .content-container article > div div.dark {
        padding-left: 40px;
        padding-right: 40px;
        -webkit-box-sizing: border-box;
        -khtml-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
      }
    }
    @media only screen and (max-width: 1280px) {
      #block-quadrates-content .content-container article h1 {
        padding-left: 0;
      }
      .content-container article img {
        max-width: 100%;
      }
      .link-container .link {
        padding-left: 1em;
        padding-right: 1em;
      }
      .content-container article > div > div img.tablet {
        -webkit-border-radius: 4.5vw;
        -moz-border-radius: 4.5vw;
        border-radius: 4.5vw;
      }
      .content-container article h1 ~ p.text,
      .content-container article h1 ~ p.note,
      .content-container article h2 ~ p.text,
      .content-container article h2 ~ p.note,
      .content-container article h3 ~ p.text,
      .content-container article h3 ~ p.note,
      .content-container article h4 ~ p.text,
      .content-container article h4 ~ p.note,
      .content-container article h5 ~ p.text,
      .content-container article h5 ~ p.note,
      .content-container article h6 ~ p.text,
      .content-container article h6 ~ p.note {
        padding-top: 20px;
      }
    }
    @media only screen and (max-width: 1024px) {
      .content-container article > div div.transparent,
      .content-container article > div div.light,
      .content-container article > div div.dark {
        padding-top: 100px;
        padding-bottom: 100px;
      }
      .content-container article p.text,
      .content-container article p.note {
        padding: 0 40px;
      }
      .project.cleanedup {
        margin-right: -50% !important;
      }
      .project {
        width: 50%;
        padding-bottom: 50%;
      }
      body.toolbar-tray-open.toolbar-vertical.toolbar-fixed {
        margin-left: auto;
      }
      #toolbar-administration {
        display: none;
      }
    }
    @media only screen and (max-width: 900px) {
      .header-container ~ .mobile-menu {
        display: block;
      }
      .header-container.open-burger ~ .mobile-menu {
        left: 0;
        display: flex;
        flex-direction: column-reverse;
      }
      nav {
        width: 100%;
      }
      body.open-burger .main-container {
        opacity: 0;
        -webkit-transition: opacity 0.1s ease;
        -khtml-transition: opacity 0.1s ease;
        -moz-transition: opacity 0.1s ease;
        transition: opacity 0.1s ease;
      }
      #block-filtrproektov {
        display: none;
      }
      #block-filtrproektov,
      .mobile-menu #filtr {
        position: relative;
        z-index: 8100;
      }
      nav ul,
      #block-filtrproektov ul,
      #block-filtrproektov-2 ul,
      .mobile-menu #filtr ul {
        padding: 0;
      }
      .mobile-menu #main a {
        margin: 0;
      }
      .header-container {
        margin: 0;
      }
      .header-container .clearfix::before {
        display: none;
      }
      header {
        position: absolute;
        z-index: 8000;
        -webkit-transition: left 0.3s ease-out;
        -khtml-transition: left 0.3s ease-out;
        -moz-transition: left 0.3s ease-out;
        transition: left 0.3s ease-out;
      }
      .header-container:before {
        content: '';
        z-index: 8010;
        top: 0;
        left: 0;
        width: 100%;
        height: 80px;
        -webkit-box-shadow: 0 0 5px #141414;
        -khtml-box-shadow: 0 0 5px #141414;
        -moz-box-shadow: 0 0 5px #141414;
        box-shadow: 0 0 5px #141414;
        -webkit-transition: top 0.3s ease;
        -khtml-transition: top 0.3s ease;
        -moz-transition: top 0.3s ease;
        transition: top 0.3s ease;
      }
      header .bg {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 110px;
        background-color: #f5f5f5;
        -webkit-transition: all 0.3s;
        -khtml-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
      }
      header.open-burger {
        background-color: #f5f5f5;
      }
      header.overpage .bg {
        top: -110px;
        background-color: transparent;
      }
      .header-container.fixed::before {
        position: fixed;
        display: block;
        background-color: #141414;
      }
      .header-container.overpage::before {
        top: -80px;
      }
      header.fixed.overpage .title {
        top: -80px;
      }
      header.fixed.overpage .burger {
        top: -80px;
      }
      .region-header {
        display: none;
      }
      .burger,
      .close-burger {
        display: block;
        width: 30px;
      }
      .burger {
        left: 7px;
        top: 40px;
        padding: 10px 4px;
      }
      .close-burger {
        top: 48px;
        left: 12px;
      }
      header.open-burger {
        left: 0;
        position: fixed;
      }
      header.open-burger .title,
      div.content-container.front-page .title:not(.beautiful) {
        background-color: #2fcaa9 !important;
        background-image: none;
      }
      header.open-burger .close-burger {
        position: absolute;
      }
      header > div:not(.title, .bg) {
        position: relative;
        min-height: 100vh;
        top: 0;
        width: 100%;
        padding-top: 125px;
        box-sizing: border-box;
      }
      header nav ul li a {
        margin: auto;
      }
      body:not(.open-burger) #block-filtrproektov ul {
        margin: 110px auto auto;
      }
      #block-filtrproektov ul li,
      .mobile-menu #filtr ul li {
        text-align: left;
        overflow: hidden;
      }
      #block-filtrproektov a,
      .mobile-menu #filtr a {
        display: block;
        color: #272727;
        font-size: 18px;
        text-align: left;
        width: 100%;
        padding: 3vh 40px;
        margin: -100% 0 0 0;
        -webkit-transition: margin 0.1s ease-out;
        -khtml-transition: margin 0.1s ease-out;
        -moz-transition: margin 0.1s ease-out;
        transition: margin 0.1s ease-out;
      }
      header.open-burger #block-filtrproektov a,
      header.open-burger .mobile-menu #filtr a {
        margin-left: 0;
      }
      header.open-burger #block-filtrproektov li:nth-of-type(1) a,
      header.open-burger .mobile-menu #filtr li:nth-of-type(1) a {
        -webkit-transition-delay: 0.3s;
        -khtml-transition-delay: 0.3s;
        -moz-transition-delay: 0.3s;
        transition-delay: 0.3s;
      }
      header.open-burger #block-filtrproektov li:nth-of-type(2) a,
      header.open-burger .mobile-menu #filtr li:nth-of-type(2) a {
        -webkit-transition-delay: 0.4s;
        -khtml-transition-delay: 0.4s;
        -moz-transition-delay: 0.4s;
        transition-delay: 0.4s;
      }
      header.open-burger #block-filtrproektov li:nth-of-type(3) a,
      header.open-burger .mobile-menu #filtr li:nth-of-type(3) a {
        -webkit-transition-delay: 0.5s;
        -khtml-transition-delay: 0.5s;
        -moz-transition-delay: 0.5s;
        transition-delay: 0.5s;
      }
      #block-filtrproektov a:hover,
      .mobile-menu #filtr a:hover {
        color: #2fcaa9;
      }
      #block-osnovnayanavigaciya {
        display: none;
      }
      #block-quadrates-main-menu,
      .mobile-menu #main {
        display: block;
        position: relative;
        top: auto;
        z-index: 8200;
        margin-top: 26px;
      }
      .mobile-menu nav {
        margin-top: 20px;
      }
      .mobile-menu a.brief {
        margin-top: 10px;
      }
      #block-quadrates-main-menu {
        display: none;
      }
      #block-quadrates-main-menu ul,
      .mobile-menu #main ul {
        margin: auto;
      }
      #block-quadrates-main-menu ul li,
      .mobile-menu #main ul li {
        text-align: center;
      }
      #block-quadrates-main-menu div,
      #block-quadrates-main-menu a,
      .mobile-menu #main div,
      .mobile-menu #main a {
        display: block;
        font-size: 22px;
        color: #272727;
        padding: 0;
      }
      #block-filtrproektov a,
      .mobile-menu #filtr a,
      .mobile-menu #main a {
        padding: 22px 20px;
      }
      #block-filtrproektov a,
      .mobile-menu #filtr a {
        margin-bottom: 26px;
      }
      .mobile-menu #main a {
        margin-top: 4px;
        margin-bottom: 7px;
      }
      #block-quadrates-main-menu ul li:last-of-type div,
      .mobile-menu #main ul li:last-of-type div {
        color: #cccccc;
      }
      #block-quadrates-main-menu ul li:last-of-type span,
      .mobile-menu #main ul li:last-of-type span {
        text-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3);
        font-size: 18px;
      }
      #block-quadrates-main-menu ul li:not(:last-of-type) a:hover,
      .mobile-menu #main ul li:not(:last-of-type) a:hover {
        color: #2fcaa9;
      }
      .mobile-menu #main ul li:last-of-type a:hover {
        border-color: #44ddbb;
      }
      #block-filtrproektov ul li,
      .mobile-menu #filtr ul li,
      #block-quadrates-main-menu ul li,
      .mobile-menu #main ul li {
        display: block;
        height: auto;
        margin-right: 0;
        margin-left: 0;
        width: 100%;
      }
      nav ul li:not(:last-of-type)::after {
        content: '';
        display: none;
        margin: 0;
      }
      #block-filtrproektov-2 ul {
        display: none;
      }
      .content-container article p.text,
      .content-container article p.note {
        padding: 0 20px;
      }
      #webform_submission_brif_add_form-ajax {
        padding-left: 10px;
        padding-right: 10px;
      }
    }
    @media only screen and (max-width: 730px) {
      h1 br {
        display: none;
      }
      .burger {
        left: 13px;
      }
      .projects,
      #block-views-block-proekty-smotrite-takje {
        padding: 0px 10px 5px;
      }
      .project {
        width: 100%;
        padding-bottom: 100%;
        border: none;
      }
      .project {
        margin: 0 0 10px;
      }
      .project.cleanedup {
        margin-right: -100% !important;
      }
      #block-zapolnitebrifnizhnyayaknopka .or {
        margin: 10px auto;
      }
      .aftercontent {
        height: 107px;
      }
      div.address-bar span {
        font-size: 80%;
      }
      .content-container article > div div.transparent p.text,
      .content-container article > div div.transparent p.note,
      .content-container article > div div.dark p.text,
      .content-container article > div div.dark p.note,
      .content-container article > div div.light p.text,
      .content-container article > div div.light p.note {
        padding-left: 0;
        padding-right: 0;
      }
      .basic-block {
        margin-top: 0px;
        margin-bottom: 0em;
      }
      .basic-block .controls {
        margin-top: -50px;
      }
      .content-container article h1 {
        margin-top: 0;
      }
      .link-container .link {
        line-height: 2em;
      }
      #block-nadpisposmotritedrugienashiproekty .controls {
        margin-top: -3px;
      }
      #block-filtrproektov a,
      .mobile-menu #filtr a {
        font-size: 18px;
      }
      #webform_submission_brif_add_form-ajax label.button.webform-file-button {
        float: none;
        margin-right: auto;
      }
      .form-item-fayly-proekta .form-managed-file .js-form-type-checkbox {
        padding: 0;
        margin-top: 28px;
      }
      #webform_submission_brif_add_form-ajax input.button.webform-button--submit {
        float: none;
        width: 100%;
        margin-bottom: 14px;
        margin-right: auto;
      }
      #edit-notification {
        display: inline-block;
        margin-bottom: 28px;
      }
      #webform_submission_brif_add_form-ajax {
        padding-top: 40px;
      }
      .ajax-progress.ajax-progress-throbber {
        width: 100%;
      }
    }
    @media only screen and (max-width: 500px) {
      body {
        padding-top: 104px !important;
      }
      h1,
      h2,
      h3,
      h4,
      h5,
      h6,
      .content-container article h1,
      .content-container article h2,
      .content-container article h3,
      .content-container article h4,
      .content-container article h5,
      .content-container article h6 {
        text-align: left;
        padding-left: 10px;
        padding-right: 10px;
        line-height: 38px;
      }
      h1 {
        font-size: 28px;
      }
      h2 {
        font-size: 24px;
      }
      p.external,
      .content-container article > div > div p.external {
        text-align: left;
      }
      .content-container article > div div.transparent h1,
      .content-container article > div div.transparent h2,
      .content-container article > div div.transparent h3,
      .content-container article > div div.transparent h4,
      .content-container article > div div.transparent h5,
      .content-container article > div div.transparent h6,
      .content-container article > div div.light h1,
      .content-container article > div div.light h2,
      .content-container article > div div.light h3,
      .content-container article > div div.light h4,
      .content-container article > div div.light h5,
      .content-container article > div div.light h6,
      .content-container article > div div.dark h1,
      .content-container article > div div.dark h2,
      .content-container article > div div.dark h3,
      .content-container article > div div.dark h4,
      .content-container article > div div.dark h5,
      .content-container article > div div.dark h6 {
        padding: 0;
      }
      .content-container article > div div.transparent,
      .content-container article > div div.light,
      .content-container article > div div.dark {
        padding-left: 10px;
        padding-right: 10px;
      }
      #block-quadrates-content h1 {
        padding-left: 10px;
        padding-right: 10px;
      }
      #block-quadrates-content[data-section=brief] h1 {
        padding-left: 0;
        padding-right: 0;
      }
      #block-quadrates-content div.transparent h1,
      #block-quadrates-content div.light h1,
      #block-quadrates-content div.dark h1 {
        padding-left: 0;
        padding-right: 0;
      }
      div.address-bar span {
        font-size: 2vw;
      }
      header {
        height: 104px;
      }
      header > div:not(.title, .bg) {
        padding-top: 100px;
      }
      header.open-burger > div:not(.title, .bg) {
        padding-top: 0;
      }
      .mobile-menu #main a {
        margin-top: 0;
      }
      .burger,
      .close-burger {
        left: 13px;
        width: 26px;
      }
      .burger {
        padding-top: 1vw;
        top: 42px;
      }
      .close-burger {
        top: 42px;
        left: 15px;
        padding: 3px 0 0 2px;
      }
      .content-container article p.text,
      .content-container article p.note {
        padding: 0 10px;
        text-align: left;
      }
      #block-filtrproektov-2 .burger {
        top: 48px;
      }
      .burger span,
      .close-burger span {
        height: 2px;
      }
      .burger span:not(:last-of-type) {
        margin-bottom: 4px;
      }
      .burger.open-burger {
        margin-top: -100px;
        margin-bottom: 0;
      }
      .mobile-menu nav {
        margin-top: 10px;
      }
      header .title {
        top: 18px;
      }
      header .bg {
        height: 104px;
      }
      body .content-container {
        padding-top: 0;
      }
      .content-container article h1 {
        font-size: 28px;
        margin-top: 30px;
      }
      .project {
        width: 100%;
        padding-bottom: 100%;
      }
      .logo {
        display: block;
        margin: auto;
        width: 100%;
      }
      .close-burger span:first-of-type {
        -webkit-transform: translate(0px, 10px) rotate(45deg);
        -khtml-transform: translate(0px, 10px) rotate(45deg);
        -moz-transform: translate(0px, 10px) rotate(45deg);
        transform: translate(0px, 10px) rotate(45deg);
      }
      .close-burger span:last-of-type {
        -webkit-transform: translate(0px, 10px) rotate(-45deg);
        -khtml-transform: translate(0px, 10px) rotate(-45deg);
        -moz-transform: translate(0px, 10px) rotate(-45deg);
        transform: translate(0px, 10px) rotate(-45deg);
      }
      #block-filtrproektov,
      .mobile-menu #filtr {
        padding: 0;
      }
      header .title,
      a.title,
      a.logo-link {
        width: 50px;
        height: 50px;
      }
      a.logo-link {
        margin-top: 30px;
      }
      .header-container::before {
        height: 50px;
      }
      canvas.logo {
        padding: 0;
      }
      .js-webform-webform-buttons {
        word-spacing: normal;
        line-height: normal;
      }
      .content-container article div p.text:last-of-type {
        margin-bottom: 30px;
      }
      #webform_submission_brif_add_form-ajax {
        padding-left: 10px;
        padding-right: 10px;
      }
      #block-filtrproektov a,
      .mobile-menu #filtr a {
        padding: 20px;
      }
      #block-filtrproektov a,
      .mobile-menu #filtr a,
      .mobile-menu #main a {
        font-size: 18px;
        overflow: hidden;
      }
      .aftercontent {
        height: 93px;
      }
      .form-item-vyberite-tip-proekta {
        margin-bottom: .5em;
        margin-top: .5em;
      }
    }
    /* ==========================================================================
         Media Queries
         ========================================================================== */
    @media only screen and (min-width: 480px) {
      /* ====================
            INTERMEDIATE: Menu
           ==================== */
      nav a {
        margin-bottom: 0;
      }
      nav li:first-child a {
        margin-left: 0;
      }
      nav li:last-child a {
        margin-right: 0;
      }
      /* ========================
            INTERMEDIATE: IE Fixes
           ======================== */
      nav ul li {
        display: inline;
      }
      .oldie nav a {
        margin: 0 0.7%;
      }
    }
    @media only screen and (min-width: 768px) {
      /* ====================
            WIDE: CSS3 Effects
           ==================== */
      /* ============
            WIDE: Menu
           ============ */
      /* ============
            WIDE: Main
           ============ */
      #main article {
        /*width: 57%;*/
      }
      #main aside {
        float: right;
        width: 28%;
      }
    }
    @media only screen and (min-width: 1140px) {
      /* ===============
            Maximal Width
           =============== */
      .wrapper {
        margin: 0 auto;
      }
    }
    /* ==========================================================================
         Helper classes
         ========================================================================== */
    .hidden {
      display: none !important;
      visibility: hidden;
    }
    .visuallyhidden {
      border: 0;
      clip: rect(0 0 0 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px;
    }
    .visuallyhidden.focusable:active,
    .visuallyhidden.focusable:focus {
      clip: auto;
      height: auto;
      margin: 0;
      overflow: visible;
      position: static;
      width: auto;
    }
    .invisible {
      visibility: hidden;
    }
    .clearfix:before,
    .clearfix:after {
      content: " ";
      display: table;
    }
    .clearfix:after {
      clear: both;
    }
    .clearfix {
      *zoom: 1;
    }
    /* ==========================================================================
         Print styles
         ========================================================================== */
    @media print {
      *,
      *:before,
      *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
      }
      a,
      a:visited {
        text-decoration: underline;
      }
      a[href]:after {
        content: " (" attr(href) ")";
      }
      abbr[title]:after {
        content: " (" attr(title) ")";
      }
      a[href^="#"]:after,
      a[href^="javascript:"]:after {
        content: "";
      }
      pre,
      blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
      }
      thead {
        display: table-header-group;
      }
      tr,
      img {
        page-break-inside: avoid;
      }
      img {
        max-width: 100% !important;
      }
      p,
      h2,
      h3 {
        orphans: 3;
        widows: 3;
      }
      h2,
      h3 {
        page-break-after: avoid;
      }
    }
    ', 'public://sm-style/main.css', 1) (Line: 173)
    Drupal\style_management\Controller\FileController->writeFiles(Array) (Line: 131)
    Drupal\style_management\Controller\MainController->writeFiles(Array) (Line: 108)
    Drupal\style_management\Controller\MainController->build() (Line: 60)
    style_management_preprocess_page(Array, 'page', Array) (Line: 287)
    Drupal\Core\Theme\ThemeManager->render('page', Array) (Line: 437)
    Drupal\Core\Render\Renderer->doRender(Array, ) (Line: 195)
    Drupal\Core\Render\Renderer->render(Array) (Line: 490)
    Drupal\Core\Template\TwigExtension->escapeFilter(Object, Array, 'html', NULL, 1) (Line: 106)
    __TwigTemplate_bad80045f6e26296e981aa53f65debadaa2a9699b0e2bfa0f0261f7d056e438d->doDisplay(Array, Array) (Line: 432)
    Twig_Template->displayWithErrorHandling(Array, Array) (Line: 403)
    Twig_Template->display(Array) (Line: 411)
    Twig_Template->render(Array) (Line: 64)
    twig_render_template('themes/custom/quadrates/templates/html--node.html.twig', Array) (Line: 384)
    Drupal\Core\Theme\ThemeManager->render('html', Array) (Line: 437)
    Drupal\Core\Render\Renderer->doRender(Array, ) (Line: 195)
    Drupal\Core\Render\Renderer->render(Array) (Line: 147)
    Drupal\Core\Render\MainContent\HtmlRenderer->Drupal\Core\Render\MainContent\{closure}() (Line: 582)
    Drupal\Core\Render\Renderer->executeInRenderContext(Object, Object) (Line: 148)
    Drupal\Core\Render\MainContent\HtmlRenderer->renderResponse(Array, Object, Object) (Line: 90)
    Drupal\Core\EventSubscriber\MainContentViewSubscriber->onViewRenderArray(Object, 'kernel.view', Object)
    call_user_func(Array, Object, 'kernel.view', Object) (Line: 111)
    Drupal\Component\EventDispatcher\ContainerAwareEventDispatcher->dispatch('kernel.view', Object) (Line: 156)
    Symfony\Component\HttpKernel\HttpKernel->handleRaw(Object, 1) (Line: 68)
    Symfony\Component\HttpKernel\HttpKernel->handle(Object, 1, 1) (Line: 57)
    Drupal\Core\StackMiddleware\Session->handle(Object, 1, 1) (Line: 47)
    Drupal\Core\StackMiddleware\KernelPreHandle->handle(Object, 1, 1) (Line: 184)
    Drupal\page_cache\StackMiddleware\PageCache->fetch(Object, 1, 1) (Line: 121)
    Drupal\page_cache\StackMiddleware\PageCache->lookup(Object, 1, 1) (Line: 75)
    Drupal\page_cache\StackMiddleware\PageCache->handle(Object, 1, 1) (Line: 47)
    Drupal\Core\StackMiddleware\ReverseProxyMiddleware->handle(Object, 1, 1) (Line: 52)
    Drupal\Core\StackMiddleware\NegotiationMiddleware->handle(Object, 1, 1) (Line: 23)
    Stack\StackedHttpKernel->handle(Object, 1, 1) (Line: 665)
    Drupal\Core\DrupalKernel->handle(Object) (Line: 19)
    
  • Невозможно создать файл.

Страницы сайта транспортной логистической компании «Арктика»

Страницы сайта транспортной логистической компании «Арктика»

Сайт компании медицинского туризма «Med Service Israel»

Сайт компании медицинского туризма «Med Service Israel»

Логотип магазина разливного пива «Бочонок»

Логотип магазина разливного пива «Бочонок»

Сайт туристической компании «Air Tour»

Сайт туристической компании «Air Tour»

Макеты интернет-магазина «Автодеталь»

Макеты интернет-магазина «Автодеталь»

Сайт консалтингово-риэлторской компании «ApexLuxeGroup»

Сайт консалтингово-риэлторской компании «ApexLuxeGroup»

Сайт транспортной компании «Заполярный экспресс»

Сайт транспортной компании «Заполярный экспресс»

Лендинг для промышленных альпинистов «SKY MK»

Лендинг для промышленных альпинистов «SKY MK»