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://fileLrsh6Z): 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)