/******************** CSS RESET ********************/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, input, button, textarea, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: none; background: transparent; vertical-align: baseline; } button::-moz-focus-inner, input::-moz-focus-inner, textarea::-moz-focus-inner { border: 0; padding: 0; } input::-ms-clear, input::-ms-reveal, textarea::-ms-clear, textarea::-ms-reveal, select::-ms-expand { display: none; } /***************************************************//* Main body wrap */ html { display: block; height: 100%; overflow-x: hidden; overflow-y: auto; color: #000000; background-color: #ffffff; font-family: "GillSansC", Arial, Helvetica, sans-serif; } body { position: relative; display: table; table-layout: fixed; width: 100%; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .fn-16 { font-size: 16px; line-height: 1.25; } /* 16/20 */ .fn-16.par-narrow { line-height: 1.25; } /* 16/20 */ .fn-16.par-wide { line-height: 1.45; } /* 16/22 */ html, .fn-22 { font-size: 22px; line-height: 1.4; } /* 22/30 */ .par-narrow { line-height: 1.4; } /* 22/30 */ .par-wide { line-height: 1.55; } /* 22/34 */ .par-supnarrow { line-height: 1.2; } /* 22/26 */ .fn-30 { font-size: 30px; line-height: 1.2; } /* 30/36 */ .fn-50 { font-size: 50px; line-height: 1.1; } /* 50/54 */ .fn-50.par-narrow{ line-height: 1; } .fn-60 { font-size: 60px; line-height: 1.09; } /* 60/64 */ .fn-100 { font-size: 100px; line-height: 0.9; } /* 100/104 */ .fn-150 { font-size: 150px; } /* 150 */ @media (max-width: 860px) { .fn-100 { font-size: 10.5vw; } } @media (max-width: 768px) { .fn-16 { font-size: 3.65vw; } html, .fn-22 { font-size: 5vw; line-height: 1.2; } .par-narrow { line-height: 1.2; } /* 22/30 */ .par-wide { line-height: 1.35; } /* 22/34 */ .par-supnarrow { line-height: 1.1; } /* 22/26 */ .fn-30 { font-size: 6.85vw; } .fn-50 { font-size: 10vw; } .fn-60 { font-size: 12.5vw; } .fn-100 { font-size: 14.5vw; } .fn-150 { font-size: 34.1vw; } } /* end */ /* Fonts */ @font-face { font-family: "GillSansC"; src: url("./fonts/GillSansC0.eot"); /* IE9 Compat Modes */ src: local('GillSansC'), local('Gill-Sans-C'), url("./fonts/GillSansC0.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("./fonts/GillSansC0.otf") format("opentype"), /* Open Type Font */ url("./fonts/GillSansC0.svg") format("svg"), /* Legacy iOS */ url("./fonts/GillSansC0.ttf") format("truetype"), /* Safari, Android, iOS */ url("./fonts/GillSansC0.woff") format("woff"), /* Modern Browsers */ url("./fonts/GillSansC0.woff2") format("woff2"); /* Modern Browsers */ font-weight: normal; font-style: normal; } @font-face { font-family: "ProximaNova-Black"; src: url("./fonts/ProximaNovaBlack.eot"); /* IE9 Compat Modes */ src: local('ProximaNova Black'), local('ProximaNova-Black'), url("./fonts/ProximaNovaBlack.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("./fonts/ProximaNovaBlack.otf") format("opentype"), /* Open Type Font */ url("./fonts/ProximaNovaBlack.svg") format("svg"), /* Legacy iOS */ url("./fonts/ProximaNovaBlack.ttf") format("truetype"), /* Safari, Android, iOS */ url("./fonts/ProximaNovaBlack.woff") format("woff"), /* Modern Browsers */ url("./fonts/ProximaNovaBlack.woff2") format("woff2"); /* Modern Browsers */ font-weight: normal; font-style: normal; } /* end */ /* Main text styles */ .fn-bold { font-weight: bold !important; } .fn-italic { font-style: italic !important; } .fn-nobold { font-weight: normal !important; } .fn-gsc { font-family: "GillSansC", Arial, Helvetica, sans-serif; } .fn-pnb { font-family: "ProximaNova-Black", Arial, Helvetica, sans-serif; } .link { text-decoration: none; -webkit-transition: 0.2s border-color, 0.2s color, 0.2s background-color; -moz-transition: 0.2s border-color, 0.2s color, 0.2s background-color; -o-transition: 0.2s border-color, 0.2s color, 0.2s background-color; transition: 0.2s border-color, 0.2s color, 0.2s background-color; } .link:active { opacity: 0.7; } .relMiddle { top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } /* end */ /* Sizes */ .s-full { width: 100%; } .s-smallest { width: 300px; } .s-small { width: 652px; } .s-medium { width: 1004px; } .s-large { width: 1356px; } /* end */ /* Colors settings */ .link.bordered { border-bottom-width: 1px; } .link.bordered.solid { border-style: solid; } .link.bordered.dotted { border-style: dotted; } .fn-blue { color: #0092cf; } .fn-red { color: #ff0000; } .fn-black { color: #000000; } .bg-blue { background-color: #0092cf; } .bg-red { background-color: #ff0000; } .bg-black { background-color: #000000; } .br-blue { border-color: #0092cf; } .br-red { border-color: #ff0000; } .br-black { border-color: #000000; } .fn-blue.bordered { border-color: rgba(0, 146, 207, 0.25); } .fn-black.bordered { border-color: rgba(0, 0, 0, 0.15); } .link.fn-blue:hover, .linkHover:hover .link.fn-blue, .link.fn-blue:active, .linkHover:active .link.fn-blue { color: #ff7200; } .link.fn-blue.bordered:hover, .linkHover:hover .link.fn-blue.bordered, .link.fn-blue.bordered:active, .linkHover:active .link.fn-blue.bordered { border-color: rgba(255, 141, 49, 0.25); } .link.fn-black.bordered:hover, .linkHover:hover .link.fn-black.bordered, .link.fn-black.bordered:active, .linkHover:active .link.fn-black.bordered { border-color: rgba(0, 0, 0, 0.4); } /* end */ /* Backgrounds */ .bg-gr1, .bg-gr1bef:before, .bg-gr1aft:after { background-image: url("data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAL0lEQVR42mNmwA0ygPgMMx7JGSAGMz5JbApQJNEVYEgiK8AqCVOAUxKm4Aw+rwIAWDQIgetFrUkAAAAASUVORK5CYII=")} .bg-gr2, .bg-gr2bef:before, .bg-gr2aft:after { background-image: url("data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAL0lEQVR42mNmwA2uAPE0ZjySOiAGMz5JbApQJNEVYEgiK8AqCVOAUxKmYBo+rwIAj0II7XJFvLkAAAAASUVORK5CYII=")} /* end */ /* Site sections */ .mainTemplate { position: relative; display: -webkit-flex; display: flex; min-height: 100vh; background-color: #252525; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mainTemplate > .tplWrap { position: relative; display: block; } @media (max-width: 768px) { .mainTemplate { display: block; padding-top: 15.625vw; } .mainTemplate > .tplWrap.content { background-color: #ffffff; } } /* end */ /* Footer */ .siteFooter { position: relative; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; border-top: 1px solid rgba(0, 0, 0, 0.15); padding-top: 1em; } .siteFooter .designer { display: block; } .siteFooter .designer .title { display: block; } .siteFooter .designer .description { display: inline; vertical-align: top; cursor: pointer; } /* end */ /* Eliza loading bar settings */ .elzCSSNloadingBar { position: fixed; display: block; left: 0; top: 0; width: 0; height: 2px; background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPg0KPGxpbmVhckdyYWRpZW50IGlkPSJnNTA0IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPg0KPHN0b3Agc3RvcC1jb2xvcj0icmdiYSgyNTUsIDI1NSwgMjU1LCAwLjApIiBvZmZzZXQ9IjAiLz4NCjxzdG9wIHN0b3AtY29sb3I9InJnYmEoMjU1LCAyNTUsIDI1NSwgMC44KSIgb2Zmc2V0PSIxIi8+DQo8L2xpbmVhckdyYWRpZW50Pg0KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnNTA0KSIgLz4NCjwvc3ZnPg=='); -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; background-size: 100% 100%; border: 0 solid rgba(0, 0, 0, 0.25); border-bottom-width: 1px; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-transition: 0.2s width, 0.2s background-color; -moz-transition: 0.2s width, 0.2s background-color; -o-transition: 0.2s width, 0.2s background-color; transition: 0.2s width, 0.2s background-color; z-index: 2560; /* Loading bar z-index only */ } .elzCSSNloadingBar, .elzCSSNloadingBar.default { background-color: #5caedc; } .elzCSSNloadingBar.error { background-color: #ff3333; } .elzCSSNloadingBar.warning { background-color: #ffac00; } .elzCSSNloadingBar.success { background-color: #00ff00; } /* end *//* SCROLLBAR BASE CSS ***************************/ .scroll-wrapper { position: relative; overflow: hidden !important; padding: 0 !important; } .scroll-wrapper > .scroll-content { position: relative !important; border: none !important; -webkit-box-sizing: content-box !important; -moz-box-sizing: content-box !important; box-sizing: content-box !important; height: auto; top: 0; left: 0; margin: 0; padding: 0; max-width: none !important; overflow: scroll !important; width: auto !important; } .scroll-wrapper.abs > .scroll-content.abs { position: absolute !important; max-height: none !important; top: 0; right: 0; bottom: 0; left: 0; } /* */ .scroll-wrapper > .scroll-content::-webkit-scrollbar, .scroll-textarea > .scroll-content > textarea::-webkit-scrollbar { width: 0; height: 0; } .scroll-wrapper .scroll-element { display: none; } .scroll-wrapper .scroll-element.scroll-x.scroll-scrollx_visible, .scroll-wrapper .scroll-element.scroll-y.scroll-scrolly_visible { display: block; } .scroll-wrapper .scroll-element .scroll-bar, .scroll-wrapper .scroll-element .scroll-arrow { cursor: default; } .scroll-textarea > .scroll-content { overflow: hidden !important; } .scroll-textarea > .scroll-content > textarea { border: none !important; box-sizing: border-box; height: 100% !important; margin: 0; max-height: none !important; max-width: none !important; overflow: scroll !important; outline: none; padding: 2px; position: relative !important; top: 0; width: 100% !important; } /* end */ .scroll-wrapper > .scroll-element, .scroll-wrapper > .scroll-element div, .scroll-wrapper > .scroll-element div:before { margin: 0; padding: 0; overflow: hidden; position: absolute; z-index: 10; } .scroll-wrapper > .scroll-element .scroll-element_size:before, .scroll-wrapper > .scroll-element .scroll-bar:before { content: ""; } .scroll-wrapper > .scroll-element div, .scroll-wrapper > .scroll-element div:before { display: block; height: 100%; width: 100%; } .scroll-wrapper > .scroll-element div:before { position: relative; } .scroll-wrapper > .scroll-element.scroll-x { left: 0; bottom: 0; height: 16px; min-width: 100%; width: 100%; } .scroll-wrapper > .scroll-element.scroll-y { right: 0; top: 0; width: 16px; min-height: 100%; height: 100%; } .scroll-wrapper > .scroll-element div:before, .scroll-wrapper > .scroll-element .scroll-bar, .scroll-wrapper > .scroll-element .scroll-element_size, .scroll-wrapper > .scroll-element .scroll-element_outer { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* update scrollbar offset if both scrolls are visible */ .scroll-wrapper > .scroll-element.scroll-element.scroll-x.scroll-scrolly_visible.scroll-x .scroll-element_size { left: -16px; padding-left: 18px; } .scroll-wrapper > .scroll-element.scroll-element.scroll-y.scroll-scrollx_visible.scroll-y .scroll-element_size { top: -16px; padding-top: 18px; } .scroll-wrapper > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -16px; } .scroll-wrapper > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -16px; } /* end */ /* Scrollbar default type ***************************/ .scroll-wrapper.default > .scroll-element div:before { -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } /* scrollbar height/width & offset from container borders */ .scroll-wrapper.default > .scroll-element.scroll-x .scroll-element_size, .scroll-wrapper.default > .scroll-element.scroll-x .scroll-bar { bottom: 0; left: 0; padding: 2px 2px 2px 4px; } .scroll-wrapper.default > .scroll-element.scroll-y .scroll-element_size, .scroll-wrapper.default > .scroll-element.scroll-y .scroll-bar { top: 0; right: 0; padding: 2px 2px 2px 4px; } /* scrollbar effects */ .scroll-wrapper.default > .scroll-element, .scroll-wrapper.default > .scroll-element .scroll-element_size, .scroll-wrapper.default > .scroll-element .scroll-bar { -webkit-transition: 0.2s opacity, 0.2s padding; -moz-transition: 0.2s opacity, 0.2s padding; -o-transition: 0.2s opacity, 0.2s padding; transition: 0.2s opacity, 0.2s padding; } .scroll-wrapper.default > .scroll-element, .scroll-wrapper.default > .scroll-element .scroll-element_size { opacity: 0; } .scroll-wrapper.default:hover > .scroll-element, .scroll-wrapper.default > .scroll-element.scroll-draggable, .scroll-wrapper.default > .scroll-element:hover .scroll-bar, .scroll-wrapper.default > .scroll-element.scroll-draggable .scroll-bar, .scroll-wrapper.default > .scroll-element:hover .scroll-element_size, .scroll-wrapper.default > .scroll-element.scroll-draggable .scroll-element_size { opacity: 1.0; } .scroll-wrapper.default > .scroll-element .scroll-bar:before { background-color: #ffffff; border: 1px solid #dbdbdb; box-shadow: inset -5px 0 30px -18px rgba(0, 0, 0, 0.5); } .scroll-wrapper.default > .scroll-element .scroll-element_size:before { background-color: #e8e8e8; box-shadow: inset 5px 0 30px -18px rgba(0, 0, 0, 0.5); } /* end */ /* Scrollbar MacOSX type ***************************/ .scroll-wrapper.macosx > .scroll-element div:before { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } /* scrollbar height/width & offset from container borders */ .scroll-wrapper.macosx > .scroll-element.scroll-x .scroll-element_size, .scroll-wrapper.macosx > .scroll-element.scroll-x .scroll-bar { bottom: 0; left: 0; padding: 10px 2px 2px 2px; } .scroll-wrapper.macosx.exp > .scroll-element.scroll-x:hover .scroll-element_size, .scroll-wrapper.macosx.exp > .scroll-element.scroll-x:hover .scroll-bar, .scroll-wrapper.macosx.exp > .scroll-element.scroll-x.scroll-draggable .scroll-element_size, .scroll-wrapper.macosx.exp > .scroll-element.scroll-x.scroll-draggable .scroll-bar { padding-top: 6px; } .scroll-wrapper.macosx > .scroll-element.scroll-y .scroll-element_size, .scroll-wrapper.macosx > .scroll-element.scroll-y .scroll-bar { top: 0; right: 0; padding: 2px 2px 2px 10px; } .scroll-wrapper.macosx.exp > .scroll-element.scroll-y:hover .scroll-element_size, .scroll-wrapper.macosx.exp > .scroll-element.scroll-y:hover .scroll-bar, .scroll-wrapper.macosx.exp > .scroll-element.scroll-y.scroll-draggable .scroll-element_size, .scroll-wrapper.macosx.exp > .scroll-element.scroll-y.scroll-draggable .scroll-bar { padding-left: 6px; } /* scrollbar effects */ .scroll-wrapper.macosx > .scroll-element, .scroll-wrapper.macosx > .scroll-element .scroll-element_size, .scroll-wrapper.macosx > .scroll-element .scroll-bar { -webkit-transition: 0.2s opacity, 0.2s padding; -moz-transition: 0.2s opacity, 0.2s padding; -o-transition: 0.2s opacity, 0.2s padding; transition: 0.2s opacity, 0.2s padding; } .scroll-wrapper.macosx > .scroll-element, .scroll-wrapper.macosx > .scroll-element .scroll-element_size { opacity: 0; } .scroll-wrapper.macosx > .scroll-element .scroll-bar { opacity: 0.5; } .scroll-wrapper.macosx:hover > .scroll-element, .scroll-wrapper.macosx > .scroll-element.scroll-draggable, .scroll-wrapper.macosx > .scroll-element:hover .scroll-bar, .scroll-wrapper.macosx > .scroll-element.scroll-draggable .scroll-bar, .scroll-wrapper.macosx > .scroll-element:hover .scroll-element_size, .scroll-wrapper.macosx > .scroll-element.scroll-draggable .scroll-element_size { opacity: 1.0; } .scroll-wrapper.macosx > .scroll-element .scroll-element_size:before { background-color: rgba(128, 128, 128, 0.25); } .scroll-wrapper.macosx > .scroll-element .scroll-bar:before { background-color: rgba(128, 128, 128, 0.75); } .scroll-wrapper.macosx > .scroll-element.scroll-draggable .scroll-bar:before { background-color: rgba(128, 128, 128, 1.0); } .scroll-wrapper.macosx.light > .scroll-element .scroll-element_size:before { background-color: rgba(255, 255, 255, 0.25); } .scroll-wrapper.macosx.light > .scroll-element .scroll-bar:before { background-color: rgba(255, 255, 255, 0.75); } .scroll-wrapper.macosx.light > .scroll-element.scroll-draggable .scroll-bar:before { background-color: rgba(255, 255, 255, 1.0); } .scroll-wrapper.macosx.dark > .scroll-element .scroll-element_size:before { background-color: rgba(0, 0, 0, 0.25); } .scroll-wrapper.macosx.dark > .scroll-element .scroll-bar:before { background-color: rgba(0, 0, 0, 0.75); } .scroll-wrapper.macosx.dark > .scroll-element.scroll-draggable .scroll-bar:before { background-color: rgba(0, 0, 0, 1.0); } /* end */ /* Other custom settings *********************************************/ /* Transparent scroll */ .scroll-wrapper.transparent > .scroll-element { display: none !important; } /* Transparent track */ .scroll-wrapper.notrack > .scroll-element .scroll-element_size { opacity: 0 !important; } /* No padding scroll */ .scroll-wrapper.nopad > .scroll-element .scroll-element_size, .scroll-wrapper.nopad > .scroll-element .scroll-bar { padding: 0 !important; } .scroll-wrapper.nopad > .scroll-element div:before { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .scroll-wrapper.nopad .scroll-element { width: 4px; height: 4px; } /* end */.coloredButton { position: relative; display: block; height: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; text-align: center; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; } .coloredButton:before, .coloredButton:after { content: ""; position: absolute; display: block; } .coloredButton:before { top: 0; right: 0; bottom: 0; left: 0; opacity: 0.5; -webkit-border-radius: inherit; -moz-border-radius: inherit; border-radius: inherit; } .coloredButton:after { top: -28px; left: 10px; right: 10px; height: 16px; background-color: #ffffff; -webkit-box-shadow: 0 24px 8px rgba(255, 255, 255, 1); -moz-box-shadow: 0 24px 8px rgba(255, 255, 255, 1); box-shadow: 0 24px 8px rgba(255, 255, 255, 1); -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; opacity: 0.35; } @media (max-width: 768px) { .coloredButton { height: 9.1vw; } .coloredButton:after { top: -6.36vw; left: 3.5vw; right: 3.5vw; height: 3.63vw; -webkit-box-shadow: 0 5.45vw 1.8vw rgba(255, 255, 255, 1); -moz-box-shadow: 0 5.45vw 1.8vw rgba(255, 255, 255, 1); box-shadow: 0 5.45vw 1.8vw rgba(255, 255, 255, 1); -webkit-border-radius: 3.63vw; -moz-border-radius: 3.63vw; border-radius: 3.63vw; } } .coloredButton .buttonText { position: relative; display: block; height: 100%; font-size: inherit; font-family: inherit; z-index: 1; -webkit-border-radius: inherit; -moz-border-radius: inherit; border-radius: inherit; } .coloredButton .buttonText .inner { position: relative; display: block; line-height: 1; top: 48%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .coloredButton:hover .buttonText, .coloredButton:active .buttonText, .coloredButton.active .buttonText { background-color: rgba(255, 255, 255, 0.15); } /* On dark bg */ .coloredButton.onDark { -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5), inset 0 0 10px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5), inset 0 0 10px rgba(0, 0, 0, 0.25); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5), inset 0 0 10px rgba(0, 0, 0, 0.25); } /* On light bg */ .coloredButton.onLight { -webkit-box-shadow: 0 1px 1px rgba(191, 102, 4, 0.5), 0 4px 6px rgba(191, 102, 4, 0.65), inset 0 0 10px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 1px rgba(191, 102, 4, 0.5), 0 4px 6px rgba(191, 102, 4, 0.65), inset 0 0 10px rgba(0, 0, 0, 0.25); box-shadow: 0 1px 1px rgba(191, 102, 4, 0.5), 0 4px 6px rgba(191, 102, 4, 0.65), inset 0 0 10px rgba(0, 0, 0, 0.25); } /* Active button */ .coloredButton:active, .coloredButton.active { top: 1px; -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.25), inset 0 2px 3px rgba(0, 0, 0, 0.75) !important; -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.25), inset 0 2px 3px rgba(0, 0, 0, 0.75) !important; box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.25), inset 0 2px 3px rgba(0, 0, 0, 0.75) !important; } /* Colors */ .coloredButton.orange { background-image: linear-gradient(to bottom, rgba(255,210,161,1) 0%,rgba(251,175,93,1) 50%,rgba(255,244,232,1) 100%); background-color: #ff8500; color: #000000; } .coloredButton.orange:before { background-image: linear-gradient(to right, rgba(255,133,0,065) 0%,rgba(251,175,93,0) 50%,rgba(255,133,0,065) 100%); }/* Main */ .st-form, .st-structure, .st-label { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .st-label { position: relative; display: block; } .st-inpDescr { position: relative; display: block; margin-top: 0.25em; line-height: 1.25; } /* end */ /* Text */ .st-form.text { position: relative; display: block; width: 100%; border: 2px solid #d6d6d6; background-color: #ffffff; padding: 10px; } .st-form.text.error { border-color: #ff0000; } .st-form.text.input { font-size: inherit; font-family: inherit; } .st-form.text.input, .st-inputSize { height: 45px; } @media (max-width: 768px) { .st-form.text { border-width: 0.45vw; } .st-form.text.input, .st-inputSize { height: 10.23vw; } } /* Structure */ .st-structure { position: relative; display: block; } .st-structure.wrap { display: -webkit-flex; display: flex; } .st-structure.wrap.top { -webkit-align-items: flex-start; align-items: flex-start; } .st-structure.grow { -webkit-flex-grow: 1; flex-grow: 1; } .st-structure.growmax { -webkit-flex-grow: 1000000; flex-grow: 1000000; } /* end */.mainTemplate > .tplWrap.nav { width: 350px; background-color: inherit; color: #ffffff; z-index: 10; } .mainTemplate > .tplWrap.nav > div:not(.headerNav):last-child { visibility: hidden; } /* Уничтожает артефакт от плагина sticky. !!!Не трогать!!! */ /* Header */ .mainTemplate > .tplWrap.nav .navHeader { position: fixed; display: block; height: 252px; width: inherit; border-bottom: 1px solid rgba(255, 255, 255, 0.25); background-color: inherit; padding: 28px 0 0 28px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 2; } .tplWrap.nav .headerNav .navScroll { display: block; overflow: auto; } html:root:not([data-device="mobile"]) .tplWrap.nav .headerNav .navScroll { overflow: hidden; } .mainTemplate > .tplWrap.nav .navHeader .navTitle { position: relative; display: -webkit-flex; display: flex; } .mainTemplate > .tplWrap.nav .navHeader .navTitle .navHamb { display: none; } .mainTemplate > .tplWrap.nav .navHeader .navTitle .caption { position: relative; display: block; -webkit-flex-grow: 1; flex-grow: 1; width: 0; font-size: 44px; height: 60px; line-height: 60px; letter-spacing: 0.1em; text-transform: uppercase; font-weight: normal; } .mainTemplate > .tplWrap.nav .workTime { position: relative; display: block; line-height: 17px; margin-top: -4px; white-space: nowrap; overflow: hidden; } /* Customs */ .mainTemplate > .tplWrap.nav .workTime:first-letter { text-transform: uppercase; } .mainTemplate > .tplWrap.nav .workTime br { display: none; } /*.mainTemplate > .tplWrap.nav .workTime .noCompress { display: none; }*/ /* Contacts */ .mainTemplate > .tplWrap.nav .contacts { position: relative; display: -webkit-flex; display: flex; -webkit-align-items: flex-end; align-items: flex-end; margin-left: -16px; white-space: nowrap; overflow: hidden; } .mainTemplate > .tplWrap.nav .contacts .item { position: relative; display: block; text-decoration: none; margin-left: 16px; } .mainTemplate > .tplWrap.nav .contacts .item.phone { line-height: 33px; height: 33px; } .mainTemplate > .tplWrap.nav .contacts .item.mail { line-height: 29px; height: 29px; } /* Button */ .mainTemplate > .tplWrap.nav .reqWrap { position: relative; display: block; margin-top: 22px; width: 190px; } .mainTemplate > .tplWrap.nav .reqWrap .coloredButton { width: 100%; } /* end */ /* menu list */ .tplWrap.nav .headerNav, .tplWrap.nav .navList, .tplWrap.nav .navList .listItem, .tplWrap.nav .navList .itemLink { position: relative; display: block; } .tplWrap.nav .headerNav { white-space: nowrap; width: inherit !important; overflow: hidden; } .tplWrap.nav .navList { list-style: none; } .tplWrap.nav .navList .listItem { position: relative; display: block; border-bottom: 1px solid transparent; } .tplWrap.nav .navList .listItem:last-child { border: none; } .tplWrap.nav .navList .itemLink { position: relative; display: block; text-decoration: none; color: inherit; cursor: pointer; padding: 0.2em 1.25em; } .tplWrap.nav .navList .listItem:first-child .itemLink { padding-top: 1em; } .tplWrap.nav .navList .listItem:last-child .itemLink { padding-bottom: 1em; } .tplWrap.nav .navList .itemLink .linkIn { font-weight: normal; color: inherit; } .tplWrap.nav .navList .itemLink .linkIn.title, .tplWrap.nav .navList .itemLink .linkIn.fake { -webkit-transition: 0.2s color, 0.2s border-color; -moz-transition: 0.2s color, 0.2s border-color; -o-transition: 0.2s color, 0.2s border-color; transition: 0.2s color, 0.2s border-color; } .tplWrap.nav .navList .itemLink .linkIn.title { display: inline-block; line-height: 1.6; border-bottom: 1px dotted rgba(255, 255, 255, 0.25); font-size: inherit; font-weight: normal; } .tplWrap.nav .navList .itemLink:hover .linkIn.title, .tplWrap.nav .navList .itemLink:hover .linkIn.fake, .tplWrap.nav .navList .itemLink:active .linkIn.title, .tplWrap.nav .navList .itemLink:active .linkIn.fake, .tplWrap.nav .navList .itemLink.active .linkIn.title, .tplWrap.nav .navList .itemLink.active .linkIn.fake { color: #ff7200; border-color: #ff7200; } .tplWrap.nav .navList .itemLink.active .linkIn.title, .tplWrap.nav .navList .itemLink:target .linkIn.title { border-color: transparent; } .tplWrap.nav .navList .itemLink:active { opacity: 0.7; } .tplWrap.nav .navList .itemLink .linkIn.description { display: block; color: rgba(255, 255, 255, 0.5); line-height: 1.2; margin-top: 0.25em; padding-left: 1.1em; } .tplWrap.nav .navList .itemLink .linkIn.fake { position: absolute; display: none; left: 0; right: 0; top: 0; padding: 0.25em 0 0 0.75em; overflow: hidden; line-height: 1.15; } .tplWrap.nav .navList .itemLink .linkIn.fake:nth-child(3) { top: 0.7em; } .tplWrap.nav .navList .listItem:first-child .itemLink .linkIn.fake:nth-child(3) { top: 1.4em; } .tplWrap.nav .navList .itemLink .linkIn.fake:after { content: ""; position: absolute; display: block; top: 0; right: 0; bottom: 0; width: 1.75em; background: linear-gradient(to right, rgba(37, 37, 37, 0) 0%, rgba(37, 37, 37, 1) 50%, rgba(37, 37, 37, 1) 100%); } /* end */ /* Popup */ .mainMenuPopup { position: absolute; display: block; top: 0; left: 0; background-color: #ffffff; color: #000000; border: 3px solid #000000; width: 536px; height: 460px; padding: 30px; overflow: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 100; -webkit-transition: 0.2s opacity, 0.2s visibility; -moz-transition: 0.2s opacity, 0.2s visibility; -o-transition: 0.2s opacity, 0.2s visibility; transition: 0.2s opacity, 0.2s visibility; } .mainMenuPopup.closed { opacity: 0; visibility: hidden; } .mainMenuPopup .popupHeader { display: block; font-weight: normal; line-height: 1; margin-bottom: 0.35em; } .mainMenuPopup .changeWrap { height: 285px; } .mainMenuPopup .changeWrap.success .formWrap, .mainMenuPopup .changeWrap .submittedWrap { display: none; } .mainMenuPopup .formWrap, .mainMenuPopup .changeWrap.success .submittedWrap { display: block; } /* end */ /* Form */ .mainMenuPopup .formStructure { margin-top: 24px; width: 424px; } .mainMenuPopup .formStructure .formLabel { width: 120px; } .mainMenuPopup .submitButton { margin-top: 16px; width: 190px; } /* end */ /* Success */ .mainMenuPopup .submittedWrap { text-align: center; } .mainMenuPopup .submittedWrap .successIcon { position: relative; display: block; margin: auto; left: 32px; width: 224px; height: 224px; } .mainMenuPopup .submittedWrap .successText { margin-top: 0.5em; } /* end */ /* Closer */ .mainMenuPopup .popupCloser { position: absolute; display: block; width: 25px; height: 25px; top: 16px; right: 26px; padding: 10px; cursor: pointer; } .mainMenuPopup .popupCloser:before, .mainMenuPopup .popupCloser:after { content: ""; position: absolute; display: block; width: 25px; height: 5px; background-color: #000000; top: 20px; } .mainMenuPopup .popupCloser:before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .mainMenuPopup .popupCloser:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } /* end */ @media (min-width: 769px) { .tplWrap.nav .headerNav { position: fixed; top: 252px; /* Высота хеадера */ bottom: 0; left: 0; } .tplWrap.nav .headerNav > .navScroll { position: absolute; display: block; top: 0; right: 0; bottom: 0; left: 0; } } /* Media */ @media (min-width: 769px) and (max-width: 1439px) { /* Header */ .tplWrap.nav .navHeader { -webkit-transition: 0.2s padding-left; -moz-transition: 0.2s padding-left; -o-transition: 0.2s padding-left; transition: 0.2s padding-left; } .tplWrap.nav .navHeader .navTitle .caption { -webkit-transition: 0.2s font-size, 0.2s line-height; -moz-transition: 0.2s font-size, 0.2s line-height; -o-transition: 0.2s font-size, 0.2s line-height; transition: 0.2s font-size, 0.2s line-height; } .tplWrap.nav .reqWrap { -webkit-transition: 0.2s width; -moz-transition: 0.2s width; -o-transition: 0.2s width; transition: 0.2s width; } .tplWrap.nav:not(:hover) .navHeader { padding-left: 12px; } .tplWrap.nav:not(:hover) .navHeader .navTitle .caption { font-size: 24px; line-height: 40px; height: 40px; } .tplWrap.nav:not(:hover) .contacts { margin-top: 9px; } .tplWrap.nav:not(:hover) .contacts .item.phone { line-height: 28px; height: 28px; font-size: 16px; border: none; } .tplWrap.nav:not(:hover) .contacts .item.mail, .tplWrap.nav:not(:hover) .navDescription .noCompress { display: none; } .tplWrap.nav:not(:hover) .workTime br { display: block; } .tplWrap.nav:not(:hover) .reqWrap {width: 95px; } /* end */ /* List */ .mainTemplate > .tplWrap.nav { width: 130px; -webkit-transition: 0.2s width, 0.2s margin; -moz-transition: 0.2s width, 0.2s margin; -o-transition: 0.2s width, 0.2s margin; transition: 0.2s width, 0.2s margin; } .mainTemplate > .tplWrap.nav:hover { width: 350px; margin-right: -220px; } .tplWrap.nav:not(:hover) .navList .listItem { border-color: rgba(255, 255, 255, 0.25); } .tplWrap.nav .navList .listItem .itemLink { -webkit-transition: 0.2s padding-left; -moz-transition: 0.2s padding-left; -o-transition: 0.2s padding-left; transition: 0.2s padding-left; } .tplWrap.nav:not(:hover) .navList .listItem .itemLink { padding-left: 0.5em; } .tplWrap.nav .navList .itemLink .linkIn.title, .tplWrap.nav .navList .itemLink .linkIn.description { visibility: hidden; } .tplWrap.nav:hover .navList .itemLink .linkIn.title, .tplWrap.nav:hover .navList .itemLink .linkIn.description { visibility: visible; } .tplWrap.nav .navList .itemLink .linkIn.fake { display: block; } .tplWrap.nav:hover .navList .itemLink .linkIn.fake { display: none; } } @media (max-width: 768px) { .mainTemplate > .tplWrap.nav { position: fixed; top: 0; right: 0; left: 0; width: auto; max-height: 100%; overflow-x: hidden; overflow-y: auto; padding-top: 15.625vw; } .tplWrap.nav .headerNav > .navScroll { position: relative !important; } .mainTemplate > .tplWrap.nav::-webkit-scrollbar { width: 0; height: 0; } .mainTemplate > .tplWrap.nav.mobileShow { bottom: 0; padding-top: 46vw; } .mainTemplate > .tplWrap.nav .navHeader { padding: 0; top: 0; right: 0; left: 0; height: auto; } .mainTemplate > .tplWrap.nav:not(.mobileShow) .navHeader { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; border: none; } .mainTemplate > .tplWrap.nav.mobileShow .navHeader { height: 46vw; } .mainTemplate > .tplWrap.nav .navHeader .navTitle { height: 15.625vw; margin-right: 8vw; } .mainTemplate > .tplWrap.nav .navHeader .navTitle .caption { line-height: 16vw; font-size: 8vw; height: 100%; width: auto; } /* Description */ .mainTemplate > .tplWrap.nav:not(.mobileShow) .navDescription .workTime, .mainTemplate > .tplWrap.nav:not(.mobileShow) .navDescription .reqWrap, .mainTemplate > .tplWrap.nav:not(.mobileShow) .navDescription .contacts .mail { display: none; } .mainTemplate > .tplWrap.nav.mobileShow .navDescription { padding: 0 4.8vw; } .mainTemplate > .tplWrap.nav .navDescription .workTime { line-height: 1.6; } .mainTemplate > .tplWrap.nav .navDescription .contacts { margin-left: -3vw; } .mainTemplate > .tplWrap.nav .navDescription .contacts .item { margin-left: 3vw; } .mainTemplate > .tplWrap.nav .navDescription .contacts .item.phone { height: 1.25em; line-height: 1.25; } .mainTemplate > .tplWrap.nav .navDescription .contacts .item.mail { height: 1.4em; line-height: 1.4; } .mainTemplate > .tplWrap.nav .reqWrap { width: 43.2vw; margin-top: 3.6vw; } /* end */ /* Hamburger */ .mainTemplate > .tplWrap.nav .navHeader .navTitle .navHamb { position: relative; display: block; width: 15.625vw; height: 100%; cursor: pointer; padding: 5.15vw 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mainTemplate > .tplWrap.nav .navHeader .navTitle .navHamb i { position: relative; display: block; width: 6.25vw; height: 1.25vw; background-color: #ffffff; margin-left: auto; margin-right: auto; } .mainTemplate > .tplWrap.nav:not(.mobileShow) .navHeader .navTitle .navHamb i + i { margin-top: 0.78vw; } .mainTemplate > .tplWrap.nav.mobileShow .navHeader .navTitle .navHamb i:nth-child(3) { display: none; } .mainTemplate > .tplWrap.nav.mobileShow .navHeader .navTitle .navHamb i { position: absolute; top: 50%; left: 50%; margin-top: -0.625vw; margin-left: -3.125vw; } .mainTemplate > .tplWrap.nav.mobileShow .navHeader .navTitle .navHamb i:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .mainTemplate > .tplWrap.nav.mobileShow .navHeader .navTitle .navHamb i:nth-child(2) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } /* end */ /* List */ .mainTemplate > .tplWrap.nav:not(.mobileShow) .headerNav { display: none; } .mainTemplate > .tplWrap.nav .headerNav { position: relative !important; padding: 0 !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; width: auto !important; } /* end */ /* Popup */ .mainMenuPopup { position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: auto; height: auto; border: none; padding: 6.81vw; } .mainMenuPopup .popupCloser { top: 5vw; padding: 2.27vw; width: 5.68vw; height: 5.68vw; } .mainMenuPopup .popupCloser:before, .mainMenuPopup .popupCloser:after { width: 5.68vw; height: 1.14vw; top: 4.54vw; } .mainMenuPopup .formStructure { width: auto; } .mainMenuPopup .formStructure .formLabel { width: 27vw; } .mainMenuPopup .changeWrap { height: 64.77vw; } .mainMenuPopup .popupSubdescr br { display: none; } .mainMenuPopup .submitButton { width: 43.2vw; margin-top: 3vw; } .mainMenuPopup .submittedWrap .successIcon { width: 50.9vw; height: 50.9vw; left: 7.27vw; } /* end */ } /* end */.mainTemplate > .tplWrap.content { -webkit-flex-grow: 1; flex-grow: 1; /*max-width: 1410px;*/ } .coreSecSpacer { display: block; } .coreSecWrap { position: relative; padding-right: 70px; } .coreSecWrap { position: relative; display: block; background-color: #ffffff; } .coreSecSpacer.scrollable .coreSecWrap { z-index: 5; } .coreSecSpacer.scrollable + .coreSecSpacer:not(.scrollable) .coreSecWrap { z-index: 4; } .coreSection { position: relative; display: block; max-width: 1410px; padding-left: 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .coreSection.grey, .coreSecWrap.grey, .cusSection.grey, .grey .sendForm .secOuter{ background-color: #f2f2f2; } .padRevL { margin-left: -50px; } .c-aside { width: 200px; -webkit-flex-shrink: 0; flex-shrink: 0; } /* end */ /* Article settings */ .article { position: relative; display: block; } .article .artCaption { margin-bottom: 0.25em; } .article.maxw { max-width: 1050px; } .coreSection.grey .article.maxw { max-width: 1000px; } .artP + .artFigure { margin-top: 4em; } .artFigure { position: relative; display: block; max-width: 100%; vertical-align: bottom; } .artFigure + .article { margin-top: 1em; } .artFigure .figLink { position: relative; display: block; text-decoration: none; color: inherit; } .artFigure .image { position: relative; display: block; width: auto; height: auto; margin: auto; max-width: 100%; } .artFigure .video { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; } .artFigure.figVidTrigger .video { display: none; } .artFigure.figVidTrigger.play .video { display: block; } .artFigure.figVidTrigger.play .image { visibility: hidden; } .artFigure .video.hide { display: none; } .artFigure .figcaption { position: relative; display: block; text-align: center; margin-top: 1em; } .artFigure .figcaption.right { text-align: right; } .artP { position: relative; display: block; margin-top: 1.2em; margin-bottom: 1.2em; } .artP.fn-30 { margin: 0; } /* end */ /* Embed play button */ .figVidPlay { position: absolute; display: block; top: 0; right: 0; bottom: 0; left: 0; cursor: pointer; z-index: 2; } .figVidTrigger.play .figVidPlay { display: none; } .figVidPlay:before, .figVidPlay:after { content: ""; position: absolute; display: block; top: 50%; left: 50%; cursor: pointer; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .figVidPlay:before { width: 64px; height: 64px; margin-top: -32px; margin-left: -32px; background-color: rgba(0, 0, 0, 0.25); -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .figVidPlay:after { width: 0; height: 0; margin-top: -10px; margin-left: -7px; border-style: solid; border-width: 10px 0 10px 19px; border-color: transparent transparent transparent #ffffff; } .figVidPlay:hover:before { background-color: rgba(0, 0, 0, 0.8); } .figVidPlay:hover:before, .figVidPlay:hover:after { -webkit-transform: scale(1.25); -moz-transform: scale(1.25); -ms-transform: scale(1.25); -o-transform: scale(1.25); transform: scale(1.25); } /* end */ /* Absolute cont */ .absRight { position: absolute; display: block; width: 200px; margin-left: auto; margin-right: auto; } /* end */ /* Attach */ .attachCont { position: relative; display: block; cursor: pointer; color: inherit; text-decoration: none; } .attachCont .image { display: block; width: auto; height: auto; max-width: 100%; } .attachCont span.image { background: url("../images/attachments/sprite.jpg") no-repeat; } .attachCont .image.kadastr { width: 135px; height: 190px; background-position: -210px -196px; } .attachCont .image.techmap { width: 210px; height: 297px; background-position: 0 0; } .attachCont .image.acthidden { width: 135px; height: 190px; background-position: -345px -196px; } .attachCont .image.reciept { width: 95px; height: 135px; background-position: -210px -386px; } .attachCont .image.bill { width: 210px; height: 297px; background-position: 0 -297px; } .attachCont .image.invoice { width: 277px; height: 196px; background-position: -210px 0; } .attachCont .info { display: block; margin-top: 0.9em; } .attachCont .info .link { padding-bottom: 0.1em; } .attachCont .info .size { display: block; margin-top: 0.5em; } /* end */ /* Red text */ .redTextDescr { position: relative; display: block; text-align: center; } .redTextDescr .inner { display: block; } .redTextDescr .number { line-height: 0.8; } /* end */ /* Agreement */ .agreeList { display: block; list-style: none; } .agreeList .artP .artP { position: static; } .agreeList .artP .artP:first-child { margin-top: 0; } .agreeList .artP, .agreeList .artP.lvl2 + .artP.lvl3 { margin: 0; } .agreeList .artP.lvl2 + .artP.lvl2, .agreeList .artP.lvl3 + .artP.lvl2{ margin-top: 0.9em; } .agreeList .artP.lvl3 + .artP.lvl3, .agreeList .artP.lvl4 + .artP.lvl4 { margin-top: 0.5em; } .blackTextDescr { position: relative; display: block; } .agreeList .absRight.top .blackTextDescr { margin-top: 0.6em; } .coreSection.sec-agreement .article .artCaption.fn-60 { margin-top: 1em; margin-bottom: 0.5em; } .agreeList .artAnchor { text-decoration: none; cursor: pointer; color: inherit; opacity: 0.5; } .agreeList .artAnchor:hover, .agreeList .artAnchor:active { opacity: 1; } /* end */ /* Media */ @media (min-width: 1601px) { .coreSecSpacer:not(.scrollable) .coreSecWrap { left: 350px; } .coreSection { padding-left: 100px; } .padRevL { margin-left: -100px; } } @media (min-width: 1440px) { .coreSecSpacer:not(.scrollable) .coreSecWrap { left: 350px; } } @media (min-width: 769px) { .mainTemplate > .tplWrap.content { width: 0; } .coreSecSpacer.scrollable + .coreSecSpacer:not(.scrollable) ~ .coreSecSpacer { visibility: hidden; } .coreSecSpacer:not(.scrollable) .coreSecWrap { position: fixed; top: 0; right: 0; min-height: 100vh; } .coreSection.grey { padding-right: 50px; } .agreeList .artAnchor { position: absolute; display: block; top: -0.05em; left: -1em; } } @media (min-width: 769px) and (max-width: 1439px) { .coreSecSpacer:not(.scrollable) .coreSecWrap { left: 130px; } } @media (min-width: 1024px) { .absRight { right: 0; } .artP .absRight { right: -260px; } .article.padded { padding-right: 260px; } .absRight.top { top: 0; } .absRight.bottom { bottom: 0; } .absRight.top .attachCont { margin-top: 1.35em; } .absRight.bottom .attachCont { margin-bottom: 0.3em; } .absRight.top .redTextDescr { margin-top: 0.5em; } .absRight.bottom .redTextDescr { margin-bottom: 0.15em; } .sec-team .absRight.top .redTextDescr { margin-top: 0.7em; } } @media (max-width: 1023px) { .absRight { position: relative; margin-top: 1.2em; margin-bottom: 2.5em; } .agreeList .absRight { width: 400px; } .absRight .attachCont { text-align: center; } .absRight .attachCont .image { margin: auto; } } @media (max-width: 768px) { .coreSecSpacer { opacity: 1 !important; min-height: 0 !important; } .coreSecWrap { position: relative !important; padding-right: 0; opacity: 1 !important; } .absRight { width: 45.5vw; } .agreeList .absRight { width: 60vw; } .c-aside { width: auto; } .coreSection { padding-left: 5vw; padding-right: 5vw; } .padRevL { margin-left: -5vw; margin-right: -5vw; } .artP + .artFigure { margin-top: 2.5em; } .artFigure + .article { margin-top: 1.6em; } .artFigure .figcaption.right { text-align: center; } } /* end */.coreSection.sec-promo, .coreSection.sec-foundationTypes, .coreSection.sec-buildproject, .coreSection.sec-agreement { padding-top: 2.8em; } .coreSection.sec-foundationTypes, .coreSection.sec-buildbias { padding-bottom: 2em; } .coreSection.sec-foreign, .coreSection.sec-beton, .coreSection.sec-team, .coreSection.sec-agreement { padding-bottom: 2.8em; } .sec-check .sendForm { margin-top: 4em; } .coreSection.sec-team .uniFigure { margin-bottom: 1.5em; } @media (max-width: 860px) { .coreSection.sec-promo, .coreSection.sec-foundationTypes { padding-top: 7vw; } } @media (max-width: 768px) { .coreSection.sec-foundationTypes, .coreSection.sec-foreign, .coreSection.sec-buildbias, .coreSection.sec-beton { margin-top: 2em; } } /* @media (max-width: 768px) { } */.decNavigation, .decNavigation .listItem, .decNavigation .itemLink, .decNavigation .linkInner { position: relative; display: block; } .decNavigation .decList { position: relative; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; list-style: none; } .decNavigation .itemLink { color: inherit; text-decoration: none; /*background: #f0f;*/ padding: 5px; max-width: 100%; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .decNavigation .listItem:not(.active) .itemLink { background: none; } .decNavigation .listItem:active .itemLink { opacity: 0.7; } .decNavigation .itemLink .link { opacity: 1; } .decNavigation .itemLink .description { margin-top: 0.3em; } .decNavigation .listItem .itemLink .link { display: inline; font-weight: normal; line-height: inherit; } .decNavigation .listItem.active .itemLink .link { color: inherit; border-color: transparent; } .decNavigation .linkInner { background-color: #ffffff; padding: 0.2em 0.45em; line-height: 1.2; } .decNavigation .itemLink[data-hit] { -webkit-perspective: 600px; -moz-perspective: 600px; -ms-perspective: 600px; -o-perspective: 600px; perspective: 600px; } .decNavigation .itemLink[data-hit]:after { content: attr(data-hit); position: absolute; display: block; top: -0.2em; right: 0.2em; background-color: #ff0000; color: #ffffff; text-transform: uppercase; padding: 0 0.35em 0 0.5em; letter-spacing: 0.25em; -webkit-transform: rotateY(-50deg); -moz-transform: rotateY(-50deg); -ms-transform: rotateY(-50deg); -o-transform: rotateY(-50deg); transform: rotateY(-50deg); } /* end */ /* Promo settings */ .decNavigation.promo { margin: 40px 0; } .decNavigation.promo .itemLink { background-position: -1px -1px; } .decNavigation.promo .linkInner { line-height: 1.2; } .decNavigation.promo .linkInner .link { display: inline; vertical-align: bottom; } /* end */ /* Foundation settings */ .decNavigation.foundTypes { margin-top: 1.5em; padding-bottom: 1px; } .decNavigation.foundTypes:before { content: ""; position: absolute; bottom: 0; right: -50px; left: -100px; border-bottom: 1px solid #000000; opacity: 0.15; } .decNavigation.foundTypes .listItem, .decNavigation.foundTypes .itemLink { display: -webkit-flex; display: flex; } .decNavigation.foundTypes .listItem { width: 25%; } .decNavigation.foundTypes .linkInner { overflow: hidden; padding: 0.8em 1em; background-color: #f2f2f2; } /* end */ /* Media */ @media (max-width: 1365px) { .decNavigation.foundTypes .listItem { width: 50%; } } @media (max-width: 768px) { .decNavigation.promo { margin: 9vw 0; } .decNavigation.foundTypes .listItem { width: 1000%; } .decNavigation.foundTypes:before { right: -5vw; } } @media (max-width: 413px) { .decNavigation .linkInner { padding: 0.8vw 2vw; } } /* end */.headerSlider { position: relative; display: block; padding-bottom: 96px; } /* Inner slider */ .innerSlider { display: none; } .innerSlider .iSlideCaption { max-width: 1044px; } .innerSlider.show, .innerSlider .iSliderPictures { position: relative; display: block; } .innerSlider .iSliderPictures { overflow: hidden; } .innerSlider .uniFigure { display: none; } .innerSlider .uniFigure.show { display: block; } .innerSlider .iSliderWrap { position: relative; display: block; overflow: hidden; padding: 14px 10px 20px 0; } .innerSlider .iSliderWrap.scrollEnabled { overflow-y: hidden; overflow-x: auto; } .innerSlider .iSliderList { position: relative; display: table; border-collapse: separate; border-spacing: 10px 0; margin-left: 10px; } .innerSlider .iSliderList .wrapItem { position: relative; display: table-cell; cursor: pointer; } .innerSlider .iSliderList .wrapItem:hover { opacity: 0.9; } .innerSlider .iSliderList .wrapItem.active { opacity: 1; } .innerSlider .iSliderList .wrapItem.active:before { content: ""; position: absolute; display: block; top: 0; right: 0; bottom: 0; left: 0; border: 2px solid #000000; pointer-events: none; z-index: 1; } .innerSlider .iSliderList .wrapItem.active:after { content: ""; position: absolute; display: block; top: -14px; left: 50%; width: 2px; height: 14px; margin-left: -1px; background-color: #000000; pointer-events: none; } .innerSlider .iSliderList .wrapItem .imgWrap { position: relative; display: block; overflow: hidden; width: 170px; background-repeat: no-repeat; } .innerSlider .iSliderList .wrapItem .image { position: absolute; display: block; top: 0; left: 0; width: 100%; min-height: 100%; height: auto; } .innerSlider.dimabilan .iSliderList .wrapItem { background-image: url("../images/slider/dimabilan/sprite.jpg"); } .innerSlider.banya .iSliderList .wrapItem { background-image: url("../images/slider/banya/sprite.jpg"); } .innerSlider.domivan .iSliderList .wrapItem { background-image: url("../images/slider/domivan/sprite.jpg"); } .innerSlider.zaborlos .iSliderList .wrapItem { background-image: url("../images/slider/zaborlos/sprite.jpg"); } .innerSlider.baslos .iSliderList .wrapItem { background-image: url("../images/slider/baslos/sprite.jpg"); } .innerSlider.dimabilan .iSliderList .wrapItem.noBG { background: none; } .innerSlider .iSliderList .wrapItem:nth-child(1) { background-position: 0 0; } .innerSlider .iSliderList .wrapItem:nth-child(2) { background-position: -170px 0; } .innerSlider .iSliderList .wrapItem:nth-child(3) { background-position: -340px 0; } .innerSlider .iSliderList .wrapItem:nth-child(4) { background-position: -510px 0; } .innerSlider .iSliderList .wrapItem:nth-child(5) { background-position: -680px 0; } .innerSlider .iSliderList .wrapItem:nth-child(6) { background-position: -850px 0; } .innerSlider .iSliderList .wrapItem:nth-child(7) { background-position: -1020px 0; } .innerSlider .iSliderList .wrapItem:nth-child(8) { background-position: -1190px 0; } .innerSlider .iSliderList .wrapItem:nth-child(9) { background-position: -1360px 0; } .innerSlider .iSliderList .wrapItem:nth-child(10) { background-position: -1530px 0; } .innerSlider .iSliderList .wrapItem:nth-child(11) { background-position: -1700px 0; } .innerSlider .iSliderList .wrapItem:nth-child(12) { background-position: -1870px 0; } .innerSlider .iSliderList .wrapItem:nth-child(13) { background-position: -2040px 0; } .innerSlider .iSliderList .wrapItem:nth-child(14) { background-position: -2210px 0; } .innerSlider .iSliderList .wrapItem:nth-child(15) { background-position: -2380px 0; } .innerSlider .iSliderList .wrapItem:nth-child(16) { background-position: -2550px 0; } .innerSlider .iSliderList .wrapItem:nth-child(17) { background-position: -2720px 0; } .innerSlider .iSliderList .wrapItem:nth-child(18) { background-position: -2890px 0; } .innerSlider .iSliderList .wrapItem:nth-child(19) { background-position: -3060px 0; } .innerSlider .iSliderList .wrapItem:nth-child(20) { background-position: -3230px 0; } .innerSlider .iSliderList .wrapItem:nth-child(21) { background-position: -3400px 0; } .innerSlider .iSliderList .wrapItem:nth-child(22) { background-position: -3570px 0; } .innerSlider .iSliderList .wrapItem:nth-child(23) { background-position: -3740px 0; } .innerSlider .iSliderList .wrapItem:nth-child(24) { background-position: -3910px 0; } .innerSlider .iSliderList .wrapItem:nth-child(25) { background-position: -4080px 0; } /* Footer */ .innerSlider .iSliderFooter { position: relative; display: block; border-top: 1px solid rgba(0, 0, 0, 0.18); text-align: right; padding: 0.6em 0; } .innerSlider .iSliderFooter .iSlideFootItem { display: none; } .innerSlider .iSliderFooter .iSlideFootItem.show { display: block; } /* end */ /* Description */ .headerSlider .iSliderDescription .infoItem { margin-top: 1.5em; padding-left: 36px; } .headerSlider .iSliderDescription .infoItem:first-child { margin-top: 0.9em; } .headerSlider .iSliderDescription .iSlideInfo { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; max-width: 1080px; margin-left: -36px; } .headerSlider .iSliderDescription .infoItem.grow { width: 100%; } .headerSlider .iSliderDescription .infoItem .inner { display: block; max-width: 100%; } /* end */ /* uniFigure */ .uniFigure, .uniFigure .figInner { position: relative; display: block; } .uniFigure .figInner { overflow: hidden; } .uniFigure .figInner:before, .iSliderList .imgWrap:before { content: ""; display: block; /*padding-top: 46.8%;*/ padding-top: 56.25%; } .uniFigure .embed { position: absolute; display: block; top: 0; left: 0; width: 100%; height: auto; } .uniFigure .embed.video { height: 100%; } .uniFigure .embed.hide, .uniFigure.figVidTrigger .video { display: none; } .uniFigure.figVidTrigger.play .video { display: block; } .uniFigure.figVidTrigger.play .image { visibility: hidden; } .uniFigure .embed.middle { top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .uniFigure .figcaption { position: relative; display: block; margin: 0.8em 0; text-align: right; } /* end */ /* Media */ @media (max-width: 768px) { .innerSlider .iSliderWrap { padding-right: 0; } .innerSlider .iSliderList { margin-left: 0; } .innerSlider .iSliderList .wrapItem .imgWrap { width: 26.5vw; } .innerSlider .iSliderFooter { text-align: center; } .headerSlider { padding-bottom: 15vw; } .uniFigure .figcaption { text-align: center; } } /* */.sendForm { position: relative; display: block; padding: 28px 100px 60px 100px; } .sendForm .secOuter { padding: 0 48px 88px; background-color: #ffffff; } .sendForm .secWrap { position: relative; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-left: -80px; } .sendForm .secInner { position: relative; display: block; padding-left: 80px; max-width: 554px; overflow: hidden; } .sendForm .st-structure.wrap { -webkit-flex-wrap: wrap; flex-wrap: wrap; } .sendForm .secInner.info { width: 360px; -webkit-flex-grow: 1; flex-grow: 1; padding-top: 1.65em; } .sendForm .secInner.form { width: 420px; padding-bottom: 8px; padding-top: 2em; } .sendForm.success .secInner.form { width: auto; } .sendForm .secCaption { font-weight: normal; margin-bottom: 0.25em; } .sendForm .secLink { position: relative; display: block; color: inherit; text-decoration: none; margin-top: 1em; } .sendForm .secLink .link { padding-bottom: 0.15em; } .sendForm .secLink .size { display: block; margin-top: 0.5em; } /*.sendForm .requestForm { padding-right: 52px; }*/ .sendForm .submittedWrap, .sendForm.success .requestForm { display: none; } /* end */ /* form */ .sendForm .formLabel { line-height: 1; width: 120px; } .sendForm .coloredButton { width: 190px; margin-top: 16px; } .sendForm.success .submittedWrap { display: block; } /* end */ /* Submit */ .sendForm .successIcon { display: block; width: 72px; height: 72px; } .sendForm .successText { margin-top: 0.3em; margin-bottom: 0.5em; } /* end */ /* Media */ @media (max-width: 1600px) { .sendForm { padding-left: 50px; } } @media (max-width: 1024px) { .sendForm .secOuter { padding-right: 48px; } .sendForm .successIcon { margin: auto; } .sendForm .successText { text-align: center; } } @media (min-width: 769px) { .coreSection.grey .sendForm { margin-right: -50px; } } @media (max-width: 768px) { .sendForm .secOuter { padding: 1.5vw 5vw 12vw 5vw; } .sendForm .secInner.form { width: auto; } .sendForm .secInner { max-width: none; padding-left: 95px; } .sendForm .secInner.info, .sendForm .secInner.form { padding-top: 1em; } .sendForm .requestForm { padding-right: 0; } .sendForm .coloredButton { width: 43.2vw; margin-top: 3.6vw; } .sendForm { padding: 6vw 4vw 10vw 4vw; } .sendForm .successDescr { text-align: center; } } /* end */.foundSection { position: relative; display: block; } .foundSection .foundInfo { display: block; max-width: 1050px; padding: 2.5em 0 3em 0; } .foundSection .foundInfo p + p { margin-top: 1.4em; } /* Slider */ .foundSliderWrap { position: relative; display: block; display: -webkit-flex; display: flex; } .foundSliderWrap .secOuter { position: relative; display: block; } .foundSliderWrap .secOuter.aside .previewsList, .foundSliderWrap .secOuter.content .sliderPicWrap { padding: 1.5em 0; } /* end */ /* Aside */ .foundSliderWrap .secOuter.aside { width: 150px; } .foundSliderWrap .secOuter.aside .previewsList { position: relative; display: block; list-style: none; width: inherit; } .foundSliderWrap .secOuter.aside .prevItem { position: relative; display: block; padding-bottom: 10px; cursor: pointer; } .foundSliderWrap .secOuter.aside .prevItem:before, .foundSliderWrap .secOuter.aside .prevItem:after { content: ""; position: absolute; display: block; top: 0; right: 0; bottom: 0; left: 0; } .foundSliderWrap .secOuter.aside .prevItem:after { display: block; margin: 2px; background-color: #f2f2f2; } .foundSliderWrap .secOuter.aside .prevItem.active:after { margin: 5px; } .foundSliderWrap .secOuter.aside .prevItem:hover:before { background-color: rgba(0, 0, 0, 0.1); } .foundSliderWrap .secOuter.aside .prevItem:not(.active):before { background-image: none; } .foundSliderWrap .secOuter.aside .prevItem.active:before { background-color: transparent; } .foundSliderWrap .secOuter.aside .prevItem .thumb { position: relative; display: block; width: 150px; height: 101px; background-repeat: no-repeat; z-index: 1; } .foundSection.type-ln .secOuter.aside .thumb { background-image: url("../images/foundations/ln/sprite.png"); } .foundSection.type-st .secOuter.aside .thumb { background-image: url("../images/foundations/st/sprite.png"); } .foundSection.type-sv .secOuter.aside .thumb { background-image: url("../images/foundations/sv/sprite.png"); } .foundSection.type-mn .secOuter.aside .thumb { background-image: url("../images/foundations/mn/sprite.png"); } .foundSliderWrap .secOuter.aside .prevItem:nth-child(1) .thumb { background-position: 0 0; } .foundSliderWrap .secOuter.aside .prevItem:nth-child(2) .thumb { background-position: 0 -101px; } .foundSliderWrap .secOuter.aside .prevItem:nth-child(3) .thumb { background-position: 0 -202px; } .foundSliderWrap .secOuter.aside .prevItem:nth-child(4) .thumb { background-position: 0 -303px; } .foundSliderWrap .secOuter.aside .prevItem:nth-child(5) .thumb { background-position: 0 -404px; } .foundSliderWrap .secOuter.aside .prevItem:nth-child(6) .thumb { background-position: 0 -505px; } .foundSliderWrap .secOuter.aside .prevItem:nth-child(7) .thumb { background-position: 0 -606px; } .foundSliderWrap .secOuter.aside .prevItem:nth-child(8) .thumb { background-position: 0 -707px; } .foundSliderWrap .secOuter.aside .prevItem:nth-child(9) .thumb { background-position: 0 -808px; } .foundSliderWrap .secOuter.aside .prevItem:nth-child(10) .thumb { background-position: 0 -909px; } .foundSliderWrap .secOuter.aside .prevItem:nth-child(11) .thumb { background-position: 0 -1010px; } .foundSliderWrap .secOuter.aside .prevItem:nth-child(12) .thumb { background-position: 0 -1111px; } .foundSliderWrap .secOuter.aside .prevItem:nth-child(13) .thumb { background-position: 0 -1212px; } .foundSliderWrap .secOuter.aside .prevItem:nth-child(14) .thumb { background-position: 0 -1313px; } .foundSliderWrap .secOuter.aside .prevItem:nth-child(15) .thumb { background-position: 0 -1414px; } .foundSliderWrap .secOuter.aside .prevItem:nth-child(16) .thumb { background-position: 0 -1515px; } .foundSliderWrap .secOuter.aside .prevItem:nth-child(17) .thumb { background-position: 0 -1616px; } .foundSliderWrap .secOuter.aside .prevItem:nth-child(18) .thumb { background-position: 0 -1717px; } .foundSliderWrap .secOuter.aside .prevItem:nth-child(19) .thumb { background-position: 0 -1818px; } .foundSliderWrap .secOuter.aside .prevItem:nth-child(20) .thumb { background-position: 0 -1919px; } /* end */ /* Content */ .foundSliderWrap .secOuter.content div:nth-child(2) { visibility: hidden; } .foundSliderWrap .secOuter.content .pictureItem { position: relative; margin-left: auto; margin-right: auto; } .foundSliderWrap .secOuter.content .pictureItem.show { display: block; } .foundSliderWrap .secOuter.content .pictureItem .image { position: relative; display: block; margin: auto; width: auto; height: auto; max-width: 100%; overflow: hidden; } .foundSliderWrap .secOuter.content .pictureItem .figcaption { display: block; text-align: center; margin-top: 1em; } .foundSliderWrap .secOuter.content .pictureItem .image:before, .foundSliderWrap .secOuter.content .pictureItem .image:after { content: ""; display: block; } .foundSliderWrap .secOuter.content .pictureItem .image:after { position: absolute; top: 0; left: 0; width: 100%; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; background-size: 100% auto; } .foundSection.type-st .secOuter.content .image { max-width: 965px; } .foundSection.type-ln .secOuter.content .image, .foundSection.type-sv .secOuter.content .image, .foundSection.type-mn .secOuter.content .image { max-width: 1064px; } .foundSection.type-st .secOuter.content .image:before { padding-top: 67.8756476683%; } .foundSection.type-ln .secOuter.content .image:before, .foundSection.type-sv .secOuter.content .image:before, .foundSection.type-mn .secOuter.content .image:before { padding-top: 67.1992481203%; } .foundSection.type-ln .secOuter.content .image:after { padding-top: 671.9924812030%; background-image: url("../images/foundations/ln/sprite_origin.png"); } .foundSection.type-st .secOuter.content .image:after { padding-top: 543.0051813472%; background-image: url("../images/foundations/st/sprite_origin.png"); } .foundSection.type-sv .secOuter.content .image:after { padding-top: 1500%; background-image: url("../images/foundations/sv/sprite_origin.png"); } .foundSection.type-mn .secOuter.content .image:after { padding-top: 739.1917293233%; background-image: url("../images/foundations/mn/sprite_origin.png"); } .foundSection .secOuter.content .pictureItem:nth-child(1) .image:after { top: 0 } .foundSection .secOuter.content .pictureItem:nth-child(2) .image:after { top: -100% } .foundSection .secOuter.content .pictureItem:nth-child(3) .image:after { top: -200% } .foundSection .secOuter.content .pictureItem:nth-child(4) .image:after { top: -300% } .foundSection .secOuter.content .pictureItem:nth-child(5) .image:after { top: -400% } .foundSection .secOuter.content .pictureItem:nth-child(6) .image:after { top: -500% } .foundSection .secOuter.content .pictureItem:nth-child(7) .image:after { top: -600% } .foundSection .secOuter.content .pictureItem:nth-child(8) .image:after { top: -700% } .foundSection .secOuter.content .pictureItem:nth-child(9) .image:after { top: -800% } .foundSection .secOuter.content .pictureItem:nth-child(10) .image:after { top: -900% } .foundSection .secOuter.content .pictureItem:nth-child(11) .image:after { top: -1000% } .foundSection .secOuter.content .pictureItem:nth-child(12) .image:after { top: -1100% } .foundSection .secOuter.content .pictureItem:nth-child(13) .image:after { top: -1200% } .foundSection .secOuter.content .pictureItem:nth-child(14) .image:after { top: -1300% } .foundSection .secOuter.content .pictureItem:nth-child(15) .image:after { top: -1400% } .foundSection .secOuter.content .pictureItem:nth-child(16) .image:after { top: -1500% } .foundSection .secOuter.content .pictureItem:nth-child(17) .image:after { top: -1600% } /* end */ /* Media */ @media (min-width: 1024px) { .foundSliderWrap { display: -webkit-flex; display: flex; } .foundSliderWrap .secOuter.content { width: 0; -webkit-flex-grow: 1; flex-grow: 1; } .foundSliderWrap .secOuter.content .pictureItem { display: none; max-width: calc(100% - 1em); } .foundSection:not(.show) { visibility: hidden; overflow: hidden; height: 0; } /* Sticky */ .foundSliderWrap .secOuter .isFixed { position: fixed !important; } .foundSliderWrap .secOuter .isEnded { position: absolute !important; top: auto !important; bottom: 0 !important; } /* end */ } @media (max-width: 1023px) { .foundSliderWrap { height: auto !important; } .foundSliderWrap .secOuter.aside { display: none; } .foundSliderWrap .secOuter.content .pictureItem + .pictureItem { margin-top: 4em; } .foundSliderWrap .secOuter.content div:nth-child(2) { display: none !important; } .foundSliderWrap .sliderPicWrap { position: relative !important; width: auto !important; height: auto !important; top: auto !important; bottom: auto !important; } .foundSection:not(.show) { display: none; } } @media (min-width: 769px) { } /* end */.cusSection { position: relative; } /* Sewerage */ .cusSection.sewerage { display: block; margin-left: -48px; padding-bottom: 4.5em; margin-top: 4em; } .cusSection.sewerage > .wrap { position: relative; display: block; margin-left: 48px; } .cusSection.sewerage > .wrap.textcontent { margin-top: 1.5em; } .cusSection.sewerage > .wrap.textcontent .artP:last-child { margin-bottom: -0.1em; } @media (min-width: 1160px) { .cusSection.sewerage { display: -webkit-flex; display: flex; -webkit-align-items: flex-end; align-items: flex-end; } .cusSection.sewerage > .wrap.picture { width: 0; -webkit-flex-grow: 1; flex-grow: 1; } .cusSection.sewerage > .wrap.textcontent { width: 420px; } } /* end */ /* Materials */ .cusSection.materials { display: block; padding: 3em 2.5em 4em 2.5em; margin-top: 4em; } @media (min-width: 1120px) { .cusSection.materials { padding-right: 320px; } .cusSection.materials .cusWrap { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; max-width: 670px; min-height: 440px; } .cusSection.materials .cusAttach { -webkit-flex-grow: 1; flex-grow: 1; margin-top: -1.2em; } .cusSection.materials .cusAttach .attachCont { position: absolute; top: 85px; right: 80px; width: 210px; } } @media (max-width: 1119px) { .cusSection.materials .cusAttach .attachCont { text-align: center; } .cusSection.materials .cusAttach .attachCont .image { margin: auto; } } @media (max-width: 768px) { .cusSection.materials { margin-left: -5vw; margin-right: -5vw; padding-left: 5vw; padding-right: 5vw; } } /* end */ /* Report */ .cusSection.report { display: block; padding: 3em 3.5em 4em 2.5em; margin-top: 4em; } .cusSection.report .cusAttach { position: absolute; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-left: -24px; margin-top: -2em; z-index: 1; } .cusSection.report .cusAttach .attachCont { margin-left: 24px; margin-top: 2em; } .cusContent { position: relative; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: flex-end; align-items: flex-end; min-height: 420px; } .cusContent p:first-child { max-width: 360px; } .cusContent p:last-child { -webkit-order: 2; order: 2; max-width: 560px; margin-bottom: 0; } .cusContent:before { content: ""; display: block; -webkit-flex-grow: 1; flex-grow: 1; -webkit-order: 1; order: 1; margin-top: -1.2em; } @media (min-width: 1440px) and (max-width: 1679px) { .cusSection.report .cusAttach { position: relative; } .cusContent { display: block; min-height: 0; margin-top: 1.5em; } .cusContent:before { display: none; } .cusContent p { max-width: none !important; } } @media (max-width: 1409px) { .cusSection.report .cusAttach { position: relative; } .cusContent { display: block; min-height: 0; margin-top: 1.5em; } .cusContent:before { display: none; } .cusContent p { max-width: none !important; } } @media (max-width: 1032px) { .cusSection.report .cusAttach { -webkit-align-items: flex-end; align-items: flex-end; -webkit-justify-content: center; justify-content: center; text-align: center; } } @media (max-width: 768px) { .cusSection.report { margin-left: -5vw; margin-right: -5vw; padding: 12vw 5vw 15vw; } } /* end */ /* Can build */ .cusSection.canbuild { padding: 2em 3.5em 4em 2.5em; } .cusSection.canbuild .cusWrap { position: relative; } @media (min-width: 1110px) { .cusSection.canbuild .cusWrap { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; } .cusSection.canbuild .cusWrap p:first-child { width: 480px; } .cusSection.canbuild .cusWrap p:last-child { width: 500px; margin-top: 0.35em; margin-left: 1em; } } @media (max-width: 768px) { .cusSection.canbuild { margin-left: -5vw; margin-right: -5vw; padding: 8vw 5vw 10vw; } } /* end */ /* Adress */ .cusSection.adress { padding-bottom: 5em; margin-top: 3.8em; } .cusSection.adress .wrapItem { position: relative; } .cusSection.adress .sendForm, .cusSection.adress .sendForm .secOuter { padding: 0; } .cusSection.adress .sendForm .secWrap, .cusSection.adress .st-structure { display: block; } .cusSection.adress .sendForm .secInner.form { padding-top: 1em; } .cusSection.adress .st-structure .formLabel, .cusSection.adress .sendForm .secInner.info, .cusSection.adress .sendForm .secInner.form { width: auto; } .cusSection.adress .wrapItem.left .info { position: relative; display: block; list-style: none; } .cusSection.adress .wrapItem.left .info .infoItem + .infoItem { margin-top: 1em; } .cusSection.adress .wrapItem.left .info .infoItem .link { display: inline; vertical-align: top; } .cusSection.adress .wrapItem.right:before { content: ""; display: block; padding-top: 75%; } .cusSection.adress .wrapItem.right > .embed, .cusSection.adress .wrapItem.right > ymaps { position: absolute !important; top: 0 !important; right: 0 !important; border: none !important; width: 100% !important; height: 100% !important; } @media (min-width: 1024px) { .cusSection.adress .cusWrap { display: -webkit-flex; display: flex; } .cusSection.adress .wrapItem.left:before { content: ""; display: block; -webkit-flex-grow: 1; flex-grow: 1; -webkit-order: 1; order: 1; height: 0; } .cusSection.adress .wrapItem.left { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; max-width: 310px; padding-right: 24px; } .cusSection.adress .wrapItem.right { width: 0; -webkit-flex-grow: 1; flex-grow: 1; } .cusSection.adress .sendForm, .cusSection.adress .wrapItem.right { -webkit-order: 2; order: 2; } } @media (max-width: 1023px) { .cusSection.adress .wrapItem.left { margin-top: 1em; } .cusSection.adress .wrapItem.left .info .infoItem + .infoItem { margin-top: 0.75em } } @media (max-width: 768px) { .cusSection.adress .sendForm .secInner { padding-left: 80px; } } /* end */