body, html { margin: 0; height: 100%; font-size: 16px; } html { -webkit-text-size-adjust: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-width: 320px; -ms-overflow-style: scrollbar; -ms-text-size-adjust: 100%; line-height: 1.15; } body, sub, sup { position: relative; } body { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; color: #2b2929; background-color: #fff; font-family: SourceSansPro,Arial,sans-serif; -webkit-font-smoothing: subpixel-antialiased !important; -ms-backface-visibility: hidden; line-height: 1.2; } .slick-slide img, details, hr, main { display: block; } hr { overflow: visible; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; height: 1px; margin: 1em 0; padding: 0; border: 0; border-top: 1px solid #ccc; } kbd, samp { font-family: monospace,monospace; font-size: 1em; } a { background-color: transparent; } abbr[title] { text-decoration: underline dotted; border-bottom: none; } b, strong { font-weight: 700; } small { font-size: 80%; } sub, sup { vertical-align: baseline; font-size: 75%; line-height: 0; } sub { bottom: -.25em; } sup { top: -.5em; } button, input, optgroup, select, textarea { margin: 0; font-family: inherit; font-size: 100%; line-height: 1.15; } button, input { overflow: visible; } button, select { text-transform: none; } [type=button], [type=reset], [type=submit], button { -webkit-appearance: button; } [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { padding: 0; border-style: none; } [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { margin: 0; padding: 0; border: 0; } legend { display: table; max-width: 100%; white-space: normal; color: inherit; } progress { vertical-align: baseline; } textarea { overflow: auto; } [type=checkbox], [type=radio], legend { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } [type=search] { outline-offset: -2px; -webkit-appearance: textfield; } [type=search]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } summary { display: list-item; } [hidden], template { display: none; } @-ms-viewport { width: device-width; } [tabindex="-1"]:focus { outline: 0 !important; } [role=button] { cursor: pointer; } [role=button], a, area, button, input, label, select, summary, textarea { -ms-touch-action: manipulation; touch-action: manipulation; } ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } audio, canvas, iframe, img, svg, video { vertical-align: middle; } textarea { resize: vertical; } input, textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; } :focus, :hover, a, button, input { -webkit-tap-highlight-color: transparent; } *, :after, :before { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; } body:after { display: table; clear: both; content: ""; } .hidden, .slick-slide.slick-loading img { display: none; } .clear { clear: both; } h1 { color: #2b2929; margin: 0 0 30px; font-size: 30px; line-height: 1.3; } h1, h2, h3, h4, h5, h6 { word-wrap: break-word; word-break: break-word; font-family: SourceSansPro,Arial,sans-serif; font-weight: 700; overflow-wrap: break-word; } h2 { font-size: 22px; color: #6b380d; line-height: 1.4; text-align: center; padding: 20px 0 0; } h3, h4, h5, h6 { margin: 0 0 1.5em; color: #2b2929; line-height: 1.2; } h3 { font-size: 24px; } h4 { font-size: 20px; } h5 { font-size: 16px; } h6 { font-size: 1em; } address, dl, figure, h2, ol, pre, table, ul { margin: 0 0 20px; } code, p, pre { color: #2b2929; } p { margin: 0 0 20px; font-weight: 300; font-style: normal; font-family: SourceSansPro,Arial,sans-serif; font-size: 20px; line-height: 1.55; } a, button { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } a, a:hover { text-decoration: none; color: inherit; } a:hover { color: #5dc12e; } button { cursor: pointer; } img { display: inline-block; max-width: 100%; height: auto; border: 0; } em, i, q, q q { font-style: italic; } ol, ul { padding-left: 2em; list-style-position: inside; } dd, dt { line-height: 1.2; } dt { font-weight: 700; } dd { margin-left: 0; } code, pre { overflow: hidden; white-space: pre-wrap; word-wrap: break-word; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; font-family: Consolas,"Courier New","Nimbus Mono L",monospace; font-size: 16px; line-height: 1.6; } pre { padding: 1em; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #eee; } q, q q { quotes: "«" "»"; } q q { quotes: "„" "“"; } blockquote { margin: 0 0 1.2em; padding: 0.6em; } .article p:last-child, blockquote ol:last-child, blockquote p:last-child, blockquote ul:last-child { margin-bottom: 0; } blockquote ol:first-child, blockquote p:first-child, blockquote ul:first-child { margin-top: 0; } blockquote footer, blockquote small { display: block; font-size: 80%; line-height: 1.2; } blockquote footer:before, blockquote small:before { content: "\2014 \00A0"; } .field__field input, .field__field select, .field__field textarea, table { width: 100%; } .bold, .strong { font-weight: 600; } .list, .list li { display: block; margin: 0; } .list { list-style: none; padding: 0; } .list li { position: relative; padding: 0 0 0 45px; color: #2b2929; font-family: SourceSansPro,Arial,sans-serif; font-size: 18px; font-weight: 400; font-style: normal; line-height: 1.33; } .list li:not(:last-child) { margin-bottom: 20px; } .list li::before { position: absolute; top: 0; left: 0; display: block; width: 28px; height: 28px; content: ""; background-image: url("../img/list-item.svg"); background-repeat: no-repeat; background-position: center center; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; } .list--bold li { font-weight: 600; } .list-steps { display: block; margin: 0 0 1.5em; padding: 0 0 0 5px; list-style: none; counter-reset: steps; } .list-steps li { position: relative; display: block; margin: 0 0 1em; padding: 0 0 0 20px; color: #2b2929; font-family: SourceSansPro,Arial,sans-serif; font-size: 18px; font-weight: 400; font-style: normal; line-height: 1.33; } .list-steps li::before { position: absolute; top: 0; left: 0; display: inline-block; content: counter(steps); counter-increment: steps; color: #ff9d6a; font-weight: 700; } .svg-icon { display: inline-block; width: 1em; height: 1em; fill: currentColor; } .svg-icon--arrow-left, .svg-icon--arrow-right { width: 2.5em; font-size: 1.25rem; } .svg-icon--email { width: 1.142857142857143em; font-size: 0.875rem; width: 24px !important; } .svg-icon--location { width: 0.736842105263158em; font-size: 1.1875rem; } .svg-icon--phone, .svg-icon--search { width: 1em; font-size: 1.125rem; } .svg-icon--triangle { width: 0.888888888888889em; font-size: 1.125rem; } .svg-icon--user { width: 0.789473684210526em; font-size: 1.1875rem; } .slick-list, .slick-slider { position: relative; display: block; } .slick-slider { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -khtml-user-select: none; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .slick-list { overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: 0; } .slick-list.dragging { cursor: pointer; cursor: pointer; } .slick-slider .slick-list, .slick-slider .slick-track { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-right: auto; margin-left: auto; } .slick-track:after, .slick-track:before { display: table; content: ""; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir=rtl] .slick-slide { float: right; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .os-theme-dark.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before, .os-theme-dark.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before, .os-theme-light.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before, .os-theme-light.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before, .slick-arrow.slick-hidden { display: none; } .slick-next, .slick-prev { position: absolute; z-index: 20; top: 50%; display: block; width: 16px; height: 20px; margin-top: -10px; padding: 0; color: transparent; border: none; background-color: transparent; font-size: 0; } .slick-next::before, .slick-prev::before { position: absolute; top: 50%; display: block; width: 20px; height: 20px; margin-top: -6px; content: ""; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); border-width: 4px; border-color: #c6c6c6; } .slick-next:hover::before, .slick-prev:hover::before { border-color: #5dc12e; } .slick-next.slick-disabled, .slick-prev.slick-disabled { cursor: default; } .slick-next.slick-disabled::before, .slick-prev.slick-disabled::before { border-color: #eee; } .slick-prev { left: 0; } .slick-prev::before { left: 4px; border-style: none none solid solid; } .slick-next { right: 0; } .slick-next::before { right: 5px; border-style: solid solid none none; } .slick-dots { display: block; width: 100%; max-width: 100%; margin: 20px 0 0; padding: 0 15px; list-style: none; text-align: center; font-size: 0; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0; vertical-align: top; } .slick-dots li button { position: absolute; top: 50%; left: 50%; display: inline-block; overflow: hidden; width: 8px; height: 8px; margin-top: -4px; margin-left: -4px; padding: 0; cursor: pointer; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; color: transparent; border: none; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; outline: 0; background-color: rgba(43,41,41,.2); font-size: 0; } .slick-dots li button:hover, .slick-dots li.slick-active button { background-color: #5dc12e; } iframe { display: none; } html.os-html, html.os-html > .os-host { position: absolute !important; display: block; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100% !important; min-width: 100% !important; height: 100% !important; min-height: 100% !important; margin: 0 !important; } html.os-html > .os-host > .os-padding { position: absolute; } body.os-dragging, body.os-dragging * { cursor: default; } .os-host, .os-host-textarea { position: relative; overflow: visible !important; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start; align-content: flex-start; -webkit-align-content: flex-start; -webkit-align-items: flex-start; -webkit-box-align: start; -moz-box-align: start; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-align: start; -webkit-flex-direction: column; -ms-flex-direction: column; -ms-flex-line-pack: start; -ms-flex-pack: start; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; -ms-grid-row-align: flex-start; -webkit-justify-content: flex-start; } .os-host-flexbox { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; overflow: hidden !important; } .os-host-flexbox > .os-size-auto-observer { height: inherit !important; } .os-host-flexbox > .os-content-glue, .os-host-flexbox > .os-size-auto-observer { flex-grow: 0; flex-shrink: 1; flex-basis: auto; min-width: 0; min-height: 0; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex-basis: auto; -webkit-flex-grow: 0; -ms-flex-negative: 1; -ms-flex-positive: 0; -ms-flex-preferred-size: auto; -webkit-flex-shrink: 1; } #os-dummy-scrollbar-size { position: fixed; visibility: hidden; overflow: scroll; width: 500px; height: 500px; opacity: 0; } #os-dummy-scrollbar-size > div { width: 200%; height: 200%; margin: 10px 0; } #os-dummy-scrollbar-size, .os-viewport { -ms-overflow-style: scrollbar !important; } .os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size, .os-viewport-native-scrollbars-invisible.os-viewport { scrollbar-width: none !important; } .os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar, .os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar-corner, .os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar, .os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar-corner { display: none !important; visibility: hidden !important; width: 0 !important; height: 0 !important; background: 0 0 !important; } .os-content-glue, .os-padding { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; } .os-content-glue { max-width: 100%; max-height: 100%; pointer-events: none; width: 100%; } .os-padding { position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; overflow: visible; width: auto !important; height: auto !important; margin: 0; padding: 0; direction: inherit; } .os-host-overflow > .os-padding, .os-viewport { overflow: hidden; } .os-viewport { position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-overflow-scrolling: touch; -webkit-box-sizing: inherit !important; -moz-box-sizing: inherit !important; box-sizing: inherit !important; margin: 0; padding: 0; resize: none !important; outline: 0 !important; direction: inherit !important; } .os-content-arrange { position: absolute; z-index: -1; min-width: 1px; min-height: 1px; pointer-events: none; } .os-content, .os-content > .os-textarea { -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; } .os-content { visibility: visible; width: 100%; height: 100%; position: relative; display: block; direction: inherit; } .os-content:after, .os-content:before { display: table; width: 0; height: 0; content: ""; font-size: 0; line-height: 0; } .os-content > .os-textarea { position: absolute !important; z-index: 1 !important; top: 0 !important; left: 0 !important; display: block !important; float: none !important; overflow: hidden !important; clip: auto !important; max-width: none !important; max-height: none !important; margin: 0 !important; padding: 0; resize: none !important; -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; vertical-align: baseline !important; opacity: 1 !important; border: none !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; outline: 0 none transparent !important; background: 0 0 !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; direction: inherit !important; -webkit-filter:none !important; filter:none !important; -webkit-perspective: none !important; -moz-perspective: none !important; perspective: none !important; } .os-host-rtl > .os-padding > .os-viewport > .os-content > .os-textarea { right: 0 !important; } .os-content > .os-textarea-cover { z-index: -1; pointer-events: none; } .os-content > .os-textarea[wrap=off] { margin: 0 !important; white-space: pre !important; } .os-text-inherit { cursor: text; text-align: inherit; text-decoration: inherit; text-indent: inherit; letter-spacing: inherit; word-spacing: inherit; text-transform: inherit; text-overflow: inherit; color: inherit; text-shadow: inherit; font-family: inherit; font-size: inherit; font-weight: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; direction: inherit; -o-text-overflow: inherit; unicode-bidi: inherit; } .os-resize-observer { position: absolute; top: 0; left: 0; display: block; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; width: 100%; opacity: 0; } .os-resize-observer, .os-resize-observer-host, .os-size-auto-observer { z-index: -1; overflow: hidden; height: 100%; pointer-events: none; } .os-resize-observer-host { top: 0; left: 0; display: block; opacity: 0; border: inherit; border-style: solid; border-color: transparent; position: absolute; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: inherit; } .os-resize-observer-host:after { content: ""; } .os-resize-observer-host > .os-resize-observer, .os-resize-observer-host:after { display: block; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; width: 200%; height: 200%; margin: 0; padding: inherit; border: inherit; } .os-resize-observer.observed, object.os-resize-observer { -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; } .os-size-auto-observer { position: relative; float: left; flex-grow: inherit; flex-shrink: 0; flex-basis: 0; -webkit-box-sizing: inherit !important; -moz-box-sizing: inherit !important; box-sizing: inherit !important; width: inherit; max-width: 1px; max-height: 1px; margin: 0; padding: 0; -webkit-box-flex: inherit; -moz-box-flex: inherit; -webkit-flex-basis: 0; -webkit-flex-grow: inherit; -ms-flex-negative: 0; -ms-flex-positive: inherit; -ms-flex-preferred-size: 0; -webkit-flex-shrink: 0; } .os-size-auto-observer > .os-resize-observer { width: 1000%; min-width: 1px; height: 1000%; min-height: 1px; } .os-resize-observer-item, .os-resize-observer-item-final { position: absolute; top: 0; left: 0; flex: none !important; -webkit-box-flex: 0 !important; -moz-box-flex: 0 !important; -webkit-flex: none !important; -ms-flex: none !important; } .os-resize-observer-item { z-index: -1; right: 0; bottom: 0; overflow: hidden; opacity: 0; direction: ltr !important; } .os-resize-observer-item-final { -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; transition: none !important; } .os-host-transition > .os-scrollbar, .os-host-transition > .os-scrollbar-corner { -webkit-transition: opacity 0.3s,visibility 0.3s,top 0.3s,right 0.3s,bottom 0.3s,left 0.3s; -moz-transition: opacity 0.3s,visibility 0.3s,top 0.3s,right 0.3s,bottom 0.3s,left 0.3s; -o-transition: opacity 0.3s,visibility 0.3s,top 0.3s,right 0.3s,bottom 0.3s,left 0.3s; transition: opacity 0.3s,visibility 0.3s,top 0.3s,right 0.3s,bottom 0.3s,left 0.3s; } html.os-html > .os-host > .os-scrollbar { position: absolute; z-index: 999999; } .os-scrollbar, .os-scrollbar-corner { position: absolute; z-index: 1; opacity: 1; } .os-scrollbar-corner { right: 0; bottom: 0; } .os-scrollbar { pointer-events: none; } .os-scrollbar-handle, .os-scrollbar-track { width: 100%; height: 100%; pointer-events: auto; } .os-scrollbar-track { padding: 0 !important; border: none !important; position: relative; } .os-scrollbar-handle { position: absolute; } .os-scrollbar-handle-off, .os-scrollbar-track-off { pointer-events: none; } .os-scrollbar.os-scrollbar-unusable, .os-scrollbar.os-scrollbar-unusable * { pointer-events: none !important; } .os-scrollbar.os-scrollbar-unusable .os-scrollbar-handle { opacity: 0 !important; } .os-scrollbar-horizontal { bottom: 0; left: 0; } .os-scrollbar-vertical { top: 0; right: 0; } .os-host-rtl > .os-scrollbar-horizontal { right: 0; } .os-host-rtl > .os-scrollbar-corner, .os-host-rtl > .os-scrollbar-vertical { right: auto; left: 0; } .os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-corner, .os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-corner, .os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal, .os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical, .os-padding+.os-scrollbar-corner, .os-scrollbar-auto-hidden, .os-scrollbar-horizontal+.os-scrollbar-vertical.os-scrollbar-auto-hidden+.os-scrollbar-corner, .os-scrollbar-horizontal.os-scrollbar-auto-hidden+.os-scrollbar-vertical+.os-scrollbar-corner, .os-scrollbar-horizontal.os-scrollbar-auto-hidden+.os-scrollbar-vertical.os-scrollbar-auto-hidden+.os-scrollbar-corner { visibility: hidden; pointer-events: none; opacity: 0; } .os-scrollbar-corner-resize-both { cursor: nwse-resize; } .os-host-rtl > .os-scrollbar-corner-resize-both { cursor: nesw-resize; } .os-scrollbar-corner-resize-horizontal { cursor: ew-resize; } .os-scrollbar-corner-resize-vertical { cursor: ns-resize; } .os-dragging .os-scrollbar-corner.os-scrollbar-corner-resize { cursor: default; } .os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-vertical { top: 0; bottom: 0; } .os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal, .os-host-rtl.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal { right: 0; left: 0; } .os-scrollbar-corner.os-scrollbar-corner-resize, .os-scrollbar:hover { visibility: visible !important; opacity: 1 !important; } .os-scrollbar-corner.os-scrollbar-corner-resize { pointer-events: auto !important; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB3aWR0aD0iMTAiICAgaGVpZ2h0PSIxMCIgICB2ZXJzaW9uPSIxLjEiPiAgPGcgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwNDIuMzYyMikiICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eTowLjQ5NDExNzY1O2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDcuNDI0MjE4NywxMDQyLjM2MjIgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjYgLTEuMzEwMTU2MiwxLjMxMDIgMCwwLjI5OSAwLjEwNDM0MTksMC41NzEgMC4yNzI5NDkyLDAuNzkxNSAwLjIwOTEwMjQsMC4xNDEzIDAuNDY1NjIwNiwwLjIxODQgMC43MzY5NjI5LDAuMjE4NCAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NiAxLjMxMDE1NjMsLTEuMzEwMiAwLC0wLjI3MTMgLTAuMDc3MDkzLC0wLjUyNzggLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0MSwtMC4xNjg2IC0wLjQ5MjU0NDMsLTAuMjcyOSAtMC43OTE1NTI4LC0wLjI3MjkgeiBtIDAsMy4wODQzIGMgLTAuNzIzNTc5MiwwIC0xLjMxMDE1NjIsMC41ODY2IC0xLjMxMDE1NjIsMS4zMTAyIDAsMC4yOTkgMC4xMDQzNDE5LDAuNTcxIDAuMjcyOTQ5MiwwLjc5MTUgMC4yMDkxMDI0LDAuMTQxMyAwLjQ2NTYyMDYsMC4yMTg0IDAuNzM2OTYyOSwwLjIxODQgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjYgMS4zMTAxNTYzLC0xLjMxMDIgMCwtMC4yNzEzIC0wLjA3NzA5MywtMC41Mjc4IC0wLjIxODM1OTQsLTAuNzM2OSAtMC4yMjA0OTQxLC0wLjE2ODYgLTAuNDkyNTQ0MywtMC4yNzMgLTAuNzkxNTUyOCwtMC4yNzMgeiBtIC0zLjA4NDMyNjEsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NiAtMS4zMTAxNTYzLDEuMzEwMiAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MSAwLjI3Mjk0OTIsMC43OTE1IDAuMjA5MTAyNCwwLjE0MTMgMC40NjU2MjA3LDAuMjE4NCAwLjczNjk2MjksMC4yMTg0IDAuNzIzNTc5MywwIDEuMzEwMTU2MywtMC41ODY2IDEuMzEwMTU2MywtMS4zMTAyIDAsLTAuMjcxMyAtMC4wNzcwOTMsLTAuNTI3OCAtMC4yMTgzNTk0LC0wLjczNjkgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzMgLTAuNzkxNTUyNywtMC4yNzMgeiBtIC0zLjAyOTczNjQsMy4wMjk4IEMgMC41ODY1NzY5MywxMDQ4LjQ3NjMgMCwxMDQ5LjA2MjggMCwxMDQ5Ljc4NjQgYyAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyMiwwLjc5MTYgMC4yMDkxMDIyOSwwLjE0MTIgMC40NjU2MjA2NSwwLjIxODMgMC43MzY5NjI4OCwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHogbSAzLjAyOTczNjQsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NSAtMS4zMTAxNTYzLDEuMzEwMSAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyLDAuNzkxNiAwLjIwOTEwMjQsMC4xNDEyIDAuNDY1NjIwNywwLjIxODMgMC43MzY5NjI5LDAuMjE4MyAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NSAxLjMxMDE1NjMsLTEuMzEwMSAwLC0wLjI3MTQgLTAuMDc3MDkzLC0wLjUyNzkgLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzI5IC0wLjc5MTU1MjcsLTAuMjcyOSB6IG0gMy4wODQzMjYxLDAgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjUgLTEuMzEwMTU2MiwxLjMxMDEgMCwwLjI5OSAwLjEwNDM0MTksMC41NzExIDAuMjcyOTQ5MiwwLjc5MTYgMC4yMDkxMDI0LDAuMTQxMiAwLjQ2NTYyMDYsMC4yMTgzIDAuNzM2OTYyOSwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHoiLz4gIDwvZz4gIDxnICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDguMjE1NzcxNSwwLjI3Mjk0OTIyIGMgMC4xNDEyNjY3LDAuMjA5MTAyMjkgMC4yMTgzNTk0LDAuNDY1NjIwNjUgMC4yMTgzNTk0LDAuNzM2OTYyODggMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDc2IC0wLjIwNTUxNzYsLTAuNzk3Nzk2NTkgLTAuNTE4NjAzNSwtMS4wMzcyMDY5OCB6IG0gMCwzLjA4NDMyNjE4IGMgMC4xNDEyNjY3LDAuMjA5MTAyMyAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MiAtMS4zMTAxNTYzLDEuMzEwMTU2MiAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTkzIDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAtMy4wODQzMjYyLDAgYyAwLjE0MTI2NjcsMC4yMDkxMDIzIDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYyIC0xLjMxMDE1NjMsMS4zMTAxNTYyIC0wLjI3MTM0MjIsMCAtMC41Mjc4NjA1LC0wLjA3NzA5MyAtMC43MzY5NjI5LC0wLjIxODM1OTMgMC4yMzk0MTA0LDAuMzEzMDg1OSAwLjYxMjYzNjMsMC41MTg2MDM1IDEuMDM3MjA3MSwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYyLC0wLjU4NjU3NyAxLjMxMDE1NjIsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NSwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogTSAyLjEwMTcwOSw2LjM4NzAxMTcgYyAwLjE0MTI2NjcsMC4yMDkxMDI0IDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYzIC0xLjMxMDE1NjMsMS4zMTAxNTYzIC0wLjI3MTM0MjIzLDAgLTAuNTI3ODYwNTksLTAuMDc3MDkzIC0wLjczNjk2Mjg4LC0wLjIxODM1OTQgMC4yMzk0MTAzOSwwLjMxMzA4NTkgMC42MTI2MzYyMiwwLjUxODYwMzUgMS4wMzcyMDY5OCwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAzLjAyOTczNjMsMCBjIDAuMTQxMjY2NywwLjIwOTEwMjQgMC4yMTgzNTk0LDAuNDY1NjIwNiAwLjIxODM1OTQsMC43MzY5NjI5IDAsMC43MjM1NzkzIC0wLjU4NjU3NywxLjMxMDE1NjMgLTEuMzEwMTU2MywxLjMxMDE1NjMgLTAuMjcxMzQyMiwwIC0wLjUyNzg2MDUsLTAuMDc3MDkzIC0wLjczNjk2MjksLTAuMjE4MzU5NCAwLjIzOTQxMDQsMC4zMTMwODU5IDAuNjEyNjM2MywwLjUxODYwMzUgMS4wMzcyMDcxLDAuNTE4NjAzNSAwLjcyMzU3OTMsMCAxLjMxMDE1NjIsLTAuNTg2NTc3IDEuMzEwMTU2MiwtMS4zMTAxNTYzIDAsLTAuNDI0NTcwOCAtMC4yMDU1MTc1LC0wLjc5Nzc5NjYgLTAuNTE4NjAzNSwtMS4wMzcyMDcgeiBtIDMuMDg0MzI2MiwwIGMgMC4xNDEyNjY3LDAuMjA5MTAyNCAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHoiIC8+ICA8L2c+PC9zdmc+"); background-repeat: no-repeat; background-position: 100% 100%; } .os-host-rtl > .os-scrollbar-corner.os-scrollbar-corner-resize { -webkit-transform: scale(-1,1); -moz-transform: scale(-1,1); -ms-transform: scale(-1,1); -o-transform: scale(-1,1); transform: scale(-1,1); } .os-host-overflow { overflow: hidden !important; } .os-theme-none > .os-scrollbar-corner, .os-theme-none > .os-scrollbar-horizontal, .os-theme-none > .os-scrollbar-vertical { display: none !important; } .os-theme-none > .os-scrollbar-corner-resize { display: block !important; min-width: 10px; min-height: 10px; } .os-theme-dark > .os-scrollbar-horizontal, .os-theme-light > .os-scrollbar-horizontal { right: 10px; height: 10px; } .os-theme-dark > .os-scrollbar-vertical, .os-theme-light > .os-scrollbar-vertical { bottom: 10px; } .os-theme-dark.os-host-rtl > .os-scrollbar-horizontal, .os-theme-light.os-host-rtl > .os-scrollbar-horizontal { right: 0; left: 10px; } .os-theme-dark > .os-scrollbar-corner, .os-theme-light > .os-scrollbar-corner { width: 10px; height: 10px; background-color: transparent; } .os-theme-dark > .os-scrollbar, .os-theme-light > .os-scrollbar { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 2px; background: 0 0; } .os-theme-dark > .os-scrollbar > .os-scrollbar-track, .os-theme-dark > .os-scrollbar.os-scrollbar-unusable, .os-theme-light > .os-scrollbar > .os-scrollbar-track, .os-theme-light > .os-scrollbar.os-scrollbar-unusable { background: 0 0; } .os-theme-dark > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle, .os-theme-light > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle { min-width: 30px; } .os-theme-dark > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle, .os-theme-light > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle { min-height: 30px; } .os-theme-dark.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle, .os-theme-light.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle { -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; } .os-theme-dark > .os-scrollbar > .os-scrollbar-track, .os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle, .os-theme-light > .os-scrollbar > .os-scrollbar-track, .os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle { background: rgba(0,0,0,.4); } .os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle { background: rgba(255,255,255,.4); } .os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle { background: rgba(0,0,0,.55); } .os-theme-light > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle { background: rgba(255,255,255,.55); } .os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active { background: rgba(0,0,0,.7); } .os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active { background: rgba(255,255,255,.7); } .os-theme-dark > .os-scrollbar-horizontal .os-scrollbar-handle:before { position: absolute; right: 0; left: 0; display: block; content: ""; } .os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before { position: absolute; top: 0; bottom: 0; display: block; content: ""; } .os-theme-light > .os-scrollbar-horizontal .os-scrollbar-handle:before { position: absolute; right: 0; left: 0; display: block; content: ""; } .os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before { position: absolute; top: 0; bottom: 0; display: block; content: ""; } .os-theme-dark > .os-scrollbar-horizontal .os-scrollbar-handle:before, .os-theme-light > .os-scrollbar-horizontal .os-scrollbar-handle:before { top: -6px; bottom: -2px; } .os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before, .os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before { right: -2px; left: -6px; } .os-host-rtl.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before, .os-host-rtl.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before { right: -6px; left: -2px; } .os-theme-dark > .os-scrollbar-vertical, .os-theme-light > .os-scrollbar-vertical { width: 8px; } .os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle { background: rgba(0,0,0,.2); } .mfp-bg { position: fixed; z-index: 1042; overflow: hidden; opacity: 0.8; background: #0b0b0b; } .mfp-bg, .mfp-container, .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; } .mfp-wrap { z-index: 1043; -webkit-backface-visibility: hidden; outline: 0 !important; position: fixed; } .mfp-container { position: absolute; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; } .mfp-container:before, .mfp-content { display: inline-block; vertical-align: middle; } .mfp-container:before { height: 100%; content: ""; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; z-index: 1045; margin: 0 auto; text-align: left; } .mfp-ajax-holder .mfp-content, .mfp-inline-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-arrow, .mfp-close, .mfp-counter, .mfp-preloader { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mfp-loading.mfp-figure, .mfp-s-error .mfp-content, .mfp-s-ready .mfp-preloader { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { position: absolute; z-index: 1044; top: 50%; right: 8px; left: 8px; width: auto; margin-top: -.8em; text-align: center; color: #ccc; } .mfp-preloader a { color: #ccc; } .mfp-preloader a:hover { color: #fff; } button.mfp-arrow, button.mfp-close { z-index: 1046; display: block; overflow: visible; padding: 0; cursor: pointer; border: 0; outline: 0; background: 0 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -ms-touch-action: manipulation; touch-action: manipulation; -webkit-appearance: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { position: absolute; top: 0; right: 0; width: 44px; height: 44px; padding: 0 0 18px 10px; text-align: center; text-decoration: none; opacity: 0.65; color: #fff; font-family: Arial,Baskerville,monospace; font-size: 28px; font-style: normal; line-height: 44px; } .mfp-close:focus, .mfp-close:hover { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close { right: -6px; width: 100%; padding-right: 6px; text-align: right; color: #fff; } .mfp-counter { position: absolute; top: 0; right: 0; white-space: nowrap; color: #ccc; font-size: 12px; line-height: 18px; } .mfp-arrow { position: absolute; top: 50%; width: 90px; height: 110px; margin: -55px 0 0; padding: 0; opacity: 0.65; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:focus, .mfp-arrow:hover { opacity: 1; } .mfp-arrow:after, .mfp-arrow:before { position: absolute; top: 0; left: 0; display: block; width: 0; height: 0; margin-top: 35px; margin-left: 35px; content: ""; border: medium inset transparent; } .mfp-arrow:after { top: 8px; border-top-width: 13px; border-bottom-width: 13px; } .mfp-arrow:before { opacity: 0.7; border-top-width: 21px; border-bottom-width: 21px; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { margin-left: 31px; border-right: 17px solid #fff; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3f3f3f; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { margin-left: 39px; border-left: 17px solid #fff; } .mfp-arrow-right:before { border-left: 27px solid #3f3f3f; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { width: 100%; max-width: 900px; line-height: 0; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { overflow: hidden; width: 100%; height: 0; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: #000; -webkit-box-shadow: 0 0 8px rgba(0,0,0,.6); -moz-box-shadow: 0 0 8px rgba(0,0,0,.6); box-shadow: 0 0 8px rgba(0,0,0,.6); } .mfp-figure:after, img.mfp-img { display: block; width: auto; height: auto; } img.mfp-img { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; padding: 40px 0; } .mfp-figure, img.mfp-img { line-height: 0; } .mfp-figure:after { position: absolute; z-index: -1; top: 40px; right: 0; bottom: 40px; left: 0; content: ""; background: #444; -webkit-box-shadow: 0 0 8px rgba(0,0,0,.6); -moz-box-shadow: 0 0 8px rgba(0,0,0,.6); box-shadow: 0 0 8px rgba(0,0,0,.6); } .mfp-figure small { display: block; color: #bdbdbd; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { position: absolute; top: 100%; left: 0; width: 100%; margin-top: -36px; cursor: auto; } .mfp-title { padding-right: 36px; text-align: left; word-wrap: break-word; color: #f3f3f3; line-height: 18px; } .mfp-image-holder .mfp-content, img.mfp-img { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } .mfp-container { padding: 0; } .mfp-zoom-in .popup { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: scale(.8); -moz-transform: scale(.8); -ms-transform: scale(.8); -o-transform: scale(.8); transform: scale(.8); opacity: 0; } .mfp-zoom-in.mfp-bg { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; opacity: 0; } .mfp-zoom-in.mfp-ready .popup { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } .mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.9; } .mfp-zoom-in.mfp-removing .popup { -webkit-transform: scale(.8); -moz-transform: scale(.8); -ms-transform: scale(.8); -o-transform: scale(.8); transform: scale(.8); opacity: 0; } .mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; } .button, .button:hover { text-decoration: none; color: #fff; } .button, .button::before { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .button { display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; flex-flow: row nowrap; justify-content: center; align-items: center; min-height: 44px; padding: 15px 30px 13px; cursor: pointer; text-align: center; text-transform: uppercase; border: none; background: -webkit-gradient(linear,left top,left bottom,from(#ff9c68),to(#d16537)); background: -webkit-linear-gradient(top,#ff9c68 0,#d16537 100%); background: -moz- oldlinear-gradient(top,#ff9c68 0,#d16537 100%); background: -o-linear-gradient(top,#ff9c68 0,#d16537 100%); background: linear-gradient(180deg,#ff9c68 0,#d16537 100%); text-shadow: 0 1px 1px rgba(0,0,0,.1); font-family: SourceSansPro,Arial,sans-serif; font-size: 12px; font-weight: 700; line-height: 16px; -webkit-align-items: center; -webkit-box-align: center; -moz-box-align: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-align: center; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; -ms-flex-pack: center; -webkit-justify-content: center; position: relative; -webkit-box-shadow: 0 3px 8px rgba(245,145,94,.4),inset 0 2px 0 rgba(255,255,255,.29); -moz-box-shadow: 0 3px 8px rgba(245,145,94,.4),inset 0 2px 0 rgba(255,255,255,.29); box-shadow: 0 3px 8px rgba(245,145,94,.4),inset 0 2px 0 rgba(255,255,255,.29); background-color: #d16537; } .button::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; content: ""; pointer-events: none; opacity: 0; background: -webkit-gradient(linear,left top,left bottom,from(#ff9c68),to(#e77c4e)); background: -webkit-linear-gradient(top,#ff9c68 0,#e77c4e 100%); background: -moz- oldlinear-gradient(top,#ff9c68 0,#e77c4e 100%); background: -o-linear-gradient(top,#ff9c68 0,#e77c4e 100%); background: linear-gradient(180deg,#ff9c68 0,#e77c4e 100%); background-color: #e77c4e; -webkit-box-shadow: 0 2px 8px rgba(245,145,94,.2),inset 0 2px 0 rgba(255,255,255,.29); -moz-box-shadow: 0 2px 8px rgba(245,145,94,.2),inset 0 2px 0 rgba(255,255,255,.29); box-shadow: 0 2px 8px rgba(245,145,94,.2),inset 0 2px 0 rgba(255,255,255,.29); } .button:hover { border-color: #5dc12e; background-color: #5dc12e; } .button:hover::before { opacity: 1; } .button--small { min-height: 36px; padding: 11px 30px 9px; font-size: 11px; } .button--big { min-height: 50px; padding: 18px 30px 16px; font-size: 16px; } .button--frame-blue, .button--frame-red { color: #369; border-color: #369; background-color: transparent; } .button--frame-blue:hover { color: #fff; border-color: #369; background-color: #369; } .button--frame-red { color: #c33; border-color: #c33; } .button--frame-red:hover { color: #fff; border-color: #c33; background-color: #c33; } .button__caption, .button__svg-icon { position: relative; -webkit-box-flex: 0; -moz-box-flex: 0; } .button__caption { z-index: 10; flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; } .button__svg-icon { top: -1px; display: inline-block; flex: 0 0 auto; margin-right: 12px; margin-left: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; } .button--icon-right .button__svg-icon { order: 2; margin-right: 0; margin-left: 12px; -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -ms-flex-order: 2; -webkit-order: 2; } .btn-menu { position: relative; display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; flex-flow: row nowrap; align-items: center; width: 30px; height: 30px; min-height: 12px; padding: 0; cursor: pointer; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: 0 0; -webkit-align-items: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; } .btn-menu::before { top: 50%; margin-top: -2px; } .btn-menu:hover::before { background-color: #5dc12e; } .btn-menu.active { visibility: visible; } .btn-menu.active::before { opacity: 0; } .btn-menu__caption, .btn-menu__icon { flex: 0 0 auto; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; } .btn-menu__caption { letter-spacing: 0.01em; text-transform: uppercase; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.1); font-family: SourceSansPro,Arial,sans-serif; font-size: 13px; font-weight: 700; font-style: normal; line-height: 1; } .btn-menu__icon { position: relative; margin-right: 12px; } .btn-menu::before, .btn-menu__icon::after, .btn-menu__icon::before { position: absolute; left: 0; content: ""; } .btn-menu__icon::before { top: -5px; -webkit-transform-origin: left top; -moz-transform-origin: left top; -ms-transform-origin: left top; -o-transform-origin: left top; transform-origin: left top; } .btn-menu__icon::after { top: 5px; -webkit-transition: all 70ms linear; -moz-transition: all 70ms linear; -o-transition: all 70ms linear; transition: all 70ms linear; -webkit-transform-origin: left bottom; -moz-transform-origin: left bottom; -ms-transform-origin: left bottom; -o-transform-origin: left bottom; transform-origin: left bottom; } .btn-menu__icon, .btn-menu__icon::after, .btn-menu__icon::before { display: block; width: 18px; height: 2px; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; background-color: #fff; } .btn-menu.active .btn-menu__icon { background-color: transparent; } .btn-menu.active .btn-menu__icon::before { top: -6px; left: 3px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .btn-menu.active .btn-menu__icon::after { top: 6px; left: 3px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .field { position: relative; display: block; width: 100%; } .field__label { display: block; margin-bottom: 10px; color: #2b2929; font-family: SourceSansPro,Arial,sans-serif; font-size: 14px; font-weight: 400; line-height: 1.2; } .field__required { color: #c00; } .field__helpers { display: block; margin-top: 5px; } .field__hint { display: block; margin: 0; color: #999; font-family: SourceSansPro,Arial,sans-serif; font-size: 12px; font-weight: 400; line-height: 1.4; } .field__field { position: relative; } .field__field input, .field__field textarea { display: block; padding: 15px 20px 14px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; color: #2b2929; border: 1px solid #409817; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #fff; -webkit-box-shadow: inset 5px 5px 8px rgba(0,0,0,.1); -moz-box-shadow: inset 5px 5px 8px rgba(0,0,0,.1); box-shadow: inset 5px 5px 8px rgba(0,0,0,.1); font-family: SourceSansPro,Arial,sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; } .field__field input:invalid, .field__field textarea:invalid { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .field__field input:focus, .field__field input:hover, .field__field textarea:focus, .field__field textarea:hover { border-color: #ff9d6a; outline: 0; } .field__field input::-webkit-input-placeholder, .field__field textarea::-webkit-input-placeholder { opacity: 1; color: #2b2929; } .field__field input:-moz-placeholder, .field__field input::-moz-placeholder, .field__field textarea:-moz-placeholder, .field__field textarea::-moz-placeholder { opacity: 1; color: #2b2929; } .field__field input:-ms-input-placeholder, .field__field textarea:-ms-input-placeholder { opacity: 1; color: #2b2929; } .field__field input::-webkit-input-placeholde, .field__field textareainput::-webkit-input-placeholde { opacity: 1; color: #2b2929; } .ios .field__field input, .ios .field__field textarea { font-size: 16px; } .field--icon .field__field input, .field--icon .field__field textarea { padding-right: 40px; } .field--error .field__field input, .field--error .field__field textarea { color: red; border-color: red; } .field--error .field__field input::-webkit-input-placeholder, .field--error .field__field textarea::-webkit-input-placeholder { opacity: 1; color: red; } .field--error .field__field input:-moz-placeholder, .field--error .field__field input::-moz-placeholder, .field--error .field__field textarea:-moz-placeholder, .field--error .field__field textarea::-moz-placeholder { opacity: 1; color: red; } .field--error .field__field input:-ms-input-placeholder, .field--error .field__field textarea:-ms-input-placeholder { opacity: 1; color: red; } .field--error .field__field input::-webkit-input-placeholde, .field--error .field__field textareainput::-webkit-input-placeholde { opacity: 1; color: red; } .field__field input { height: 50px; } .field__field textarea { height: 120px; resize: none; } .field__icon { position: absolute; top: 25px; right: 27px; display: inline-block; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; -webkit-transform: translate(50%,-50%); -moz-transform: translate(50%,-50%); -ms-transform: translate(50%,-50%); -o-transform: translate(50%,-50%); transform: translate(50%,-50%); fill: #ff9d6a; } input:focus+.field__icon, input:hover+.field__icon { fill: #5dc12e; } .field__error { display: block; margin: 5px 0 -5px; color: red; font-family: SourceSansPro,Arial,sans-serif; font-size: 12px; font-weight: 400; line-height: 1.2; } .error-style--popup .field__error, .error-style--popup-top .field__error { position: absolute; z-index: 100; left: 0; display: inline-block; max-width: 100%; font-family: SourceSansPro,Arial,sans-serif; font-size: 12px; } .error-style--popup .field__error { border: 1px solid #ddd; -webkit-box-shadow: 0 0 10px rgba(0,0,0,.15); -moz-box-shadow: 0 0 10px rgba(0,0,0,.15); box-shadow: 0 0 10px rgba(0,0,0,.15); font-weight: 300; line-height: 18px; top: 92%; padding: 8px 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #ffc; } .error-style--popup .field__error::after, .error-style--popup .field__error::before { position: absolute; top: -7px; left: 10px; display: block; width: 14px; height: 7px; content: ""; border-width: 0 7px 7px; border-style: solid; border-color: transparent transparent #ddd; } .error-style--popup .field__error::after { top: -6px; border-width: 0 6px 6px; border-color: transparent transparent #fdfcd3; } .error-style--popup-top .field__error { top: -36px; padding: 7px 10px; text-align: center; color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #fc5851; } .error-style--popup-top .field__error::after { position: absolute; bottom: -8px; left: 50%; display: block; width: 16px; height: 8px; margin-left: -8px; content: ""; border-width: 8px 8px 0; border-style: solid; border-color: #fc5851 transparent transparent; } .field--type-checkbox, .field--type-radio { position: relative; display: inline-block; width: auto; } .field--type-checkbox input, .field--type-radio input { display: none; margin: 0; padding: 0; opacity: 0; } .field--type-radio .field__label { display: inline-block; min-height: 20px; margin: 0; padding: 0 0 0 32px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #2b2929; font-family: SourceSansPro,Arial,sans-serif; font-size: 14px; font-weight: 400; line-height: 16px; -webkit-touch-callout: none; } .field--type-radio .field__label .field__check { position: absolute; top: 0; left: 0; display: block; width: 20px; height: 20px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; border: 1px solid #d1d1d1; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #fff; } .field--type-checkbox .field__label:hover .field__check, .field--type-radio .field__label:hover .field__check { border-color: #999; } .field--type-radio input:checked+.field__label .field__check::after { position: absolute; top: 50%; left: 50%; display: block; width: 10px; height: 10px; margin-top: -5px; margin-left: -5px; content: ""; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #09f; } .field--type-checkbox .field__label { display: inline-block; min-height: 20px; margin: 0; padding: 0 0 0 30px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #2b2929; font-family: SourceSansPro,Arial,sans-serif; font-size: 14px; font-weight: 400; line-height: 16px; -webkit-touch-callout: none; } .field--type-checkbox .field__label .field__check { position: absolute; top: 0; left: 0; display: block; width: 20px; height: 20px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; border: 1px solid #d1d1d1; } .field--type-checkbox input:checked+.field__label .field__check::after { position: absolute; top: 2px; left: 7px; display: block; width: 6px; height: 11px; content: ""; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); border-width: 2px; border-style: none solid solid none; border-color: #09f; } .field--type-checkbox.field--error .field__label .field__check { border-color: #c99; } .field--type-checkbox .field__error { padding-left: 30px; } .form, .form--frame { display: block; } .form--frame { padding: 20px; border: 10px solid rgba(0,0,0,.07); background-color: #4caf50; } .form__subtitle, .form__title { display: block; margin: 0 0 20px; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.1); font-family: SourceSansPro,Arial,sans-serif; font-size: 18px; font-weight: 400; font-style: normal; line-height: 1.8; } .form__title a { display: inline-block; text-decoration: none; color: #fff; } .form__title a:hover { text-decoration: underline; color: #fff; } .form__subtitle { margin: -15px 0 20px; font-family: SourceSansPro,Arial,sans-serif; font-size: 16px; font-weight: 300; } .form__submit { width: 100%; } .form__row { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-flow: row wrap; margin: 0 -15px -10px; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; } .form__col { flex: 0 0 100%; max-width: 100%; margin-bottom: 10px; padding: 0 15px; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; } .form__col, .logo { display: block; } .logo--header { max-width: 160px; } .logo img { max-width: 100%; height: auto; border: none; } .contact, .logo img { display: block; } .contact__button { position: relative; display: block; width: 20px; height: 20px; padding: 0; border: none; background-color: transparent; } .contact__button .svg-icon { position: absolute; top: 50%; left: 50%; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); fill: #5dc12e; } .contact.expanded .contact__button .svg-icon { opacity: 0.5; } .contact__content { /*position: absolute;*/ z-index: 200; top: 100%; right: 15px; left: 15px; display: block; padding: 10px 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #fff; /*-webkit-box-shadow: 0 7px 15px rgba(0,0,0,.2); -moz-box-shadow: 0 7px 15px rgba(0,0,0,.2); box-shadow: 0 7px 15px rgba(0,0,0,.2);*/ } .contact__address, .contact__phone { display: block; margin: 0; text-align: center; color: #2b2929; font-family: SourceSansPro,Arial,sans-serif; font-size: 14px; font-weight: 400; font-style: normal; line-height: 1.285; } .contact__phone { margin: 6px 0; text-decoration: none; font-size: 18px; font-weight: 600; line-height: 20px; color: #2f6b34; } .contact__phone svg { margin-right: 7px; } .breadcrumbs__item a:hover, .contact__email, .contact__email:hover, .contact__phone:hover { text-decoration: none; color: #5dc12e; } .contact__phone img { width: 21px; margin-left: 10px; margin-top: -4px; } .contact__email { display: block; margin: 6px 0; text-align: center; color: #2b2929; font-family: SourceSansPro,Arial,sans-serif; font-size: 18px; font-weight: 400; font-style: normal; line-height: 20px; } .breadcrumbs { display: block; } .breadcrumbs__items { display: block; margin: 0; padding: 0; list-style: none; } .breadcrumbs__item { display: inline; margin: 0; padding: 0; vertical-align: middle; color: #8d8d8c; font-family: SourceSansPro,Arial,sans-serif; font-size: 14px; font-weight: 400; font-style: normal; line-height: 1.4; } .breadcrumbs__item:not(:last-child) { position: relative; } .breadcrumbs__item:not(:last-child)::after { display: inline-block; width: 0; height: 0; margin: 0 4px 0 8px; content: ""; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; vertical-align: middle; border-width: 2px 0 2px 4px; border-style: solid; border-color: transparent transparent transparent #5dc12e; background: 0; } .breadcrumbs__item a { text-decoration: none; color: #2b2929; } .search { display: block; } .search__btn-search { position: relative; display: block; width: 20px; height: 20px; margin: 0 5px 0 0; text-align: center; border: none; background-color: transparent; } .search__btn-search .svg-icon { position: relative; top: -2px; display: inline-block; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; opacity: 0.5; fill: #fff; } .search__btn-search:hover .svg-icon { opacity: 1; } .search__form { position: absolute; z-index: 200; top: 50%; right: 10px; left: 10px; display: none; margin-top: -17px; } .search__input { display: block; width: 100%; height: 34px; padding: 6px 50px 6px 15px; color: #2b2929; border: 1px solid #6b380d; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #fff; -webkit-box-shadow: inset 5px 5px 8px rgba(0,0,0,.1); -moz-box-shadow: inset 5px 5px 8px rgba(0,0,0,.1); box-shadow: inset 5px 5px 8px rgba(0,0,0,.1); font-family: SourceSansPro,Arial,sans-serif; font-size: 13px; font-weight: 400; font-style: normal; line-height: 20px; } .search__input:invalid { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .search__input:focus { border-color: #ff9d6a; } .search__input::-webkit-input-placeholder { opacity: 1; color: #999; } .search__input:-moz-placeholder, .search__input::-moz-placeholder { opacity: 1; color: #999; } .search__input:-ms-input-placeholder { opacity: 1; color: #999; } .search__input::-webkit-input-placeholde { opacity: 1; color: #999; } .search__btn-submit { position: absolute; top: 50%; right: 15px; display: block; width: 20px; height: 20px; margin-top: -10px; text-align: center; border: none; background-color: transparent; } .search__btn-submit .svg-icon { position: relative; top: -2px; display: inline-block; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; fill: #ff9d6a; } .search__btn-submit:hover .svg-icon { fill: #5dc12e; } .toc { display: block; padding: 24px 16px; border: 4px solid #4caf50; background-color: #f6faf4; } .toc__item, .toc__items { display: block; margin: 0; padding: 0; } .toc__items { list-style: none; } .toc__item { color: #5dc12e; font-family: SourceSansPro,Arial,sans-serif; font-size: 14px; font-weight: 400; font-style: normal; line-height: 1.285; } .toc__item:not(:last-child) { margin-bottom: 15px; } .toc__item a { position: relative; display: block; padding: 0 16px 8px; color: #1b5e20; text-shadow: 1px 1px 1px #fff; font-size: 15px; border-bottom: 1px solid #4caf501f; } .toc__item a::before { position: absolute; top: 5px; left: -1px; display: block; width: 6px; height: 6px; content: ""; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); border-width: 2px; border-style: solid solid none none; border-color: #4caf50; } .toc__item a:hover { -webkit-text-decoration-style: solid; -moz-text-decoration-style: solid; text-decoration-style: solid; } .cities { display: block; padding: 25px 10px 25px 25px; border: 5px solid #4caf50; background: #fff; } .cities__wrapper { overflow-y: auto; max-height: 390px; } .cities__items { display: block; margin: 0; padding: 0; list-style: none; } .cities__item { display: block; margin: 0 0 1em; padding: 0; color: #2b2929; font-family: SourceSansPro,Arial,sans-serif; font-size: 15px; font-weight: 400; font-style: normal; line-height: 1.2; } .cities__item a { text-decoration: none; color: #2b2929; } .cities__item a:hover { text-decoration: none; color: #5dc12e; } .cities__item span { -webkit-text-decoration-line: underline; -moz-text-decoration-line: underline; text-decoration-line: underline; } .video { display: inline-block; } .video__cover { display: block; max-width: 100%; height: auto; } .video__link { position: relative; display: block; } .video__link+span { display: none; } .video__icon, .video__icon::before { z-index: 10; width: 100px; height: 100px; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: rgba(255,255,255,.3); } .video__icon::before { z-index: 2; display: block; width: 82px; height: 82px; content: ""; background-color: rgba(255,255,255,.5); } .video__icon, .video__icon .svg-icon, .video__icon::after, .video__icon::before { position: absolute; top: 50%; left: 50%; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .video__icon::after { content: ""; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #5dc12e; z-index: 3; display: block; width: 66px; height: 66px; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .video__icon .svg-icon { z-index: 5; display: inline-block; width: 19px; height: 17px; -webkit-transform: translate(-38%,-50%); -moz-transform: translate(-38%,-50%); -ms-transform: translate(-38%,-50%); -o-transform: translate(-38%,-50%); transform: translate(-38%,-50%); fill: #fbdf50; } .video__link:hover .video__icon { background-color: rgba(93,193,46,.3); } .video__link:hover .video__icon::before { background-color: rgba(93,193,46,.7); } .video__link:hover .video__icon::after { background-color: #fff; } .services, .services__services, .video__icon { display: block; } .services__service { position: relative; display: block; padding: 20px 15px; border-right: 5px solid #4caf50; border-left: 5px solid #4caf50; background: #fff; } .services__service::before { position: absolute; right: 0; bottom: 0; left: 0; display: block; height: 1px; content: ""; background-color: #e9f2e5; } .services__service:first-child { border-top: 5px solid #4caf50; -webkit-border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; } .services__service:nth-last-child(2) { border-bottom: 5px solid #4caf50; -webkit-border-radius: 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px; } .services__service:nth-last-child(2)::before { display: none; } .services__button { display: none; } .services__order { display: block; } .services__order-label { margin: 0 0 5px; letter-spacing: 0.01em; text-transform: uppercase; color: #2b2929; font-size: 11px; font-weight: 400; line-height: 1.2; } .services__cost, .services__order-label, .services__order-title { font-family: SourceSansPro,Arial,sans-serif; font-style: normal; } .services__order-title { margin: 0; letter-spacing: 0.01em; text-shadow: 0 1px 1px rgba(0,0,0,.1); display: block; color: #4caf50; font-size: 18px; font-weight: 500; line-height: 1.2; } .services__cost { position: absolute; top: 20px; right: 15px; display: inline-block; color: #2b2929; font-size: 14px; font-weight: 400; line-height: 1; } .services__figure { display: none; } .services__figure-bg { display: block; width: 100%; height: auto; border: none; } .services__figure-visual { position: absolute; z-index: 10; top: 0; left: 0; display: block; width: 100%; height: auto; } .services__cta { display: block; margin: 20px 0 0; padding: 40px 25px 30px; border: 5px solid #4caf50; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background: #f6faf4; } .services__cta p { font-size: 17px; } .services__cta-wrapper { flex: 0 0 100%; max-width: 100%; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; } .services__cta-title { margin: 0 0 1em; color: #6b380d; font-family: SourceSansPro,Arial,sans-serif; font-size: 17px; font-weight: 700; font-style: normal; line-height: 1.5; } .services__cta-button { width: 100%; margin: 25px 0 0; } .team { position: relative; display: block; } .team__items { display: block; margin: -5px -15px; padding: 0; } .team__card, .team__item { display: block; margin: 0; padding: 5px 15px; } .team__card { padding: 20px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background: #fff; -webkit-box-shadow: 0 2px 7px rgba(0,0,0,.05); -moz-box-shadow: 0 2px 7px rgba(0,0,0,.05); box-shadow: 0 2px 7px rgba(0,0,0,.05); } .team__card img { display: block; width: 100%; height: auto; } .team__caption { margin: 20px 0 0; } .team__about, .team__name { display: block; margin: 0; color: #2b2929; font-family: SourceSansPro,Arial,sans-serif; font-size: 17px; font-weight: 700; font-style: normal; line-height: 1.2; } .team__about { margin: 5px 0 0; color: #8d8d8c; font-family: SourceSansPro,Arial,sans-serif; font-size: 15px; font-weight: 400; } .team__nav { display: none; } .team__next, .team__prev { display: block; flex: 0 0 auto; padding: 0; color: #5dc12e; border: none; background-color: transparent; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; } .team__next:not(:last-child), .team__prev:not(:last-child) { margin-right: 20px; } .team__next:hover, .team__prev:hover { color: #2b2929; } .menu { display: block; } .menu__items { position: absolute; z-index: 200; top: 100%; right: 0; left: 0; display: none; margin: 0; padding: 15px 0; list-style: none; background-color: #60310a; } .menu__item { flex: 0 1 auto; margin: 0; padding: 0; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; } .menu__item a { display: block; padding: 13px 15px; text-decoration: none; letter-spacing: 0.01em; text-transform: uppercase; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.1); font-family: SourceSansPro,Arial,sans-serif; font-size: 12px; font-weight: 700; font-style: normal; line-height: 18px; } .menu__item a.current, .menu__item a:hover { text-decoration: underline; } .menu-footer, .menu__item { display: block; } .menu-footer__items { display: block; margin: 0; padding: 0; list-style: none; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; -webkit-columns: 2; -moz-columns: 2; columns: 2; } .menu-footer__item { display: block; margin: 0 0 9px; padding: 0; color: #dfc0a5; font-family: SourceSansPro,Arial,sans-serif; font-size: 15px; font-weight: 400; font-style: normal; line-height: 1.2; } .menu-footer__item a { text-decoration: none; color: #dfc0a5; } .menu-footer__item a:hover { text-decoration: none; color: #ff9d6a; } .s-first { display: block; } .s-first__container { position: relative; max-width: 1250px; margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; } .s-first__main { display: block; padding: 30px 0 35px; background-image: url("../img/s-first-bg.jpg"); background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .s-first__title { display: block; margin: 0 0 20px; letter-spacing: 0.02em; color: #2b2929; font-family: SourceSansPro,Arial,sans-serif; font-size: 26px; font-weight: 900; font-style: normal; line-height: 1.38; } .s-first__bottom { position: relative; z-index: 10; display: block; margin: 0; } .s-first__form { margin: 0 -15px; } .s-services { display: block; padding: 24px 0 0; } .s-services__services { position: relative; max-width: 1250px; margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; } .s-services__title { margin-bottom: 20px; text-align: center; font-size: 22px; } .s-advantages { display: block; padding: 40px 0; } .s-advantages__container { position: relative; max-width: 1250px; margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; } .s-advantages__frame { display: block; } .s-advantages__title { margin: 0 0 20px; font-size: 26px; } .s-advantages__list { margin-bottom: 30px; } .s-advantages__items { display: block; margin: 0; padding: 10px 0; list-style: none; background-color: #eef4eb; } .s-advantages__item { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-flow: row wrap; align-items: center; padding: 20px; -webkit-align-items: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; } .s-advantages__item:not(:last-child) { border-bottom: 1px solid #e3e8e0; } .s-advantages__item-icon { flex: 0 0 auto; width: 60px; height: 60px; margin-right: 20px; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; } .s-advantages__item-title { width: -webkit-calc(100% - 80px); width: -moz-calc(100% - 80px); width: calc(100% - 80px); margin: 0; padding-left: 15px; color: #2b2929; border-left: 3px solid #ff9d6a; font-family: SourceSansPro,Arial,sans-serif; font-size: 14px; font-weight: 700; font-style: normal; line-height: 1.4; } .s-advantages__item-text { margin: 15px 0 0; letter-spacing: -.02em; color: #000; font-size: 16px; font-weight: 400; line-height: 1.375; } .s-team { display: block; padding: 40px 0; background-color: #f6f6f6; } .s-team__container { position: relative; max-width: 1250px; margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; } .s-team__title { margin-bottom: 20px; font-size: 26px; } .s-about { display: block; padding: 40px 0; } .s-about__container { position: relative; max-width: 1250px; margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; } .s-about__title { font-size: 26px; } .s-about__main { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-flow: column wrap; -webkit-flex-flow: column wrap; -ms-flex-flow: column wrap; } .s-about__content { display: block; flex: 0 1 auto; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; } .s-about__video { order: 10; flex: 0 0 auto; max-width: 510px; margin: 20px 0 0; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-box-ordinal-group: 11; -moz-box-ordinal-group: 11; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; -ms-flex-order: 10; -webkit-order: 10; } .s-about__form { margin: 30px -15px 0; } .article { display: block; } .article__container { position: relative; max-width: 1250px; margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; } .article__section { display: block; margin: 16px 0 0; } .article__section:after, .article__section:before { display: table; content: ""; } .article__section:after { clear: both; } .article__section--gray { padding: 40px 0; background-color: #f6f6f6; } .article__top { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-flow: row wrap; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; } .article__visual { display: block; align-self: flex-start; width: 100%; max-width: 100%; height: auto; margin: 0 0 32px; -webkit-align-self: flex-start; -ms-flex-item-align: start; } .article__toc { order: -1; width: -webkit-calc(100% + 30px); width: -moz-calc(100% + 30px); width: calc(100% + 30px); margin: 0 -15px 32px; -webkit-box-ordinal-group: 0; -moz-box-ordinal-group: 0; -ms-flex-order: -1; -webkit-order: -1; } .article__top-text { order: 3; flex: 0 0 100%; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-box-ordinal-group: 4; -moz-box-ordinal-group: 4; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; -ms-flex-order: 3; -webkit-order: 3; } .article__route { position: relative; display: block; } .article__route-map { display: block; width: 100%; max-width: 800px; height: auto; margin: 30px 0; } .article__form-calc, .article__form-consult { margin: 0 -15px; } .article__cities { margin: 0; } .article__video { margin: 0 0 30px; } .header { display: block; } .header__container { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-flow: row nowrap; align-items: center; max-width: 1250px; height: 70px; margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; -webkit-align-items: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; } .header__logo { margin-right: auto; } .header__address, .header__email, .header__logo, .header__phone { flex: 0 0 auto; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; } .header__address, .header__email { margin-left: 20px; } .header__button-question { display: inline-block; order: 10; -webkit-box-ordinal-group: 11; -moz-box-ordinal-group: 11; -ms-flex-order: 10; -webkit-order: 10; } .header__button-question:hover::before { opacity: 0; } .nav { display: block; background-color: #6b380d; background-image: url("/assets/img/nav-bg.png"); background-repeat: repeat-x; background-position: center center; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; } .nav__container { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; max-width: 1250px; height: 40px; margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; -webkit-align-items: center; -webkit-box-align: center; -moz-box-align: center; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-align: center; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; -ms-flex-pack: justify; -webkit-justify-content: space-between; } .footer { display: block; padding: 40px 0; background-color: #6b380d; } .footer__container { position: relative; max-width: 1250px; margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; } .footer__col { display: block; } .footer__col:not(:last-child) { margin-bottom: 30px; } .footer__title { display: block; margin: 0 0 17px; color: #fff; font-family: SourceSansPro,Arial,sans-serif; font-size: 17px; font-weight: 700; font-style: normal; line-height: 1.2; border-bottom: 1px solid #795548; padding: 2px 0 8px; } .footer__menu { max-width: 360px; } .footer__address, .footer__email, .footer__phone { position: relative; display: block; padding-left: 25px; text-decoration: none; color: #fff; } .footer__address:not(:last-child), .footer__email:not(:last-child), .footer__phone:not(:last-child) { margin-bottom: 15px; } .footer__address .svg-icon, .footer__email .svg-icon, .footer__phone .svg-icon { position: absolute; top: 2px; left: -1px; display: inline-block; fill: #ff9d6a; } .footer__address, .footer__copyright, .footer__email, .footer__phone { font-family: SourceSansPro,Arial,sans-serif; font-size: 16px; font-weight: 400; line-height: 20px; color: #dfc0a5; } .footer__email:hover, .footer__phone:hover { text-decoration: none; color: #ff9d6a; } .footer__address, .footer__copyright, .footer__email { font-size: 15px; font-style: normal; line-height: 1.6; } .footer__copyright, .footer__email { font-size: 15px; line-height: 20px; } .footer__copyright { display: block; margin: 0; color: #966e4d; font-size: 15px; line-height: 20px; } .footer__copyright:first-line { font-size: 15px; } .page { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-direction: column; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; } .page__content, .page__main { flex: 1 0 auto; width: 100%; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; } .page__footer, .page__header { flex: none; width: 100%; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: none; -ms-flex: none; } .page__container { position: relative; max-width: 1250px; margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; } .page__content { display: block; } .page__breadcrumbs { margin: 20px 0 30px; } @font-face { font-family: GothamPro; src: url("../fonts/GothamPro-Regular/GothamPro-Regular.eot"); src: url("../fonts/GothamPro-Regular/GothamPro-Regular.woff2") format("woff2"),url(../fonts/GothamPro-Regular/GothamPro-Regular.woff) format("woff"),url(../fonts/GothamPro-Regular/GothamPro-Regular.ttf) format("truetype"),url(../fonts/GothamPro-Regular/GothamPro-Regular.svg#GothamPro-Regular) format("svg"),url(../fonts/GothamPro-Regular/GothamPro-Regular.eot?#iefix) format("embedded-opentype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: GothamPro; src: url("../fonts/GothamPro-Medium/GothamPro-Medium.eot"); src: url("../fonts/GothamPro-Medium/GothamPro-Medium.woff2") format("woff2"),url(../fonts/GothamPro-Medium/GothamPro-Medium.woff) format("woff"),url(../fonts/GothamPro-Medium/GothamPro-Medium.ttf) format("truetype"),url(../fonts/GothamPro-Medium/GothamPro-Medium.svg#GothamPro-Medium) format("svg"),url(../fonts/GothamPro-Medium/GothamPro-Medium.eot?#iefix) format("embedded-opentype"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: GothamPro; src: url("../fonts/GothamPro-Bold/GothamPro-Bold.eot"); src: url("../fonts/GothamPro-Bold/GothamPro-Bold.woff2") format("woff2"),url(../fonts/GothamPro-Bold/GothamPro-Bold.woff) format("woff"),url(../fonts/GothamPro-Bold/GothamPro-Bold.ttf) format("truetype"),url(../fonts/GothamPro-Bold/GothamPro-Bold.svg#GothamPro-Bold) format("svg"),url(../fonts/GothamPro-Bold/GothamPro-Bold.eot?#iefix) format("embedded-opentype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: GothamPro; src: url("../fonts/GothamPro-Black/GothamPro-Black.eot"); src: url("../fonts/GothamPro-Black/GothamPro-Black.woff2") format("woff2"),url(../fonts/GothamPro-Black/GothamPro-Black.woff) format("woff"),url(../fonts/GothamPro-Black/GothamPro-Black.ttf) format("truetype"),url(../fonts/GothamPro-Black/GothamPro-Black.svg#GothamPro-Black) format("svg"),url(../fonts/GothamPro-Black/GothamPro-Black.eot?#iefix) format("embedded-opentype"); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: SourceSansPro; src: url("../fonts/SourceSansPro-Light/SourceSansPro-Light.eot"); src: url("../fonts/SourceSansPro-Light/SourceSansPro-Light.woff2") format("woff2"),url(../fonts/SourceSansPro-Light/SourceSansPro-Light.woff) format("woff"),url(../fonts/SourceSansPro-Light/SourceSansPro-Light.ttf) format("truetype"),url(../fonts/SourceSansPro-Light/SourceSansPro-Light.svg#SourceSansPro-Light) format("svg"),url(../fonts/SourceSansPro-Light/SourceSansPro-Light.eot?#iefix) format("embedded-opentype"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: SourceSansPro; src: url("../fonts/SourceSansPro-Regular/SourceSansPro-Regular.eot"); src: url("../fonts/SourceSansPro-Regular/SourceSansPro-Regular.woff2") format("woff2"),url(../fonts/SourceSansPro-Regular/SourceSansPro-Regular.woff) format("woff"),url(../fonts/SourceSansPro-Regular/SourceSansPro-Regular.ttf) format("truetype"),url(../fonts/SourceSansPro-Regular/SourceSansPro-Regular.svg#SourceSansPro-Regular) format("svg"),url(../fonts/SourceSansPro-Regular/SourceSansPro-Regular.eot?#iefix) format("embedded-opentype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: SourceSansPro; src: url("../fonts/SourceSansPro-Semibold/SourceSansPro-Semibold.eot"); src: url("../fonts/SourceSansPro-Semibold/SourceSansPro-Semibold.woff2") format("woff2"),url(../fonts/SourceSansPro-Semibold/SourceSansPro-Semibold.woff) format("woff"),url(../fonts/SourceSansPro-Semibold/SourceSansPro-Semibold.ttf) format("truetype"),url(../fonts/SourceSansPro-Semibold/SourceSansPro-Semibold.svg#SourceSansPro-Semibold) format("svg"),url(../fonts/SourceSansPro-Semibold/SourceSansPro-Semibold.eot?#iefix) format("embedded-opentype"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: SourceSansPro; src: url("../fonts/SourceSansPro-Bold/SourceSansPro-Bold.eot"); src: url("../fonts/SourceSansPro-Bold/SourceSansPro-Bold.woff2") format("woff2"),url(../fonts/SourceSansPro-Bold/SourceSansPro-Bold.woff) format("woff"),url(../fonts/SourceSansPro-Bold/SourceSansPro-Bold.ttf) format("truetype"),url(../fonts/SourceSansPro-Bold/SourceSansPro-Bold.svg#SourceSansPro-Bold) format("svg"),url(../fonts/SourceSansPro-Bold/SourceSansPro-Bold.eot?#iefix) format("embedded-opentype"); font-weight: 700; font-style: normal; font-display: swap; } @media only screen and (min-width:480px) { .team__nav { position: absolute; top: -40px; right: 0; display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; flex-flow: row nowrap; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; } .article__toc { width: 100%; margin: 0 0 32px; } .article__form-calc { margin: 30px 0 0; } .article__form-consult { margin: 0; } .article__cities { margin: 30px 0 0; } } @media only screen and (min-width:480px) and (min-width:768px) { .team__nav { top: -65px; } } @media only screen and (min-width:480px) and (min-width:1250px) { .team__nav { top: -70px; } } @media only screen and (min-width:768px) { h1, h2 { margin: 0 0 40px; font-size: 50px; } h2 { font-size: 36px; line-height: 1.22; padding-top: 0; } h3 { font-size: 30px; } .list li, h4 { font-size: 24px; } h5 { font-size: 18px; } .bold, .strong { font-size: 20px; } .list li:not(:last-child) { margin-bottom: 30px; } .list li::before { width: 34px; height: 34px; } .list-steps { padding-left: 30px; } .form--frame { padding: 30px 40px; } .form__subtitle, .form__title { margin-bottom: 25px; font-size: 20px; } .form__subtitle { margin-top: -20px; font-size: 18px; } .form__row { margin-bottom: -30px; } .form__col { margin-bottom: 30px; } .form--2 .form__col, .form--3 .form__col { flex: 0 0 50%; max-width: 50%; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; } .form--2 .form__col:last-child { flex: 0 0 100%; max-width: 100%; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; } .logo--header { max-width: 200px; } .contact { position: relative; } .contact--phone { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-flow: row nowrap; align-items: center; -webkit-align-items: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; } .contact__button { width: 44px; height: 44px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #f6faf4; } .contact.expanded .contact__button { background-color: #5dc12e; } .contact.expanded .contact__button .svg-icon { opacity: 1; fill: #fff; } .contact--phone .contact__button, .contact--phone .contact__content { flex: 0 0 auto; background-color: transparent; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; } .contact--phone .contact__button { width: 20px; height: 20px; margin-right: 10px; pointer-events: none; } .contact--phone.expanded .contact__button { background-color: transparent; } .contact--phone.expanded .contact__button .svg-icon { opacity: 1; fill: #5dc12e; } .contact__content { top: 105%; right: 0; left: auto; padding: 12px 20px; } .contact--phone .contact__content { position: relative; top: auto; right: auto; left: auto; display: inline-block !important; padding: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .contact__address { min-width: 280px; } .search__form { right: 24px; left: 24px; margin-top: -21px; } .search__input { height: 42px; padding: 10px 50px 10px 20px; } .search__btn-submit { right: 20px; } .toc { display: inline-block; padding: 32px; } .cities { padding: 45px 10px 45px 45px; } .cities__wrapper { max-height: 430px; } .cities__items { -webkit-columns: 2; -moz-columns: 2; columns: 2; } .video__icon { width: 136px; height: 136px; } .video__icon::before { width: 112px; height: 112px; } .video__icon::after { width: 88px; height: 88px; } .video__icon .svg-icon { width: 28px; height: 25px; } .services__services { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-flow: row wrap; margin: 0 -15px -30px; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; } .services__service { overflow: hidden; width: -webkit-calc(50% - 30px); width: -moz-calc(50% - 30px); width: calc(50% - 30px); margin: 0 15px 30px; padding: 0; border-right: none; border-left: none; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .services__service::after, .services__service::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; height: auto; content: ""; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; background-color: transparent; } .services__service::before { background: -webkit-linear-gradient(251.38deg,rgba(255,255,255,.186) 0,rgba(255,255,255,.837) 68.75%,rgba(255,255,255,.93) 100%); background: -moz- oldlinear-gradient(251.38deg,rgba(255,255,255,.186) 0,rgba(255,255,255,.837) 68.75%,rgba(255,255,255,.93) 100%); background: -o-linear-gradient(251.38deg,rgba(255,255,255,.186) 0,rgba(255,255,255,.837) 68.75%,rgba(255,255,255,.93) 100%); background: linear-gradient(198.62deg,rgba(255,255,255,.186) 0,rgba(255,255,255,.837) 68.75%,rgba(255,255,255,.93) 100%); z-index: 5; opacity: 1; } .services__service::after { z-index: 7; opacity: 0; background: -webkit-linear-gradient(251.38deg,rgba(67,170,19,.93) 0,rgba(41,109,10,.837) 68.75%,rgba(41,109,10,.93) 100%); background: -moz- oldlinear-gradient(251.38deg,rgba(67,170,19,.93) 0,rgba(41,109,10,.837) 68.75%,rgba(41,109,10,.93) 100%); background: -o-linear-gradient(251.38deg,rgba(67,170,19,.93) 0,rgba(41,109,10,.837) 68.75%,rgba(41,109,10,.93) 100%); background: linear-gradient(198.62deg,rgba(67,170,19,.93) 0,rgba(41,109,10,.837) 68.75%,rgba(41,109,10,.93) 100%); } .services__service:first-child { border-top: none; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .services__service:nth-last-child(2) { border-bottom: none; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .services__service:nth-last-child(2)::before { display: block; } .services__service:hover::before { opacity: 0; } .services__service:hover .services__button, .services__service:hover::after { opacity: 1; } .services__button, .services__order { position: absolute; bottom: 20px; left: 30px; } .services__button { display: block; opacity: 0; z-index: 11; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s; } .services__order { z-index: 15; right: 30px; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .services__service:hover .services__order { bottom: 70px; } .services__order-label, .services__order-title { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .services__service:hover .services__order-label { color: #fff; } .services__service:hover .services__order-title { color: #ff9d6a; } .services__cost { position: absolute; z-index: 12; top: 30px; right: auto; left: 30px; padding: 4px 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #fff; } .services__figure { display: block; margin: 0; padding: 0; } .services__cta { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-flow: row wrap; align-items: center; width: -webkit-calc(50% - 30px); width: -moz-calc(50% - 30px); width: calc(50% - 30px); margin: 0 15px 30px; -webkit-align-items: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; } .menu__items { padding: 20px 0; } .menu__item a { padding: 18px 20px 18px 75px; font-size: 13px; } .menu-footer__items { -webkit-columns: auto; -moz-columns: auto; columns: auto; } .menu-footer--2 .menu-footer__items { -webkit-columns: 2; -moz-columns: 2; columns: 2; } .s-first__container { padding-right: 24px; padding-left: 24px; } .s-first__main { padding: 60px 0 200px; } .s-first__title { margin-bottom: 40px; font-size: 42px; } .s-first__bottom { margin-top: -110px; } .s-first__form { margin: 0; } .s-services { padding-top: 24px; } .s-services__services { padding-right: 24px; padding-left: 24px; } .s-services__title { margin-bottom: 24px; margin-top: 16px; font-size: 41px; } .s-advantages { padding: 40px 0 20px; } .s-advantages__container { padding-right: 24px; padding-left: 24px; } .s-advantages__frame { padding: 20px; border: 10px solid #5dc12e; } .s-advantages__title { display: block; margin: -55px 0 0 -35px; font-size: 44px; } .s-advantages__title span { display: inline-block; padding: 0 20px 0 5px; background-color: #fff; } .s-advantages__list { margin: 0 0 0 -35px; padding: 40px 0 40px 5px; background-color: #fff; } .s-advantages__items { padding: 0; } .s-advantages__item { position: relative; display: block; min-height: 180px; padding: 40px 20px 40px 165px; } .s-advantages__item-icon { position: absolute; top: 40px; left: 40px; width: 100px; height: 100px; margin: 0; } .s-advantages__item-title { width: 100%; margin-top: 10px; font-size: 16px; } .s-team { padding: 60px 0; } .s-team__container { padding-right: 24px; padding-left: 24px; } .s-team__title { margin-bottom: 40px; font-size: 44px; } .s-about { padding: 60px 0; } .s-about__container { padding-right: 24px; padding-left: 24px; } .s-about__title { font-size: 44px; } .s-about__main { display: block; } .s-about__main:after, .s-about__main:before { display: table; content: ""; } .s-about__main:after { clear: both; } .s-about__video { float: left; max-width: 400px; margin: 10px 40px 20px 0; } .s-about__form { margin: 40px 0 0; } .article__container { padding-right: 24px; padding-left: 24px; } .article__section { margin: 16px 0; } .article__section--gray { padding: 60px 0; } .article__visual { max-width: 345px; margin-right: 30px; } .article__toc { order: 1; width: -webkit-calc(100% - 375px); width: -moz-calc(100% - 375px); width: calc(100% - 375px); -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 1; -webkit-order: 1; } .article__route-map { margin: 40px 0; } .article__cities, .article__form-calc { margin: 40px 0 0; } .header__container { padding-right: 24px; padding-left: 24px; height: 90px; } .header__address { margin-left: 20px; } .header__email { margin-left: 10px; } .header__button-question { display: inline-block; margin-left: 20px; } .nav__container { padding-right: 24px; padding-left: 24px; height: 52px; } .footer { padding: 60px 0; } .footer__container { padding-right: 24px; padding-left: 24px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-flow: row wrap; justify-content: space-between; -webkit-box-pack: justify; -moz-box-pack: justify; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; -ms-flex-pack: justify; -webkit-justify-content: space-between; } .footer__col:nth-child(1) { order: 5; flex: 0 0 50%; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-box-ordinal-group: 6; -moz-box-ordinal-group: 6; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; -ms-flex-order: 5; -webkit-order: 5; } .footer__col:nth-child(2), .footer__col:nth-child(3) { flex: 0 0 130px; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 130px; -ms-flex: 0 0 130px; } .footer__col:nth-child(3) { flex: 0 0 300px; -webkit-flex: 0 0 300px; -ms-flex: 0 0 300px; } .footer__col:nth-child(4), .footer__col:nth-child(5) { flex: 0 0 260px; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 260px; -ms-flex: 0 0 260px; } .footer__col:nth-child(5) { order: 6; flex: 0 0 50%; margin-top: 10px; text-align: right; -webkit-box-ordinal-group: 7; -moz-box-ordinal-group: 7; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; -ms-flex-order: 6; -webkit-order: 6; } .page__container { padding-right: 24px; padding-left: 24px; } .page__breadcrumbs { margin-top: 30px; margin-bottom: 60px; } } @media only screen and (min-width:1024px) { .services__cta, .services__service { width: -webkit-calc(33.33% - 30px); width: -moz-calc(33.33% - 30px); width: calc(33.33% - 30px); } .article__top { display: block; margin-top: 60px; } .article__top:after, .article__top:before { display: table; content: ""; } .article__top:after { clear: both; } .article__visual { float: left; max-width: 460px; margin: 0 60px 30px 0; } .article__toc { width: 100%; width: -webkit-calc(100% - 520px); width: -moz-calc(100% - 520px); width: calc(100% - 520px); } .article__route { min-height: 345px; padding-left: 520px; padding-bottom: 50px; } .article__route-map { position: absolute; top: 32px; left: 0; max-width: 460px; margin: 0; } .article__video { float: left; max-width: 480px; margin: 0 40px 30px 0; } } @media only screen and (min-width:1250px) { h1, h2 { margin: 0 0 40px; } .form--2 .form__col { flex: 0 0 33.33%; max-width: 33.33%; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 33.33%; -ms-flex: 0 0 33.33%; } .form--2 .form__col:last-child { flex: 0 0 33.33%; max-width: 33.33%; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 33.33%; -ms-flex: 0 0 33.33%; } .form--3 .form__col { flex: 0 0 25%; max-width: 25%; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; } .contact { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-flow: row nowrap; align-items: center; -webkit-align-items: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; } .contact__button { flex: 0 0 auto; width: 20px; height: 20px; margin-right: 10px; pointer-events: none; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; } .contact.expanded .contact__button, .contact__button, .contact__content { background-color: transparent; } .contact.expanded .contact__button .svg-icon { opacity: 1; fill: #5dc12e; } .contact__content { position: relative; top: auto; right: auto; left: auto; display: inline-block !important; flex: 0 1 auto; padding: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; } .contact__address { width: 230px; min-width: 100px; text-align: left; } .search__form { right: 40px; left: 40px; } .toc__item:not(:last-child) { margin-bottom: 20px; } .cities__items { -webkit-columns: 4; -moz-columns: 4; columns: 4; } .video__icon { width: 174px; height: 174px; } .video__icon::before { width: 144px; height: 144px; } .video__icon::after { width: 114px; height: 114px; } .video__icon .svg-icon { width: 36px; height: 32px; } .services__cta, .services__service { width: -webkit-calc(25% - 30px); width: -moz-calc(25% - 30px); width: calc(25% - 30px); } .services__cta { padding: 25px; } .services__cta-button { margin-top: 15px; } .menu__btn-menu { display: none; } .menu__items { position: relative; top: auto; right: auto; left: auto; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-flow: row nowrap; padding: 0; background-color: transparent; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; } .menu__item a { height: 52px; padding: 17px 27px; } .s-first__container { padding-right: 40px; padding-left: 40px; } .s-first__main { padding: 120px 0 190px; } .s-first__bottom { margin-top: -65px; } .s-services { padding-top: 100px; } .s-services__services { padding-right: 40px; padding-left: 40px; } .s-services__title { margin-bottom: 50px; } .s-advantages { padding: 40px 0; } .s-advantages__container { padding-right: 40px; padding-left: 40px; } .s-advantages__frame { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-flow: row nowrap; align-items: center; -webkit-align-items: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; } .s-advantages__top { flex: 0 1 100%; padding-right: 20px; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; } .s-advantages__title { margin-top: 0; } .s-advantages__title span { padding-top: 40px; } .s-advantages__items { flex: 0 0 540px; max-width: 540px; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 540px; -ms-flex: 0 0 540px; } .s-advantages__item-title { margin-top: 0; } .s-team { padding: 20px 0 40px; } .s-team__container { padding-right: 40px; padding-left: 40px; } .s-team__title { margin-bottom: 50px; } .s-about { padding: 20px 0 40px; } .s-about__container { padding-right: 40px; padding-left: 40px; } .s-about__video { max-width: 510px; margin: 15px 60px 20px 0; } .s-about__form { margin: 50px 0 0; } .article__container { padding-right: 40px; padding-left: 40px; } .article__section { margin: 16px 0; } .article__section--gray { padding: 30px 0; } .article__video { max-width: 570px; margin: 0 60px 30px 0; } .header__container { padding-right: 40px; padding-left: 40px; height: 110px; } .header__phone { order: 4; margin-left: 40px; -webkit-box-ordinal-group: 5; -moz-box-ordinal-group: 5; -ms-flex-order: 4; -webkit-order: 4; } .header__address { order: 2; margin-left: 0; -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -ms-flex-order: 2; -webkit-order: 2; } .header__email { order: 3; margin-left: 35px; -webkit-box-ordinal-group: 4; -moz-box-ordinal-group: 4; -ms-flex-order: 3; -webkit-order: 3; } .header__button-question { margin-left: 40px; } .footer__container, .nav__container, .page__container { padding-right: 40px; padding-left: 40px; } .footer__col:not(:last-child) { margin-bottom: 0; } .footer__col:nth-child(1) { order: -1; flex: 0 0 220px; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-box-ordinal-group: 0; -moz-box-ordinal-group: 0; -webkit-flex: 0 0 220px; -ms-flex: 0 0 220px; -ms-flex-order: -1; -webkit-order: -1; } .footer__col:nth-child(2) { flex: 0 0 130px; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 130px; -ms-flex: 0 0 130px; } .footer__col:nth-child(3), .footer__col:nth-child(4) { flex: 0 0 340px; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 340px; -ms-flex: 0 0 340px; } .footer__col:nth-child(4) { flex: 0 0 260px; -webkit-flex: 0 0 260px; -ms-flex: 0 0 260px; } .footer__col:nth-child(5) { position: absolute; bottom: -54px; left: 56px; margin: 0; text-align: left; } } @media only screen and (min-width:2500px) { .logo--header { max-width: 220px; } } @media all and (max-width:900px) { .mfp-arrow { -webkit-transform: scale(.75); -moz-transform: scale(.75); -ms-transform: scale(.75); -o-transform: scale(.75); transform: scale(.75); } .mfp-arrow-left { -webkit-transform-origin: 0; -moz-transform-origin: 0; -ms-transform-origin: 0; -o-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; -moz-transform-origin: 100%; -ms-transform-origin: 100%; -o-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-right: 6px; padding-left: 6px; } } @media only screen and (max-width:899px) { .mfp-container { padding: 0; } } @media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px) { .mfp-img-mobile .mfp-image-holder { padding-right: 0; padding-left: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { position: fixed; top: auto; bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 3px 5px; background: rgba(0,0,0,.6); } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { top: 3px; right: 5px; } .mfp-img-mobile .mfp-close { position: fixed; top: 0; right: 0; width: 35px; height: 35px; padding: 0; text-align: center; background: rgba(0,0,0,.6); line-height: 35px; } } @media print { *, :after, :before, blockquote:first-letter, blockquote:first-line, div:first-letter, div:first-line, li:first-letter, li:first-line, p:first-letter, p:first-line { color: #000 !important; background: 0 0 !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !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 { white-space: pre-wrap !important; } blockquote, pre { border: 1px solid #999; } thead { display: table-header-group; } blockquote, img, pre, tr { page-break-inside: avoid; } h2, h3, p { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } @-webkit-keyframes hs-resize-observer-dummy-animation { 0% { z-index: 0; } to { z-index: -1; } } @-moz-keyframes hs-resize-observer-dummy-animation { 0% { z-index: 0; } to { z-index: -1; } } @-o-keyframes hs-resize-observer-dummy-animation { 0% { z-index: 0; } to { z-index: -1; } } @keyframes hs-resize-observer-dummy-animation { 0% { z-index: 0; } to { z-index: -1; } } .slick-next::before, .slick-prev::before { cursor: pointer; } .foot .call { display: block; text-align: center; font-size: 28px; clear: both; } .article__route { min-height: 245px !important; } .pl0 { padding-left: 0 !important; } .motera { margin: 0 auto; display: block; max-width: 400px; margin-top: 32px; padding: 18px 30px 16px; } .ml5 { margin-left: 5px; } iframe { display: block; } .header__address, .header__email, .header__logo, .header__phone { display: flex; align-items: center; flex-direction: row; flex-wrap: nowrap; } .prcnew { border-collapse: collapse; } .prcnew td, .prcnew th { border: 1px solid #f1f1f1; padding: 10px; } .accordion { background-color: #eee; color: #444; cursor: pointer; padding: 18px; width: 100%; text-align: left; border: none; outline: 0; transition: 0.4s; font-weight: 700; line-height: 1.2; word-break: break-word; margin: 0 0 1.5em; } .accordion:hover, .active { background-color: #e8f5e9; } .panel { padding: 0 18px; background-color: #fff; display: none; overflow: hidden; } @media only screen and (min-width:768px) { .accordion { font-size: 25px !important; margin: 0 0 0.5em !important; } .panel p { margin: 0 0 20px; font-weight: 500; font-style: normal; font-family: SourceSansPro,Arial,sans-serif; font-size: 22px; line-height: 1.55; } } .foot .call { background: #fff !important; padding-bottom: 30px; } .reviews { background-color: #f6f6f6; max-height: 100vh; } .autopark { margin-top: 0; margin-bottom: 40px; } li { padding: 10px; line-height: 21px; } .reviews__main__title { text-align: center; margin-bottom: 20px; } .slick-track { display: flex !important; align-items: flex-start; } .slick-list { overflow: hidden; } .slider { position: relative; margin: 0 auto 0 15px; padding-left: 40px; margin-right: 15px; padding-right: 40px; } .reviews .slick-arrow { position: absolute; top: 96%; z-index: 10; filter:brightness(.5); } .slick-arrow.slick-next { top: 50%; } .slick-arrow.slick-prev { top: 50%; } .slick-dots { top: 90.5%; position: absolute; } .slick-dots li { list-style: none; margin: 0 5px; display: inline-block; } .slick-dots button { width: 8px; height: 8px; border-radius: 50%; font-size: 0; padding: 2px; } .slick-dots li.slick-active button { background-color: #48a925; } .reviews_container { position: relative; max-width: 1250px; min-height: 620px; margin-right: auto; margin-left: auto; } .reviews { padding-top: 20px; margin-top: 0; margin-bottom: 40px; padding-bottom: 32px; } .reviews__items { overflow: hidden; display: flex; margin: 50px auto; } .reviews__item { max-width: 337px; margin: 20px; background-color: #fff; padding: 30px 20px; box-shadow: 0 4px 15px rgba(0,0,0,.15); border-radius: 10px; } .reviews__item:first-child { margin: 20px 20px 20px 0; } .reviews__info { display: flex; align-items: center; min-height: 100px; padding-left: 30px; flex-wrap: wrap; } .reviews__author { flex-wrap: wrap; display: flex; align-items: center; text-decoration: none; } .avatar { width: 60px; height: 60px; background-position: center; display: inline-block; background-repeat: no-repeat; background-size: cover; } .reviews__name { padding-left: 7px; font-weight: 400; font-size: 16px; color: rgba(41,41,41,1); } .reviews__body { padding-top: 10px; padding-left: 16px; } .reviews__text p { font-size: 16px; font-weight: 400; color: rgba(41,41,41,1); } .reviews__text { margin-top: 10px; font-size: 17px; } .reviews__title { font-weight: 700; font-size: 16px; color: rgba(41,41,41,1); } .rating { display: inline-flex; } .rating__item { background-image: url("../../images/vvoimages/images/star_active.svg"); width: 13px; height: 12px; margin-left: 2px; } .rating__item:first-child { margin-left: 0; } .rating__item__none { background-image: url("../../images/vvoimages/images/star_no_active.svg"); width: 12px; height: 12px; margin-left: 2px; } .reviews__date { font-size: 12px; padding-left: 10px; color: rgba(196,196,196,1); position: relative; top: -64px; float: right; } .autopark__container { padding-bottom: 10px; } .autopark .menu { display: flex; justify-content: center; align-items: center; } .car__button { white-space: nowrap; background-color: #fff; padding: 13px 20px 11px; margin-left: 10px; border: 1px solid #c4c4c4; border-radius: 5px; font-size: 14px; } .car__button:hover { border: 1px solid #48a925; } .tablinks.active { border: 2px solid #48a925; } .car__info { margin-top: 62px; display: flex; justify-content: center; align-items: center; } .car__info__item { display: none; } .car__info__item1 { display: block; } .car__info__title { font-size: 25px; font-weight: 700; color: #6b380d; box-sizing: border-box; } .car__info__text { color: #474747; width: 357px; padding-left: 45px; } .car__info__word { float: left; width: 49%; padding-top: 25px; padding-bottom: 4px; font-weight: 500; box-sizing: unset; border-bottom: 1px solid #eee; } .car__info__number { float: right; width: 20%; padding-top: 24px; padding-bottom: 5px; border-bottom: 1px solid #eee; text-align: center; } .buy__car { margin-top: 30px; width: 230px; height: 50px; border-radius: 5px; background: linear-gradient(to bottom,#fa996b,#d0673f); color: #fff; font-size: 16px; font-weight: 700; -webkit-box-shadow: 0 4px 4px 0 rgba(0,0,0,.25); -moz-box-shadow: 0 4px 4px 0 rgba(0,0,0,.25); box-shadow: 0 4px 4px 0 rgba(0,0,0,.25); display: flex; align-items: center; justify-content: center; } .buy__car:hover { color: #fff; } .car__img { width: 560px; height: 330px; background-size: cover; margin-left: 66px; } .call { background-color: #f6f6f6; padding: 16px 0; } .call__text { text-align: center; padding: 0; font-size: 17px; line-height: 33px; } .article__section .p_offers { overflow: auto; } .call__items { display: flex; justify-content: center; align-items: center; } .contact__item { max-width: 464px; min-height: 317px; margin-top: 40px; margin-right: 20px; background-color: #fff; box-shadow: 0 4px 15px rgba(0,0,0,.15); border-radius: 10px; } .contact__item a { text-decoration: none; color: #292929; padding-bottom: 6px; border-bottom: 1px solid #eee; } .contact__title { padding: 30px 30px 0 50px; font-size: 26px; font-weight: 700; } .contact__info { padding-top: 30px; padding-left: 50px; padding-right: 86px; } .number { padding-bottom: 30px; position: relative; } .adress { padding-top: 18px; padding-bottom: 16px; position: relative; line-height: 28px; } .e-mail { padding-top: 30px; padding-bottom: 58px; position: relative; } .number::before { content: ""; position: absolute; width: 20px; height: 20px; background-image: url("../../images/vvoimages/images/phone.svg"); background-repeat: no-repeat; left: -25px; } .adress::before { content: ""; position: absolute; width: 20px; height: 20px; background-image: url("../../images/vvoimages/images/map.svg"); background-repeat: no-repeat; left: -25px; } .e-mail::before { content: ""; position: absolute; width: 20px; height: 20px; background-image: url("../../images/vvoimages/images/mail.svg"); background-repeat: no-repeat; left: -25px; } .call__item { max-width: 464px; min-height: 316px; margin-top: 41px; background-color: #a5d6a7; box-shadow: 0 4px 15px rgba(0,0,0,.15); border-radius: 10px; } :active, :focus, :hover { outline: 0; outline-offset: 0; } .call__title { padding: 30px 47px 22px 50px; font-size: 26px; font-weight: 700; color: #1b5e20; text-shadow: 1px 1px 1px #c8e6c9; } .call__name { margin-top: 30px; display: inline-block; width: 330px; height: 48px; border-radius: 5px; margin: 8px 50px; } .call__name { padding-left: 20px; padding-right: 20px; } .call__phone { padding-left: 20px; padding-right: 20px; } .call__phone { width: 330px; height: 48px; margin-bottom: 8px; display: inline-block; border-radius: 5px; margin: 0 50px; } .call__me { padding: 0 60px; width: 71%; height: 50px; margin-top: 8px; margin-left: 50px; border-radius: 5px; background: linear-gradient(to bottom,#fa996b,#d0673f); color: #fff; font-size: 16px; font-weight: 700; cursor: pointer; margin-bottom: 20px; } .adv__title { text-align: center; margin: 0 0 40px; font-size: 36px; line-height: 1.22; padding-top: 0; color: #6b380d; padding: 20px 0 0; word-break: break-word; font-family: SourceSansPro,Arial,sans-serif; font-weight: 700; overflow-wrap: break-word; } .advantages__container { max-width: 1250px; margin: 0 auto; } .advantages__items1 { display: flex; justify-content: center; align-items: center; } .advantages__items2 { display: flex; justify-content: center; align-items: center; z-index: 300; } .advantages__item { position: relative; padding-left: 20px; margin-top: 8px; margin-bottom: 32px; max-width: 31.4%; min-height: 250px; margin-left: 20px; box-shadow: 0 4px 15px rgba(0,0,0,.15); border-radius: 10px; padding-bottom: 27px; } .advantages__item2 { position: relative; padding-left: 10px; margin-top: 12px; margin-bottom: 28px; min-height: 300px; max-width: 600px; margin-left: 20px; box-shadow: 0 4px 15px rgba(0,0,0,.15); border-radius: 10px; padding-bottom: 10px; } .advantages__title { white-space: nowrap; font-size: 22px; color: #fff; font-weight: 700; padding: 40px 161px 15px 20px; line-height: 26px; } .advantages__text { padding: 15px 40px 0 20px; line-height: 26px; font-size: 15px; } .advantages__text2 { padding: 16px 24px 0 20px; line-height: 26px; font-size: 17px; } .money::before { content: ""; position: absolute; width: 64px; opacity: 0.9; height: 64px; background-image: url("../../images/vvoimages/images/money__white.svg"); right: 24px; top: 24px; } .quality::before { content: ""; position: absolute; width: 64px; height: 64px; background-image: url("../../images/vvoimages/images/quality__white.svg"); right: 24px; top: 24px; } .manager::before { content: ""; position: absolute; width: 64px; height: 64px; background-image: url("../../images/vvoimages/images/manager__white.svg"); right: 24px; top: 24px; } .driver::before { content: ""; position: absolute; width: 64px; height: 64px; background-image: url("../../images/vvoimages/images/driver__white.svg"); right: 16px; z-index: 100; top: 36px; } .truck::before { content: ""; position: absolute; width: 64px; height: 64px; background-image: url("../../images/vvoimages/images/truck__white.svg"); right: 16px; top: 24px; z-index: -1; } .advantages__item { background-color: #1b5e20; color: #fff; } .advantages__item2 { background-color: #dcedc8; color: #1b5e20; z-index: 100; } .advantages__item div { color: #fff; } .advantages__item2 div { color: #1b5e20; } @media(max-width:1338px) { .advantages__items1 { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } } @media(max-width:1288px) { .advantages__items2 { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } .advantages__item.manager { max-width: 600px; } } @media(max-width:1049px) { .menu { margin-top: 0; display: inline-flex; flex-direction: column; align-items: stretch; } .car__button { margin-bottom: 50px; } .car__info { flex-direction: column; align-items: center; margin-top: -800px; padding-left: 150px; } .car__info__text { margin-bottom: 50px; } .buy__car { margin: 24px auto 0; width: 100%; min-height: 50px; font-size: 16px; border: 1px solid #d0673f; text-shadow: 1px 1px 1px #d0673f; } .article__section .p_offers { overflow-x: scroll; } } @media(max-width:1033px) { .advantages__item { max-width: 600px; margin-left: 16px; margin-right: 16px; background-color: #c8e6c9; padding: 16px 32px 20px 10px; } .advantages__item div { color: #1b5e20; line-height: 26px; } .advantages__title { font-size: 26px; padding: 20px 36px 32px 20px; text-align: left; } .advantages__text { font-size: 14px; } } @media(max-width:945px) { .call__item { max-width: 450px; } .contact__item { margin-right: 0; } .call__items { flex-direction: column; } .field__field input, .field__field textarea { padding: 16px; font-size: 16px; } } @media(max-width:802px) { .car__info__title { text-align: center; } .menu { display: block; align-content: space-around; flex-wrap: wrap; align-items: stretch; text-align: center; } .car__button { margin-bottom: 10px; } .car__info { margin-top: 0; padding-left: 0; } .car__img { margin-left: 0; } .autopark .menu { display: flex; justify-content: space-between; flex-direction: row; flex-wrap: wrap; align-content: flex-end; margin: 0 22px 0 16px; } } @media(max-width:770px) { .advantages__items1 { max-width: 572px; } .advantages__item2 { max-width: 530px; margin-left: 16px; margin-right: 16px; } } @media(max-width:682px) { .advantages__title { white-space: normal; } .advantages__items1 { max-width: 100%; } .advantages__text2 { padding-right: 20px; padding-left: 10px; } .advantages__items2 { max-width: 100%; margin-left: 0; } .reviews__item:first-child { margin: 0 auto; } .reviews__item { width: 100vw; margin: 0 auto; background-color: #fff; padding: 30px 20px; box-shadow: 0 4px 15px rgb(0 0 0 / 15%); border-radius: 10px; } .slider { position: relative; padding-left: 0; padding-right: 0; margin-left: 15px; margin-right: 15px; } .call strong { display: block; line-height: 46px; } } @media(max-width:578px) { .car__img { display: block; width: 97%; margin: 0 auto; height: auto; } .slick-initialized .slick-slide { display: block; width: 100% !important; } .buy__car { margin: 24px auto 0; } .car__info__text { padding-left: 20px; } } @media(max-width:475px) { .contact__title { padding-right: 20px; padding-left: 50px; } .call__item { max-width: 390px; } .contact__item { max-width: 380px; } .call__name { width: 260px; } .call__phone { width: 260px; } .call__me { padding: 0; width: 260px; margin-bottom: 30px; } .contact__info { padding-left: 50px; } } @media(max-width:420px) { .car__info__title { margin-left: -65px; } .car__info__number { width: 35%; } .car__info__word { padding-left: 20px; } } @media(max-width:408px) { .s-first__main { position: relative; z-index: 1; } .s-first__main::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(255,255,255,.6); z-index: -1; } .contact__title { padding-left: 50px; } .contact__info { margin-bottom: 35px; } .contact__item { max-width: 280px; } .call__item { max-width: 280px; } .call__name { width: 71%; margin: 8px 35px; } body, html { margin: 0; height: 100%; font-size: 16px; } html { -webkit-text-size-adjust: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-width: 320px; -ms-overflow-style: scrollbar; -ms-text-size-adjust: 100%; line-height: 1.15; } body, sub, sup { position: relative; } body { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; color: #2b2929; background-color: #fff; font-family: SourceSansPro,Arial,sans-serif; -webkit-font-smoothing: subpixel-antialiased !important; -ms-backface-visibility: hidden; line-height: 1.2; } .slick-slide img, details, hr, main { display: block; } hr { overflow: visible; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; height: 1px; margin: 1em 0; padding: 0; border: 0; border-top: 1px solid #ccc; } kbd, samp { font-family: monospace,monospace; font-size: 1em; } a { background-color: transparent; } abbr[title] { text-decoration: underline dotted; border-bottom: none; } b, strong { font-weight: 700; } small { font-size: 80%; } sub, sup { vertical-align: baseline; font-size: 75%; line-height: 0; } sub { bottom: -.25em; } sup { top: -.5em; } button, input, optgroup, select, textarea { margin: 0; font-family: inherit; font-size: 100%; line-height: 1.15; } button, input { overflow: visible; } button, select { text-transform: none; } [type=button], [type=reset], [type=submit], button { -webkit-appearance: button; } [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { padding: 0; border-style: none; } [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { margin: 0; padding: 0; border: 0; } legend { display: table; max-width: 100%; white-space: normal; color: inherit; } progress { vertical-align: baseline; } textarea { overflow: auto; } [type=checkbox], [type=radio], legend { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } [type=search] { outline-offset: -2px; -webkit-appearance: textfield; } [type=search]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } summary { display: list-item; } [hidden], template { display: none; } @-ms-viewport { width: device-width; } [tabindex="-1"]:focus { outline: 0 !important; } [role=button] { cursor: pointer; } [role=button], a, area, button, input, label, select, summary, textarea { -ms-touch-action: manipulation; touch-action: manipulation; } ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } audio, canvas, iframe, img, svg, video { vertical-align: middle; } textarea { resize: vertical; } input, textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; } :focus, :hover, a, button, input { -webkit-tap-highlight-color: transparent; } *, :after, :before { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; } body:after { display: table; clear: both; content: ""; } .hidden, .slick-slide.slick-loading img { display: none; } h1 { color: #2b2929; margin: 0 0 30px; font-size: 30px; line-height: 1.3; } h1, h2, h3, h4, h5, h6 { word-wrap: break-word; word-break: break-word; font-family: SourceSansPro,Arial,sans-serif; font-weight: 700; overflow-wrap: break-word; font-size: 18px; } h2 { font-size: 22px; color: #6b380d; line-height: 1.4; text-align: center; } h3, h4, h5, h6 { margin: 0 0 1.5em; color: #2b2929; line-height: 1.2; } h3 { font-size: 24px; } h4 { font-size: 20px; } h5 { font-size: 16px; } h6 { font-size: 1em; } address, dl, figure, h2, ol, pre, table, ul { margin: 0 0 20px; padding: 0; } code, p, pre { color: #2b2929; } p { margin: 0 0 20px; font-weight: 300; font-style: normal; font-family: SourceSansPro,Arial,sans-serif; font-size: 18px; line-height: 1.55; } a, button { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } a, a:hover { text-decoration: none; color: inherit; } a:hover { color: #5dc12e; } button { cursor: pointer; } img { display: inline-block; max-width: 100%; height: auto; border: 0; } em, i, q, q q { font-style: italic; } ol, ul { padding-left: 0; list-style-position: inside; } dd, dt { line-height: 1.2; } dt { font-weight: 700; } dd { margin-left: 0; } code, pre { overflow: hidden; white-space: pre-wrap; word-wrap: break-word; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; font-family: Consolas,"Courier New","Nimbus Mono L",monospace; font-size: 16px; line-height: 1.6; } pre { padding: 1em; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #eee; } q, q q { quotes: "«" "»"; } q q { quotes: "„" "“"; } blockquote { margin: 0 0 1.2em; padding: 0.6em; } .article p:last-child, blockquote ol:last-child, blockquote p:last-child, blockquote ul:last-child { margin-bottom: 0; } blockquote ol:first-child, blockquote p:first-child, blockquote ul:first-child { margin-top: 0; } blockquote footer, blockquote small { display: block; font-size: 80%; line-height: 1.2; } blockquote footer:before, blockquote small:before { content: "\2014 \00A0"; } .field__field input, .field__field select, .field__field textarea, table { width: 100%; } .bold, .strong { font-weight: 600; } .list, .list li { display: block; margin: 0; } .list { list-style: none; padding: 0; } .list li { position: relative; padding: 0 0 0 45px; color: #2b2929; font-family: SourceSansPro,Arial,sans-serif; font-size: 18px; font-weight: 400; font-style: normal; line-height: 1.33; } .list li:not(:last-child) { margin-bottom: 20px; } .list li::before { position: absolute; top: 0; left: 0; display: block; width: 28px; height: 28px; content: ""; background-image: url("../img/list-item.svg"); background-repeat: no-repeat; background-position: center center; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; } .list--bold li { font-weight: 600; } .list-steps { display: block; margin: 0 0 1.5em; padding: 0 0 0 5px; list-style: none; counter-reset: steps; } .list-steps li { position: relative; display: block; margin: 0 0 1em; padding: 0 0 0 20px; color: #2b2929; font-family: SourceSansPro,Arial,sans-serif; font-size: 18px; font-weight: 400; font-style: normal; line-height: 1.33; } .list-steps li::before { position: absolute; top: 0; left: 0; display: inline-block; content: counter(steps); counter-increment: steps; color: #ff9d6a; font-weight: 700; } .svg-icon { display: inline-block; width: 1em; height: 1em; fill: currentColor; } .svg-icon--arrow-left, .svg-icon--arrow-right { width: 2.5em; font-size: 1.25rem; } .svg-icon--email { width: 1.142857142857143em; font-size: 0.875rem; } .svg-icon--location { width: 0.736842105263158em; font-size: 1.1875rem; } .svg-icon--phone, .svg-icon--search { width: 1em; font-size: 1.125rem; } .svg-icon--triangle { width: 0.888888888888889em; font-size: 1.125rem; } .svg-icon--user { width: 0.789473684210526em; font-size: 1.1875rem; } .slick-list, .slick-slider { position: relative; display: block; } .slick-slider { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -khtml-user-select: none; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .slick-list { overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: 0; } .slick-list.dragging { cursor: pointer; cursor: pointer; } .slick-slider .slick-list, .slick-slider .slick-track { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-right: auto; margin-left: auto; } .slick-track:after, .slick-track:before { display: table; content: ""; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir=rtl] .slick-slide { float: right; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .os-theme-dark.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before, .os-theme-dark.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before, .os-theme-light.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before, .os-theme-light.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before, .slick-arrow.slick-hidden { display: none; } .slick-next, .slick-prev { position: absolute; z-index: 20; top: 50%; display: block; width: 16px; height: 20px; margin-top: -10px; padding: 0; color: transparent; border: none; background-color: transparent; font-size: 0; } .slick-next::before, .slick-prev::before { position: absolute; top: 50%; display: block; width: 11px; height: 11px; margin-top: -6px; content: ""; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); border-width: 4px; border-color: #c6c6c6; } .slick-next:hover::before, .slick-prev:hover::before { border-color: #5dc12e; } .slick-next.slick-disabled, .slick-prev.slick-disabled { cursor: default; } .slick-next.slick-disabled::before, .slick-prev.slick-disabled::before { border-color: #eee; } .slick-prev { left: 0; } .slick-prev::before { left: 4px; border-style: none none solid solid; } .slick-next { right: 0; } .slick-next::before { right: 5px; border-style: solid solid none none; } .slick-dots { display: block; width: 100%; max-width: 100%; margin: 20px 0 0; padding: 0 15px; list-style: none; text-align: center; font-size: 0; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0; vertical-align: top; } .slick-dots li button { position: absolute; top: 50%; left: 50%; display: inline-block; overflow: hidden; width: 8px; height: 8px; margin-top: -4px; margin-left: -4px; padding: 0; cursor: pointer; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; color: transparent; border: none; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; outline: 0; background-color: rgba(43,41,41,.2); font-size: 0; } .slick-dots li button:hover, .slick-dots li.slick-active button { background-color: #5dc12e; } iframe { display: none; } html.os-html, html.os-html > .os-host { position: absolute !important; display: block; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100% !important; min-width: 100% !important; height: 100% !important; min-height: 100% !important; margin: 0 !important; } html.os-html > .os-host > .os-padding { position: absolute; } body.os-dragging, body.os-dragging * { cursor: default; } .os-host, .os-host-textarea { position: relative; overflow: visible !important; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start; align-content: flex-start; -webkit-align-content: flex-start; -webkit-align-items: flex-start; -webkit-box-align: start; -moz-box-align: start; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-align: start; -webkit-flex-direction: column; -ms-flex-direction: column; -ms-flex-line-pack: start; -ms-flex-pack: start; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; -ms-grid-row-align: flex-start; -webkit-justify-content: flex-start; } .os-host-flexbox { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; overflow: hidden !important; } .os-host-flexbox > .os-size-auto-observer { height: inherit !important; } .os-host-flexbox > .os-content-glue, .os-host-flexbox > .os-size-auto-observer { flex-grow: 0; flex-shrink: 1; flex-basis: auto; min-width: 0; min-height: 0; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex-basis: auto; -webkit-flex-grow: 0; -ms-flex-negative: 1; -ms-flex-positive: 0; -ms-flex-preferred-size: auto; -webkit-flex-shrink: 1; } #os-dummy-scrollbar-size { position: fixed; visibility: hidden; overflow: scroll; width: 500px; height: 500px; opacity: 0; } #os-dummy-scrollbar-size > div { width: 200%; height: 200%; margin: 10px 0; } #os-dummy-scrollbar-size, .os-viewport { -ms-overflow-style: scrollbar !important; } .os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size, .os-viewport-native-scrollbars-invisible.os-viewport { scrollbar-width: none !important; } .os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar, .os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar-corner, .os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar, .os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar-corner { display: none !important; visibility: hidden !important; width: 0 !important; height: 0 !important; background: 0 0 !important; } .os-content-glue, .os-padding { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; } .os-content-glue { max-width: 100%; max-height: 100%; pointer-events: none; width: 100%; } .os-padding { position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; overflow: visible; width: auto !important; height: auto !important; margin: 0; padding: 0; direction: inherit; } .os-host-overflow > .os-padding, .os-viewport { overflow: hidden; } .os-viewport { position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-overflow-scrolling: touch; -webkit-box-sizing: inherit !important; -moz-box-sizing: inherit !important; box-sizing: inherit !important; margin: 0; padding: 0; resize: none !important; outline: 0 !important; direction: inherit !important; } .os-content-arrange { position: absolute; z-index: -1; min-width: 1px; min-height: 1px; pointer-events: none; } .os-content, .os-content > .os-textarea { -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; } .os-content { visibility: visible; width: 100%; height: 100%; position: relative; display: block; direction: inherit; } .os-content:after, .os-content:before { display: table; width: 0; height: 0; content: ""; font-size: 0; line-height: 0; } .os-content > .os-textarea { position: absolute !important; z-index: 1 !important; top: 0 !important; left: 0 !important; display: block !important; float: none !important; overflow: hidden !important; clip: auto !important; max-width: none !important; max-height: none !important; margin: 0 !important; padding: 0; resize: none !important; -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; vertical-align: baseline !important; opacity: 1 !important; border: none !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; outline: 0 none transparent !important; background: 0 0 !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; direction: inherit !important; -webkit-filter:none !important; filter:none !important; -webkit-perspective: none !important; -moz-perspective: none !important; perspective: none !important; } .os-host-rtl > .os-padding > .os-viewport > .os-content > .os-textarea { right: 0 !important; } .os-content > .os-textarea-cover { z-index: -1; pointer-events: none; } .os-content > .os-textarea[wrap=off] { margin: 0 !important; white-space: pre !important; } .os-text-inherit { cursor: text; text-align: inherit; text-decoration: inherit; text-indent: inherit; letter-spacing: inherit; word-spacing: inherit; text-transform: inherit; text-overflow: inherit; color: inherit; text-shadow: inherit; font-family: inherit; font-size: inherit; font-weight: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; direction: inherit; -o-text-overflow: inherit; unicode-bidi: inherit; } .os-resize-observer { position: absolute; top: 0; left: 0; display: block; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; width: 100%; opacity: 0; } .os-resize-observer, .os-resize-observer-host, .os-size-auto-observer { z-index: -1; overflow: hidden; height: 100%; pointer-events: none; } .os-resize-observer-host { top: 0; left: 0; display: block; opacity: 0; border: inherit; border-style: solid; border-color: transparent; position: absolute; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: inherit; } .os-resize-observer-host:after { content: ""; } .os-resize-observer-host > .os-resize-observer, .os-resize-observer-host:after { display: block; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; width: 200%; height: 200%; margin: 0; padding: inherit; border: inherit; } .os-resize-observer.observed, object.os-resize-observer { -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; } .os-size-auto-observer { position: relative; float: left; flex-grow: inherit; flex-shrink: 0; flex-basis: 0; -webkit-box-sizing: inherit !important; -moz-box-sizing: inherit !important; box-sizing: inherit !important; width: inherit; max-width: 1px; max-height: 1px; margin: 0; padding: 0; -webkit-box-flex: inherit; -moz-box-flex: inherit; -webkit-flex-basis: 0; -webkit-flex-grow: inherit; -ms-flex-negative: 0; -ms-flex-positive: inherit; -ms-flex-preferred-size: 0; -webkit-flex-shrink: 0; } .os-size-auto-observer > .os-resize-observer { width: 1000%; min-width: 1px; height: 1000%; min-height: 1px; } .os-resize-observer-item, .os-resize-observer-item-final { position: absolute; top: 0; left: 0; flex: none !important; -webkit-box-flex: 0 !important; -moz-box-flex: 0 !important; -webkit-flex: none !important; -ms-flex: none !important; } .os-resize-observer-item { z-index: -1; right: 0; bottom: 0; overflow: hidden; opacity: 0; direction: ltr !important; } .os-resize-observer-item-final { -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; transition: none !important; } .os-resize-observer { -webkit-animation-name: hs-resize-observer-dummy-animation; -moz-animation-name: hs-resize-observer-dummy-animation; -o-animation-name: hs-resize-observer-dummy-animation; animation-name: hs-resize-observer-dummy-animation; -webkit-animation-duration: 1ms; -moz-animation-duration: 1ms; -o-animation-duration: 1ms; animation-duration: 1ms; } .os-host-transition > .os-scrollbar, .os-host-transition > .os-scrollbar-corner { -webkit-transition: opacity 0.3s,visibility 0.3s,top 0.3s,right 0.3s,bottom 0.3s,left 0.3s; -moz-transition: opacity 0.3s,visibility 0.3s,top 0.3s,right 0.3s,bottom 0.3s,left 0.3s; -o-transition: opacity 0.3s,visibility 0.3s,top 0.3s,right 0.3s,bottom 0.3s,left 0.3s; transition: opacity 0.3s,visibility 0.3s,top 0.3s,right 0.3s,bottom 0.3s,left 0.3s; } html.os-html > .os-host > .os-scrollbar { position: absolute; z-index: 999999; } .os-scrollbar, .os-scrollbar-corner { position: absolute; z-index: 1; opacity: 1; } .os-scrollbar-corner { right: 0; bottom: 0; } .os-scrollbar { pointer-events: none; } .os-scrollbar-handle, .os-scrollbar-track { width: 100%; height: 100%; pointer-events: auto; } .os-scrollbar-track { padding: 0 !important; border: none !important; position: relative; } .os-scrollbar-handle { position: absolute; } .os-scrollbar-handle-off, .os-scrollbar-track-off { pointer-events: none; } .os-scrollbar.os-scrollbar-unusable, .os-scrollbar.os-scrollbar-unusable * { pointer-events: none !important; } .os-scrollbar.os-scrollbar-unusable .os-scrollbar-handle { opacity: 0 !important; } .os-scrollbar-horizontal { bottom: 0; left: 0; } .os-scrollbar-vertical { top: 0; right: 0; } .os-host-rtl > .os-scrollbar-horizontal { right: 0; } .os-host-rtl > .os-scrollbar-corner, .os-host-rtl > .os-scrollbar-vertical { right: auto; left: 0; } .os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-corner, .os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-corner, .os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal, .os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical, .os-padding+.os-scrollbar-corner, .os-scrollbar-auto-hidden, .os-scrollbar-horizontal+.os-scrollbar-vertical.os-scrollbar-auto-hidden+.os-scrollbar-corner, .os-scrollbar-horizontal.os-scrollbar-auto-hidden+.os-scrollbar-vertical+.os-scrollbar-corner, .os-scrollbar-horizontal.os-scrollbar-auto-hidden+.os-scrollbar-vertical.os-scrollbar-auto-hidden+.os-scrollbar-corner { visibility: hidden; pointer-events: none; opacity: 0; } .os-scrollbar-corner-resize-both { cursor: nwse-resize; } .os-host-rtl > .os-scrollbar-corner-resize-both { cursor: nesw-resize; } .os-scrollbar-corner-resize-horizontal { cursor: ew-resize; } .os-scrollbar-corner-resize-vertical { cursor: ns-resize; } .os-dragging .os-scrollbar-corner.os-scrollbar-corner-resize { cursor: default; } .os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-vertical { top: 0; bottom: 0; } .os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal, .os-host-rtl.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal { right: 0; left: 0; } .os-scrollbar-corner.os-scrollbar-corner-resize, .os-scrollbar:hover { visibility: visible !important; opacity: 1 !important; } .os-scrollbar-corner.os-scrollbar-corner-resize { pointer-events: auto !important; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB3aWR0aD0iMTAiICAgaGVpZ2h0PSIxMCIgICB2ZXJzaW9uPSIxLjEiPiAgPGcgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwNDIuMzYyMikiICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eTowLjQ5NDExNzY1O2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDcuNDI0MjE4NywxMDQyLjM2MjIgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjYgLTEuMzEwMTU2MiwxLjMxMDIgMCwwLjI5OSAwLjEwNDM0MTksMC41NzEgMC4yNzI5NDkyLDAuNzkxNSAwLjIwOTEwMjQsMC4xNDEzIDAuNDY1NjIwNiwwLjIxODQgMC43MzY5NjI5LDAuMjE4NCAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NiAxLjMxMDE1NjMsLTEuMzEwMiAwLC0wLjI3MTMgLTAuMDc3MDkzLC0wLjUyNzggLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0MSwtMC4xNjg2IC0wLjQ5MjU0NDMsLTAuMjcyOSAtMC43OTE1NTI4LC0wLjI3MjkgeiBtIDAsMy4wODQzIGMgLTAuNzIzNTc5MiwwIC0xLjMxMDE1NjIsMC41ODY2IC0xLjMxMDE1NjIsMS4zMTAyIDAsMC4yOTkgMC4xMDQzNDE5LDAuNTcxIDAuMjcyOTQ5MiwwLjc5MTUgMC4yMDkxMDI0LDAuMTQxMyAwLjQ2NTYyMDYsMC4yMTg0IDAuNzM2OTYyOSwwLjIxODQgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjYgMS4zMTAxNTYzLC0xLjMxMDIgMCwtMC4yNzEzIC0wLjA3NzA5MywtMC41Mjc4IC0wLjIxODM1OTQsLTAuNzM2OSAtMC4yMjA0OTQxLC0wLjE2ODYgLTAuNDkyNTQ0MywtMC4yNzMgLTAuNzkxNTUyOCwtMC4yNzMgeiBtIC0zLjA4NDMyNjEsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NiAtMS4zMTAxNTYzLDEuMzEwMiAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MSAwLjI3Mjk0OTIsMC43OTE1IDAuMjA5MTAyNCwwLjE0MTMgMC40NjU2MjA3LDAuMjE4NCAwLjczNjk2MjksMC4yMTg0IDAuNzIzNTc5MywwIDEuMzEwMTU2MywtMC41ODY2IDEuMzEwMTU2MywtMS4zMTAyIDAsLTAuMjcxMyAtMC4wNzcwOTMsLTAuNTI3OCAtMC4yMTgzNTk0LC0wLjczNjkgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzMgLTAuNzkxNTUyNywtMC4yNzMgeiBtIC0zLjAyOTczNjQsMy4wMjk4IEMgMC41ODY1NzY5MywxMDQ4LjQ3NjMgMCwxMDQ5LjA2MjggMCwxMDQ5Ljc4NjQgYyAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyMiwwLjc5MTYgMC4yMDkxMDIyOSwwLjE0MTIgMC40NjU2MjA2NSwwLjIxODMgMC43MzY5NjI4OCwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHogbSAzLjAyOTczNjQsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NSAtMS4zMTAxNTYzLDEuMzEwMSAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyLDAuNzkxNiAwLjIwOTEwMjQsMC4xNDEyIDAuNDY1NjIwNywwLjIxODMgMC43MzY5NjI5LDAuMjE4MyAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NSAxLjMxMDE1NjMsLTEuMzEwMSAwLC0wLjI3MTQgLTAuMDc3MDkzLC0wLjUyNzkgLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzI5IC0wLjc5MTU1MjcsLTAuMjcyOSB6IG0gMy4wODQzMjYxLDAgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjUgLTEuMzEwMTU2MiwxLjMxMDEgMCwwLjI5OSAwLjEwNDM0MTksMC41NzExIDAuMjcyOTQ5MiwwLjc5MTYgMC4yMDkxMDI0LDAuMTQxMiAwLjQ2NTYyMDYsMC4yMTgzIDAuNzM2OTYyOSwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHoiLz4gIDwvZz4gIDxnICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDguMjE1NzcxNSwwLjI3Mjk0OTIyIGMgMC4xNDEyNjY3LDAuMjA5MTAyMjkgMC4yMTgzNTk0LDAuNDY1NjIwNjUgMC4yMTgzNTk0LDAuNzM2OTYyODggMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDc2IC0wLjIwNTUxNzYsLTAuNzk3Nzk2NTkgLTAuNTE4NjAzNSwtMS4wMzcyMDY5OCB6IG0gMCwzLjA4NDMyNjE4IGMgMC4xNDEyNjY3LDAuMjA5MTAyMyAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MiAtMS4zMTAxNTYzLDEuMzEwMTU2MiAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTkzIDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAtMy4wODQzMjYyLDAgYyAwLjE0MTI2NjcsMC4yMDkxMDIzIDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYyIC0xLjMxMDE1NjMsMS4zMTAxNTYyIC0wLjI3MTM0MjIsMCAtMC41Mjc4NjA1LC0wLjA3NzA5MyAtMC43MzY5NjI5LC0wLjIxODM1OTMgMC4yMzk0MTA0LDAuMzEzMDg1OSAwLjYxMjYzNjMsMC41MTg2MDM1IDEuMDM3MjA3MSwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYyLC0wLjU4NjU3NyAxLjMxMDE1NjIsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NSwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogTSAyLjEwMTcwOSw2LjM4NzAxMTcgYyAwLjE0MTI2NjcsMC4yMDkxMDI0IDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYzIC0xLjMxMDE1NjMsMS4zMTAxNTYzIC0wLjI3MTM0MjIzLDAgLTAuNTI3ODYwNTksLTAuMDc3MDkzIC0wLjczNjk2Mjg4LC0wLjIxODM1OTQgMC4yMzk0MTAzOSwwLjMxMzA4NTkgMC42MTI2MzYyMiwwLjUxODYwMzUgMS4wMzcyMDY5OCwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAzLjAyOTczNjMsMCBjIDAuMTQxMjY2NywwLjIwOTEwMjQgMC4yMTgzNTk0LDAuNDY1NjIwNiAwLjIxODM1OTQsMC43MzY5NjI5IDAsMC43MjM1NzkzIC0wLjU4NjU3NywxLjMxMDE1NjMgLTEuMzEwMTU2MywxLjMxMDE1NjMgLTAuMjcxMzQyMiwwIC0wLjUyNzg2MDUsLTAuMDc3MDkzIC0wLjczNjk2MjksLTAuMjE4MzU5NCAwLjIzOTQxMDQsMC4zMTMwODU5IDAuNjEyNjM2MywwLjUxODYwMzUgMS4wMzcyMDcxLDAuNTE4NjAzNSAwLjcyMzU3OTMsMCAxLjMxMDE1NjIsLTAuNTg2NTc3IDEuMzEwMTU2MiwtMS4zMTAxNTYzIDAsLTAuNDI0NTcwOCAtMC4yMDU1MTc1LC0wLjc5Nzc5NjYgLTAuNTE4NjAzNSwtMS4wMzcyMDcgeiBtIDMuMDg0MzI2MiwwIGMgMC4xNDEyNjY3LDAuMjA5MTAyNCAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHoiIC8+ICA8L2c+PC9zdmc+"); background-repeat: no-repeat; background-position: 100% 100%; } .os-host-rtl > .os-scrollbar-corner.os-scrollbar-corner-resize { -webkit-transform: scale(-1,1); -moz-transform: scale(-1,1); -ms-transform: scale(-1,1); -o-transform: scale(-1,1); transform: scale(-1,1); } .os-host-overflow { overflow: hidden !important; } .os-theme-none > .os-scrollbar-corner, .os-theme-none > .os-scrollbar-horizontal, .os-theme-none > .os-scrollbar-vertical { display: none !important; } .os-theme-none > .os-scrollbar-corner-resize { display: block !important; min-width: 10px; min-height: 10px; } .os-theme-dark > .os-scrollbar-horizontal, .os-theme-light > .os-scrollbar-horizontal { right: 10px; height: 10px; } .os-theme-dark > .os-scrollbar-vertical, .os-theme-light > .os-scrollbar-vertical { bottom: 10px; } .os-theme-dark.os-host-rtl > .os-scrollbar-horizontal, .os-theme-light.os-host-rtl > .os-scrollbar-horizontal { right: 0; left: 10px; } .os-theme-dark > .os-scrollbar-corner, .os-theme-light > .os-scrollbar-corner { width: 10px; height: 10px; background-color: transparent; } .os-theme-dark > .os-scrollbar, .os-theme-light > .os-scrollbar { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 2px; background: 0 0; } .os-theme-dark > .os-scrollbar > .os-scrollbar-track, .os-theme-dark > .os-scrollbar.os-scrollbar-unusable, .os-theme-light > .os-scrollbar > .os-scrollbar-track, .os-theme-light > .os-scrollbar.os-scrollbar-unusable { background: 0 0; } .os-theme-dark > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle, .os-theme-light > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle { min-width: 30px; } .os-theme-dark > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle, .os-theme-light > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle { min-height: 30px; } .os-theme-dark.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle, .os-theme-light.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle { -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; } .os-theme-dark > .os-scrollbar > .os-scrollbar-track, .os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle, .os-theme-light > .os-scrollbar > .os-scrollbar-track, .os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle { background: rgba(0,0,0,.4); } .os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle { background: rgba(255,255,255,.4); } .os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle { background: rgba(0,0,0,.55); } .os-theme-light > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle { background: rgba(255,255,255,.55); } .os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active { background: rgba(0,0,0,.7); } .os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active { background: rgba(255,255,255,.7); } .os-theme-dark > .os-scrollbar-horizontal .os-scrollbar-handle:before { position: absolute; right: 0; left: 0; display: block; content: ""; } .os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before { position: absolute; top: 0; bottom: 0; display: block; content: ""; } .os-theme-light > .os-scrollbar-horizontal .os-scrollbar-handle:before { position: absolute; right: 0; left: 0; display: block; content: ""; } .os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before { position: absolute; top: 0; bottom: 0; display: block; content: ""; } .os-theme-dark > .os-scrollbar-horizontal .os-scrollbar-handle:before, .os-theme-light > .os-scrollbar-horizontal .os-scrollbar-handle:before { top: -6px; bottom: -2px; } .os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before, .os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before { right: -2px; left: -6px; } .os-host-rtl.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before, .os-host-rtl.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before { right: -6px; left: -2px; } .os-theme-dark > .os-scrollbar-vertical, .os-theme-light > .os-scrollbar-vertical { width: 8px; } .os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle { background: rgba(0,0,0,.2); } .mfp-bg { position: fixed; z-index: 1042; overflow: hidden; opacity: 0.8; background: #0b0b0b; } .mfp-bg, .mfp-container, .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; } .mfp-wrap { z-index: 1043; -webkit-backface-visibility: hidden; outline: 0 !important; position: fixed; } .mfp-container { position: absolute; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; } .mfp-container:before, .mfp-content { display: inline-block; vertical-align: middle; } .mfp-container:before { height: 100%; content: ""; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; z-index: 1045; margin: 0 auto; text-align: left; } .mfp-ajax-holder .mfp-content, .mfp-inline-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-arrow, .mfp-close, .mfp-counter, .mfp-preloader { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mfp-loading.mfp-figure, .mfp-s-error .mfp-content, .mfp-s-ready .mfp-preloader { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { position: absolute; z-index: 1044; top: 50%; right: 8px; left: 8px; width: auto; margin-top: -.8em; text-align: center; color: #ccc; } .mfp-preloader a { color: #ccc; } .mfp-preloader a:hover { color: #fff; } button.mfp-arrow, button.mfp-close { z-index: 1046; display: block; overflow: visible; padding: 0; cursor: pointer; border: 0; outline: 0; background: 0 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -ms-touch-action: manipulation; touch-action: manipulation; -webkit-appearance: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { position: absolute; top: 0; right: 0; width: 44px; height: 44px; padding: 0 0 18px 10px; text-align: center; text-decoration: none; opacity: 0.65; color: #fff; font-family: Arial,Baskerville,monospace; font-size: 28px; font-style: normal; line-height: 44px; } .mfp-close:focus, .mfp-close:hover { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close { right: -6px; width: 100%; padding-right: 6px; text-align: right; color: #fff; } .mfp-counter { position: absolute; top: 0; right: 0; white-space: nowrap; color: #ccc; font-size: 12px; line-height: 18px; } .mfp-arrow { position: absolute; top: 50%; width: 90px; height: 110px; margin: -55px 0 0; padding: 0; opacity: 0.65; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:focus, .mfp-arrow:hover { opacity: 1; } .mfp-arrow:after, .mfp-arrow:before { position: absolute; top: 0; left: 0; display: block; width: 0; height: 0; margin-top: 35px; margin-left: 35px; content: ""; border: medium inset transparent; } .mfp-arrow:after { top: 8px; border-top-width: 13px; border-bottom-width: 13px; } .mfp-arrow:before { opacity: 0.7; border-top-width: 21px; border-bottom-width: 21px; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { margin-left: 31px; border-right: 17px solid #fff; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3f3f3f; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { margin-left: 39px; border-left: 17px solid #fff; } .mfp-arrow-right:before { border-left: 27px solid #3f3f3f; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { width: 100%; max-width: 900px; line-height: 0; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { overflow: hidden; width: 100%; height: 0; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: #000; -webkit-box-shadow: 0 0 8px rgba(0,0,0,.6); -moz-box-shadow: 0 0 8px rgba(0,0,0,.6); box-shadow: 0 0 8px rgba(0,0,0,.6); } .mfp-figure:after, img.mfp-img { display: block; width: auto; height: auto; } img.mfp-img { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; padding: 40px 0; } .mfp-figure, img.mfp-img { line-height: 0; } .mfp-figure:after { position: absolute; z-index: -1; top: 40px; right: 0; bottom: 40px; left: 0; content: ""; background: #444; -webkit-box-shadow: 0 0 8px rgba(0,0,0,.6); -moz-box-shadow: 0 0 8px rgba(0,0,0,.6); box-shadow: 0 0 8px rgba(0,0,0,.6); } .mfp-figure small { display: block; color: #bdbdbd; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { position: absolute; top: 100%; left: 0; width: 100%; margin-top: -36px; cursor: auto; } .mfp-title { padding-right: 36px; text-align: left; word-wrap: break-word; color: #f3f3f3; line-height: 18px; } .mfp-image-holder .mfp-content, img.mfp-img { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } .mfp-container { padding: 0; } .mfp-zoom-in .popup { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: scale(.8); -moz-transform: scale(.8); -ms-transform: scale(.8); -o-transform: scale(.8); transform: scale(.8); opacity: 0; } .mfp-zoom-in.mfp-bg { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; opacity: 0; } .mfp-zoom-in.mfp-ready .popup { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } .mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.9; } .mfp-zoom-in.mfp-removing .popup { -webkit-transform: scale(.8); -moz-transform: scale(.8); -ms-transform: scale(.8); -o-transform: scale(.8); transform: scale(.8); opacity: 0; } .mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; } .button, .button:hover { text-decoration: none; color: #fff; } .button, .button::before { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .button { display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; flex-flow: row nowrap; justify-content: center; align-items: center; min-height: 44px; padding: 15px 30px 13px; cursor: pointer; text-align: center; text-transform: uppercase; border: none; background: -webkit-gradient(linear,left top,left bottom,from(#ff9c68),to(#d16537)); background: -webkit-linear-gradient(top,#ff9c68 0,#d16537 100%); background: -moz- oldlinear-gradient(top,#ff9c68 0,#d16537 100%); background: -o-linear-gradient(top,#ff9c68 0,#d16537 100%); background: linear-gradient(180deg,#ff9c68 0,#d16537 100%); text-shadow: 0 1px 1px rgba(0,0,0,.1); font-family: SourceSansPro,Arial,sans-serif; font-size: 12px; font-weight: 700; line-height: 16px; -webkit-align-items: center; -webkit-box-align: center; -moz-box-align: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-align: center; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; -ms-flex-pack: center; -webkit-justify-content: center; position: relative; -webkit-box-shadow: 0 3px 8px rgba(245,145,94,.4),inset 0 2px 0 rgba(255,255,255,.29); -moz-box-shadow: 0 3px 8px rgba(245,145,94,.4),inset 0 2px 0 rgba(255,255,255,.29); box-shadow: 0 3px 8px rgba(245,145,94,.4),inset 0 2px 0 rgba(255,255,255,.29); background-color: #d16537; } .button::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; content: ""; pointer-events: none; opacity: 0; background: -webkit-gradient(linear,left top,left bottom,from(#ff9c68),to(#e77c4e)); background: -webkit-linear-gradient(top,#ff9c68 0,#e77c4e 100%); background: -moz- oldlinear-gradient(top,#ff9c68 0,#e77c4e 100%); background: -o-linear-gradient(top,#ff9c68 0,#e77c4e 100%); background: linear-gradient(180deg,#ff9c68 0,#e77c4e 100%); background-color: #e77c4e; -webkit-box-shadow: 0 2px 8px rgba(245,145,94,.2),inset 0 2px 0 rgba(255,255,255,.29); -moz-box-shadow: 0 2px 8px rgba(245,145,94,.2),inset 0 2px 0 rgba(255,255,255,.29); box-shadow: 0 2px 8px rgba(245,145,94,.2),inset 0 2px 0 rgba(255,255,255,.29); } .button:hover { border-color: #5dc12e; background-color: #5dc12e; margin-left: 15px; margin-right: 15px; } .button:hover::before { opacity: 1; } .button--small { min-height: 36px; padding: 11px 30px 9px; font-size: 11px; } .button--big { min-height: 50px; padding: 18px 30px 16px; font-size: 16px; } .button--frame-blue, .button--frame-red { color: #369; border-color: #369; background-color: transparent; } .button--frame-blue:hover { color: #fff; border-color: #369; background-color: #369; } .button--frame-red { color: #c33; border-color: #c33; } .button--frame-red:hover { color: #fff; border-color: #c33; background-color: #c33; } .button__caption, .button__svg-icon { position: relative; -webkit-box-flex: 0; -moz-box-flex: 0; } .button__caption { z-index: 10; flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; } .button__svg-icon { top: -1px; display: inline-block; flex: 0 0 auto; margin-right: 12px; margin-left: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; } .button--icon-right .button__svg-icon { order: 2; margin-right: 0; margin-left: 12px; -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -ms-flex-order: 2; -webkit-order: 2; } .btn-menu { position: relative; display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; flex-flow: row nowrap; align-items: center; width: 30px; height: 30px; min-height: 12px; padding: 0; cursor: pointer; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: 0 0; -webkit-align-items: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; } .btn-menu::before { top: 50%; margin-top: -2px; } .btn-menu:hover::before { background-color: #5dc12e; } .btn-menu.active { visibility: visible; } .btn-menu.active::before { opacity: 0; } .btn-menu__caption, .btn-menu__icon { flex: 0 0 auto; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; } .btn-menu__caption { letter-spacing: 0.01em; text-transform: uppercase; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.1); font-family: SourceSansPro,Arial,sans-serif; font-size: 13px; font-weight: 700; font-style: normal; line-height: 1; } .btn-menu__icon { position: relative; margin-right: 12px; } .btn-menu::before, .btn-menu__icon::after, .btn-menu__icon::before { position: absolute; left: 0; content: ""; } .btn-menu__icon::before { top: -5px; -webkit-transform-origin: left top; -moz-transform-origin: left top; -ms-transform-origin: left top; -o-transform-origin: left top; transform-origin: left top; } .btn-menu__icon::after { top: 5px; -webkit-transition: all 70ms linear; -moz-transition: all 70ms linear; -o-transition: all 70ms linear; transition: all 70ms linear; -webkit-transform-origin: left bottom; -moz-transform-origin: left bottom; -ms-transform-origin: left bottom; -o-transform-origin: left bottom; transform-origin: left bottom; } .btn-menu__icon, .btn-menu__icon::after, .btn-menu__icon::before { display: block; width: 18px; height: 2px; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; background-color: #fff; } .btn-menu.active .btn-menu__icon { background-color: transparent; } .btn-menu.active .btn-menu__icon::before { top: -6px; left: 3px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .btn-menu.active .btn-menu__icon::after { top: 6px; left: 3px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .field { position: relative; display: block; width: 100%; } .field__label { display: block; margin-bottom: 10px; color: #2b2929; font-family: SourceSansPro,Arial,sans-serif; font-size: 14px; font-weight: 400; line-height: 1.2; } .field__required { color: #c00; } .field__helpers { display: block; margin-top: 5px; } .field__hint { display: block; margin: 0; color: #999; font-family: SourceSansPro,Arial,sans-serif; font-size: 12px; font-weight: 400; line-height: 1.4; } .field__field { position: relative; } .field__field input, .field__field textarea { display: block; padding: 15px 20px 14px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; color: #2b2929; border: 1px solid #409817; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #fff; -webkit-box-shadow: inset 5px 5px 8px rgba(0,0,0,.1); -moz-box-shadow: inset 5px 5px 8px rgba(0,0,0,.1); box-shadow: inset 5px 5px 8px rgba(0,0,0,.1); font-family: SourceSansPro,Arial,sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; } .field__field input:invalid, .field__field textarea:invalid { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .field__field input:focus, .field__field input:hover, .field__field textarea:focus, .field__field textarea:hover { border-color: #ff9d6a; outline: 0; } .field__field input::-webkit-input-placeholder, .field__field textarea::-webkit-input-placeholder { opacity: 1; color: #2b2929; } .field__field input:-moz-placeholder, .field__field input::-moz-placeholder, .field__field textarea:-moz-placeholder, .field__field textarea::-moz-placeholder { opacity: 1; color: #2b2929; } .field__field input:-ms-input-placeholder, .field__field textarea:-ms-input-placeholder { opacity: 1; color: #2b2929; } .field__field input::-webkit-input-placeholde, .field__field textareainput::-webkit-input-placeholde { opacity: 1; color: #2b2929; } .ios .field__field input, .ios .field__field textarea { font-size: 16px; } .field--icon .field__field input, .field--icon .field__field textarea { padding-right: 40px; } .field--error .field__field input, .field--error .field__field textarea { color: red; border-color: red; } .field--error .field__field input::-webkit-input-placeholder, .field--error .field__field textarea::-webkit-input-placeholder { opacity: 1; color: red; } .field--error .field__field input:-moz-placeholder, .field--error .field__field input::-moz-placeholder, .field--error .field__field textarea:-moz-placeholder, .field--error .field__field textarea::-moz-placeholder { opacity: 1; color: red; } .field--error .field__field input:-ms-input-placeholder, .field--error .field__field textarea:-ms-input-placeholder { opacity: 1; color: red; } .field--error .field__field input::-webkit-input-placeholde, .field--error .field__field textareainput::-webkit-input-placeholde { opacity: 1; color: red; } .field__field input { height: 50px; } .field__field textarea { height: 120px; resize: none; } .field__icon { position: absolute; top: 25px; right: 27px; display: inline-block; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; -webkit-transform: translate(50%,-50%); -moz-transform: translate(50%,-50%); -ms-transform: translate(50%,-50%); -o-transform: translate(50%,-50%); transform: translate(50%,-50%); fill: #ff9d6a; } input:focus+.field__icon, input:hover+.field__icon { fill: #5dc12e; } .field__error { display: block; margin: 5px 0 -5px; color: red; font-family: SourceSansPro,Arial,sans-serif; font-size: 12px; font-weight: 400; line-height: 1.2; } .error-style--popup .field__error, .error-style--popup-top .field__error { position: absolute; z-index: 100; left: 0; display: inline-block; max-width: 100%; font-family: SourceSansPro,Arial,sans-serif; font-size: 12px; } .error-style--popup .field__error { border: 1px solid #ddd; -webkit-box-shadow: 0 0 10px rgba(0,0,0,.15); -moz-box-shadow: 0 0 10px rgba(0,0,0,.15); box-shadow: 0 0 10px rgba(0,0,0,.15); font-weight: 300; line-height: 18px; top: 92%; padding: 8px 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #ffc; } .error-style--popup .field__error::after, .error-style--popup .field__error::before { position: absolute; top: -7px; left: 10px; display: block; width: 14px; height: 7px; content: ""; border-width: 0 7px 7px; border-style: solid; border-color: transparent transparent #ddd; } .error-style--popup .field__error::after { top: -6px; border-width: 0 6px 6px; border-color: transparent transparent #fdfcd3; } .error-style--popup-top .field__error { top: -36px; padding: 7px 10px; text-align: center; color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #fc5851; } .error-style--popup-top .field__error::after { position: absolute; bottom: -8px; left: 50%; display: block; width: 16px; height: 8px; margin-left: -8px; content: ""; border-width: 8px 8px 0; border-style: solid; border-color: #fc5851 transparent transparent; } .field--type-checkbox, .field--type-radio { position: relative; display: inline-block; width: auto; } .field--type-checkbox input, .field--type-radio input { display: none; margin: 0; padding: 0; opacity: 0; } .field--type-radio .field__label { display: inline-block; min-height: 20px; margin: 0; padding: 0 0 0 32px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #2b2929; font-family: SourceSansPro,Arial,sans-serif; font-size: 14px; font-weight: 400; line-height: 16px; -webkit-touch-callout: none; } .field--type-radio .field__label .field__check { position: absolute; top: 0; left: 0; display: block; width: 20px; height: 20px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; border: 1px solid #d1d1d1; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #fff; } .field--type-checkbox .field__label:hover .field__check, .field--type-radio .field__label:hover .field__check { border-color: #999; } .field--type-radio input:checked+.field__label .field__check::after { position: absolute; top: 50%; left: 50%; display: block; width: 10px; height: 10px; margin-top: -5px; margin-left: -5px; content: ""; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #09f; } .field--type-checkbox .field__label { display: inline-block; min-height: 20px; margin: 0; padding: 0 0 0 30px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #2b2929; font-family: SourceSansPro,Arial,sans-serif; font-size: 14px; font-weight: 400; line-height: 16px; -webkit-touch-callout: none; } .field--type-checkbox .field__label .field__check { position: absolute; top: 0; left: 0; display: block; width: 20px; height: 20px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; border: 1px solid #d1d1d1; } .field--type-checkbox input:checked+.field__label .field__check::after { position: absolute; top: 2px; left: 7px; display: block; width: 6px; height: 11px; content: ""; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); border-width: 2px; border-style: none solid solid none; border-color: #09f; } .field--type-checkbox.field--error .field__label .field__check { border-color: #c99; } .field--type-checkbox .field__error { padding-left: 30px; } .form, .form--frame { display: block; } .form--frame { padding: 20px; border: 10px solid rgba(0,0,0,.07); background-color: #4caf50; } .form__subtitle, .form__title { display: block; margin: 0 0 20px; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.1); font-family: SourceSansPro,Arial,sans-serif; font-size: 18px; font-weight: 400; font-style: normal; line-height: 1.8; } .form__title a { display: inline-block; text-decoration: none; color: #fff; } .form__title a:hover { text-decoration: underline; color: #fff; } .form__subtitle { margin: -15px 0 20px; font-family: SourceSansPro,Arial,sans-serif; font-size: 16px; font-weight: 300; } .form__submit { width: 100%; } .form__row { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-flow: row wrap; margin: 0 -15px -10px; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; } .form__col { flex: 0 0 100%; max-width: 100%; margin-bottom: 10px; padding: 0 15px; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; } .form__col, .logo { display: block; } .logo--header { max-width: 160px; } .logo img { max-width: 100%; height: auto; border: none; } .contact, .logo img { display: block; } .contact__button { position: relative; display: block; width: 20px; height: 20px; padding: 0; border: none; background-color: transparent; } .contact__button .svg-icon { position: absolute; top: 50%; left: 50%; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); fill: #5dc12e; } .contact.expanded .contact__button .svg-icon { opacity: 0.5; } .contact__address, .contact__phone { display: block; margin: 0; text-align: center; color: #2b2929; font-family: SourceSansPro,Arial,sans-serif; font-size: 14px; font-weight: 400; font-style: normal; line-height: 1.285; } .contact__phone { margin: 6px 0; text-decoration: none; font-size: 18px; font-weight: 600; line-height: 20px; } .breadcrumbs__item a:hover, .contact__email, .contact__email:hover, .contact__phone:hover { text-decoration: none; color: #5dc12e; } .contact__email { display: block; margin: 6px 0; text-align: center; color: #2b2929; font-family: SourceSansPro,Arial,sans-serif; font-size: 18px; font-weight: 400; font-style: normal; line-height: 20px; } .breadcrumbs { display: block; } .breadcrumbs__items { display: block; margin: 0; padding: 0; list-style: none; } .breadcrumbs__item { display: inline; margin: 0; padding: 0; vertical-align: middle; color: #8d8d8c; font-family: SourceSansPro,Arial,sans-serif; font-size: 14px; font-weight: 400; font-style: normal; line-height: 1.4; } .breadcrumbs__item:not(:last-child) { position: relative; } .breadcrumbs__item:not(:last-child)::after { display: inline-block; width: 0; height: 0; margin: 0 4px 0 8px; content: ""; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; vertical-align: middle; border-width: 2px 0 2px 4px; border-style: solid; border-color: transparent transparent transparent #5dc12e; background: 0; } .breadcrumbs__item a { text-decoration: none; color: #2b2929; } .search { display: block; } .search__btn-search { position: relative; display: block; width: 20px; height: 20px; margin: 0 5px 0 0; text-align: center; border: none; background-color: transparent; } .search__btn-search .svg-icon { position: relative; top: -2px; display: inline-block; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; opacity: 0.5; fill: #fff; } .search__btn-search:hover .svg-icon { opacity: 1; } .search__form { position: absolute; z-index: 200; top: 50%; right: 10px; left: 10px; display: none; margin-top: -17px; } .search__input { display: block; width: 100%; height: 34px; padding: 6px 50px 6px 15px; color: #2b2929; border: 1px solid #6b380d; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #fff; -webkit-box-shadow: inset 5px 5px 8px rgba(0,0,0,.1); -moz-box-shadow: inset 5px 5px 8px rgba(0,0,0,.1); box-shadow: inset 5px 5px 8px rgba(0,0,0,.1); font-family: SourceSansPro,Arial,sans-serif; font-size: 13px; font-weight: 400; font-style: normal; line-height: 20px; } .search__input:invalid { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .search__input:focus { border-color: #ff9d6a; } .search__input::-webkit-input-placeholder { opacity: 1; color: #999; } .search__input:-moz-placeholder, .search__input::-moz-placeholder { opacity: 1; color: #999; } .search__input:-ms-input-placeholder { opacity: 1; color: #999; } .search__input::-webkit-input-placeholde { opacity: 1; color: #999; } .search__btn-submit { position: absolute; top: 50%; right: 15px; display: block; width: 20px; height: 20px; margin-top: -10px; text-align: center; border: none; background-color: transparent; } .search__btn-submit .svg-icon { position: relative; top: -2px; display: inline-block; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; fill: #ff9d6a; } .search__btn-submit:hover .svg-icon { fill: #5dc12e; } .toc { display: block; padding: 24px 16px; border: 4px solid #4caf50; background-color: #f6faf4; } .toc__item, .toc__items { display: block; margin: 0; padding: 0; } .toc__items { list-style: none; } .toc__item { color: #5dc12e; font-family: SourceSansPro,Arial,sans-serif; font-size: 14px; font-weight: 400; font-style: normal; line-height: 1.285; } .toc__item:not(:last-child) { margin-bottom: 15px; } .toc__item a { position: relative; display: block; padding: 0 16px 8px; color: #1b5e20; text-shadow: 1px 1px 1px #fff; font-size: 15px; border-bottom: 1px solid #4caf501f; } .toc__item a::before { position: absolute; top: 5px; left: -1px; display: block; width: 6px; height: 6px; content: ""; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); border-width: 2px; border-style: solid solid none none; border-color: #4caf50; } .toc__item a:hover { -webkit-text-decoration-style: solid; -moz-text-decoration-style: solid; text-decoration-style: solid; } .cities { display: block; padding: 25px 10px 25px 25px; border: 5px solid #4caf50; background: #fff; } .cities__wrapper { overflow-y: auto; max-height: 390px; } .cities__items { display: block; margin: 0; padding: 0; list-style: none; } .cities__item { display: block; margin: 0 0 1em; padding: 0; color: #2b2929; font-family: SourceSansPro,Arial,sans-serif; font-size: 15px; font-weight: 400; font-style: normal; line-height: 1.2; } .cities__item a { text-decoration: none; color: #2b2929; } .cities__item a:hover { text-decoration: none; color: #5dc12e; } .cities__item span { -webkit-text-decoration-line: underline; -moz-text-decoration-line: underline; text-decoration-line: underline; } .video { display: inline-block; } .video__cover { display: block; max-width: 100%; height: auto; } .video__link { position: relative; display: block; } .video__link+span { display: none; } .video__icon, .video__icon::before { z-index: 10; width: 100px; height: 100px; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: rgba(255,255,255,.3); } .video__icon::before { z-index: 2; display: block; width: 82px; height: 82px; content: ""; background-color: rgba(255,255,255,.5); } .video__icon, .video__icon .svg-icon, .video__icon::after, .video__icon::before { position: absolute; top: 50%; left: 50%; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .video__icon::after { content: ""; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #5dc12e; z-index: 3; display: block; width: 66px; height: 66px; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .video__icon .svg-icon { z-index: 5; display: inline-block; width: 19px; height: 17px; -webkit-transform: translate(-38%,-50%); -moz-transform: translate(-38%,-50%); -ms-transform: translate(-38%,-50%); -o-transform: translate(-38%,-50%); transform: translate(-38%,-50%); fill: #fbdf50; } .video__link:hover .video__icon { background-color: rgba(93,193,46,.3); } .video__link:hover .video__icon::before { background-color: rgba(93,193,46,.7); } .video__link:hover .video__icon::after { background-color: #fff; } .services, .services__services, .video__icon { display: block; } .services__service { position: relative; display: block; padding: 20px 15px; border-right: 5px solid #4caf50; border-left: 5px solid #4caf50; background: #fff; } .services__service::before { position: absolute; right: 0; bottom: 0; left: 0; display: block; height: 1px; content: ""; background-color: #e9f2e5; } .services__service:first-child { border-top: 5px solid #4caf50; -webkit-border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; } .services__service:nth-last-child(2) { border-bottom: 5px solid #5dc12e; -webkit-border-radius: 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px; } .services__service:nth-last-child(2)::before { display: none; } .services__button { display: none; } .services__order { display: block; } .services__order-label { margin: 0 0 5px; letter-spacing: 0.01em; text-transform: uppercase; color: #2b2929; font-size: 11px; font-weight: 400; line-height: 1.2; } .services__cost, .services__order-label, .services__order-title { font-family: SourceSansPro,Arial,sans-serif; font-style: normal; } .services__order-title { margin: 0; letter-spacing: 0.01em; text-shadow: 0 1px 1px rgba(0,0,0,.1); display: block; color: #4caf50; font-size: 18px; font-weight: 500; line-height: 1.2; } .services__cost { position: absolute; top: 20px; right: 15px; display: inline-block; color: #2b2929; font-size: 14px; font-weight: 400; line-height: 1; } .services__figure { display: none; } .services__figure-bg { display: block; width: 100%; height: auto; border: none; } .services__figure-visual { position: absolute; z-index: 10; top: 0; left: 0; display: block; width: 100%; height: auto; } .services__cta { display: block; margin: 20px 0 0; padding: 40px 25px 30px; border: 5px solid #4caf50; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background: #f6faf4; } .services__cta p { font-size: 17px; } .services__cta-wrapper { flex: 0 0 100%; max-width: 100%; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; } .services__cta-title { margin: 0 0 1em; color: #6b380d; font-family: SourceSansPro,Arial,sans-serif; font-size: 17px; font-weight: 700; font-style: normal; line-height: 1.5; } .services__cta-button { width: 100%; margin: 25px 0 0; } .team { position: relative; display: block; } .team__items { display: block; margin: -5px -15px; padding: 0; } .team__card, .team__item { display: block; margin: 0; padding: 5px 15px; } .team__card { padding: 20px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background: #fff; -webkit-box-shadow: 0 2px 7px rgba(0,0,0,.05); -moz-box-shadow: 0 2px 7px rgba(0,0,0,.05); box-shadow: 0 2px 7px rgba(0,0,0,.05); } .team__card img { display: block; width: 100%; height: auto; max-width: 280px; } .team__caption { margin: 20px 0 0; } .team__about, .team__name { display: block; margin: 0; color: #2b2929; font-family: SourceSansPro,Arial,sans-serif; font-size: 17px; font-weight: 700; font-style: normal; line-height: 1.2; } .team__about { margin: 5px 0 0; color: #8d8d8c; font-family: SourceSansPro,Arial,sans-serif; font-size: 15px; font-weight: 400; } .team__nav { display: none; } .team__next, .team__prev { display: block; flex: 0 0 auto; padding: 0; color: #5dc12e; border: none; background-color: transparent; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; } .team__next:not(:last-child), .team__prev:not(:last-child) { margin-right: 20px; } .team__next:hover, .team__prev:hover { color: #2b2929; } .menu { display: block; } .menu__items { position: absolute; z-index: 200; top: 100%; right: 0; left: 0; display: none; margin: 0; padding: 15px 0; list-style: none; background-color: #60310a; } .menu__item { flex: 0 1 auto; margin: 0; padding: 0; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; } .menu__item a { display: block; padding: 13px 15px; text-decoration: none; letter-spacing: 0.01em; text-transform: uppercase; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.1); font-family: SourceSansPro,Arial,sans-serif; font-size: 12px; font-weight: 700; font-style: normal; line-height: 18px; } .menu__item a.current, .menu__item a:hover { text-decoration: underline; /*color: #ff9d6a; background-color: rgba(0,0,0,.3);*/ } .menu-footer, .menu__item { display: block; } .menu-footer__items { display: block; margin: 0; padding: 0; list-style: none; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; -webkit-columns: 2; -moz-columns: 2; columns: 2; } .menu-footer__item { display: block; margin: 0 0 9px; padding: 0; color: #dfc0a5; font-family: SourceSansPro,Arial,sans-serif; font-size: 15px; font-weight: 400; font-style: normal; line-height: 1.2; } .menu-footer__item a { text-decoration: none; color: #dfc0a5; } .menu-footer__item a:hover { text-decoration: none; color: #ff9d6a; } .s-first { display: block; } .s-first__container { position: relative; max-width: 1250px; margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; } .s-first__main { display: block; padding: 30px 0 35px; background-image: url("../img/s-first-bg.jpg"); background-repeat: no-repeat; background-position: right center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .s-first__title { display: block; margin: 0 0 20px; letter-spacing: 0.02em; color: #2b2929; font-family: SourceSansPro,Arial,sans-serif; font-size: 26px; font-weight: 900; font-style: normal; line-height: 1.38; } .s-first__bottom { position: relative; z-index: 10; display: block; margin: 0; } .s-first__form { margin: 0 -15px; } .s-services { display: block; padding: 24px 0 0; } .s-services__services { position: relative; max-width: 1250px; margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; } .s-services__title { margin-bottom: 20px; text-align: center; font-size: 26px; padding-top: 20px; } .s-advantages { display: block; padding: 40px 0; } .s-advantages__container { position: relative; max-width: 1250px; margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; } .s-advantages__frame { display: block; } .s-advantages__title { margin: 0 0 20px; font-size: 26px; } .s-advantages__list { margin-bottom: 30px; } .s-advantages__items { display: block; margin: 0; padding: 10px 0; list-style: none; background-color: #eef4eb; } .s-advantages__item { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-flow: row wrap; align-items: center; padding: 20px; -webkit-align-items: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; } .s-advantages__item:not(:last-child) { border-bottom: 1px solid #e3e8e0; } .s-advantages__item-icon { flex: 0 0 auto; width: 60px; height: 60px; margin-right: 20px; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; } .s-advantages__item-title { width: -webkit-calc(100% - 80px); width: -moz-calc(100% - 80px); width: calc(100% - 80px); margin: 0; padding-left: 15px; color: #2b2929; border-left: 3px solid #ff9d6a; font-family: SourceSansPro,Arial,sans-serif; font-size: 14px; font-weight: 700; font-style: normal; line-height: 1.4; } .s-advantages__item-text { margin: 15px 0 0; letter-spacing: -.02em; color: #000; font-size: 16px; font-weight: 400; line-height: 1.375; } .s-team { display: block; padding: 40px 0; background-color: #f6f6f6; } .s-team__container { position: relative; max-width: 1250px; margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; } .s-team__title { margin-bottom: 20px; font-size: 26px; } .s-about { display: block; padding: 40px 0; } .s-about__container { position: relative; max-width: 1250px; margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; } .s-about__title { font-size: 26px; } .s-about__main { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-flow: column wrap; -webkit-flex-flow: column wrap; -ms-flex-flow: column wrap; } .s-about__content { display: block; flex: 0 1 auto; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; } .s-about__video { order: 10; flex: 0 0 auto; max-width: 510px; margin: 20px 0 0; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-box-ordinal-group: 11; -moz-box-ordinal-group: 11; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; -ms-flex-order: 10; -webkit-order: 10; } .s-about__form { margin: 30px -15px 0; } .article { display: block; } .article__container { position: relative; max-width: 1250px; margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; } .article__section { display: block; margin: 8px 0 0; text-align: justify; } .article__section:after, .article__section:before { display: table; content: ""; } .article__section:after { clear: both; } .article__section--gray { padding: 40px 0; background-color: #f6f6f6; } .article__top { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-flow: row wrap; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; } .article__visual { display: block; align-self: flex-start; width: 100%; max-width: 100%; height: auto; margin: 0 0 32px; -webkit-align-self: flex-start; -ms-flex-item-align: start; } .article__toc { order: -1; width: -webkit-calc(100% + 30px); width: -moz-calc(100% + 30px); width: calc(100% + 30px); margin: 0 -15px 32px; -webkit-box-ordinal-group: 0; -moz-box-ordinal-group: 0; -ms-flex-order: -1; -webkit-order: -1; } .article__top-text { order: 3; flex: 0 0 100%; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-box-ordinal-group: 4; -moz-box-ordinal-group: 4; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; -ms-flex-order: 3; -webkit-order: 3; } .article__route { position: relative; display: block; } .article__route-map { display: block; width: 100%; max-width: 800px; height: auto; margin: 30px 0; } .article__form-calc, .article__form-consult { margin: 0 -15px; } .article__cities { margin: 0; } .article__video { margin: 0 0 30px; } .header { display: block; } .header__container { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-flow: row nowrap; align-items: center; max-width: 1250px; height: 70px; margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; -webkit-align-items: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; } .header__logo { margin-right: auto; } .header__address, .header__email, .header__logo, .header__phone { flex: 0 0 auto; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; } .header__address, .header__email { margin-left: 20px; } .header__button-question { display: none; order: 10; -webkit-box-ordinal-group: 11; -moz-box-ordinal-group: 11; -ms-flex-order: 10; -webkit-order: 10; } .nav { display: block; background-color: #6b380d; background-image: url("../img/nav-bg.png"); background-repeat: repeat-x; background-position: center center; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; } .nav__container { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; max-width: 1250px; height: 40px; margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; -webkit-align-items: center; -webkit-box-align: center; -moz-box-align: center; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-align: center; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; -ms-flex-pack: justify; -webkit-justify-content: space-between; } .footer { display: block; padding: 40px 0; background-color: #6b380d; } .footer__container { position: relative; max-width: 1250px; margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; } .footer__col { display: block; } .footer__col:not(:last-child) { margin-bottom: 30px; } .footer__title { display: block; margin: 0 0 17px; color: #fff; font-family: SourceSansPro,Arial,sans-serif; font-size: 17px; font-weight: 700; font-style: normal; line-height: 1.2; } .footer__menu { max-width: 360px; } .footer__address, .footer__email, .footer__phone { position: relative; display: block; padding-left: 25px; text-decoration: none; color: #fff; } .footer__address:not(:last-child), .footer__email:not(:last-child), .footer__phone:not(:last-child) { margin-bottom: 15px; } .footer__address .svg-icon, .footer__email .svg-icon, .footer__phone .svg-icon { position: absolute; top: 2px; left: -1px; display: inline-block; fill: #ff9d6a; } .footer__address, .footer__copyright, .footer__email, .footer__phone { font-family: SourceSansPro,Arial,sans-serif; font-size: 18px; font-weight: 400; line-height: 20px; } .footer__email:hover, .footer__phone:hover { text-decoration: none; color: #ff9d6a; } .footer__address, .footer__copyright, .footer__email { font-size: 12px; font-style: normal; line-height: 1.6; } .footer__copyright, .footer__email { font-size: 13px; line-height: 20px; } .footer__copyright { display: block; margin: 0; color: #966e4d; font-size: 12px; line-height: 22px; } .footer__copyright:first-line { font-size: 15px; } .page { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-direction: column; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; } .page__content, .page__main { flex: 1 0 auto; width: 100%; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; } .page__footer, .page__header { flex: none; width: 100%; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: none; -ms-flex: none; } .page__container { position: relative; max-width: 1250px; margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; } .page__content { display: block; } .page__breadcrumbs { margin: 20px 0 30px; } @font-face { font-family: GothamPro; src: url("../fonts/GothamPro-Regular/GothamPro-Regular.eot"); src: url("../fonts/GothamPro-Regular/GothamPro-Regular.woff2") format("woff2"),url(../fonts/GothamPro-Regular/GothamPro-Regular.woff) format("woff"),url(../fonts/GothamPro-Regular/GothamPro-Regular.ttf) format("truetype"),url(../fonts/GothamPro-Regular/GothamPro-Regular.svg#GothamPro-Regular) format("svg"),url(../fonts/GothamPro-Regular/GothamPro-Regular.eot?#iefix) format("embedded-opentype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: GothamPro; src: url("../fonts/GothamPro-Medium/GothamPro-Medium.eot"); src: url("../fonts/GothamPro-Medium/GothamPro-Medium.woff2") format("woff2"),url(../fonts/GothamPro-Medium/GothamPro-Medium.woff) format("woff"),url(../fonts/GothamPro-Medium/GothamPro-Medium.ttf) format("truetype"),url(../fonts/GothamPro-Medium/GothamPro-Medium.svg#GothamPro-Medium) format("svg"),url(../fonts/GothamPro-Medium/GothamPro-Medium.eot?#iefix) format("embedded-opentype"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: GothamPro; src: url("../fonts/GothamPro-Bold/GothamPro-Bold.eot"); src: url("../fonts/GothamPro-Bold/GothamPro-Bold.woff2") format("woff2"),url(../fonts/GothamPro-Bold/GothamPro-Bold.woff) format("woff"),url(../fonts/GothamPro-Bold/GothamPro-Bold.ttf) format("truetype"),url(../fonts/GothamPro-Bold/GothamPro-Bold.svg#GothamPro-Bold) format("svg"),url(../fonts/GothamPro-Bold/GothamPro-Bold.eot?#iefix) format("embedded-opentype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: GothamPro; src: url("../fonts/GothamPro-Black/GothamPro-Black.eot"); src: url("../fonts/GothamPro-Black/GothamPro-Black.woff2") format("woff2"),url(../fonts/GothamPro-Black/GothamPro-Black.woff) format("woff"),url(../fonts/GothamPro-Black/GothamPro-Black.ttf) format("truetype"),url(../fonts/GothamPro-Black/GothamPro-Black.svg#GothamPro-Black) format("svg"),url(../fonts/GothamPro-Black/GothamPro-Black.eot?#iefix) format("embedded-opentype"); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: SourceSansPro; src: url("../fonts/SourceSansPro-Light/SourceSansPro-Light.eot"); src: url("../fonts/SourceSansPro-Light/SourceSansPro-Light.woff2") format("woff2"),url(../fonts/SourceSansPro-Light/SourceSansPro-Light.woff) format("woff"),url(../fonts/SourceSansPro-Light/SourceSansPro-Light.ttf) format("truetype"),url(../fonts/SourceSansPro-Light/SourceSansPro-Light.svg#SourceSansPro-Light) format("svg"),url(../fonts/SourceSansPro-Light/SourceSansPro-Light.eot?#iefix) format("embedded-opentype"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: SourceSansPro; src: url("../fonts/SourceSansPro-Regular/SourceSansPro-Regular.eot"); src: url("../fonts/SourceSansPro-Regular/SourceSansPro-Regular.woff2") format("woff2"),url(../fonts/SourceSansPro-Regular/SourceSansPro-Regular.woff) format("woff"),url(../fonts/SourceSansPro-Regular/SourceSansPro-Regular.ttf) format("truetype"),url(../fonts/SourceSansPro-Regular/SourceSansPro-Regular.svg#SourceSansPro-Regular) format("svg"),url(../fonts/SourceSansPro-Regular/SourceSansPro-Regular.eot?#iefix) format("embedded-opentype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: SourceSansPro; src: url("../fonts/SourceSansPro-Semibold/SourceSansPro-Semibold.eot"); src: url("../fonts/SourceSansPro-Semibold/SourceSansPro-Semibold.woff2") format("woff2"),url(../fonts/SourceSansPro-Semibold/SourceSansPro-Semibold.woff) format("woff"),url(../fonts/SourceSansPro-Semibold/SourceSansPro-Semibold.ttf) format("truetype"),url(../fonts/SourceSansPro-Semibold/SourceSansPro-Semibold.svg#SourceSansPro-Semibold) format("svg"),url(../fonts/SourceSansPro-Semibold/SourceSansPro-Semibold.eot?#iefix) format("embedded-opentype"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: SourceSansPro; src: url("../fonts/SourceSansPro-Bold/SourceSansPro-Bold.eot"); src: url("../fonts/SourceSansPro-Bold/SourceSansPro-Bold.woff2") format("woff2"),url(../fonts/SourceSansPro-Bold/SourceSansPro-Bold.woff) format("woff"),url(../fonts/SourceSansPro-Bold/SourceSansPro-Bold.ttf) format("truetype"),url(../fonts/SourceSansPro-Bold/SourceSansPro-Bold.svg#SourceSansPro-Bold) format("svg"),url(../fonts/SourceSansPro-Bold/SourceSansPro-Bold.eot?#iefix) format("embedded-opentype"); font-weight: 700; font-style: normal; font-display: swap; } @media only screen and (min-width:480px) { .team__nav { position: absolute; top: -40px; right: 0; display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; flex-flow: row nowrap; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; } .article__toc { width: 100%; margin: 0 0 32px; } .article__form-calc { margin: 30px 0 0; } .article__form-consult { margin: 0; } .article__cities { margin: 30px 0 0; } } @media only screen and (min-width:480px) and (min-width:768px) { .team__nav { top: -65px; } } @media only screen and (min-width:480px) and (min-width:1250px) { .team__nav { top: -70px; } } @media only screen and (min-width:768px) { h1, h2 { margin: 0 0 40px; font-size: 50px; } h2 { font-size: 36px; line-height: 1.22; } h3 { font-size: 30px; } .list li, h4 { font-size: 24px; } h5 { font-size: 18px; } .bold, .strong { font-size: 20px; } .list li:not(:last-child) { margin-bottom: 30px; } .list li::before { width: 34px; height: 34px; } .list-steps { padding-left: 30px; } .form--frame { padding: 30px 40px; } .form__subtitle, .form__title { margin-bottom: 25px; font-size: 20px; } .form__subtitle { margin-top: -20px; font-size: 18px; } .form__row { margin-bottom: -30px; } .form__col { margin-bottom: 30px; } .form--2 .form__col, .form--3 .form__col { flex: 0 0 50%; max-width: 50%; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; } .form--2 .form__col:last-child { flex: 0 0 100%; max-width: 100%; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; } .logo--header { max-width: 200px; } .contact { position: relative; } .contact--phone { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-flow: row nowrap; align-items: center; -webkit-align-items: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; } .contact__button { width: 44px; height: 44px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #f6faf4; } .contact.expanded .contact__button { background-color: #5dc12e; } .contact.expanded .contact__button .svg-icon { opacity: 1; fill: #fff; } .contact--phone .contact__button, .contact--phone .contact__content { flex: 0 0 auto; background-color: transparent; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; } .contact--phone .contact__button { width: 20px; height: 20px; margin-right: 10px; pointer-events: none; } .contact--phone.expanded .contact__button { background-color: transparent; } .contact--phone.expanded .contact__button .svg-icon { opacity: 1; fill: #5dc12e; } .contact__content { top: 105%; right: 0; left: auto; padding: 12px 20px; } .contact--phone .contact__content { position: relative; top: auto; right: auto; left: auto; display: inline-block !important; padding: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .contact__address { min-width: 280px; } .search__form { right: 24px; left: 24px; margin-top: -21px; } .search__input { height: 42px; padding: 10px 50px 10px 20px; } .search__btn-submit { right: 20px; } .toc { display: inline-block; padding: 32px; } .cities { padding: 45px 10px 45px 45px; } .cities__wrapper { max-height: 430px; } .cities__items { -webkit-columns: 2; -moz-columns: 2; columns: 2; } .video__icon { width: 136px; height: 136px; } .video__icon::before { width: 112px; height: 112px; } .video__icon::after { width: 88px; height: 88px; } .video__icon .svg-icon { width: 28px; height: 25px; } .services__services { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-flow: row wrap; margin: 0 -15px -30px; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; } .services__service { overflow: hidden; width: -webkit-calc(50% - 30px); width: -moz-calc(50% - 30px); width: calc(50% - 30px); margin: 0 15px 30px; padding: 0; border-right: none; border-left: none; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .services__service::after, .services__service::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; height: auto; content: ""; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; background-color: transparent; } .services__service::before { background: -webkit-linear-gradient(251.38deg,rgba(255,255,255,.186) 0,rgba(255,255,255,.837) 68.75%,rgba(255,255,255,.93) 100%); background: -moz- oldlinear-gradient(251.38deg,rgba(255,255,255,.186) 0,rgba(255,255,255,.837) 68.75%,rgba(255,255,255,.93) 100%); background: -o-linear-gradient(251.38deg,rgba(255,255,255,.186) 0,rgba(255,255,255,.837) 68.75%,rgba(255,255,255,.93) 100%); background: linear-gradient(198.62deg,rgba(255,255,255,.186) 0,rgba(255,255,255,.837) 68.75%,rgba(255,255,255,.93) 100%); z-index: 5; opacity: 1; } .services__service::after { z-index: 7; opacity: 0; background: -webkit-linear-gradient(251.38deg,rgba(67,170,19,.93) 0,rgba(41,109,10,.837) 68.75%,rgba(41,109,10,.93) 100%); background: -moz- oldlinear-gradient(251.38deg,rgba(67,170,19,.93) 0,rgba(41,109,10,.837) 68.75%,rgba(41,109,10,.93) 100%); background: -o-linear-gradient(251.38deg,rgba(67,170,19,.93) 0,rgba(41,109,10,.837) 68.75%,rgba(41,109,10,.93) 100%); background: linear-gradient(198.62deg,rgba(67,170,19,.93) 0,rgba(41,109,10,.837) 68.75%,rgba(41,109,10,.93) 100%); } .services__service:first-child { border-top: none; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .services__service:nth-last-child(2) { border-bottom: none; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .services__service:nth-last-child(2)::before { display: block; } .services__service:hover::before { opacity: 0; } .services__service:hover .services__button, .services__service:hover::after { opacity: 1; } .services__button, .services__order { position: absolute; bottom: 20px; left: 30px; } .services__button { display: block; opacity: 0; z-index: 11; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s; } .services__order { z-index: 15; right: 30px; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .services__service:hover .services__order { bottom: 70px; } .services__order-label, .services__order-title { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .services__service:hover .services__order-label { color: #fff; } .services__service:hover .services__order-title { color: #ff9d6a; } .services__cost { position: absolute; z-index: 12; top: 30px; right: auto; left: 30px; padding: 4px 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #fff; } .services__figure { display: block; margin: 0; padding: 0; } .services__cta { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-flow: row wrap; align-items: center; width: -webkit-calc(50% - 30px); width: -moz-calc(50% - 30px); width: calc(50% - 30px); margin: 0 15px 30px; -webkit-align-items: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; } .menu__items { padding: 20px 0; } .menu__item a { padding: 18px 20px 18px 75px; font-size: 13px; } .menu-footer__items { -webkit-columns: auto; -moz-columns: auto; columns: auto; } .menu-footer--2 .menu-footer__items { -webkit-columns: 2; -moz-columns: 2; columns: 2; } .s-first__container { padding-right: 24px; padding-left: 24px; } .s-first__main { padding: 60px 0 200px; } .s-first__title { margin-bottom: 40px; font-size: 42px; } .s-first__bottom { margin-top: -110px; } .s-first__form { margin: 0; } .s-services { padding-top: 24px; } .s-services__services { padding-right: 24px; padding-left: 24px; } .s-services__title { margin-bottom: 24px; margin-top: 16px; font-size: 41px; } .s-advantages { padding: 80px 0 60px; } .s-advantages__container { padding-right: 24px; padding-left: 24px; } .s-advantages__frame { padding: 20px; border: 10px solid #5dc12e; } .s-advantages__title { display: block; margin: -55px 0 0 -35px; font-size: 44px; } .s-advantages__title span { display: inline-block; padding: 0 20px 0 5px; background-color: #fff; } .s-advantages__list { margin: 0 0 0 -35px; padding: 40px 0 40px 5px; background-color: #fff; } .s-advantages__items { padding: 0; } .s-advantages__item { position: relative; display: block; min-height: 180px; padding: 40px 20px 40px 165px; } .s-advantages__item-icon { position: absolute; top: 40px; left: 40px; width: 100px; height: 100px; margin: 0; } .s-advantages__item-title { width: 100%; margin-top: 10px; font-size: 16px; } .s-team { padding: 60px 0; } .s-team__container { padding-right: 24px; padding-left: 24px; } .s-team__title { margin-bottom: 40px; font-size: 44px; } .s-about { padding: 60px 0; } .s-about__container { padding-right: 24px; padding-left: 24px; } .s-about__title { font-size: 44px; } .s-about__main { display: block; } .s-about__main:after, .s-about__main:before { display: table; content: ""; } .s-about__main:after { clear: both; } .s-about__video { float: left; max-width: 400px; margin: 10px 40px 20px 0; } .s-about__form { margin: 40px 0 0; } .article__container { padding-right: 24px; padding-left: 24px; } .article__section { margin: 60px 0; } .article__section--gray { padding: 60px 0; } .article__visual { max-width: 345px; margin-right: 30px; } .article__toc { order: 1; width: -webkit-calc(100% - 375px); width: -moz-calc(100% - 375px); width: calc(100% - 375px); -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 1; -webkit-order: 1; } .article__route-map { margin: 40px 0; } .article__cities, .article__form-calc { margin: 40px 0 0; } .header__container { padding-right: 24px; padding-left: 24px; height: 90px; } .header__address { margin-left: 20px; } .header__email { margin-left: 10px; } .header__button-question { display: inline-block; margin-left: 20px; } .nav__container { padding-right: 24px; padding-left: 24px; height: 52px; } .footer { padding: 60px 0; } .footer__container { padding-right: 24px; padding-left: 24px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-flow: row wrap; justify-content: space-between; -webkit-box-pack: justify; -moz-box-pack: justify; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; -ms-flex-pack: justify; -webkit-justify-content: space-between; } .footer__col:nth-child(1) { order: 5; flex: 0 0 50%; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-box-ordinal-group: 6; -moz-box-ordinal-group: 6; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; -ms-flex-order: 5; -webkit-order: 5; } .footer__col:nth-child(2), .footer__col:nth-child(3) { flex: 0 0 130px; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 130px; -ms-flex: 0 0 130px; } .footer__col:nth-child(3) { flex: 0 0 300px; -webkit-flex: 0 0 300px; -ms-flex: 0 0 300px; } .footer__col:nth-child(4), .footer__col:nth-child(5) { flex: 0 0 260px; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 260px; -ms-flex: 0 0 260px; } .footer__col:nth-child(5) { order: 6; flex: 0 0 50%; margin-top: 10px; text-align: right; -webkit-box-ordinal-group: 7; -moz-box-ordinal-group: 7; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; -ms-flex-order: 6; -webkit-order: 6; } .page__container { padding-right: 24px; padding-left: 24px; } .page__breadcrumbs { margin-top: 30px; margin-bottom: 60px; } } @media only screen and (min-width:1024px) { .services__cta, .services__service { width: -webkit-calc(33.33% - 30px); width: -moz-calc(33.33% - 30px); width: calc(33.33% - 30px); } .article__top { display: block; } .article__top:after, .article__top:before { display: table; content: ""; } .article__top:after { clear: both; } .article__visual { float: left; max-width: 460px; margin: 0 60px 30px 0; } .article__toc { width: 100%; width: -webkit-calc(100% - 520px); width: -moz-calc(100% - 520px); width: calc(100% - 520px); } .article__route { min-height: 345px; padding-left: 520px; } .article__route-map { position: absolute; top: 0; left: 0; max-width: 460px; margin: 0; } .article__video { float: left; max-width: 480px; margin: 0 40px 30px 0; } } @media only screen and (min-width:1250px) { h1, h2 { margin: 0 0 30px; } .form--2 .form__col { flex: 0 0 33.33%; max-width: 33.33%; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 33.33%; -ms-flex: 0 0 33.33%; } .form--2 .form__col:last-child { flex: 0 0 33.33%; max-width: 33.33%; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 33.33%; -ms-flex: 0 0 33.33%; } .form--3 .form__col { flex: 0 0 25%; max-width: 25%; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; } .contact { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-flow: row nowrap; align-items: center; -webkit-align-items: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; } .contact__button { flex: 0 0 auto; width: 20px; height: 20px; margin-right: 10px; pointer-events: none; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; } .contact.expanded .contact__button, .contact__button, .contact__content { background-color: transparent; } .contact.expanded .contact__button .svg-icon { opacity: 1; fill: #5dc12e; } .contact__content { position: relative; top: auto; right: auto; left: auto; display: inline-block !important; flex: 0 1 auto; padding: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; } .contact__address { width: 230px; min-width: 100px; text-align: left; } .search__form { right: 40px; left: 40px; } .toc__item:not(:last-child) { margin-bottom: 20px; } .cities__items { -webkit-columns: 4; -moz-columns: 4; columns: 4; } .video__icon { width: 174px; height: 174px; } .video__icon::before { width: 144px; height: 144px; } .video__icon::after { width: 114px; height: 114px; } .video__icon .svg-icon { width: 36px; height: 32px; } .services__cta, .services__service { width: -webkit-calc(25% - 30px); width: -moz-calc(25% - 30px); width: calc(25% - 30px); } .services__cta { padding: 25px; } .services__cta-button { margin-top: 15px; } .menu__btn-menu { display: none; } .menu__items { position: relative; top: auto; right: auto; left: auto; display: -webkit-box !important; display: -webkit-flex !important; display: -moz-box !important; display: -ms-flexbox !important; display: flex !important; flex-flow: row nowrap; padding: 0; background-color: transparent; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; } .menu__item a { height: 52px; padding: 17px 27px; } .s-first__container { padding-right: 40px; padding-left: 40px; } .s-first__main { padding: 120px 0 190px; } .s-first__bottom { margin-top: -65px; } .s-services { padding-top: 100px; } .s-services__services { padding-right: 40px; padding-left: 40px; } .s-services__title { margin-bottom: 50px; } .s-advantages { padding: 100px 0; } .s-advantages__container { padding-right: 40px; padding-left: 40px; } .s-advantages__frame { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-flow: row nowrap; align-items: center; -webkit-align-items: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; } .s-advantages__top { flex: 0 1 100%; padding-right: 20px; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; } .s-advantages__title { margin-top: 0; } .s-advantages__title span { padding-top: 40px; } .s-advantages__items { flex: 0 0 540px; max-width: 540px; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 540px; -ms-flex: 0 0 540px; } .s-advantages__item-title { margin-top: 0; } .s-team { padding: 90px 0 100px; } .s-team__container { padding-right: 40px; padding-left: 40px; } .s-team__title { margin-bottom: 50px; } .s-about { padding: 100px 0; } .s-about__container { padding-right: 40px; padding-left: 40px; } .s-about__video { max-width: 510px; margin: 15px 60px 20px 0; } .s-about__form { margin: 50px 0 0; } .article__container { padding-right: 40px; padding-left: 40px; } .article__section { margin: 40px 0; } .article__section--gray { padding: 80px 0; } .article__video { max-width: 570px; margin: 0 60px 30px 0; } .header__container { padding-right: 40px; padding-left: 40px; height: 110px; } .header__phone { order: 4; margin-left: 40px; -webkit-box-ordinal-group: 5; -moz-box-ordinal-group: 5; -ms-flex-order: 4; -webkit-order: 4; } .header__address { order: 2; margin-left: 0; -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -ms-flex-order: 2; -webkit-order: 2; } .header__email { order: 3; margin-left: 35px; -webkit-box-ordinal-group: 4; -moz-box-ordinal-group: 4; -ms-flex-order: 3; -webkit-order: 3; } .header__button-question { margin-left: 40px; } .footer__container, .nav__container, .page__container { padding-right: 40px; padding-left: 40px; } .footer__col:not(:last-child) { margin-bottom: 0; } .footer__col:nth-child(1) { order: -1; flex: 0 0 220px; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-box-ordinal-group: 0; -moz-box-ordinal-group: 0; -webkit-flex: 0 0 220px; -ms-flex: 0 0 220px; -ms-flex-order: -1; -webkit-order: -1; } .footer__col:nth-child(2) { flex: 0 0 130px; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 130px; -ms-flex: 0 0 130px; } .footer__col:nth-child(3), .footer__col:nth-child(4) { flex: 0 0 340px; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 340px; -ms-flex: 0 0 340px; } .footer__col:nth-child(4) { flex: 0 0 260px; -webkit-flex: 0 0 260px; -ms-flex: 0 0 260px; } .footer__col:nth-child(5) { position: absolute; bottom: 8px; left: 40px; margin: 0; text-align: left; } } @media only screen and (min-width:2500px) { .logo--header { max-width: 220px; } } @media all and (max-width:900px) { .mfp-arrow { -webkit-transform: scale(.75); -moz-transform: scale(.75); -ms-transform: scale(.75); -o-transform: scale(.75); transform: scale(.75); } .mfp-arrow-left { -webkit-transform-origin: 0; -moz-transform-origin: 0; -ms-transform-origin: 0; -o-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; -moz-transform-origin: 100%; -ms-transform-origin: 100%; -o-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-right: 6px; padding-left: 6px; } } @media only screen and (max-width:899px) { .mfp-container { padding: 0; } } @media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px) { .mfp-img-mobile .mfp-image-holder { padding-right: 0; padding-left: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { position: fixed; top: auto; bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 3px 5px; background: rgba(0,0,0,.6); } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { top: 3px; right: 5px; } .mfp-img-mobile .mfp-close { position: fixed; top: 0; right: 0; width: 35px; height: 35px; padding: 0; text-align: center; background: rgba(0,0,0,.6); line-height: 35px; } } @media print { *, :after, :before, blockquote:first-letter, blockquote:first-line, div:first-letter, div:first-line, li:first-letter, li:first-line, p:first-letter, p:first-line { color: #000 !important; background: 0 0 !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !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 { white-space: pre-wrap !important; } blockquote, pre { border: 1px solid #999; } thead { display: table-header-group; } blockquote, img, pre, tr { page-break-inside: avoid; } h2, h3, p { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } @-webkit-keyframes hs-resize-observer-dummy-animation { 0% { z-index: 0; } to { z-index: -1; } } @-moz-keyframes hs-resize-observer-dummy-animation { 0% { z-index: 0; } to { z-index: -1; } } @-o-keyframes hs-resize-observer-dummy-animation { 0% { z-index: 0; } to { z-index: -1; } } @keyframes hs-resize-observer-dummy-animation { 0% { z-index: 0; } to { z-index: -1; } } .foot .call { display: block; text-align: center; font-size: 28px; clear: both; } .article__route { min-height: 245px !important; } .footer__copyright { line-height: 22px; } .pl0 { padding-left: 0 !important; } .motera { margin: 0 auto; display: block; max-width: 400px; margin-top: 32px; padding: 18px 30px 16px; } .ml5 { margin-left: 5px; } iframe { display: block; } .header__address, .header__email, .header__logo, .header__phone { display: flex; align-items: center; flex-direction: row; flex-wrap: nowrap; } .prcnew { border-collapse: collapse; } .prcnew td, .prcnew th { border: 1px solid #f1f1f1; padding: 10px; } .accordion { background-color: #eee; color: #444; cursor: pointer; padding: 18px; width: 100%; text-align: left; border: none; outline: 0; transition: 0.4s; font-weight: 700; line-height: 1.2; word-break: break-word; margin: 0 0 1.5em; } .accordion:hover, .active { background-color: #ccc; } .panel { padding: 0 18px; background-color: #fff; display: none; overflow: hidden; } @media only screen and (min-width:768px) { .accordion { font-size: 25px !important; margin: 0 0 0.5em !important; } .panel p { margin: 0 0 20px; font-weight: 500; font-style: normal; font-family: SourceSansPro,Arial,sans-serif; font-size: 22px; line-height: 1.55; } } .foot .call { background: #fff !important; padding-bottom: 30px; } .reviews { background-color: #f2f2f2; min-height: 83vh; } .autopark { margin-top: 20px; } li { padding: 10px; line-height: 21px; } .reviews__main__title { text-align: center; } .slick-track { display: flex !important; align-items: flex-start; } .slick-list { overflow: hidden; } .slider { position: relative; padding-left: 0; padding-right: 0; margin-left: 15px; margin-right: 15px; } .reviews .slick-arrow { position: absolute; top: 96%; z-index: 10; filter:brightness(.5); } .slick-arrow.slick-next { right: 0; top: 50%; } .slick-arrow.slick-prev { left: 0; top: 50%; } .slick-dots { top: 96.5%; position: absolute; } .slick-dots li { list-style: none; margin: 0 5px; display: inline-block; } .slick-dots button { width: 8px; height: 8px; border-radius: 50%; font-size: 0; padding: 2px; } .slick-dots li.slick-active button { background-color: #48a925; } .reviews_container { position: relative; max-width: 1250px; min-height: 620px; margin-right: auto; margin-left: auto; } .reviews { padding-top: 20px; margin-top: 0; padding-bottom: 32px; } .reviews__items { overflow: hidden; display: flex; margin: 50px auto; } .reviews__item { width: 90vw; margin: 0 auto; background-color: #fff; padding: 30px 20px; box-shadow: 0 4px 15px rgba(0,0,0,.15); border-radius: 10px; } .reviews__item:first-child { margin: 0 auto; } .reviews__info { display: flex; align-items: center; min-height: 100px; padding-left: 30px; flex-wrap: wrap; } .reviews__author { flex-wrap: wrap; display: flex; align-items: center; text-decoration: none; } .avatar { width: 60px; height: 60px; background-position: center; display: inline-block; background-repeat: no-repeat; background-size: cover; } .reviews__name { padding-left: 7px; font-weight: 400; font-size: 16px; color: rgba(41,41,41,1); } .reviews__body { padding-top: 10px; padding-left: 30px; } .reviews__text p { font-size: 16px; font-weight: 400; color: rgba(41,41,41,1); } .reviews__text { margin-top: 10px; } .reviews__title { font-weight: 700; font-size: 16px; color: rgba(41,41,41,1); } .rating { display: inline-flex; } .rating__item { background-image: url("../../images/vvoimages/images/star_active.svg"); width: 13px; height: 12px; margin-left: 2px; } .rating__item:first-child { margin-left: 0; } .rating__item__none { background-image: url("../../images/vvoimages/images/star_no_active.svg"); width: 12px; height: 12px; margin-left: 2px; } .reviews__date { font-size: 12px; padding-left: 10px; color: rgba(196,196,196,1); } .autopark__container { padding-bottom: 10px; } .autopark__title { text-align: center; font-size: 44px; } .autopark .menu { display: flex; justify-content: center; align-items: stretch; flex-direction: column; flex-wrap: nowrap; align-content: space-around; } .car__button { white-space: nowrap; background-color: #fff; padding: 13px 20px 11px; margin-left: 10px; border: 1px solid #c4c4c4; border-radius: 5px; font-size: 14px; } .car__button:hover { border: 1px solid #48a925; } .tablinks.active { border: 2px solid #48a925; } .car__info { margin-top: 62px; display: flex; justify-content: center; align-items: center; } .car__info__item { display: none; } .car__info__item1 { display: block; } .car__info__title { font-size: 26px; font-weight: 700; } .car__info__text { color: #474747; width: 357px; padding-left: 45px; } .car__info__word { float: left; width: 49%; padding-top: 30px; } .car__info__number { float: right; width: 20%; padding-top: 30px; } .buy__car { margin-top: 30px; width: 230px; height: 50px; border-radius: 5px; background: linear-gradient(to bottom,#fa996b,#d0673f); color: #fff; font-size: 16px; font-weight: 700; -webkit-box-shadow: 0 4px 4px 0 rgba(0,0,0,.25); -moz-box-shadow: 0 4px 4px 0 rgba(0,0,0,.25); box-shadow: 0 4px 4px 0 rgba(0,0,0,.25); } .car__img { width: 560px; height: auto; background-size: cover; margin-left: 66px; } .call { background-color: #f6f6f6; padding-bottom: 80px; } .call__text { text-align: justify; padding: 0 20px; } .article__section .p_offers { overflow: auto; } .call__items { display: flex; justify-content: center; align-items: center; } .contact__item { max-width: 464px; min-height: 317px; margin-top: 40px; margin-right: 20px; background-color: #fff; box-shadow: 0 4px 15px rgba(0,0,0,.15); border-radius: 10px; } .contact__item a { text-decoration: none; color: #292929; } .contact__title { padding: 50px 201px 0 50px; font-size: 26px; font-weight: 700; } .contact__info { padding-top: 40px; padding-left: 75px; padding-right: 16px; } .number { padding-bottom: 30px; position: relative; } .adress { padding-top: 30px; padding-bottom: 30px; position: relative; } .e-mail { padding-top: 30px; padding-bottom: 58px; position: relative; } .number::before { content: ""; position: absolute; width: 20px; height: 20px; background-image: url("../../images/vvoimages/images/phone.svg"); background-repeat: no-repeat; left: -25px; } .adress::before { content: ""; position: absolute; width: 20px; height: 20px; background-image: url("../../images/vvoimages/images/map.svg"); background-repeat: no-repeat; left: -25px; } .e-mail::before { content: ""; position: absolute; width: 20px; height: 20px; background-image: url("../../images/vvoimages/images/mail.svg"); background-repeat: no-repeat; left: -25px; } .call__item { max-width: 464px; min-height: 317px; margin-top: 40px; background-color: #a5d6a7; box-shadow: 0 4px 15px rgba(0,0,0,.15); border-radius: 10px; } :active, :focus, :hover { outline: 0; outline-offset: 0; } .call__title { padding: 40px 30px; font-size: 26px; font-weight: 700; color: #1b5e20; } .call__name { margin-top: 30px; display: inline-block; width: 330px; height: 48px; border-radius: 5px; margin: 8px 50px; } .call__name { padding-left: 20px; padding-right: 20px; } .call__phone { padding-left: 20px; padding-right: 20px; } .call__phone { width: 330px; height: 48px; margin-bottom: 8px; display: inline-block; border-radius: 5px; margin: 0 50px; } .call__me { padding: 0 60px; width: 71%; height: 50px; margin-top: 8px; margin-left: 50px; border-radius: 5px; background: linear-gradient(to bottom,#fa996b,#d0673f); color: #fff; font-size: 16px; font-weight: 700; cursor: pointer; margin-bottom: 20px; } .advantages__container { max-width: 1250px; margin: 0 auto; } .advantages__items1 { display: flex; justify-content: center; align-items: center; } .advantages__items2 { display: flex; justify-content: center; align-items: center; z-index: 300; } .advantages__item { position: relative; padding-left: 20px; margin-top: 8px; margin-bottom: 32px; max-width: 31.4%; min-height: 250px; margin-left: 20px; box-shadow: 0 4px 15px rgba(0,0,0,.15); border-radius: 10px; padding-bottom: 27px; } .advantages__item2 { position: relative; padding-left: 10px; margin-top: 12px; margin-bottom: 28px; min-height: 300px; max-width: 600px; margin-left: 20px; box-shadow: 0 4px 15px rgba(0,0,0,.15); border-radius: 10px; padding-bottom: 10px; } .advantages__title { white-space: nowrap; font-size: 20px; color: #fff; font-weight: 700; padding: 40px 161px 15px 20px; line-height: 26px; } .advantages__text { padding: 15px 40px 0 20px; line-height: 26px; font-size: 14px; } .advantages__text2 { padding: 0 24px 0 20px; line-height: 26px; font-size: 15px; } .money::before { content: ""; position: absolute; width: 64px; opacity: 0.9; height: 64px; background-image: url("../../images/vvoimages/images/money__white.svg"); right: 24px; top: 24px; } .quality::before { content: ""; position: absolute; width: 64px; height: 64px; background-image: url("../../images/vvoimages/images/quality__white.svg"); right: 24px; top: 24px; } .manager::before { content: ""; position: absolute; width: 64px; height: 64px; background-image: url("../../images/vvoimages/images/manager__white.svg"); right: 24px; top: 24px; } .driver::before { content: ""; position: absolute; width: 64px; height: 64px; background-image: url("../../images/vvoimages/images/driver__white.svg"); right: 16px; z-index: 100; top: 36px; } .truck::before { content: ""; position: absolute; width: 70px; background-image: url("../../images/vvoimages/images/truck__white.svg"); right: 16px; top: 24px; z-index: -1; } .advantages__item { background-color: #1b5e20; color: #fff; } .advantages__item2 { background-color: #dcedc8; color: #1b5e20; z-index: 100; } .advantages__item div { color: #fff; } .advantages__item2 div { color: #1b5e20; } @media(max-width:1338px) { .advantages__items1 { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } } @media(max-width:1288px) { .advantages__items2 { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } .advantages__item.manager { max-width: 600px; } } @media(max-width:1049px) { .menu { margin-top: 0; display: inline-flex; flex-direction: column; align-items: stretch; } .car__button { margin-bottom: 50px; } .car__info { flex-direction: column; align-items: center; margin-top: -800px; padding-left: 150px; } .car__info__text { margin-bottom: 50px; } .buy__car { margin-left: 55px; } .article__section .p_offers { overflow: scroll; } .motera { margin: 0 auto; display: block; max-width: 90%; margin-top: 28px; margin-bottom: 28px; padding: 18px 0 16px; } form#form-consult-top { margin-bottom: 28px; } } @media(max-width:1033px) { .advantages__item { max-width: 600px; margin-left: 16px; margin-right: 16px; background-color: #c8e6c9; padding: 16px 32px 20px 10px; } .advantages__item div { color: #1b5e20; line-height: 26px; } .advantages__title { font-size: 26px; padding: 20px 36px 32px 20px; text-align: left; } .advantages__text { font-size: 14px; } } @media(max-width:945px) { .call__item { max-width: 450px; } .contact__item { margin-right: 0; } .call__items { flex-direction: column; } .field__field input, .field__field textarea { padding: 16px; font-size: 16px; } .button--big { width: 100%; min-height: 50px; font-size: 16px; } } @media(max-width:802px) { .car__info__title { text-align: center; } .menu { display: flex; margin-top: 0; } .car__button { margin-bottom: 10px; } .car__info { margin-top: 0; padding-left: 0; } .car__img { margin-left: 0; } } @media(max-width:770px) { .advantages__items1 { max-width: 572px; } .advantages__item2 { max-width: 530px; margin-left: 16px; margin-right: 16px; } } @media(max-width:682px) { .advantages__title { white-space: normal; } .advantages__items1 { max-width: 100%; } .advantages__text2 { padding-right: 20px; padding-left: 10px; } .advantages__items2 { max-width: 100%; margin-left: 0; } } @media(max-width:578px) { .car__img { display: block; width: 97%; margin: 0 auto; } .slick-initialized .slick-slide { display: block; width: 100% !important; } .buy__car { margin: 24px 0 auto; width: 94%; } .car__info__text { padding-left: 20px; } } @media(max-width:475px) { .contact__title { padding-right: 16px; padding-left: 90px; } .call__item { max-width: 390px; } .contact__item { max-width: 380px; } .call__name { width: 260px; } .call__phone { width: 260px; } .call__me { padding: 0; width: 260px; margin-bottom: 30px; } .contact__info { padding-left: 32px; } } @media(max-width:420px) { .car__info__title { margin-left: -65px; } .car__info__number { width: 35%; } .car__info__word { padding-left: 20px; } } @media(max-width:408px) { .contact__title { padding-left: 30px; } .contact__info { margin-bottom: 35px; } .contact__item { max-width: 326px; } .call__item { max-width: 326px; } .call__name { width: 80%; margin: 8px 35px; } .call__phone { width: 71%; margin: 8px 35px; } .call__me { width: 71%; margin-left: 35px; } } @media(max-width:432px) { .advantages__text2 { padding-bottom: 20px; } .advantages__title2 { padding-right: 30px; font-size: 18px; padding-left: 10px; } } @media(max-width:348px) { .advantages__title { padding-right: 90px; } .advantages__title2 { padding-right: 50px; } } .call__phone { width: 71%; margin: 8px 35px; } .call__me { width: 80%; margin-left: 35px; } } @media(max-width:432px) { .advantages__text2 { padding-bottom: 20px; } .advantages__title2 { padding-right: 30px; font-size: 18px; padding-left: 10px; } } @media(max-width:348px) { .advantages__title { padding-right: 90px; } .advantages__title2 { padding-right: 50px; } } section#rasstojanie_iz_adlera_v_samaru p { font-family: SourceSansPro,Arial,sans-serif; } section#rasstojanie_iz_adlera_v_samaru ol { font-family: SourceSansPro,Arial,sans-serif; font-weight: 300; font-size: 18px; } section#zakazat_samosval_iz_adlera_v_samaru p { font-family: SourceSansPro,Arial,sans-serif; line-height: 34px; } .logo.logo--footer.footer__logo { margin-top: -16px; } section#stoimost_pereezda_iz_anapy_v_nuzhnyj_gorod { background: #eee; padding: 20px 0; } section#stoimost_pereezda_iz_anapy_v_nuzhnyj_gorod h2 { margin-bottom: 22px; } section#stoimost_pereezda_iz_anapy_v_nuzhnyj_gorod p { padding-bottom: 0; margin: 12px 0; font-weight: 300; font-size: 20px; } li { font-family: SourceSansPro,Arial,sans-serif; font-size: 20px; font-weight: 300; line-height: 1.55; } .article__route.pl0 ul { font-family: SourceSansPro,Arial,sans-serif; font-size: 20px; font-weight: 300; list-style: circle; text-align: left; } p.footer__copyright br { display: none; } .whatsup { position: fixed; bottom: 10px; right: calc(50% - 1320px / 2); z-index: 33; transform: scale(.9); transition: 0.3s; } .whatsup:hover { opacity: 0.9; transform: scale(1); } @media screen and (max-width:1320px) { .whatsup { right: 30px; } } .advantages { padding: 0 24px; } .footer__address p { color: #dfc0a5 !important; } .nav { position: relative; } .phone__mobile__box { position: absolute; left: calc(50% - 69px); top: 10px; } .phone__mobile { color: #fff; font-weight: 600; } .fixed { position: fixed !important; top: 0; width: 100%; z-index: 1000; } @media (min-width:768px) { .phone__mobile__box { display: none; } } .to-top { position: fixed; bottom: 10px; left: calc(50% - 1320px / 2); z-index: 100; opacity: 0; visibility: hidden; transition: 0.3s opacity linear; } .to-top.visible { opacity: 1; visibility: visible; } .to-top:hover { cursor: pointer; } @media screen and (max-width:1320px) { .to-top { left: 35px; } } .to-top__wrapper { width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; background: linear-gradient(180deg,#ff9c68 0,#d16537 100%); border-radius: 50%; transition: 0.3s background linear; } .to-top__icon { width: 25px; height: 20px; fill: #fff; transform: rotate(90deg); } .range__input { position: relative; } .calc-item__content { position: relative; } .calc-item__content:not(:first-child) { margin: 10px 0 0; } .range__input .ui-state-default, .ui-button, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, html .ui-button.ui-state-disabled:active, html .ui-button.ui-state-disabled:hover { border-radius: 50%; } .range__input .ui-widget-header { background-color: #f6f6f6; } .range__input.ui-slider-horizontal { height: 8px; } .range__input.ui-slider-horizontal .ui-slider-handle { top: -5.5px; width: 16px; height: 16px; margin-left: -8px; } .range__input .ui-corner-all, .ui-corner-bottom, .ui-corner-br, .ui-corner-right { border-radius: 10px; } .range__input.ui-corner-all, .ui-corner-bottom, .ui-corner-br, .ui-corner-right { border-radius: 10px; } .range__input .ui-state-active, .range__input .ui-widget-header .ui-state-active, .range__input.ui-widget-content .ui-state-active, .ui-button.ui-state-active:hover, .ui-button:active, a.ui-button:active { background-color: #5dc12e; border-color: #5dc12e; } .a-html { overflow-y: scroll; scroll-behavior: smooth; } @media (prefers-reduced-motion:no-preference) { :root { scroll-behavior: smooth; } } #ahid { width: 100%; border: 0; background: 0 0; color: #fff; margin-bottom: 1em; } /*styles for header*/ .page-header { width: 100%; position: fixed; top: 0; background: #fff; z-index: 200; } .header-nav { margin-right: 38px; margin-top: 2px; } .header-nav-btn { display: block; background: linear-gradient(180deg, #ff9c68 0, #d16537 100%); box-shadow: 0 3px 8px rgba(245, 145, 94, .4), inset 0 2px 0 rgba(255, 255, 255, .29); border: 0px; border-radius: 4px; width: 44px; height: 44px; padding: 0px 0 0 6px; } .header-nav-btn:hover { opacity: 0.9; } .menu>.header-nav-btn.active { background: linear-gradient(180deg, #ff9c68 0, #d16537 100%); } .header-nav-btn span { width: 27px; height: 4px; border-radius: 2px; box-shadow: 0px 0px 2px 0px rgba(34, 60, 80, 0.2) inset; transition: all 0.3s ease; } .header-nav-btn span:before { width: 32px; height: 4px; border-radius: 2px; top: -11px; box-shadow: 0px 0px 2px 0px rgba(34, 60, 80, 0.2) inset; transition: all 0.3s ease; } .header-nav-btn span:after { width: 22px; height: 4px; border-radius: 2px; top: 11px; box-shadow: 0px 0px 2px 0px rgba(34, 60, 80, 0.2) inset; transition: all 0.3s ease; } .header-nav-btn.opened span { display: table-row-group; } .header-nav-btn.opened .btn-menu__icon::before { top: -10px; left: 6px; transform: rotate(45deg); } .header-nav-btn.opened .btn-menu__icon::after { width: 32px; top: 11px; left: 6px; transform: rotate(-45deg); } .header-nav-items { display: none; position: absolute; background: #fff; color: #2b2929; padding: 30px 50px 15px 65px; width: 500px; top: 100px; } .header-logo { margin-right: auto; max-width: 200px; } .header-short_nav { display: flex; width: 30%; justify-content: space-between; margin-right: 2%; } .header-short_nav .header-nav-item { display: inline-block; margin-top: 18px; font-size: 16px; font-weight: 700; text-transform: uppercase; } a.header-nav-item { margin-bottom: 15px; } .page__content--css { margin-top: 90px; } .header-nav-items-left { display: inline-block; width: 45%; text-align: left; } .header-nav-items-right { display: inline-block; width: 40%; float: right; text-align: left; } .header-nav-item { display: block; color: #2b2929; font-size: 19px; font-weight: 700; text-transform: uppercase; margin-bottom: 8px; } .header-nav-items-right>.header-nav-item:hover { text-decoration: none; } .header-nav-services { padding-left: 0px; } .header-nav-services li { line-height: 1.35; } .header-nav-services a { display: inline-block; color: #2b2929; font-size: 16px; font-weight: 400; text-transform: none; height: auto; padding: 0; line-height: 1.7; } .header__button-question:hover { opacity: 0.9; color: #fff; } li:not(.ui-menu-item) { line-height: 1.35; } li { padding: 5px 10px; } p { line-height: 1.35; } .advantages__text, .advantages__text2 { line-height: 1.50; } @media (max-width: 1250px) { .page__content--css { margin-top: 70px; } .header-short_nav .header-nav-item { font-size: 15px; } .header-short_nav { margin-right: 3%; width: 28%; } .header-nav-items { top: 90px; } } @media (max-width: 1049px) { .header-short_nav { display: none; } } @media (max-width: 767px) { .header-nav-btn { border-radius: 3px; width: 33px; height: 33px; padding: 0px 0 0 5px; } .page__content--css { margin-top: 30px; } .header-nav-btn span { width: 19px; height: 3px; border-radius: 2px; } .header-nav-btn span:before { width: 23px; height: 3px; border-radius: 2px; top: -8px; } .header-nav-btn span:after { width: 16px; height: 3px; border-radius: 2px; top: 8px; } .header-nav-btn.opened .btn-menu__icon::before { top: -7px; left: 4px; } .header-nav-btn.opened .btn-menu__icon::after { width: 23px; top: 8px; left: 4px; } .header-logo { max-width: 160px; } .header__button-question { display: block; margin-left: 20px; min-height: 33px; padding: 9px 20px 8px; font-size: 11px; } .contact__content { padding: 0px 5px; } .contact__phone img { width: 19px; margin-left: 0px; margin-right: 5px; } .header-nav-items { padding: 15px 5px 5px 5px; width: 390px; top: 70px; } .header-nav-item { margin-bottom: 5px; font-size: 17px; } a.header-nav-item { margin-bottom: 10px; } .header-phone .contact__phone { margin-top: 6px; margin-left: 8px; font-size: 16px; } .header-logo { max-width: 160px; padding: 0px 12px 0 15px; } .contact__phone svg { margin-top: -5px; } .header-question { display: block; margin-left: 20px; min-height: 33px; padding: 9px 20px 8px; white-space: nowrap; } } @media (max-width: 682px) { .header-nav { margin-right: 15px; } } @media (max-width: 578px) { .header-phone span { display: none !important; } } @media (max-width: 420px) { .header-nav-items { padding: 15px 5px 15px 5px; width: 100%; } .header-nav-items-left { width: 75%; } .header-nav-items-right { width: 75%; float: none; } .header-logo { padding: 0px 1px 0 8px; min-width: 90px; } .header-nav { margin-right: 8px; } }