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