/* Start:/local/templates/st/css/main.css?174787674471781*/ @charset "utf-8"; /* Defaults */ :root { /* Inputs and colors */ --input-color: #777777; --input-border: #dddddd; --input-background-hover: #f6f6f6; --input-background: #fff; --input-placeholder: #CBD1DC; --input-border-focus: #275EFE; --group-color: var(--input-color); --group-border: var(--input-border); --group-background: #EEF4FF; --group-color-focus: #fff; --group-border-focus: var(--input-border-focus); --group-background-focus: #678EFE; --a: #418ad8; --a-hover: #2669b1; --background-main:#ffffff; --main-color:#115b9e; --main-color-lighter:#1a66aa; --main-color-lightest:#edf3f7; --main-color-dark:#f6c90b; --second-color:#f69821; --second-color-dark:#df8a1e; --third-color:#2b2b2d; --third-color-dark:#1c1c1d; --green-light:#caf1cb; --text-light:#fff; --text-black:#000; --error:#ff0000; --success:#f6c90b; /* Flexbox */ --gutter-width: 16px; --outer-margin: 32px; --gutter-compensation: calc((var(--gutter-width) * 0.5) * -1); --half-gutter-width: calc((var(--gutter-width) * 0.5)); --xs-min: 0rem; --sm-min: 576px; --md-min: 768px; --lg-min: 992px; --xl-min: 1200px; --step: 140px; --small-step: 100px; /* Elems */ --background-inactive: #eeeeee; --background-shadow: #dddddd; --svg-inactive: #777777; --svg-active: rgb(40,139,27); /* #cfb87c */ /* #ebae10 */ /* rgb(40,139,27) */ --svg-active-light: #42a734; /* #cfb87c */ /* #ebae10 */ /* rgb(40,139,27) */ } @font-face { font-family: 'Montserrat Bold'; src: url('/local/templates/st/css/../fonts/Montserrat/montserrat_bold.eot'); /* IE 9 Compatibility Mode */ src: url('/local/templates/st/css/../fonts/Montserrat/montserrat_bold.eot?#iefix') format('embedded-opentype'), /* IE < 9 */ url('/local/templates/st/css/../fonts/Montserrat/montserrat_bold.woff2') format('woff2'), /* Super Modern Browsers */ url('/local/templates/st/css/../fonts/Montserrat/montserrat_bold.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */ url('/local/templates/st/css/../fonts/Montserrat/montserrat_bold.ttf') format('truetype'), /* Safari, Android, iOS */ url('/local/templates/st/css/../fonts/Montserrat/montserrat_bold.svg#montserrat_bold') format('svg'); /* Chrome < 4, Legacy iOS */ font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat Italic'; src: url('/local/templates/st/css/../fonts/Montserrat/montserrat_italic.eot'); /* IE 9 Compatibility Mode */ src: url('/local/templates/st/css/../fonts/Montserrat/montserrat_italic.eot?#iefix') format('embedded-opentype'), /* IE < 9 */ url('/local/templates/st/css/../fonts/Montserrat/montserrat_italic.woff2') format('woff2'), /* Super Modern Browsers */ url('/local/templates/st/css/../fonts/Montserrat/montserrat_italic.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */ url('/local/templates/st/css/../fonts/Montserrat/montserrat_italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('/local/templates/st/css/../fonts/Montserrat/montserrat_italic.svg#montserrat_italic') format('svg'); /* Chrome < 4, Legacy iOS */ font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat Light'; src: url('/local/templates/st/css/../fonts/Montserrat/montserrat_light.eot'); /* IE 9 Compatibility Mode */ src: url('/local/templates/st/css/../fonts/Montserrat/montserrat_light.eot?#iefix') format('embedded-opentype'), /* IE < 9 */ url('/local/templates/st/css/../fonts/Montserrat/montserrat_light.woff2') format('woff2'), /* Super Modern Browsers */ url('/local/templates/st/css/../fonts/Montserrat/montserrat_light.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */ url('/local/templates/st/css/../fonts/Montserrat/montserrat_light.ttf') format('truetype'), /* Safari, Android, iOS */ url('/local/templates/st/css/../fonts/Montserrat/montserrat_light.svg#montserrat_light') format('svg'); /* Chrome < 4, Legacy iOS */ font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat Medium'; src: url('/local/templates/st/css/../fonts/Montserrat/montserrat_medium.eot'); /* IE 9 Compatibility Mode */ src: url('/local/templates/st/css/../fonts/Montserrat/montserrat_medium.eot?#iefix') format('embedded-opentype'), /* IE < 9 */ url('/local/templates/st/css/../fonts/Montserrat/montserrat_medium.woff2') format('woff2'), /* Super Modern Browsers */ url('/local/templates/st/css/../fonts/Montserrat/montserrat_medium.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */ url('/local/templates/st/css/../fonts/Montserrat/montserrat_medium.ttf') format('truetype'), /* Safari, Android, iOS */ url('/local/templates/st/css/../fonts/Montserrat/montserrat_medium.svg#montserrat_medium') format('svg'); /* Chrome < 4, Legacy iOS */ font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat Regular'; src: url('/local/templates/st/css/../fonts/Montserrat/montserrat_regular.eot'); /* IE 9 Compatibility Mode */ src: url('/local/templates/st/css/../fonts/Montserrat/montserrat_regular.eot?#iefix') format('embedded-opentype'), /* IE < 9 */ url('/local/templates/st/css/../fonts/Montserrat/montserrat_regular.woff2') format('woff2'), /* Super Modern Browsers */ url('/local/templates/st/css/../fonts/Montserrat/montserrat_regular.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */ url('/local/templates/st/css/../fonts/Montserrat/montserrat_regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('/local/templates/st/css/../fonts/Montserrat/montserrat_regular.svg#montserrat_regular') format('svg'); /* Chrome < 4, Legacy iOS */ font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat SemiBold'; src: url('/local/templates/st/css/../fonts/Montserrat/montserrat_semibold.eot'); /* IE 9 Compatibility Mode */ src: url('/local/templates/st/css/../fonts/Montserrat/montserrat_semibold.eot?#iefix') format('embedded-opentype'), /* IE < 9 */ url('/local/templates/st/css/../fonts/Montserrat/montserrat_semibold.woff2') format('woff2'), /* Super Modern Browsers */ url('/local/templates/st/css/../fonts/Montserrat/montserrat_semibold.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */ url('/local/templates/st/css/../fonts/Montserrat/montserrat_semibold.ttf') format('truetype'), /* Safari, Android, iOS */ url('/local/templates/st/css/../fonts/Montserrat/montserrat_semibold.svg#montserrat_semibold') format('svg'); /* Chrome < 4, Legacy iOS */ font-weight: normal; font-style: normal; font-display: swap; } .page--box{overflow: hidden;display: flex;flex-direction: column;min-height: 100vh;} header {flex: 0 0 auto;} /* 0 flex-grow, 0 flex-shrink, auto flex-basis */ main {flex: 1 0 auto;padding-bottom: var(--l-padding)} /* 1 flex-grow, 0 flex-shrink, auto flex-basis */ footer {flex: 0 0 auto;} /* 1 flex-grow, 0 flex-shrink, auto flex-basis */ html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,input,button {outline: 0;padding: 0;margin: 0;border: 0;} body * {box-sizing: border-box} ul {list-style-type: none} /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ font-family: 'Montserrat Regular'; font-size: 14px; } /* Sections ========================================================================== */ /* Remove the margin in all browsers. */ body {margin: 0;} /* Render the `main` element consistently in IE. */ main {display: block;} /* Correct the font size and margin on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari. */ h1 {font-size: 36px;margin: 10px 0 30px 0;text-align: left;position: relative;font-family: "Montserrat Bold";color:#383838;line-height: normal} /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /* Remove the gray background on active links in IE 10. */ a {background-color: transparent;color:var(--a);text-decoration: none;} /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: 600; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Add the correct font size in all browsers. */ small {font-size: 80%;} /* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */ sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;} sub {bottom: -0.25em;} sup {top: -0.5em;} /* Embedded content ========================================================================== */ /* Remove the border on images inside links in IE 10. */ img {border-style: none;} /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /* Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /* Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /* Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /* Correct the padding in Firefox. */ fieldset {padding: 0.35em 0.75em 0.625em;} /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend {box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal;} /* Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress {vertical-align: baseline;} /* Remove the default vertical scrollbar in IE 10+. */ textarea {overflow: auto;} /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; } /* Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] {-webkit-appearance: textfield; /* 1 */outline-offset: -2px; /* 2 */} /* Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration {-webkit-appearance: none;} /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* Add the correct display in Edge, IE 10+, and Firefox. */ details {display: block;} /* Add the correct display in all browsers. */ summary {display: list-item;} /* Misc ========================================================================== */ /* Add the correct display in IE 10+. */ template {display: none;} /* Add the correct display in IE 10. */ [hidden] {display: none;} /* полоса прокрутки (скроллбар) */ ::-webkit-scrollbar { width: 14px; /* ширина для вертикального скролла */ height: 14px; /* высота для горизонтального скролла */ background-color: transparent; } /* ползунок скроллбара */ ::-webkit-scrollbar-thumb { background-color: var(--svg-inactive); border-radius: 0; box-shadow: none; } ::-webkit-scrollbar-thumb:hover { background-color: var(--svg-inactive); } /* Стрелки */ ::-webkit-scrollbar-button:vertical:start:decrement { display: none } ::-webkit-scrollbar-button:vertical:end:increment { display: none } ::-webkit-scrollbar-button:horizontal:start:decrement { display: none } ::-webkit-scrollbar-button:horizontal:end:increment { display: none } /* Flexboxgrid 6.3.1 */ @custom-media --sm-viewport only screen and (min-width: 576px); @custom-media --md-viewport only screen and (min-width: 768px); @custom-media --lg-viewport only screen and (min-width: 992px); @custom-media --xl-viewport only screen and (min-width: 1200px); @custom-media --xs-only only screen and (max-width: 575px); @custom-media --sm-only only screen and (min-width: 576px) and (max-width: 767px); @custom-media --md-only only screen and (min-width: 768px) and (max-width: 991px); @custom-media --lg-only only screen and (min-width: 992px) and (max-width: 1199px); @custom-media --xl-only only screen and (min-width: 1200px); .container { box-sizing: border-box; margin-left: auto; margin-right: auto; padding-right: 15px; padding-left: 15px; max-width: 1358px; margin: 0 auto; width: 100% } .container-fluid { padding-right: var(--gutter-width, 16px); padding-left: var(--gutter-width, 16px); } @media (--sm-viewport) { .container { width: calc(var(--sm-min) - var(--gutter-width)); max-width: 100%; } } @media (--md-viewport) { .container { width: calc(var(--md-min) - var(--gutter-width)); max-width: 100%; } } @media (--lg-viewport) { .container { width: calc(var(--lg-min) - var(--gutter-width)); max-width: 100%; } } @media (--xl-viewport) { .container { width: calc(var(--xl-min) - var(--gutter-width)); max-width: 100%; } } .row { box-sizing: border-box; display: flex; flex: 0 1 auto; flex-direction: row; flex-wrap: wrap; margin-right: var(--gutter-compensation, -08px); margin-left: var(--gutter-compensation, -08px); } .row.reverse { flex-direction: row-reverse; } .col.reverse { flex-direction: column-reverse; } .col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-offset-0, .col-xs-offset-1, .col-xs-offset-2, .col-xs-offset-3, .col-xs-offset-4, .col-xs-offset-5, .col-xs-offset-6, .col-xs-offset-7, .col-xs-offset-8, .col-xs-offset-9, .col-xs-offset-10, .col-xs-offset-11, .col-xs-offset-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-offset-0, .col-sm-offset-1, .col-sm-offset-2, .col-sm-offset-3, .col-sm-offset-4, .col-sm-offset-5, .col-sm-offset-6, .col-sm-offset-7, .col-sm-offset-8, .col-sm-offset-9, .col-sm-offset-10, .col-sm-offset-11, .col-sm-offset-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-offset-0, .col-md-offset-1, .col-md-offset-2, .col-md-offset-3, .col-md-offset-4, .col-md-offset-5, .col-md-offset-6, .col-md-offset-7, .col-md-offset-8, .col-md-offset-9, .col-md-offset-10, .col-md-offset-11, .col-md-offset-12, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-offset-0, .col-lg-offset-1, .col-lg-offset-2, .col-lg-offset-3, .col-lg-offset-4, .col-lg-offset-5, .col-lg-offset-6, .col-lg-offset-7, .col-lg-offset-8, .col-lg-offset-9, .col-lg-offset-10, .col-lg-offset-11, .col-lg-offset-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-offset-0, .col-xl-offset-1, .col-xl-offset-2, .col-xl-offset-3, .col-xl-offset-4, .col-xl-offset-5, .col-xl-offset-6, .col-xl-offset-7, .col-xl-offset-8, .col-xl-offset-9, .col-xl-offset-10, .col-xl-offset-11, .col-xl-offset-12 { box-sizing: border-box; flex: 0 0 auto; flex-basis: 100%; padding-right: var(--half-gutter-width, 8px); padding-left: var(--half-gutter-width, 8px); max-width: 100%; } .col-xs { flex-grow: 1; flex-basis: 0; max-width: 100%; } .col-xs-1 { flex-basis: 8.33333333%; max-width: 8.33333333%; } .col-xs-2 { flex-basis: 16.66666667%; max-width: 16.66666667%; } .col-xs-3 { flex-basis: 25%; max-width: 25%; } .col-xs-4 { flex-basis: 33.33333333%; max-width: 33.33333333%; } .col-xs-5 { flex-basis: 41.66666667%; max-width: 41.66666667%; } .col-xs-6 { flex-basis: 50%; max-width: 50%; } .col-xs-7 { flex-basis: 58.33333333%; max-width: 58.33333333%; } .col-xs-8 { flex-basis: 66.66666667%; max-width: 66.66666667%; } .col-xs-9 { flex-basis: 75%; max-width: 75%; } .col-xs-10 { flex-basis: 83.33333333%; max-width: 83.33333333%; } .col-xs-11 { flex-basis: 91.66666667%; max-width: 91.66666667%; } .col-xs-12 { flex-basis: 100%; max-width: 100%; } .col-xs-offset-0 { margin-left: 0; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .start-xs { justify-content: flex-start; text-align: start; } .center-xs { justify-content: center; text-align: center; } .end-xs { justify-content: flex-end; text-align: end; } .top-xs { align-items: flex-start; } .middle-xs { align-items: center; } .bottom-xs { align-items: flex-end; } .around-xs { justify-content: space-around; } .between-xs { justify-content: space-between; } .first-xs { order: -1; } .last-xs { order: 1; } .initial-order-xs { order: initial; } @media (--sm-viewport) { .col-sm { flex-grow: 1; flex-basis: 0; max-width: 100%; } .col-sm-1 { flex-basis: 8.33333333%; max-width: 8.33333333%; } .col-sm-2 { flex-basis: 16.66666667%; max-width: 16.66666667%; } .col-sm-3 { flex-basis: 25%; max-width: 25%; } .col-sm-4 { flex-basis: 33.33333333%; max-width: 33.33333333%; } .col-sm-5 { flex-basis: 41.66666667%; max-width: 41.66666667%; } .col-sm-6 { flex-basis: 50%; max-width: 50%; } .col-sm-7 { flex-basis: 58.33333333%; max-width: 58.33333333%; } .col-sm-8 { flex-basis: 66.66666667%; max-width: 66.66666667%; } .col-sm-9 { flex-basis: 75%; max-width: 75%; } .col-sm-10 { flex-basis: 83.33333333%; max-width: 83.33333333%; } .col-sm-11 { flex-basis: 91.66666667%; max-width: 91.66666667%; } .col-sm-12 { flex-basis: 100%; max-width: 100%; } .col-sm-offset-0 { margin-left: 0; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .start-sm { justify-content: flex-start; text-align: start; } .center-sm { justify-content: center; text-align: center; } .end-sm { justify-content: flex-end; text-align: end; } .top-sm { align-items: flex-start; } .middle-sm { align-items: center; } .bottom-sm { align-items: flex-end; } .around-sm { justify-content: space-around; } .between-sm { justify-content: space-between; } .first-sm { order: -1; } .last-sm { order: 1; } .initial-order-sm { order: initial; } } @media (--md-viewport) { .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-offset-0, .col-md-offset-1, .col-md-offset-2, .col-md-offset-3, .col-md-offset-4, .col-md-offset-5, .col-md-offset-6, .col-md-offset-7, .col-md-offset-8, .col-md-offset-9, .col-md-offset-10, .col-md-offset-11, .col-md-offset-12 { box-sizing: border-box; flex: 0 0 auto; padding-right: var(--half-gutter-width, 08px); padding-left: var(--half-gutter-width, 08px); } .col-md { flex-grow: 1; flex-basis: 0; max-width: 100%; } .col-md-1 { flex-basis: 8.33333333%; max-width: 8.33333333%; } .col-md-2 { flex-basis: 16.66666667%; max-width: 16.66666667%; } .col-md-3 { flex-basis: 25%; max-width: 25%; } .col-md-4 { flex-basis: 33.33333333%; max-width: 33.33333333%; } .col-md-5 { flex-basis: 41.66666667%; max-width: 41.66666667%; } .col-md-6 { flex-basis: 50%; max-width: 50%; } .col-md-7 { flex-basis: 58.33333333%; max-width: 58.33333333%; } .col-md-8 { flex-basis: 66.66666667%; max-width: 66.66666667%; } .col-md-9 { flex-basis: 75%; max-width: 75%; } .col-md-10 { flex-basis: 83.33333333%; max-width: 83.33333333%; } .col-md-11 { flex-basis: 91.66666667%; max-width: 91.66666667%; } .col-md-12 { flex-basis: 100%; max-width: 100%; } .col-md-offset-0 { margin-left: 0; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-11 { margin-left: 91.66666667%; } .start-md { justify-content: flex-start; text-align: start; } .center-md { justify-content: center; text-align: center; } .end-md { justify-content: flex-end; text-align: end; } .top-md { align-items: flex-start; } .middle-md { align-items: center; } .bottom-md { align-items: flex-end; } .around-md { justify-content: space-around; } .between-md { justify-content: space-between; } .first-md { order: -1; } .last-md { order: 1; } .initial-order-md { order: initial; } } @media (--lg-viewport) { .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-offset-0, .col-lg-offset-1, .col-lg-offset-2, .col-lg-offset-3, .col-lg-offset-4, .col-lg-offset-5, .col-lg-offset-6, .col-lg-offset-7, .col-lg-offset-8, .col-lg-offset-9, .col-lg-offset-10, .col-lg-offset-11, .col-lg-offset-12 { box-sizing: border-box; flex: 0 0 auto; padding-right: var(--half-gutter-width, 08px); padding-left: var(--half-gutter-width, 08px); } .col-lg { flex-grow: 1; flex-basis: 0; max-width: 100%; } .col-lg-1 { flex-basis: 8.33333333%; max-width: 8.33333333%; } .col-lg-2 { flex-basis: 16.66666667%; max-width: 16.66666667%; } .col-lg-3 { flex-basis: 25%; max-width: 25%; } .col-lg-4 { flex-basis: 33.33333333%; max-width: 33.33333333%; } .col-lg-5 { flex-basis: 41.66666667%; max-width: 41.66666667%; } .col-lg-6 { flex-basis: 50%; max-width: 50%; } .col-lg-7 { flex-basis: 58.33333333%; max-width: 58.33333333%; } .col-lg-8 { flex-basis: 66.66666667%; max-width: 66.66666667%; } .col-lg-9 { flex-basis: 75%; max-width: 75%; } .col-lg-10 { flex-basis: 83.33333333%; max-width: 83.33333333%; } .col-lg-11 { flex-basis: 91.66666667%; max-width: 91.66666667%; } .col-lg-12 { flex-basis: 100%; max-width: 100%; } .col-lg-offset-0 { margin-left: 0; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .start-lg { justify-content: flex-start; text-align: start; } .center-lg { justify-content: center; text-align: center; } .end-lg { justify-content: flex-end; text-align: end; } .top-lg { align-items: flex-start; } .middle-lg { align-items: center; } .bottom-lg { align-items: flex-end; } .around-lg { justify-content: space-around; } .between-lg { justify-content: space-between; } .first-lg { order: -1; } .last-lg { order: 1; } .initial-order-lg { order: initial; } } @media (--xl-viewport) { .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-offset-0, .col-xl-offset-1, .col-xl-offset-2, .col-xl-offset-3, .col-xl-offset-4, .col-xl-offset-5, .col-xl-offset-6, .col-xl-offset-7, .col-xl-offset-8, .col-xl-offset-9, .col-xl-offset-10, .col-xl-offset-11, .col-xl-offset-12 { box-sizing: border-box; flex: 0 0 auto; padding-right: var(--half-gutter-width, 08px); padding-left: var(--half-gutter-width, 08px); } .col-xl { flex-grow: 1; flex-basis: 0; max-width: 100%; } .col-xl-1 { flex-basis: 8.33333333%; max-width: 8.33333333%; } .col-xl-2 { flex-basis: 16.66666667%; max-width: 16.66666667%; } .col-xl-3 { flex-basis: 25%; max-width: 25%; } .col-xl-4 { flex-basis: 33.33333333%; max-width: 33.33333333%; } .col-xl-5 { flex-basis: 41.66666667%; max-width: 41.66666667%; } .col-xl-6 { flex-basis: 50%; max-width: 50%; } .col-xl-7 { flex-basis: 58.33333333%; max-width: 58.33333333%; } .col-xl-8 { flex-basis: 66.66666667%; max-width: 66.66666667%; } .col-xl-9 { flex-basis: 75%; max-width: 75%; } .col-xl-10 { flex-basis: 83.33333333%; max-width: 83.33333333%; } .col-xl-11 { flex-basis: 91.66666667%; max-width: 91.66666667%; } .col-xl-12 { flex-basis: 100%; max-width: 100%; } .col-xl-offset-0 { margin-left: 0; } .col-xl-offset-1 { margin-left: 8.33333333%; } .col-xl-offset-2 { margin-left: 16.66666667%; } .col-xl-offset-3 { margin-left: 25%; } .col-xl-offset-4 { margin-left: 33.33333333%; } .col-xl-offset-5 { margin-left: 41.66666667%; } .col-xl-offset-6 { margin-left: 50%; } .col-xl-offset-7 { margin-left: 58.33333333%; } .col-xl-offset-8 { margin-left: 66.66666667%; } .col-xl-offset-9 { margin-left: 75%; } .col-xl-offset-10 { margin-left: 83.33333333%; } .col-xl-offset-11 { margin-left: 91.66666667%; } .start-xl { justify-content: flex-start; text-align: start; } .center-xl { justify-content: center; text-align: center; } .end-xl { justify-content: flex-end; text-align: end; } .top-xl { align-items: flex-start; } .middle-xl { align-items: center; } .bottom-xl { align-items: flex-end; } .around-xl { justify-content: space-around; } .between-xl { justify-content: space-between; } .first-xl { order: -1; } .last-xl { order: 1; } .initial-order-xl { order: initial; } } @media (--xs-only) { .hidden-xs { display: none; } } @media (--sm-only) { .hidden-sm { display: none; } } @media (--md-only) { .hidden-md { display: none; } } @media (--lg-only) { .hidden-lg { display: none; } } @media (--xl-only) { .hidden-xl { display: none; } } a, svg, .button, button {-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;-ms-transition: all 0.5s} .selectGroup input {-moz-transition: none;-webkit-transition: none;-o-transition: none;-ms-transition: none} .button{padding: 15px 45px;} /* Magnific popup Start */ .mfp-zoom-in .mfp-with-anim {opacity: 0;transition: all 0.2s ease-in-out;transform: scale(0.8);} .mfp-zoom-in.mfp-bg {opacity: 0;transition: all 0.3s ease-out;} .mfp-zoom-in.mfp-ready .mfp-with-anim {opacity: 1;transform: scale(1);} .mfp-zoom-in.mfp-ready.mfp-bg {opacity: 0.8;} .mfp-zoom-in.mfp-removing .mfp-with-anim {transform: scale(0.8);opacity: 0;} .mfp-zoom-in.mfp-removing.mfp-bg {opacity: 0;} .mfp-newspaper .mfp-with-anim {opacity: 0;-webkit-transition: all 0.2s ease-in-out;transition: all 0.5s;transform: scale(0) rotate(500deg);} .mfp-newspaper.mfp-bg {opacity: 0;transition: all 0.5s;} .mfp-newspaper.mfp-ready .mfp-with-anim {opacity: 1;transform: scale(1) rotate(0deg);} .mfp-newspaper.mfp-ready.mfp-bg {opacity: 0.8;} .mfp-newspaper.mfp-removing .mfp-with-anim {transform: scale(0) rotate(500deg);opacity: 0;} .mfp-newspaper.mfp-removing.mfp-bg {opacity: 0;} .mfp-move-horizontal .mfp-with-anim {opacity: 0;transition: all 0.3s;transform: translateX(-50px);} .mfp-move-horizontal.mfp-bg {opacity: 0;transition: all 0.3s;} .mfp-move-horizontal.mfp-ready .mfp-with-anim {opacity: 1;transform: translateX(0);} .mfp-move-horizontal.mfp-ready.mfp-bg {opacity: 0.8;} .mfp-move-horizontal.mfp-removing .mfp-with-anim {transform: translateX(50px);opacity: 0;} .mfp-move-horizontal.mfp-removing.mfp-bg {opacity: 0;} .mfp-move-from-top .mfp-content {vertical-align: top;} .mfp-move-from-top .mfp-with-anim {opacity: 0;transition: all 0.2s;transform: translateY(-100px);} .mfp-move-from-top.mfp-bg {opacity: 0;transition: all 0.2s;} .mfp-move-from-top.mfp-ready .mfp-with-anim {opacity: 1;transform: translateY(0);} .mfp-move-from-top.mfp-ready.mfp-bg {opacity: 0.8;} .mfp-move-from-top.mfp-removing .mfp-with-anim {transform: translateY(-50px);opacity: 0;} .mfp-move-from-top.mfp-removing.mfp-bg {opacity: 0;} .mfp-3d-unfold .mfp-content {perspective: 2000px;} .mfp-3d-unfold .mfp-with-anim {opacity: 0;transition: all 0.3s ease-in-out;transform-style: preserve-3d;transform: rotateY(-60deg);} .mfp-3d-unfold.mfp-bg {opacity: 0;transition: all 0.5s;} .mfp-3d-unfold.mfp-ready .mfp-with-anim {opacity: 1;transform: rotateY(0deg);} .mfp-3d-unfold.mfp-ready.mfp-bg {opacity: 0.8;} .mfp-3d-unfold.mfp-removing .mfp-with-anim {transform: rotateY(60deg);opacity: 0;} .mfp-3d-unfold.mfp-removing.mfp-bg {opacity: 0;} .mfp-zoom-out .mfp-with-anim {opacity: 0;transition: all 0.3s ease-in-out;transform: scale(1.3);} .mfp-zoom-out.mfp-bg {opacity: 0;transition: all 0.3s ease-out;} .mfp-zoom-out.mfp-ready .mfp-with-anim {opacity: 1;transform: scale(1);} .mfp-zoom-out.mfp-ready.mfp-bg {opacity: 0.8;} .mfp-zoom-out.mfp-removing .mfp-with-anim {transform: scale(1.3);opacity: 0;} .mfp-zoom-out.mfp-removing.mfp-bg {opacity: 0;} @keyframes hinge { 0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; } 40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; } 80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; } 100% { transform: translateY(700px); opacity: 0; } } .hinge {animation-duration: 1s;animation-name: hinge;} .mfp-with-fade .mfp-content, .mfp-with-fade.mfp-bg {opacity: 0;transition: opacity .5s ease-out;} .mfp-with-fade.mfp-ready .mfp-content {opacity: 1;} .mfp-with-fade.mfp-ready.mfp-bg {opacity: 0.8;} .mfp-with-fade.mfp-removing.mfp-bg {opacity: 0;} /* Magnific popup Ends */ /* Всплывающая форма начата */ .absCenter { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; text-align: center; flex-direction: column} .d--close,.d--Inner a,.d--but, .d--show {-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;-ms-transition: all 0.5s} .d--dialog{display: none;background-color: rgba(0,0,0,0.5);position: fixed;top:0;left:0;width:100%;height:100%;z-index: 1000;} .d--inner {background-color: #fff;padding:40px 40px;position: relative;min-width: 320px;max-width: 400px;max-height:90vh;-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2); box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2);text-align: left;overflow-y: auto;} .d--inner h2{font-family: 'Montserrat Bold',Verdana,sans-serif;font-size: 24px; font-weight: 600;line-height: 32px;margin-bottom:14px;text-align: left} .d--inner > div{display: none} .d--inner > .d--active{display: block} .d--close{position: absolute;right: 15px;top:15px;border-radius: 50%;width: 18px;height:18px;cursor:pointer;fill:#000;stroke:#000;} .d--close:hover{fill:#545454;stroke:#545454;} .d--title{font-size: 14px;font-weight: 600;color:#000;padding-bottom: 30px} .d--inner .d--input{background-color:#f7fbfc;width:100%;height: 44px;font-family: 'Montserrat Regular', 'OpenSans-Regular';box-sizing: border-box;padding-left: 12px;margin: 0;display: inline-block;outline: 0;color:#000;font-size: 1rem;} .d--inner textarea.d--input{min-height: 90px;border: none;padding-top: 10px} /* active state */ .d--input input:focus ~ .d--bar:before, .d--input input:focus ~ .d--bar:after { width: 50%; } .d--submit {margin-top: 10px;text-transform: uppercase} .d--but {outline: 0;display: inline-block;padding: 0 27px;text-shadow: none;text-decoration: none;background-color: var(--third-color);color: #fff;min-width: 110px;height: 44px;line-height: 44px;border-radius: 0;border-style: none;font-family: 'Montserrat Bold';font-size: 13px;cursor: pointer;border:1px solid #000} .d--but:hover {background-color: #ffffff;color: var(--third-color);} .d--inner .d--but {width: 100%;background-color: var(--second-color);border: 1px solid transparent;text-align: center;color:var(--text-light);height: 50px;} .d--inner .d--but:hover {width: 100%;background-color: var(--text-light);border: 1px solid var(--second-color);color: var(--text-black)} .d--policy {width: 100%;margin: 0 auto;line-height: 18px;margin-top: 30px;font-family: 'Montserrat Regular',Verdana,sans-serif;font-size: 12px} .d--policy a{text-decoration: none;border-bottom:1px solid transparent} .d--policy a:hover{text-decoration: none;border-bottom:1px solid #a2a2a2} .d--bar {position: relative;display: block;width: 80%;margin: 0 auto;} .d--bar:before, .d--bar:after {content: "";height: 2px;width: 0;bottom: 0;position: absolute;background: #000;transition: 0.2s ease all;-moz-transition: 0.2s ease all;-webkit-transition: 0.2s ease all;} .d--bar:before {left: 50%;} .d--bar:after {right: 50%;} .d--row {margin-bottom: 15px} .d--row.f--error .d--bar:before,.d--row.f--error .d--bar:after{background-color: #ff0000} .d--row.f--error .d--input{border-bottom: 1px solid #ff0000} @media all and (max-width: 545px) { .d--Inner {min-width: 320px;max-width: 320px;padding: 40px 20px 40px 20px;} } .d--additional {margin-top: 10px;font-size: 12px;text-align: right} .d--additional div {border-bottom: 1px dotted #333;display: inline-block;cursor: pointer} .d--hire .input-row:not('.d--EMAIL'):nth-child(4){display: none} .d--row.d--error .d--bar:before,.d--row.d--error .d--bar:after{background-color: #ff0000} .d--row.d--error .d--input{border-bottom: 1px solid #ff0000} .js--error-tooltip {color:var(--error);text-align: left;width: 80%;margin: 0 auto;font-size: 12px} .d--show:hover {border-color: transparent} .f--MAIL {display: none} /* Всплывающая форма окончена */ /* Кастомный прелоадер начат*/ .pWrap{background: rgba(0,0,0,0.7);height: 100%;position: fixed;width: 100%;z-index: 100;top: 0;left: 0;} .pInner {width: 50px;height: 50px;margin: auto;position: absolute;top: 0; left: 0; bottom: 0; right: 0;} /* Кастомный прелоадер окончен*/ .--hidden {display: none} /* 404 начат*/ #notfound {position: relative;height: 100vh;} #notfound .notfound-bg {position: absolute;width: 100%;height: 100%;background-image: url('/local/templates/st/css/../img/bg.jpg');background-size: cover;} #notfound .notfound-bg:after {content: '';position: absolute;width: 100%;height: 100%;background-color: rgba(255, 0, 36, 0.7);} #notfound .notfound {position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);} .notfound {max-width: 910px;width: 100%;line-height: 1.4;text-align: center;} .notfound .notfound-404 {position: relative;height: 200px;} .notfound .notfound-404 h1 {position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);font-size: 220px;font-weight: 900;margin: 0px;color: #fff;text-transform: uppercase;letter-spacing: 10px;} .notfound h2 {font-size: 22px;font-weight: 700;text-transform: uppercase;color: #fff;margin-top: 20px;margin-bottom: 15px;} .notfound .home-btn, .notfound .contact-btn {display: inline-block;font-weight: 700;text-decoration: none;background-color: transparent;border: 2px solid transparent;text-transform: uppercase;padding: 13px 25px;font-size: 18px;border-radius: 40px;margin: 7px;-webkit-transition: 0.2s all;transition: 0.2s all;} .notfound .home-btn:hover, .notfound .contact-btn:hover {opacity: 0.9;} .notfound .home-btn {color: rgba(255, 0, 36, 0.7);background: #fff;} .notfound .contact-btn {border: 2px solid rgba(255, 255, 255, 0.9);color: rgba(255, 255, 255, 0.9);} .notfound-social {margin-top: 25px;} .notfound-social>a {display: inline-block;height: 40px;line-height: 40px;width: 40px;font-size: 14px;color: rgba(255, 255, 255, 0.9);margin: 0px 6px;-webkit-transition: 0.2s all;transition: 0.2s all;} .notfound-social>a:hover {color: rgba(255, 0, 36, 0.7);background-color: #fff;border-radius: 50%;} @media only screen and (max-width: 767px) { .notfound .notfound-404 h1 {font-size: 182px;} } @media only screen and (max-width: 480px) { .notfound .notfound-404 {height: 146px;} .notfound .notfound-404 h1 {font-size: 146px;} .notfound h2 {font-size: 16px;} .notfound .home-btn, .notfound .contact-btn {font-size: 14px;} } /* 404 окончен*/ /* Notes */ #notes { position: fixed; top: var(--padding); right: 0; width: 100%; cursor: default; transition: height 0.45s ease-in-out; -webkit-transition: height 0.45s ease-in-out; pointer-events: none; z-index: 10000; } #notes .note-item { max-height: 12em; opacity: 1; will-change: opacity, transform; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; width: 50vw; -webkit-touch-callout: none; user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; z-index: 2; pointer-events: auto; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -ms-flexbox; display: flex; -webkit-align-content: flex-end; -ms-flex-line-pack:end; align-content: flex-end; -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; align-items: flex-end; -webkit-align-content: flex-end; -ms-flex-line-pack: end; align-content: flex-end; max-width: 20em; font: inherit; line-height: 1.25em; color: #fff; margin: 0; transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); padding: 0.75em 1em; margin-left: auto; margin-right: 20px; margin-top: 10px; } @media all and (max-width: 30em) { #notes .note-item { width: 75vw; max-width: none; } } #notes .note-item[data-show=false] { pointer-events: none; opacity: 0 !important; max-height: 0 !important; margin-bottom: 0 !important; } #notes .note-item[data-type=info] { background-color: rgba(55, 94, 151, 0.72); } #notes .note-item[data-type=warn] { background-color: rgba(235, 172, 0, 0.72); animation: shake 0.9s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; -webkit-animation: shake 0.9s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; } #notes .note-item[data-type=error] { background-color: rgba(153, 0, 0, 1); animation: shake 0.54s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; -webkit-animation: shake 0.54s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; } #notes .note-item[data-type=success] { background-color: rgba(63, 104, 28, 0.72); } #notes .note-item .note-item-text { flex: auto; -webkit-flex: auto; -moz-flex: auto; -ms-flex: auto; padding-right: 0.5em; max-width: calc(100% - 1.25em); max-width: -webkit-calc(100% - 1.25em); } #notes .note-item .note-item-btn { width: 1.25em; height: 1.25em; cursor: pointer; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIiBmaWxsPSIjZmZmIj48cGF0aCBkPSJNMTguMyw1LjcxTDE4LjMsNS43MWMtMC4zOS0wLjM5LTEuMDItMC4zOS0xLjQxLDBMMTIsMTAuNTlMNy4xMSw1LjdjLTAuMzktMC4zOS0xLjAyLTAuMzktMS40MSwwbDAsMCBjLTAuMzksMC4zOS0wLjM5LDEuMDIsMCwxLjQxTDEwLjU5LDEyTDUuNywxNi44OWMtMC4zOSwwLjM5LTAuMzksMS4wMiwwLDEuNDFoMGMwLjM5LDAuMzksMS4wMiwwLjM5LDEuNDEsMEwxMiwxMy40MWw0Ljg5LDQuODkgYzAuMzksMC4zOSwxLjAyLDAuMzksMS40MSwwbDAsMGMwLjM5LTAuMzksMC4zOS0xLjAyLDAtMS40MUwxMy40MSwxMmw0Ljg5LTQuODlDMTguNjgsNi43MywxOC42OCw2LjA5LDE4LjMsNS43MXoiLz48L3N2Zz4=) no-repeat 0 0/contain; transition: opacity 0.2s; -webkit-transition: opacity 0.2s; } #notes .note-item .note-item-btn:hover { opacity: 0.6; } @keyframes shake { 10%, 90% { transform: translate3d(-1px, 0, 0); -webkit-transform: translate3d(-1px, 0, 0); -ms-transform: translate3d(-1px, 0, 0); } 20%, 80% { transform: translate3d(2px, 0, 0); -webkit-transform: translate3d(2px, 0, 0); -ms-transform: translate3d(2px, 0, 0); } 30%, 50%, 70% { transform: translate3d(-4px, 0, 0); -webkit-transform: translate3d(-4px, 0, 0); -ms-transform: translate3d(-4px, 0, 0); } 40%, 60% { transform: translate3d(4px, 0, 0); -webkit-transform: translate3d(4px, 0, 0); -ms-transform: translate3d(4px, 0, 0); } } @-webkit-keyframes shake { 10%, 90% { -webkit-transform: translate3d(-1px, 0, 0); } 20%, 80% { -webkit-transform: translate3d(2px, 0, 0); } 30%, 50%, 70% { -webkit-transform: translate3d(-4px, 0, 0); } 40%, 60% { -webkit-transform: translate3d(4px, 0, 0); } } /* Notes End */ /* Hint */ .nTip {display:none;position:absolute;background-color:var(--btn-green);padding:15px;color:var(--text-light);max-width:400px;min-width:20px;z-index:99999;font-size: 12px;} .asteriks {cursor: help} .asteriks--help {color:var(--tip-color);background-color:var(--tip-back);border-radius: 3px;margin-right: 10px;width: 16px;height: 16px;display: flex;align-items: center;justify-content: center;font-size: 12px} .asteriks--box p:last-child{margin-bottom: 0} /* Hint End */ .lang--option,.header--lang-list, .lang--list, .footer--bottom a span, .footer--text a span,.contacts--phone span, .contacts--email span {-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;-ms-transition: all 0.5s} .header--top-row {background-color: #f3f3f3;} .header--top-row > .container{display: flex;justify-content: space-between;align-items: center;height: 40px} .header--bottom-row > .container{display: flex;height: 100%} .header--logo {width: 300px} .header--column.header--phone {width: 180px;min-width: 180px;flex-direction: column;justify-content: center;align-items: flex-end} .header--menu {width: 100%;position: relative;padding: 0 0 0 20px} .header--text {color:#808080;} .header--lang-current {cursor: pointer} .header--lang-box {height: 41px;position: relative;display: flex;align-items: center;justify-content: center;padding: 15px;background-color: var(--text-light);font-size: 16px;color:#616161} .header--lang-box img{width: 22px;height: 12px;margin-right: 7px} .header--lang-list {position: absolute;top:41px;right:0;background-color: var(--text-light);display: none;visibility: hidden;opacity: 0;-webkit-box-shadow: 0px 3px 14px -8px rgba(0,0,0,0.24);-moz-box-shadow: 0px 3px 14px -8px rgba(0,0,0,0.24);box-shadow: 0px 3px 14px -8px rgba(0,0,0,0.24);} .header--lang-box.opened .header--lang-list {display: block;visibility: visible;opacity: 1;z-index: 1} .lang--option{display: flex;padding: 7px 15px 7px 15px} .lang--option:not(.active){cursor: pointer;} .lang--option.active {background-color: #f3f3f3;font-weight: 600} .lang--option:hover {background-color: var(--input-background-hover)} .header--bottom-row {height: 110px;} .header--column {display: flex;align-items: center} .h--phone{font-size: 18px;color:var(--text-black)} .h--call{margin-top: 3px;color:var(--second-color);font-weight: 500;cursor: pointer;font-size: 16px;} .main--about {display: flex;flex-wrap: wrap;box-sizing: border-box;margin-left: auto;margin-right: auto;max-width: 1920px;margin: 0 auto;width: 100%} .main--about-left {padding-top: var(--step);line-height: 22px;width: 45%;padding-right: 50px;padding-left: 15%} .main--about-left h2{color:#383838;font-size: 48px;font-family: "Montserrat Bold";margin-bottom: 40px;line-height: normal} .main--about-left p{margin-bottom: 10px} .main--about-left li{position: relative;padding-left: 17px;} .main--about-left li:after{position: absolute;content: '';top:10px;left:0;background-color: var(--main-color);width: 4px;height: 4px;border-radius: 50%} .main--about-left .d--but{margin-top: 50px} .main--about-right {width: 55%;display: flex;flex-wrap: wrap} .main--about-column {width: 33.33333%;display: flex;flex-wrap: wrap} .main--about-image, .main--about-text{width: 100%;position: relative;padding-top: 105%;overflow: hidden;} .main--about-image img{position: absolute;top: 0;object-fit: cover;object-position: center;width: 100%;height: 100%;} .main--about-float {position: absolute;top: 0;object-fit: cover;object-position: center;width: 100%;height: 100%;} .main--about-column:nth-child(1) .main--about-design{width: 140px;height: 140px;position: absolute;bottom:0;right:0;background-color: #e6e6e6} .main--about-column:nth-child(1) .main--about-box{width: 140px;position: absolute;bottom:50%;left:0;} .main--about-column:nth-child(2) .main--about-design{width: 140px;height: 140px;position: absolute;top:0;left:0;background-color: var(--second-color)} .main--about-column:nth-child(2) .main--about-image{-webkit-box-ordinal-group: 3;-webkit-order: 2;-ms-flex-order: 2;order: 2;} .main--about-column:nth-child(2) .main--about-text{-webkit-box-ordinal-group: 2;-webkit-order: 1;-ms-flex-order: 1;order: 1;} .main--about-column:nth-child(2) .main--about-box{width: 140px;position: absolute;bottom:50px;left:50px;} .main--about-column:nth-child(3) .main--about-design{width: 140px;height: 140px;position: absolute;top:0;right:0;background-color: var(--main-color)} .main--about-column:nth-child(3) .main--about-box{width: 140px;position: absolute;top:40px;left:40px;} .main--about-box {font-size: 18px;color:#383838} .main--about-box span{font-size: 60px;font-weight: 600} .main--questions {padding-bottom: 180px;background-image: url('/upload/main--science.jpg');background-position: center bottom;background-repeat: no-repeat;background-size: cover} .main--questions h2{color: #383838;font-size: 48px;font-weight: 600;font-family: "Montserrat Bold";margin-bottom: 30px} .main--questions-description{font-size: 16px;color:#383838;line-height: 24px;margin-bottom: 35px} .main--questions .button{width: auto;padding-left:80px;padding-right:80px;display: inline-block;cursor: pointer} footer {background-color: #222222;font-size: 16px;color:var(--text-light)} .footer--row {border-bottom: 1px solid #656565;padding: 30px 0} .footer--row:last-child {border-bottom: 1px solid transparent;} .footer--row .container{display: flex;} .footer--logo {position: relative;width: 300px;height: 55px} .footer--logo img{width: 300px} .footer--logo-text {position: absolute;bottom:-7px;right:5px;letter-spacing: 0.8px;font-size: 12px;color: var(--second-color);text-transform: uppercase} .footer--logo-row .container{justify-content: space-between;flex-wrap: wrap} .footer--contacts .container, .footer--menu .container {display: flex;justify-content: space-around;flex-wrap: wrap;} .footer--column {width: 25%} .footer--contacts .footer--column {width: 33%} .footer--zag {font-size: 18px;font-family: "Montserrat Bold";margin-bottom: 25px;} .footer--text {font-size: 14px;line-height: 22px} .footer--text a{width: 100%;display: block} .footer--text a span{border-bottom: 1px dotted transparent} .footer--text a:hover span{border-bottom: 1px dotted var(--second-color)} .footer--bottom {width: 100%;margin-top: 75px;font-size: 14px;display: flex;justify-content: space-between;flex-wrap: wrap} .footer--bottom p{color:#7f7f7f;margin-bottom: 5px} .footer--bottom a{color:#656565;} .footer--bottom a span{border-bottom: 1px dotted transparent} .footer--bottom a:hover span{border-bottom: 1px dotted #656565} .footer--programmer {color:#7f7f7f;font-size: 14px;margin-top: 10px} .footer--bottom-right {width: 33%} .footer--social {display: flex;align-items: center;justify-content: flex-start} .footer--social svg{width: 20px;height: 20px;fill:#919191} .footer--social-link:hover svg{fill:#fff} .footer--social-link{margin-right: 20px} .lang--box {position: relative} .lang--box img{width: 30px;height: 30px;margin-right: 10px;} .lang--box svg{width: 15px;fill: var(--text-light);height: 10px;margin-left: 35px} .lang--selected {display: flex;align-items: center;cursor: pointer} .lang--box .lang--option {padding-left: 25px} .lang--box .lang--option:hover {color: var(--text-black)} .lang--list{display: none;opacity: 0;visibility: hidden;will-change: opacity;padding: 15px;position: absolute;top:30px;left:0;width: 100%} .lang--box.opened .lang--list{display: block;opacity: 1;visibility: visible;} .lang--box.opened svg{transform: rotate(180deg)} .d--text {text-align: left;line-height: 22px;margin-bottom: 10px} .main--about-image span{position: absolute;left:35px;width: calc(100% - 70px);bottom:35px;color:var(--text-light)} .h--hamb {display: none} @media only screen and (max-width: 1800px) { .main--about{max-width: 1358px;} .main--about-left{width: 40%;padding-left: 0} .main--about-right{width: 60%;} .main--about-column {width: 50%;} .main--about-image, .main--about-text {padding-top: 0;height: 320px;} .main--about-column:nth-child(3) {width: 100%} .main--about-column:nth-child(3) .main--about-image{width: 50%;} .main--about-column:nth-child(3) .main--about-text{width: 50%;} } @media only screen and (max-width: 1440px) { .main--about-left{padding-left: 15px} :root { --step: 100px; } } @media only screen and (max-width: 1280px) { .header--bottom-row > .container{flex-wrap: wrap;justify-content: space-between} .header--logo {-webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1;} .header--phone {-webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2;} .header--menu {-webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3;padding: 0} .header--bottom-row{padding: 20px 0;height: auto} .container {padding: 0 50px;} .main--about-left {padding-left: 50px} } @media only screen and (max-width: 1024px) { .container {padding: 0 15px;} .main--about-left {padding-left: 15px} :root { --step: 80px; } .main--about-right {display: none} .main--about-left {width: 100%} .footer--column,.footer--contacts .footer--column {width: 50%;margin-bottom: 50px;} .footer--contacts .container {justify-content: flex-start} .footer--row {padding-bottom: 0} .footer--row.footer--logo-row {padding-bottom: 30px} .footer--bottom {margin-top: 0} footer {padding-bottom: 30px} } @media only screen and (max-width: 640px) { .h--hamb{display: block;transform: translateY(-5px);} .h--phone, .h--call{display: none} .header--column.header--phone{width: auto;min-width: 50px;flex-direction: row;position: static;align-items: center} .header--text{display: none} .header--lang{margin-left: auto} .header--top-row > .container {height: 25px} .header--lang-box {height: 25px} .header--lang-list {top:25px} .lang--option {padding: 3px 15px 3px 15px;align-items: center} .header--bottom-row {padding: 10px 0;} .footer--contacts .footer--column{width: 100%} .footer--bottom > div,.footer--lang{width: 100%} .footer--bottom-right,.footer--lang{margin-top: 30px} .header--phone {position: static} .header--bottom-row {position: relative} .header--bottom-row.search--opened .header--logo {opacity: 0} } .not--main {background-color: #f1f6f7;padding-top:40px;} .about--text {display: flex;flex-wrap: wrap;color:#000000;font-size: 16px;line-height: normal;padding-bottom: var(--small-step)} .about--text-left, .about--text-right{width: 50%} .about--text-left{padding-right: 30px} .about--text-right{padding-left: 30px} .about--text-right img{width: 100%} .about--text-row {width: 100%;margin: var(--small-step) 0} .about--text h2{font-family: "Montserrat Bold";font-size: 34px;color:#f69921;line-height: 51px;margin-bottom: 30px} .about--text h3{font-family: "Montserrat SemiBold";font-size: 30px;margin-bottom: 30px} .about--text p{margin-bottom: 20px;line-height: 30px} .about--text li{margin-bottom: 17px;padding-left: 20px;position: relative;line-height: 24px} .about--text li:after{position: absolute;width: 3px;height: 3px;border-radius: 50%;background-color: #115b9e;content: '';top:7px;left:0;} .about--text li ul{margin: 20px 0} .about--implemented {background-color: #fff;padding-top: var(--small-step)} .about--implemented-box {display: flex;flex-wrap: wrap} .about--implemented-box > div{width: 50%} .about--implemented h3{font-family: "Montserrat SemiBold";font-size: 30px;margin-bottom: 30px;} .about--implemented-item {margin-bottom: 20px} .about--implemented-item:after {content: "";display: table;clear: both;} .about--implemented-image {float: left;margin-right: 40px;} .about--implemented-title {font-family: "Montserrat Bold";margin-bottom: 30px;} .about--implemented-desc li {margin-bottom: 20px;margin-left: 104px;position: relative;padding-left: 30px} .about--implemented-desc li:after{position: absolute;width: 3px;height: 3px;border-radius: 50%;background-color: #115b9e;content: '';top:7px;left:0;} .about--implemented-centered {display: flex;align-items: center} .about--implemented-centered .about--implemented-title{margin-bottom: 0} .about--implemented-left {padding-right: 30px;} .about--implemented-right {padding-left: 30px;} .about--partners {background-color: #fff;padding-top: var(--small-step)} .about--bottom {background-color: #fff;padding-top: var(--small-step);padding-bottom: var(--step);line-height: 20px} .about--bottom p{margin-bottom: 20px;line-height: 30px} .js--show-more-service {display: none} .services--list {margin-top: 20px;padding-bottom: var(--small-step);border-bottom: 1px solid #e4e5e6;margin-bottom: var(--small-step);padding-left: 0;padding-right: 0} .main--services .services--list {padding-bottom: 0;border-bottom: 1px solid transparent;margin-bottom: 0;} .services--seo {margin-bottom: var(--step)} .services--seo h3{font-size: 30px;font-family: "Montserrat Bold";margin-bottom: 30px} .services--seo p,.services--seo li{font-size: 16px;line-height: 30px;} .services--seo p{margin-bottom: 20px} .js--service-more {color:var(--second-color);cursor: pointer} .js--service-more svg{fill:var(--second-color);width: 12px;height: 7px;} .service--hidden-block {display: none} .service--hidden-block.show {display: block} @media only screen and (max-width: 1440px) { h1{font-size: 30px} .about--text h2 {font-size: 24px;line-height: 30px} .about--text {font-size: 14px} .about--text li, .about--implemented-desc li{margin-bottom: 10px} .about--text p, .services--seo p {line-height: 24px;margin-bottom: 10px} .about--implemented-title{margin-bottom: 15px} .about--implemented-desc li {line-height: 22px} :root { --small-step: 60px; } .about--text h3, .services--seo h3 {font-size: 28px} .services--seo p, .services--seo li {font-size: 14px} } @media only screen and (max-width: 1024px) { .mobile--hide{display: none} .about--implemented-box > div, .about--text-left, .about--text-right {width: 100%;padding: 0} .about--text-left:nth-child(1),.about--text-right:nth-child(2){width: 50%} .about--text h3,.services--seo h3 {font-size: 20px;margin-bottom: 20px;} .js--show-more-service {display: inline-block} } @media only screen and (max-width: 640px) { h1{font-size: 18px} .about--text-left:nth-child(1),.about--text-right:nth-child(2){width:100%} .about--text h2{font-size: 16px;line-height: 20px} .about--text {font-size: 13px} .about--text li, .about--implemented-desc li{margin-bottom: 5px} .about--text p {line-height: 20px;margin-bottom: 5px} .about--implemented-image img{width: 44px;height: 44px} .about--implemented-image {margin-right: 10px;} .about--implemented-desc li {margin-left: 70px} .about--text-right img {margin-top: 20px} .about--text h3 {font-size: 16px;margin-bottom: 10px;} .about--text li ul {margin: 10px 0;} :root { --small-step: 45px; } .header--logo {width: 160px} .header--logo img{width:100%} } .service--detail {margin-bottom: var(--step);font-family: "Montserrat Regular";font-size: 14px;line-height: 24px} .service--detail h2{color:#383838;font-size: 24px;font-family: "Montserrat Bold";margin-bottom: 30px;line-height: normal} .service--detail h3{color:#383838;font-size: 20px;font-family: "Montserrat Bold";margin-bottom: 20px;line-height: normal} .service--detail p{margin-bottom: 20px} .service--detail li{position: relative;padding-left: 17px;} .service--detail li:after{position: absolute;content: '';top:10px;left:0;background-color: var(--main-color);width: 4px;height: 4px;border-radius: 50%} .service--detail img{margin-top: 10px;margin-bottom: 10px;} .service--detail .news--reviews-image img{margin-top: 0;margin-bottom:0;} .service--detail img[align='left']{margin-right: 10px;} .service--detail img[align='right']{margin-left: 10px;} #contacts--map {width:100%;height: 650px} .contacts--list {display: flex;align-items: center;justify-content: center;width: calc(100% - 440px)} .contacts--form {width: 440px;position: relative} .contacts--box {display: flex;margin-top: 35px;padding-bottom: 135px} .contacts--item {padding: 15px;cursor: pointer} .contacts--item:hover {background-color:var(--input-background-hover)} .contacts--title {font-family: "Montserrat SemiBold";font-size: 30px;margin-bottom: 20px;display: flex;align-items: center} .contacts--title svg{fill: var(--second-color);width: 15px;height: 21px;margin-right: 15px;} .contacts--adres {margin-bottom: 20px;line-height: 26px;padding-left: 30px} .contacts--phone {margin-bottom: 20px;padding-left: 30px} .contacts--email {padding-left: 30px} .contacts--phone a, .contacts--email a{font-family: "Montserrat Bold";} .contacts--phone span, .contacts--email span{border-bottom: 1px dotted transparent} .contacts--phone a:hover span{border-bottom: 1px dotted var(--text-black)} .contacts--email a:hover span{border-bottom: 1px dotted var(--second-color)} .contacts--phone a {color:var(--text-black)} .contacts--email a {color:var(--second-color)} .contacts--form-box {width:410px;background: #195b9c url(/local/templates/st/css/../images/form.jpg);background-repeat: no-repeat;background-size: cover;background-position: center center;padding: 45px 45px 50px 45px;position: absolute;top:0;right:0;z-index: 10;transform: translateY(-30px)} .contacts--form-box input{height: 50px;line-height: 50px;padding: 0 20px} .contacts--form-box textarea{height: 120px;padding: 20px} .contacts--form-box input, .contacts--form-box textarea{width:100%;outline: none;border: none} .contacts--form-box .d--title {font-family: "Montserrat SemiBold";font-size: 30px;margin-bottom: 20px;padding: 0;color:var(--text-light)} .contacts--form-box .d--text {font-size: 14px;color:var(--text-light);margin-bottom: 20px;} .contacts--form-box .d--policy {margin-top: 0;color:var(--text-light);opacity: 0.5} .contacts--form-box .d--policy a{color:var(--text-light);opacity: 0.5} .contacts--form-box .d--but{width: 100%;background-color: var(--second-color);border-color: var(--second-color);text-align: center} .contacts--form-box .d--but:hover{background-color: var(--text-light);border-color: var(--second-color);color: var(--second-color)} .contacts--column .d--row:nth-child(4){display: none} @media only screen and (max-width: 1280px) { .contacts--form {width: 340px} .contacts--form-box{width:320px;} .contacts--list {width: calc(100% - 340px);} } @media only screen and (max-width: 1024px) { .contacts--box {flex-wrap: wrap} .contacts--list, .contacts--form, .contacts--form-box{width: 100%;} .contacts--form-box form {display: flex;flex-wrap: wrap} .contacts--column{width: 50%;display: flex;flex-wrap: wrap;} .contacts--column .d--row{width: 100%;} .contacts--column:nth-child(3){width: 100%} .contacts--form-box .d--but {width: 50%} .contacts--form-box textarea {height: calc(100% - 15px);margin-left: 20px} .contacts--box {padding-bottom: 450px} .contacts--form-box { transform: translateY(60px);padding: 30px} .contacts--title, .contacts--form-box .d--title{font-size: 28px;} } @media only screen and (max-width: 640px) { .contacts--title, .contacts--form-box .d--title{font-size: 20px;} } @media only screen and (max-width: 550px) { #contacts--map {height: 430px} .contacts--list {flex-wrap: wrap} .contacts--item {width: 100%} .contacts--form-box {transform: translateY(20px);} .contacts--form-box .d--but, .contacts--column {width: 100%} .contacts--form-box textarea {margin-left: 0} .contacts--box {padding-bottom: 520px;} } .js--lazy {background-size: 24px 24px;background-repeat: no-repeat;background-position: center center;} .company--detail .news--auto{padding-bottom:30px;} .company--detail .splide__pagination{bottom:-50px;} .company--detail .splide__pagination li{padding-left: 0} .company--detail .splide__pagination li:after{display: none} .company--detail .splide__arrow{background-color: transparent;} .company--detail .splide__arrow svg{fill:var(--second-color);height:30px;width:auto;} .company--detail .splide__arrow--prev{left:-30px} .company--detail .splide__arrow--next{right:-30px} .company--detail .splide__pagination__page{cursor: pointer;width: 15px;height: 15px} .company--detail .splide__pagination__page:hover, .company--detail .splide__pagination__page.is-active{background-color: var(--second-color)} .company--detail{font-size: 16px;font-family: "Montserrat Regular";line-height: 30px;margin-bottom: var(--step)} .i{font-style: italic;margin-top: 40px;margin-bottom: var(--small-step);font-size: 18px;line-height: 34px} .company--detail h2 {font-size: 30px;line-height: normal;font-family: "Montserrat Bold";margin-bottom: 30px} .company--detail h3 {font-size: 24px;line-height: normal;font-family: "Montserrat SemiBold";margin-bottom: 30px;padding-top: 20px} .company--detail h4 {line-height: normal;font-family: "Montserrat SemiBold";margin-bottom: 30px;padding-top: 20px} .company--detail a {color:var(--second-color)} .company--detail p {margin-bottom: 20px} .company--detail ul {margin-bottom: 10px;} .company--detail li {position: relative;margin-bottom: 10px;padding-left: 20px;} .company--detail li:after {position: absolute;content: '';top:14px;left:0;background-color: var(--main-color);width: 3px;height: 3px;border-radius: 50%} .company--detail .numeral {counter-reset: section;} .company--detail .numeral li {padding-left: 40px;} .company--detail .numeral li:after {counter-increment: section;position: absolute;content: counters(section, ".");top:0px;left:0;background-color: var(--second-color);width: 28px;height: 28px;border-radius: 3px;color:var(--text-light);display: flex;align-items: center;justify-content: center} .table--box {border-bottom: 1px solid #222222;margin-bottom: var(--small-step)} .table--custom {display: flex;flex-wrap: wrap;} .table--custom-row {width: 100%;padding: 10px 20px;display: flex;justify-content: space-between} .table--custom-row:nth-child(odd) {background-color: var(--main-color-lightest)} .table--custom-head {background-color: var(--main-color) !important;color:var(--text-light);font-weight: 600} .table--custom-col {width: 20%;padding: 0 10px;display: flex;align-items: center;justify-content: flex-start} .table--custom-col:nth-child(1) {width: 40%;} .map-level-1 {padding: 10px 0} @media only screen and (max-width: 1280px) { .company--detail h2{font-size: 28px;} .company--detail {font-size: 14px;line-height: 24px} .company--detail li:after {top:9px} .company--detail .numeral li:after{width: 24px;height: 24px;} } @media only screen and (max-width: 1024px) { .company--detail h2{font-size: 20px;} .company--detail h3{font-size: 18px;} .company--detail {font-size: 14px;line-height: 20px} .i{font-size: 16px;line-height: 24px} .table--custom{min-width: 900px;overflow-x: auto;max-width: 100%} .table--box {max-width: 900px;overflow-x: auto} } @media only screen and (max-width: 640px) { .i{font-size: 14px;line-height: 20px} .company--detail {font-size: 13px;line-height: 20px} .company--detail h2{font-size: 16px;} .company--detail h3{font-size: 14px;} .company--detail h4{font-size: 14px;} .company--detail span{ text-align: right;} } @media only screen and (max-width: 550px) { .d--but{padding: 0 15px;} } .d--MAIL {display: none} .header--langs {display: flex;gap:3px} .header--langs .lang--option{padding: 7px;} .header--langs img{width: 16px;margin-right: 5px} .bx-auth { box-sizing: border-box; margin-left: auto; margin-right: auto; padding-right: 15px; padding-left: 15px; max-width: 1358px !important; margin: 0 auto; width: 100%; } form[name="bform"] { box-sizing: border-box; margin-left: auto; margin-right: auto; padding-right: 15px; padding-left: 15px; max-width: 1358px !important; margin: 0 auto; width: 100%; } /* End */ /* Start:/local/templates/st/css/splide/splide.min.css?17381893265977*/ .splide__container{box-sizing:border-box;position:relative}.splide__list{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important;transform-style:preserve-3d}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide__progress__bar{width:0}.splide{outline:none;position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;outline:none;position:relative}.splide__slide img{vertical-align:bottom}.splide__slider{position:relative}.splide__spinner{border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__slide.is-loading .splide__spinner{animation:splide-loading 1s linear infinite}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide--draggable>.splide__slider>.splide__track,.splide--draggable>.splide__track{-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide--fade>.splide__slider>.splide__track>.splide__list,.splide--fade>.splide__track>.splide__list{display:block}.splide--fade>.splide__slider>.splide__track>.splide__list>.splide__slide,.splide--fade>.splide__track>.splide__list>.splide__slide{left:0;opacity:0;position:absolute;top:0;z-index:0}.splide--fade>.splide__slider>.splide__track>.splide__list>.splide__slide.is-active,.splide--fade>.splide__track>.splide__list>.splide__slide.is-active{opacity:1;position:relative;z-index:1}.splide--rtl{direction:rtl}.splide--ttb.is-active>.splide__slider>.splide__track>.splide__list,.splide--ttb.is-active>.splide__track>.splide__list{display:block}.splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover{opacity:.9}.splide__arrow:focus{outline:none}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4)}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus{outline:none}.splide__progress__bar{background:#ccc;height:3px}.splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide,.splide--nav>.splide__track>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide.is-active,.splide--nav>.splide__track>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide:focus,.splide--nav>.splide__track>.splide__list>.splide__slide:focus{outline:none}.splide--rtl>.splide__arrows .splide__arrow--prev,.splide--rtl>.splide__slider>.splide__track>.splide__arrows .splide__arrow--prev,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev{left:auto;right:1em}.splide--rtl>.splide__arrows .splide__arrow--prev svg,.splide--rtl>.splide__slider>.splide__track>.splide__arrows .splide__arrow--prev svg,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev svg{transform:scaleX(1)}.splide--rtl>.splide__arrows .splide__arrow--next,.splide--rtl>.splide__slider>.splide__track>.splide__arrows .splide__arrow--next,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--next{left:1em;right:auto}.splide--rtl>.splide__arrows .splide__arrow--next svg,.splide--rtl>.splide__slider>.splide__track>.splide__arrows .splide__arrow--next svg,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--next svg{transform:scaleX(-1)}.splide--ttb>.splide__arrows .splide__arrow,.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow,.splide--ttb>.splide__track>.splide__arrows .splide__arrow{left:50%;transform:translate(-50%)}.splide--ttb>.splide__arrows .splide__arrow--prev,.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow--prev,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev{top:1em}.splide--ttb>.splide__arrows .splide__arrow--prev svg,.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow--prev svg,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev svg{transform:rotate(-90deg)}.splide--ttb>.splide__arrows .splide__arrow--next,.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow--next,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next{bottom:1em;top:auto}.splide--ttb>.splide__arrows .splide__arrow--next svg,.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow--next svg,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next svg{transform:rotate(90deg)}.splide--ttb>.splide__pagination,.splide--ttb>.splide__slider>.splide__pagination{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0} /* End */ /* Start:/local/templates/st/components/bitrix/menu/mobile/style.css?17381893264464*/ #v--menu *{box-sizing: border-box;list-style-type: none;padding: 0;margin: 0;font-size: 16px;user-select: none} #v--menu {position: relative} #v--menu:after { content: '';position: absolute;top: -10px;right: 22px;width: 0;height: 0;border-top: 7px solid transparent;border-bottom: 7px solid transparent;border-left: 7px solid #222222;transform: rotate(-90deg);} #v--menu a:hover {color:#121212;} #v--menu > a:hover {color:#fff;} #v--menu svg {-moz-transition: none;-webkit-transition: none;-o-transition: none;-ms-transition: none} #v--menu{width: 100%;float: none;flex-basis: 100%;max-width: 100%;padding: 0;margin: 0} #v--menu > a{padding: 7px 15px;background-color: var(--main-color);display: block;width: 100%;color: var(--text-white);text-align: center;font-size: 16px;} #v--menu > a{padding-right: 40px !important;} #v--menu > a > svg {float: left;transform: rotate(90deg);fill: var(--text-white);width: 12px;height: 12px;margin-right: 10px;margin-top: 2px;} #v--menu ul {width: 100%;} #v--menu li {width: 100%;float: none;flex-basis: 100%;max-width: 100%;padding: 0;margin: 0;border-bottom: none} #v--menu > li{border-bottom: 1px solid var(--input-border);} #v--menu li{border-bottom: 1px solid var(--input-border);} .js--vertical-menu-close{position: absolute;top: 3px;right: 10px;stroke: var(--text-white);width: 40px;height: 40px;cursor: pointer;z-index: 170;display: flex;align-items: center;justify-content: center} .js--vertical-menu-close svg{width: 35px;height: 35px;} #v--menu ul {display: none;} #v--menu ul.menu--first-level {display: block;} #v--menu .is--parent.opened > ul {display: block;} #v--menu li li {padding-left: 20px} #v--menu li li > a{color:var(--second-color)} #v--menu a {width: 100%;text-decoration: none;padding: 12px 15px;display: block;position: relative} #v--menu a.root-item{color:var(--text-light)} #v--menu a.root-item-selected {color:var(--second-color)} #v--menu a > .svg--menu-arrow{width: 36px;height: 36px;position: absolute;top:50%;right:10px;transform: translateY(-50%);display: flex;align-items: center;justify-content: center} #v--menu a > .svg--menu-arrow svg{width: 12px;height: 12px;fill:var(--second-color)} #v--menu .is--parent.opened a > .svg--menu-arrow svg{transform: rotate(-180deg)} #v--menu > a > .svg--menu-arrow, #v--menu > a > .svg--menu-arrow svg, .hamburger--menu-box {width:25px;height:25px;} #v--menu .menu--box.gray{background-color: var(--main-color)} /*#v--menu .menu--left {display: block;padding: 15px 10px 10px 10px;} #v--menu .menu--left img{width: 100%}*/ #v--menu .menu--box .menu--box-contacts {padding-bottom:15px} #v--menu .menu--box-contacts a{padding:15px 15px 0 10px;color: var(--text-light)} .menu--box-contacts {display: flex} /*.menu--box-contacts .menu--left{width: 40px;} .menu--box-contacts .menu--right{width: calc(100% - 40px);}*/ .root-item-selected {color:var(--main-color)} .mobile--menu {display: none} .menu-wrapper { width: 28px; height: 34px; cursor: pointer; display: none; } .hamburger-menu, .hamburger-menu:after, .hamburger-menu:before { width: 28px; height: 3px; } .hamburger-menu { position: relative; transform: translateY(15px); background: var(--second-color); transition: all 0ms 300ms; } .hamburger-menu.animate { background: rgba(255, 255, 255, 0); } .hamburger-menu:before { content: ""; position: absolute; left: 0; bottom: 7px; background: var(--second-color); transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1); } .hamburger-menu:after { content: ""; position: absolute; left: 0; top: 7px; background: var(--second-color); transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1); } .hamburger-menu.animate:after { top: 0; transform: rotate(45deg); transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1); } .hamburger-menu.animate:before { bottom: 0; transform: rotate(-45deg); transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1); } .mobile--menu.top-menu {display: block;position: absolute;top:100px;right:0;width: 100%;background-color: #222222;z-index: 10} #v--menu li {border-bottom: none !important;} @media only screen and (max-width: 649px) { #v--menu li li > a{font-size: 14px} } /* End */ /* Start:/local/templates/st/components/bitrix/menu/horizontal_multilevel/style.css?17381893264976*/ #horizontal-multilevel-menu a {-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;-ms-transition: all 0.5s} /**Top menu**/ #horizontal-multilevel-menu,#horizontal-multilevel-menu ul { margin:0; padding:0; min-height:27px; width:100%; list-style:none; float:left; /*font-size:90%*/ } #horizontal-multilevel-menu { height: 60px;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-around;padding-right: 40px; } /*Links*/ #horizontal-multilevel-menu a { display:block; padding:5px 0; /*padding:0.3em 0.8em;*/ text-decoration:none; text-align:center; } #horizontal-multilevel-menu > li { width: auto; height: 100%;align-items: center;display: flex; justify-content: center;position: relative;padding: 0 15px; } #horizontal-multilevel-menu li a.root-item svg{width: 12px;height: 7px;margin-left: 2px;} #horizontal-multilevel-menu li a.root-item-selected svg{width: 12px;height: 7px;margin-left: 2px;fill: var(--second-color)} #horizontal-multilevel-menu a { color:var(--text-black); font-size: 14px; } /*Root items*/ #horizontal-multilevel-menu li a.root-item { color:var(--text-black); font-size: 16px; } #horizontal-multilevel-menu li.js--menu-hover a:hover, #horizontal-multilevel-menu > li.js--menu-hover a.root-item{color: var(--second-color)} /*Root menu selected*/ #horizontal-multilevel-menu li a.root-item-selected { color:var(--second-color); } /*Root items: hover*/ #horizontal-multilevel-menu > li.has--child.js--menu-hover:after{ content: '';position: absolute;bottom:-5px;right:15px; width:0; height:0; border-top:7px solid transparent; border-bottom:7px solid transparent; border-left:7px solid var(--second-color); transform: rotate(-90deg); } #horizontal-multilevel-menu > li.has--child:nth-child(1).js--menu-hover:after{ right: auto;left:15px } #horizontal-multilevel-menu li.js--menu-hover a.root-item, #horizontal-multilevel-menu li.js--menu-hover a.root-item { color:var(--second-color); } #horizontal-multilevel-menu li.js--menu-hover a.root-item svg, #horizontal-multilevel-menu li.js--menu-hover a.root-item svg {transform: rotate(180deg);fill:var(--second-color-dark)} /*Child-items: hover*/ #horizontal-multilevel-menu li.js--menu-hover, #horizontal-multilevel-menu li.js--menu-hover { color:var(--second-color); } /*Child-items selected*/ #horizontal-multilevel-menu li.item-selected { background:var(--input-background-hover); color:var(--text-light); } /*Sub-menu box*/ #horizontal-multilevel-menu li:first-child ul{right: auto;left:0;} #horizontal-multilevel-menu li ul { position:absolute; top:100%; right:0; display:none; z-index:500; height:auto; width:100%; min-width: 310px; background-color: var(--text-light); border-top:2px solid var(--second-color); padding:10px 0 } /*Sub-menu item box*/ #horizontal-multilevel-menu li li { width:100%; margin:10px 0; padding: 0 15px; } /*Item link*/ #horizontal-multilevel-menu li ul a { text-align:left; font-size: 14px;font-weight: 500;line-height: 20px; } #horizontal-multilevel-menu li ul ul { margin:-27px 0 0 132px; /*margin:-1.93em 0 0 11.6em;*/ } #horizontal-multilevel-menu li:hover ul ul, #horizontal-multilevel-menu li.js--menu-hover ul ul, #horizontal-multilevel-menu li:hover ul ul ul, #horizontal-multilevel-menu li.js--menu-hover ul ul ul, #horizontal-multilevel-menu li:hover ul ul ul ul, #horizontal-multilevel-menu li.js--menu-hover ul ul ul ul, #horizontal-multilevel-menu li:hover ul ul ul ul ul, #horizontal-multilevel-menu li.js--menu-hover ul ul ul ul ul { display:none; } html:not(.bx-touch) #horizontal-multilevel-menu li:hover ul, #horizontal-multilevel-menu li.js--menu-hover ul, html:not(.bx-touch) #horizontal-multilevel-menu li li:hover ul, #horizontal-multilevel-menu li li.js--menu-hover ul, html:not(.bx-touch) #horizontal-multilevel-menu li li li:hover ul, #horizontal-multilevel-menu li li li.js--menu-hover ul, html:not(.bx-touch) #horizontal-multilevel-menu li li li li:hover ul, #horizontal-multilevel-menu li li li li.js--menu-hover ul, html:not(.bx-touch) #horizontal-multilevel-menu li li li li li:hover ul, #horizontal-multilevel-menu li li li li li.js--menu-hover ul { display:block; } div.menu-clear-left { clear:left; } @media only screen and (max-width: 1280px) { #horizontal-multilevel-menu {justify-content: space-between;padding-right: 40px} } @media only screen and (max-width: 1024px) { #horizontal-multilevel-menu {padding-right: 0} #horizontal-multilevel-menu > li:first-child{padding-left: 0} #horizontal-multilevel-menu > li:last-child{padding-right: 0} } @media only screen and (max-width: 700px) { #horizontal-multilevel-menu > li {padding: 0 5px} } @media only screen and (max-width: 640px) { #horizontal-multilevel-menu{display: none} } /* End */ /* Start:/local/templates/st/components/bitrix/search.form/st/style.css?17381893262536*/ .header--phone {position: relative} .search--expand input[type="text"]::placeholder{-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;-ms-transition: all 0.5s} .search--but {width: 24px;height: 24px;} .search--but svg{width: 25px;height: 25px;cursor: pointer;position: absolute;top:50%;right:10px;transform: translateY(-50%);z-index: 3} .js--search-close {position: absolute;top:0;right:0;width: 24px;height: 24px;stroke:var(--text-black);cursor: pointer} .search-form {width: 30px;height: 30px;position: absolute;left: -20px;top:50%;transform: translateY(-50%)} .search--expand {height: 30px;width: 30px;} .search--expand input[type="submit"]{background-color: none} .search--expand input[type="text"] { -moz-appearance: none; -webkit-appearance: none; appearance: none; width: 0; float: right; background-color: var(--input-background); color: transparent; font-size: 1em; font-weight: 600; padding: 0; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; outline: none;box-shadow: none; height: 40px; border:1px solid transparent; position: absolute; top: 50%; right: 0; transform: translateY(-50%);max-width:350px; } .search--expand input[type="text"]::placeholder{color:transparent} .search--expand.js--hovered input[type="text"] {width:350px;outline: none;border:1px solid var(--input-border);padding: 0 50px 0 15px;color: var(--input-color)} .search--expand.js--hovered input[type="text"]::placeholder {color: var(--input-color)} @media only screen and (max-width: 1024px) { .search--expand.js--hovered input[type="text"]{width:400px;max-width:400px;} } @media only screen and (max-width: 900px) { .search--expand.js--hovered input[type="text"]{width:300px;max-width:300px;} } @media only screen and (max-width: 800px) { .search--expand.js--hovered input[type="text"]{width:250px;max-width:250px;} } @media only screen and (max-width: 700px) { .search--expand.js--hovered input[type="text"]{width:150px;max-width:150px;} } @media only screen and (max-width: 640px) { .search--expand.js--hovered input[type="text"]{width:calc(100% - 70px);max-width:100%;right: 50px} .search-form {position: static;top:auto;right:auto;transform: none;left: auto;margin-right: 20px;margin-top: 3px} .search--but svg{position: relative;top:auto;right: auto;transform: none} .search--expand input[type="text"]{-moz-transition: none;-webkit-transition: none;-o-transition: none;-ms-transition: none} } /* End */ /* Start:/local/templates/st/components/bitrix/menu/simple_list/style.css?1738189326487*/ .footer--column a span,.footer--column a {-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;-ms-transition: all 0.5s;will-change: contents} .footer--column a{color:var(--text-light)} .footer--column a:hover{color:var(--second-color)} .footer--column li{padding: 12px 0} .footer--column a span{border-bottom: 1px dotted transparent} .footer--column a:hover span{border-bottom: 1px dotted var(--second-color)} .menu--header a {font-family: "Montserrat Bold"} /* End */ /* /local/templates/st/css/main.css?174787674471781 */ /* /local/templates/st/css/splide/splide.min.css?17381893265977 */ /* /local/templates/st/components/bitrix/menu/mobile/style.css?17381893264464 */ /* /local/templates/st/components/bitrix/menu/horizontal_multilevel/style.css?17381893264976 */ /* /local/templates/st/components/bitrix/search.form/st/style.css?17381893262536 */ /* /local/templates/st/components/bitrix/menu/simple_list/style.css?1738189326487 */