• 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: 86)
__TwigTemplate_a35aa4b6e4578850b51c89a8f8fe74e62ed1eb53fd0adf6605504c6d4c9c51ee->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/html.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://fileuxiP0t): 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: 86)
__TwigTemplate_a35aa4b6e4578850b51c89a8f8fe74e62ed1eb53fd0adf6605504c6d4c9c51ee->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/html.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)
  • Невозможно создать файл.

Бриф вашего проекта

Заполните короткую онлайн-заявку на разработку или напишите нам на почту hello@quadrates.ru
Выберите тип проекта
Максимум 20 файлов.
Ограничение 8 МБ.
Допустимые типы: gif jpg png bmp eps tif pict psd txt rtf html odf pdf doc docx ppt pptx xls xlsx xml avi mov mp3 ogg wav bz2 dmg gz jar rar sit svg tar zip.
Контактные данные