/* Start:/local/templates/best-gruzchik-new-2020/css/style.min.css?1716236929391861*/
@charset "UTF-8"; ._notext, ._notext a, a._notext { text-indent: -99em; white-space: nowrap; overflow: hidden; } ._noselect { -moz-user-select: -moz-none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } /* .an(@name, @animation, @fill-mode, @time, @delay) { -webkit-animation-timing-function: @animation; -webkit-animation-fill-mode: @fill-mode; -webkit-animation-duration: @time; -webkit-animation-delay: @delay; -webkit-animation-name: @name; animation-timing-function: @animation; animation-fill-mode: @fill-mode; animation-duration: @time; animation-delay: @delay; animation-name: @name; } */ /* .keyframes(@name; @arguments) { @-webkit-keyframes @name { @arguments(); } @keyframes @name { @arguments(); } } */ /* .placeholderCuston(@styles) { &::-webkit-input-placeholder { @styles(); } &::-moz-placeholder { @styles(); } &:-moz-placeholder { @styles(); } &::-ms-input-placeholder { @styles(); } } */ .w12, .w12m { width: 100%; } .w11, .w11m { width: 91.66666667%; } .w10, .w10m { width: 83.33333333%; } .w9, .w9m { width: 75%; } .w8, .w8m { width: 66.66666667%; } .w7, .w7m { width: 58.33333333%; } .w6, .w6m { width: 50%; } .w5, .w5m { width: 41.66666667%; } .w4, .w4m { width: 33.33333333%; } .w3, .w3m { width: 25%; } .w2, .w2m { width: 16.66666667%; } .w1, .w1m { width: 8.33333333%; } .w1m, .w2m, .w3m, .w4m, .w5m, .w6m, .w7m, .w8m, .w9m, .w10m, .w11m, .w12m { margin-left: auto; margin-right: auto; } /*! * Bootstrap v4.0.0 (https://getbootstrap.com) * Copyright 2011-2018 The Bootstrap Authors * Copyright 2011-2018 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ :root { --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #007bff; --secondary: #6c757d; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #f8f9fa; --dark: #343a40; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --breakpoint-xxl: 1400px; --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } *, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } @-ms-viewport { width: device-width; } article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff; } [tabindex="-1"]:focus { outline: 0 !important; } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } dfn { font-style: italic; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } a { color: #007bff; text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects; } a:hover { color: #0056b3; text-decoration: underline; } a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus { outline: 0; } pre, code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg:not(:root) { overflow: hidden; } table { border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; caption-side: bottom; } th { text-align: inherit; } label { display: inline-block; margin-bottom: .5rem; } button { border-radius: 0; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; } input[type="radio"], input[type="checkbox"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { outline-offset: -2px; -webkit-appearance: none; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-family: inherit; font-weight: 500; line-height: 1.2; color: inherit; } h1, .h1 { font-size: 2.5rem; } h2, .h2 { font-size: 2rem; } h3, .h3 { font-size: 1.75rem; } h4, .h4 { font-size: 1.5rem; } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; } .lead { font-size: 1.25rem; font-weight: 300; } .display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2; } .display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2; } .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2; } .display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2; } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } small, .small { font-size: 80%; font-weight: 400; } mark, .mark { padding: 0.2em; background-color: #fcf8e3; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote-footer { display: block; font-size: 80%; color: #6c757d; } .blockquote-footer::before { content: "\2014 \00A0"; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: 0.25rem; max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 90%; color: #6c757d; } .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } } @media (min-width: 1200px) { .container { max-width: 1140px; } } @media (min-width: 1400px) { .container { max-width: 1360px; } } .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .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, .col-sm-auto, .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, .col-md-auto, .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, .col-lg-auto, .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, .col-xl-auto, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl, .col-xxl-auto { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .order-last { -webkit-box-ordinal-group: 14; -webkit-order: 13; -ms-flex-order: 13; order: 13; } .order-0 { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } .order-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .order-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .order-3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .order-4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; } .order-5 { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; } .order-6 { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6; } .order-7 { -webkit-box-ordinal-group: 8; -webkit-order: 7; -ms-flex-order: 7; order: 7; } .order-8 { -webkit-box-ordinal-group: 9; -webkit-order: 8; -ms-flex-order: 8; order: 8; } .order-9 { -webkit-box-ordinal-group: 10; -webkit-order: 9; -ms-flex-order: 9; order: 9; } .order-10 { -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10; } .order-11 { -webkit-box-ordinal-group: 12; -webkit-order: 11; -ms-flex-order: 11; order: 11; } .order-12 { -webkit-box-ordinal-group: 13; -webkit-order: 12; -ms-flex-order: 12; order: 12; } .offset-1 { margin-left: 8.33333%; } .offset-2 { margin-left: 16.66667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333%; } .offset-5 { margin-left: 41.66667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333%; } .offset-8 { margin-left: 66.66667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333%; } .offset-11 { margin-left: 91.66667%; } @media (min-width: 576px) { .col-sm { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-sm-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-sm-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-sm-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-sm-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-sm-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-sm-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-sm-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-sm-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-sm-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-sm-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-sm-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-sm-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-sm-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .order-sm-last { -webkit-box-ordinal-group: 14; -webkit-order: 13; -ms-flex-order: 13; order: 13; } .order-sm-0 { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } .order-sm-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .order-sm-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .order-sm-3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .order-sm-4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; } .order-sm-5 { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; } .order-sm-6 { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6; } .order-sm-7 { -webkit-box-ordinal-group: 8; -webkit-order: 7; -ms-flex-order: 7; order: 7; } .order-sm-8 { -webkit-box-ordinal-group: 9; -webkit-order: 8; -ms-flex-order: 8; order: 8; } .order-sm-9 { -webkit-box-ordinal-group: 10; -webkit-order: 9; -ms-flex-order: 9; order: 9; } .order-sm-10 { -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10; } .order-sm-11 { -webkit-box-ordinal-group: 12; -webkit-order: 11; -ms-flex-order: 11; order: 11; } .order-sm-12 { -webkit-box-ordinal-group: 13; -webkit-order: 12; -ms-flex-order: 12; order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333%; } .offset-sm-2 { margin-left: 16.66667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333%; } .offset-sm-5 { margin-left: 41.66667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333%; } .offset-sm-8 { margin-left: 66.66667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333%; } .offset-sm-11 { margin-left: 91.66667%; } } @media (min-width: 768px) { .col-md { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-md-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-md-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-md-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-md-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-md-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-md-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-md-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-md-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-md-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-md-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-md-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-md-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-md-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .order-md-last { -webkit-box-ordinal-group: 14; -webkit-order: 13; -ms-flex-order: 13; order: 13; } .order-md-0 { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } .order-md-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .order-md-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .order-md-3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .order-md-4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; } .order-md-5 { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; } .order-md-6 { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6; } .order-md-7 { -webkit-box-ordinal-group: 8; -webkit-order: 7; -ms-flex-order: 7; order: 7; } .order-md-8 { -webkit-box-ordinal-group: 9; -webkit-order: 8; -ms-flex-order: 8; order: 8; } .order-md-9 { -webkit-box-ordinal-group: 10; -webkit-order: 9; -ms-flex-order: 9; order: 9; } .order-md-10 { -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10; } .order-md-11 { -webkit-box-ordinal-group: 12; -webkit-order: 11; -ms-flex-order: 11; order: 11; } .order-md-12 { -webkit-box-ordinal-group: 13; -webkit-order: 12; -ms-flex-order: 12; order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333%; } .offset-md-2 { margin-left: 16.66667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333%; } .offset-md-5 { margin-left: 41.66667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333%; } .offset-md-8 { margin-left: 66.66667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333%; } .offset-md-11 { margin-left: 91.66667%; } } @media (min-width: 992px) { .col-lg { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-lg-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-lg-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-lg-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-lg-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-lg-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-lg-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-lg-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-lg-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-lg-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-lg-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-lg-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-lg-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-lg-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .order-lg-last { -webkit-box-ordinal-group: 14; -webkit-order: 13; -ms-flex-order: 13; order: 13; } .order-lg-0 { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } .order-lg-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .order-lg-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .order-lg-3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .order-lg-4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; } .order-lg-5 { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; } .order-lg-6 { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6; } .order-lg-7 { -webkit-box-ordinal-group: 8; -webkit-order: 7; -ms-flex-order: 7; order: 7; } .order-lg-8 { -webkit-box-ordinal-group: 9; -webkit-order: 8; -ms-flex-order: 8; order: 8; } .order-lg-9 { -webkit-box-ordinal-group: 10; -webkit-order: 9; -ms-flex-order: 9; order: 9; } .order-lg-10 { -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10; } .order-lg-11 { -webkit-box-ordinal-group: 12; -webkit-order: 11; -ms-flex-order: 11; order: 11; } .order-lg-12 { -webkit-box-ordinal-group: 13; -webkit-order: 12; -ms-flex-order: 12; order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333%; } .offset-lg-2 { margin-left: 16.66667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333%; } .offset-lg-5 { margin-left: 41.66667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333%; } .offset-lg-8 { margin-left: 66.66667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333%; } .offset-lg-11 { margin-left: 91.66667%; } } @media (min-width: 1200px) { .col-xl { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-xl-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-xl-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xl-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xl-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xl-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-xl-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-xl-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xl-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-xl-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-xl-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xl-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-xl-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-xl-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-xl-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .order-xl-last { -webkit-box-ordinal-group: 14; -webkit-order: 13; -ms-flex-order: 13; order: 13; } .order-xl-0 { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } .order-xl-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .order-xl-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .order-xl-3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .order-xl-4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; } .order-xl-5 { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; } .order-xl-6 { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6; } .order-xl-7 { -webkit-box-ordinal-group: 8; -webkit-order: 7; -ms-flex-order: 7; order: 7; } .order-xl-8 { -webkit-box-ordinal-group: 9; -webkit-order: 8; -ms-flex-order: 8; order: 8; } .order-xl-9 { -webkit-box-ordinal-group: 10; -webkit-order: 9; -ms-flex-order: 9; order: 9; } .order-xl-10 { -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10; } .order-xl-11 { -webkit-box-ordinal-group: 12; -webkit-order: 11; -ms-flex-order: 11; order: 11; } .order-xl-12 { -webkit-box-ordinal-group: 13; -webkit-order: 12; -ms-flex-order: 12; order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333%; } .offset-xl-2 { margin-left: 16.66667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333%; } .offset-xl-5 { margin-left: 41.66667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333%; } .offset-xl-8 { margin-left: 66.66667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333%; } .offset-xl-11 { margin-left: 91.66667%; } } @media (min-width: 1400px) { .col-xxl { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-xxl-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-xxl-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xxl-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xxl-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xxl-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-xxl-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-xxl-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xxl-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-xxl-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-xxl-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xxl-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-xxl-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-xxl-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-xxl-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .order-xxl-last { -webkit-box-ordinal-group: 14; -webkit-order: 13; -ms-flex-order: 13; order: 13; } .order-xxl-0 { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } .order-xxl-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .order-xxl-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .order-xxl-3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .order-xxl-4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; } .order-xxl-5 { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; } .order-xxl-6 { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6; } .order-xxl-7 { -webkit-box-ordinal-group: 8; -webkit-order: 7; -ms-flex-order: 7; order: 7; } .order-xxl-8 { -webkit-box-ordinal-group: 9; -webkit-order: 8; -ms-flex-order: 8; order: 8; } .order-xxl-9 { -webkit-box-ordinal-group: 10; -webkit-order: 9; -ms-flex-order: 9; order: 9; } .order-xxl-10 { -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10; } .order-xxl-11 { -webkit-box-ordinal-group: 12; -webkit-order: 11; -ms-flex-order: 11; order: 11; } .order-xxl-12 { -webkit-box-ordinal-group: 13; -webkit-order: 12; -ms-flex-order: 12; order: 12; } .offset-xxl-0 { margin-left: 0; } .offset-xxl-1 { margin-left: 8.33333%; } .offset-xxl-2 { margin-left: 16.66667%; } .offset-xxl-3 { margin-left: 25%; } .offset-xxl-4 { margin-left: 33.33333%; } .offset-xxl-5 { margin-left: 41.66667%; } .offset-xxl-6 { margin-left: 50%; } .offset-xxl-7 { margin-left: 58.33333%; } .offset-xxl-8 { margin-left: 66.66667%; } .offset-xxl-9 { margin-left: 75%; } .offset-xxl-10 { margin-left: 83.33333%; } .offset-xxl-11 { margin-left: 91.66667%; } } .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.show { opacity: 1; } .collapse { display: none; } .collapse.show { display: block; } tr.collapse.show { display: table-row; } tbody.collapse.show { display: table-row-group; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; -o-transition: height 0.35s ease; transition: height 0.35s ease; } .nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: 0.5rem 1rem; } .nav-link:hover, .nav-link:focus { text-decoration: none; } .nav-link.disabled { color: #6c757d; } .nav-tabs { border-bottom: 1px solid #dee2e6; } .nav-tabs .nav-item { margin-bottom: -1px; } .nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-color: #e9ecef #e9ecef #dee2e6; } .nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills .nav-link { border-radius: 0.25rem; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #007bff; } .nav-fill .nav-item { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: center; } .nav-justified .nav-item { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; text-align: center; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; } .alert-heading { color: inherit; } .alert-link { font-weight: 700; } .alert-dismissible { padding-right: 4rem; } .alert-dismissible .close { position: absolute; top: 0; right: 0; padding: 0.75rem 1.25rem; color: inherit; } .alert-primary { color: #004085; background-color: #cce5ff; border-color: #b8daff; } .alert-primary hr { border-top-color: #9fcdff; } .alert-primary .alert-link { color: #002752; } .alert-secondary { color: #383d41; background-color: #e2e3e5; border-color: #d6d8db; } .alert-secondary hr { border-top-color: #c8cbcf; } .alert-secondary .alert-link { color: #202326; } .alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; } .alert-success hr { border-top-color: #b1dfbb; } .alert-success .alert-link { color: #0b2e13; } .alert-info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb; } .alert-info hr { border-top-color: #abdde5; } .alert-info .alert-link { color: #062c33; } .alert-warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba; } .alert-warning hr { border-top-color: #ffe8a1; } .alert-warning .alert-link { color: #533f03; } .alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; } .alert-danger hr { border-top-color: #f1b0b7; } .alert-danger .alert-link { color: #491217; } .alert-light { color: #818182; background-color: #fefefe; border-color: #fdfdfe; } .alert-light hr { border-top-color: #ececf6; } .alert-light .alert-link { color: #686868; } .alert-dark { color: #1b1e21; background-color: #d6d8d9; border-color: #c6c8ca; } .alert-dark hr { border-top-color: #b9bbbe; } .alert-dark .alert-link { color: #040505; } .media { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .media-body { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .bg-primary { background-color: #007bff !important; } a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: #0062cc !important; } .bg-secondary { background-color: #6c757d !important; } a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { background-color: #545b62 !important; } .bg-success { background-color: #28a745 !important; } a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: #1e7e34 !important; } .bg-info { background-color: #17a2b8 !important; } a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { background-color: #117a8b !important; } .bg-warning { background-color: #ffc107 !important; } a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { background-color: #d39e00 !important; } .bg-danger { background-color: #dc3545 !important; } a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: #bd2130 !important; } .bg-light { background-color: #f8f9fa !important; } a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: #dae0e5 !important; } .bg-dark { background-color: #343a40 !important; } a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #1d2124 !important; } .bg-white { background-color: #fff !important; } .bg-transparent { background-color: transparent !important; } .border { border: 1px solid #dee2e6 !important; } .border-top { border-top: 1px solid #dee2e6 !important; } .border-right { border-right: 1px solid #dee2e6 !important; } .border-bottom { border-bottom: 1px solid #dee2e6 !important; } .border-left { border-left: 1px solid #dee2e6 !important; } .border-0 { border: 0 !important; } .border-top-0 { border-top: 0 !important; } .border-right-0 { border-right: 0 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-left-0 { border-left: 0 !important; } .border-primary { border-color: #007bff !important; } .border-secondary { border-color: #6c757d !important; } .border-success { border-color: #28a745 !important; } .border-info { border-color: #17a2b8 !important; } .border-warning { border-color: #ffc107 !important; } .border-danger { border-color: #dc3545 !important; } .border-light { border-color: #f8f9fa !important; } .border-dark { border-color: #343a40 !important; } .border-white { border-color: #fff !important; } .rounded { border-radius: 0.25rem !important; } .rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .rounded-right { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .rounded-bottom { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-left { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-circle { border-radius: 50% !important; } .rounded-0 { border-radius: 0 !important; } .clearfix::after { display: block; clear: both; content: ""; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .d-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .d-sm-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .d-md-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .d-lg-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .d-xl-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 1400px) { .d-xxl-none { display: none !important; } .d-xxl-inline { display: inline !important; } .d-xxl-inline-block { display: inline-block !important; } .d-xxl-block { display: block !important; } .d-xxl-table { display: table !important; } .d-xxl-table-row { display: table-row !important; } .d-xxl-table-cell { display: table-cell !important; } .d-xxl-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .d-xxl-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .d-print-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-21by9::before { padding-top: 42.85714%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .flex-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; align-self: center !important; } .align-self-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-sm-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-sm-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-sm-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-sm-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-sm-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-sm-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-sm-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-sm-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-sm-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-sm-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-sm-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-sm-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-sm-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-sm-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-sm-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-sm-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-sm-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-sm-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-sm-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-sm-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-sm-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-sm-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-sm-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-sm-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-sm-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; align-self: center !important; } .align-self-sm-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-sm-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-md-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-md-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-md-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-md-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-md-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-md-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-md-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-md-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-md-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-md-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-md-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-md-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-md-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-md-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-md-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-md-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-md-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-md-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-md-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-md-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-md-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-md-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-md-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-md-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-md-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-md-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; align-self: center !important; } .align-self-md-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-md-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-lg-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-lg-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-lg-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-lg-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-lg-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-lg-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-lg-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-lg-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-lg-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-lg-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-lg-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-lg-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-lg-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-lg-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-lg-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-lg-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-lg-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-lg-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-lg-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-lg-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-lg-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-lg-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-lg-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-lg-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-lg-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; align-self: center !important; } .align-self-lg-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-lg-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-xl-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-xl-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-xl-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-xl-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-xl-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-xl-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-xl-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-xl-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-xl-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-xl-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-xl-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-xl-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-xl-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-xl-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-xl-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-xl-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-xl-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-xl-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-xl-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-xl-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-xl-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-xl-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-xl-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-xl-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-xl-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; align-self: center !important; } .align-self-xl-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-xl-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 1400px) { .flex-xxl-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-xxl-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-xxl-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-xxl-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-xxl-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-xxl-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-xxl-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-xxl-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-xxl-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-xxl-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-xxl-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-xxl-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-xxl-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-xxl-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-xxl-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-xxl-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-xxl-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-xxl-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-xxl-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-xxl-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-xxl-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-xxl-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-xxl-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-xxl-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-xxl-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-xxl-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-xxl-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; align-self: center !important; } .align-self-xxl-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-xxl-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; align-self: stretch !important; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } @media (min-width: 576px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } } @media (min-width: 768px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } } @media (min-width: 992px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } } @media (min-width: 1200px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } } @media (min-width: 1400px) { .float-xxl-left { float: left !important; } .float-xxl-right { float: right !important; } .float-xxl-none { float: none !important; } } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: -webkit-sticky !important; position: sticky !important; } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } @supports ((position: -webkit-sticky) or (position: sticky)) { .sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; -webkit-clip-path: inset(50%); clip-path: inset(50%); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; -webkit-clip-path: none; clip-path: none; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5, .my-5 { margin-top: 3rem !important; } .mr-5, .mx-5 { margin-right: 3rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } .ml-5, .mx-5 { margin-left: 3rem !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5, .py-5 { padding-top: 3rem !important; } .pr-5, .px-5 { padding-right: 3rem !important; } .pb-5, .py-5 { padding-bottom: 3rem !important; } .pl-5, .px-5 { padding-left: 3rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 576px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .mt-md-5, .my-md-5 { margin-top: 3rem !important; } .mr-md-5, .mx-md-5 { margin-right: 3rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; } .ml-md-5, .mx-md-5 { margin-left: 3rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .pt-md-5, .py-md-5 { padding-top: 3rem !important; } .pr-md-5, .px-md-5 { padding-right: 3rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; } .pl-md-5, .px-md-5 { padding-left: 3rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 992px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1200px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } @media (min-width: 1400px) { .m-xxl-0 { margin: 0 !important; } .mt-xxl-0, .my-xxl-0 { margin-top: 0 !important; } .mr-xxl-0, .mx-xxl-0 { margin-right: 0 !important; } .mb-xxl-0, .my-xxl-0 { margin-bottom: 0 !important; } .ml-xxl-0, .mx-xxl-0 { margin-left: 0 !important; } .m-xxl-1 { margin: 0.25rem !important; } .mt-xxl-1, .my-xxl-1 { margin-top: 0.25rem !important; } .mr-xxl-1, .mx-xxl-1 { margin-right: 0.25rem !important; } .mb-xxl-1, .my-xxl-1 { margin-bottom: 0.25rem !important; } .ml-xxl-1, .mx-xxl-1 { margin-left: 0.25rem !important; } .m-xxl-2 { margin: 0.5rem !important; } .mt-xxl-2, .my-xxl-2 { margin-top: 0.5rem !important; } .mr-xxl-2, .mx-xxl-2 { margin-right: 0.5rem !important; } .mb-xxl-2, .my-xxl-2 { margin-bottom: 0.5rem !important; } .ml-xxl-2, .mx-xxl-2 { margin-left: 0.5rem !important; } .m-xxl-3 { margin: 1rem !important; } .mt-xxl-3, .my-xxl-3 { margin-top: 1rem !important; } .mr-xxl-3, .mx-xxl-3 { margin-right: 1rem !important; } .mb-xxl-3, .my-xxl-3 { margin-bottom: 1rem !important; } .ml-xxl-3, .mx-xxl-3 { margin-left: 1rem !important; } .m-xxl-4 { margin: 1.5rem !important; } .mt-xxl-4, .my-xxl-4 { margin-top: 1.5rem !important; } .mr-xxl-4, .mx-xxl-4 { margin-right: 1.5rem !important; } .mb-xxl-4, .my-xxl-4 { margin-bottom: 1.5rem !important; } .ml-xxl-4, .mx-xxl-4 { margin-left: 1.5rem !important; } .m-xxl-5 { margin: 3rem !important; } .mt-xxl-5, .my-xxl-5 { margin-top: 3rem !important; } .mr-xxl-5, .mx-xxl-5 { margin-right: 3rem !important; } .mb-xxl-5, .my-xxl-5 { margin-bottom: 3rem !important; } .ml-xxl-5, .mx-xxl-5 { margin-left: 3rem !important; } .p-xxl-0 { padding: 0 !important; } .pt-xxl-0, .py-xxl-0 { padding-top: 0 !important; } .pr-xxl-0, .px-xxl-0 { padding-right: 0 !important; } .pb-xxl-0, .py-xxl-0 { padding-bottom: 0 !important; } .pl-xxl-0, .px-xxl-0 { padding-left: 0 !important; } .p-xxl-1 { padding: 0.25rem !important; } .pt-xxl-1, .py-xxl-1 { padding-top: 0.25rem !important; } .pr-xxl-1, .px-xxl-1 { padding-right: 0.25rem !important; } .pb-xxl-1, .py-xxl-1 { padding-bottom: 0.25rem !important; } .pl-xxl-1, .px-xxl-1 { padding-left: 0.25rem !important; } .p-xxl-2 { padding: 0.5rem !important; } .pt-xxl-2, .py-xxl-2 { padding-top: 0.5rem !important; } .pr-xxl-2, .px-xxl-2 { padding-right: 0.5rem !important; } .pb-xxl-2, .py-xxl-2 { padding-bottom: 0.5rem !important; } .pl-xxl-2, .px-xxl-2 { padding-left: 0.5rem !important; } .p-xxl-3 { padding: 1rem !important; } .pt-xxl-3, .py-xxl-3 { padding-top: 1rem !important; } .pr-xxl-3, .px-xxl-3 { padding-right: 1rem !important; } .pb-xxl-3, .py-xxl-3 { padding-bottom: 1rem !important; } .pl-xxl-3, .px-xxl-3 { padding-left: 1rem !important; } .p-xxl-4 { padding: 1.5rem !important; } .pt-xxl-4, .py-xxl-4 { padding-top: 1.5rem !important; } .pr-xxl-4, .px-xxl-4 { padding-right: 1.5rem !important; } .pb-xxl-4, .py-xxl-4 { padding-bottom: 1.5rem !important; } .pl-xxl-4, .px-xxl-4 { padding-left: 1.5rem !important; } .p-xxl-5 { padding: 3rem !important; } .pt-xxl-5, .py-xxl-5 { padding-top: 3rem !important; } .pr-xxl-5, .px-xxl-5 { padding-right: 3rem !important; } .pb-xxl-5, .py-xxl-5 { padding-bottom: 3rem !important; } .pl-xxl-5, .px-xxl-5 { padding-left: 3rem !important; } .m-xxl-auto { margin: auto !important; } .mt-xxl-auto, .my-xxl-auto { margin-top: auto !important; } .mr-xxl-auto, .mx-xxl-auto { margin-right: auto !important; } .mb-xxl-auto, .my-xxl-auto { margin-bottom: auto !important; } .ml-xxl-auto, .mx-xxl-auto { margin-left: auto !important; } } .text-justify { text-align: justify !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } @media (min-width: 576px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } @media (min-width: 1400px) { .text-xxl-left { text-align: left !important; } .text-xxl-right { text-align: right !important; } .text-xxl-center { text-align: center !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-light { font-weight: 300 !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-bold { font-weight: 700 !important; } .font-italic { font-style: italic !important; } .text-white { color: #fff !important; } .text-primary { color: #007bff !important; } a.text-primary:hover, a.text-primary:focus { color: #0062cc !important; } .text-secondary { color: #6c757d !important; } a.text-secondary:hover, a.text-secondary:focus { color: #545b62 !important; } .text-success { color: #28a745 !important; } a.text-success:hover, a.text-success:focus { color: #1e7e34 !important; } .text-info { color: #17a2b8 !important; } a.text-info:hover, a.text-info:focus { color: #117a8b !important; } .text-warning { color: #ffc107 !important; } a.text-warning:hover, a.text-warning:focus { color: #d39e00 !important; } .text-danger { color: #dc3545 !important; } a.text-danger:hover, a.text-danger:focus { color: #bd2130 !important; } .text-light { color: #f8f9fa !important; } a.text-light:hover, a.text-light:focus { color: #dae0e5 !important; } .text-dark { color: #343a40 !important; } a.text-dark:hover, a.text-dark:focus { color: #1d2124 !important; } .text-muted { color: #6c757d !important; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } @font-face {font-display: swap; font-family: 'swiper-icons'; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff"); font-weight: 400; font-style: normal; } :root { --swiper-theme-color: #007aff; } .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; } .swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .swiper-container-multirow > .swiper-wrapper { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .swiper-container-multirow-column > .swiper-wrapper { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; -o-transition-property: transform, height; transition-property: transform, height; transition-property: transform, height, -webkit-transform; } /* 3D Effects */ .swiper-container-3d { -webkit-perspective: 1200px; perspective: 1200px; } .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } /* CSS Mode */ .swiper-container-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer and Edge */ } .swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-container-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper { -webkit-scroll-snap-type: x mandatory; -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; } .swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper { -webkit-scroll-snap-type: y mandatory; -ms-scroll-snap-type: y mandatory; scroll-snap-type: y mandatory; } :root { /* --swiper-pagination-color: var(--swiper-theme-color); */ } .swiper-pagination { position: absolute; text-align: center; -webkit-transition: 300ms opacity; -o-transition: 300ms opacity; transition: 300ms opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } /* Common Styles */ .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 10px; left: 0; width: 100%; } /* Bullets */ .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(0.66); -ms-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(0.66); -ms-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: 0.2; } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet-active { opacity: 1; background: var(--swiper-pagination-color, var(--swiper-theme-color)); } .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0px, -50%, 0); transform: translate3d(0px, -50%, 0); } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 8px; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; -webkit-transition: 200ms top, 200ms -webkit-transform; transition: 200ms top, 200ms -webkit-transform; -o-transition: 200ms transform, 200ms top; transition: 200ms transform, 200ms top; transition: 200ms transform, 200ms top, 200ms -webkit-transform; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 200ms left, 200ms -webkit-transform; transition: 200ms left, 200ms -webkit-transform; -o-transition: 200ms transform, 200ms left; transition: 200ms transform, 200ms left; transition: 200ms transform, 200ms left, 200ms -webkit-transform; } .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 200ms right, 200ms -webkit-transform; transition: 200ms right, 200ms -webkit-transform; -o-transition: 200ms transform, 200ms right; transition: 200ms transform, 200ms right; transition: 200ms transform, 200ms right, 200ms -webkit-transform; } /* Progress */ .swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; } .swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0; } .swiper-container-vertical > .swiper-pagination-progressbar, .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-blue { --swiper-pagination-color: #007bff; } .swiper-pagination-indigo { --swiper-pagination-color: #6610f2; } .swiper-pagination-purple { --swiper-pagination-color: #6f42c1; } .swiper-pagination-pink { --swiper-pagination-color: #e83e8c; } .swiper-pagination-red { --swiper-pagination-color: #dc3545; } .swiper-pagination-orange { --swiper-pagination-color: #fd7e14; } .swiper-pagination-yellow { --swiper-pagination-color: #ffc107; } .swiper-pagination-green { --swiper-pagination-color: #28a745; } .swiper-pagination-teal { --swiper-pagination-color: #20c997; } .swiper-pagination-cyan { --swiper-pagination-color: #17a2b8; } .swiper-pagination-white { --swiper-pagination-color: #fff; } .swiper-pagination-gray { --swiper-pagination-color: #6c757d; } .swiper-pagination-gray-dark { --swiper-pagination-color: #343a40; } .swiper-pagination-lock { display: none; } .overlay { z-index: 2000; position: fixed; background: url(/local/templates/best-gruzchik-new-2020/css/overlay.png) !important; width: 100%; height: 100%; top: 0; left: 0; cursor: pointer; display: none; } .alx_feedback_popup { cursor: pointer; } .alx-feedb-data-errorLoading { text-align: center; padding-top: 50px; } .alx-feedb-data { position: absolute; opacity: 0; } .alx-feedb-data-view { position: relative; opacity: 1; width: 100%; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .afbf_success_block { height: 140px; display: table; vertical-align: middle; width: 100%; margin-bottom: 20px; } .afbf_success_block._without-popup { height: 100px; } .afbf_success_block._without-popup .afbf_mess_ok { text-align: left; line-height: 50px; } .afbf_success_block._without-popup .afbf_mess_ok .mess { margin-left: 60px; } .afbf_success_block._without-popup .afbf_ok_icon { display: inline-block; width: auto; min-width: 50px; float: left; margin-bottom: 0; } .afbf_mess_ok { display: table-cell; vertical-align: middle; text-align: center; } /* animation loading */ @keyframes alx-rotate-loading { 0% { transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); } 100% { transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg); } } @-webkit-keyframes alx-rotate-loading { 0% { transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); } 100% { transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg); } } @keyframes alx-rotate-loading { 0% { transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); } 100% { transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg); } } @-webkit-keyframes alx-rotate-loading { 0% { transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); } 100% { transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg); } } @keyframes loading-text-opacity { 0% { opacity: 0; } 20% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes loading-text-opacity { 0% { opacity: 0; } 20% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } .alx-rotate-loading, .alx-feedb-loading { height: 120px; position: relative; width: 120px; border-radius: 100%; } .alx-rotate-loading { margin: 40px auto; } .alx-feedb-loading { border: 13px solid transparent; border-color: transparent #fff transparent #FFF; -moz-animation: alx-rotate-loading 2s linear 0s infinite normal; -moz-transform-origin: 50% 50%; -o-animation: alx-rotate-loading 2s linear 0s infinite normal; -o-transform-origin: 50% 50%; -webkit-animation: alx-rotate-loading 2s linear 0s infinite normal; -webkit-transform-origin: 50% 50%; animation: alx-rotate-loading 2s linear 0s infinite normal; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-box-sizing: border-box; box-sizing: border-box; } .alx-rotate-loading:hover .alx-feedb-loading { border-color: transparent #E45635 transparent #E45635; } .alx-rotate-loading:hover .alx-feedb-loading, .alx-rotate-loading .alx-feedb-loading { -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .alx-feedb-loading-text { -webkit-animation: 2s linear 0s normal none infinite running loading-text-opacity; animation: 2s linear 0s normal none infinite running loading-text-opacity; color: #fff; font-size: 15px; font-weight: bold; position: absolute; text-align: center; text-transform: uppercase; top: 0px; width: 120px; margin-top: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @font-face {font-display: swap; font-family: 'ProximaNova Regular'; font-style: normal; font-weight: normal; src: url('/local/templates/best-gruzchik-new-2020/css/../fonts/ProximaNovaCond-Regular.eot'); src: local('ProximaNova Regular'), url('/local/templates/best-gruzchik-new-2020/css/../fonts/ProximaNovaCond-Regular.eot?#iefix') format('embedded-opentype'), url('/local/templates/best-gruzchik-new-2020/css/../fonts/ProximaNovaCond-Regular.woff2') format('woff2'), url('/local/templates/best-gruzchik-new-2020/css/../fonts/ProximaNovaCond-Regular.woff') format('woff'), url('/local/templates/best-gruzchik-new-2020/css/../fonts/ProximaNovaCond-Regular.ttf') format('truetype'); } @font-face {font-display: swap; font-family: 'ProximaNova Bold'; font-style: normal; font-weight: normal; src: url('/local/templates/best-gruzchik-new-2020/css/../fonts/ProximaNovaCond-Bold.eot'); src: local('ProximaNova Bold'), url('/local/templates/best-gruzchik-new-2020/css/../fonts/ProximaNovaCond-Bold.eot?#iefix') format('embedded-opentype'), url('/local/templates/best-gruzchik-new-2020/css/../fonts/ProximaNovaCond-Bold.woff2') format('woff2'), url('/local/templates/best-gruzchik-new-2020/css/../fonts/ProximaNovaCond-Bold.woff') format('woff'), url('/local/templates/best-gruzchik-new-2020/css/../fonts/ProximaNovaCond-Bold.ttf') format('truetype'); } @font-face {font-display: swap; font-family: 'ProximaNova Semibold'; font-style: normal; font-weight: normal; src: url('/local/templates/best-gruzchik-new-2020/css/../fonts/ProximaNovaCond-Semibold.eot'); src: local('ProximaNova Semibold'), url('/local/templates/best-gruzchik-new-2020/css/../fonts/ProximaNovaCond-Semibold.eot?#iefix') format('embedded-opentype'), url('/local/templates/best-gruzchik-new-2020/css/../fonts/ProximaNovaCond-Semibold.woff2') format('woff2'), url('/local/templates/best-gruzchik-new-2020/css/../fonts/ProximaNovaCond-Semibold.woff') format('woff'), url('/local/templates/best-gruzchik-new-2020/css/../fonts/ProximaNovaCond-Semibold.ttf') format('truetype'); } @font-face {font-display: swap; font-family: 'Fontawesome'; font-style: normal; font-weight: normal; src: local("Fontawesome"), url("/local/templates/best-gruzchik-new-2020/css/../fonts/fontawesome-webfont.ttf") format("truetype"); } @font-face {font-display: swap; font-family: 'ProximaNova Light'; font-style: normal; font-weight: normal; src: local("ProximaNova Light"), url("/local/templates/best-gruzchik-new-2020/css/../fonts/ProximaNova-Light.ttf") format("truetype"); } @font-face {font-display: swap; font-family: 'Montserrat Bold'; font-style: normal; font-weight: normal; src: url('/local/templates/best-gruzchik-new-2020/css/../fonts/Montserrat-Bold.eot'); src: local('Montserrat Bold'), local('Montserrat-Bold'), url('/local/templates/best-gruzchik-new-2020/css/../fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'), url('/local/templates/best-gruzchik-new-2020/css/../fonts/Montserrat-Bold.woff2') format('woff2'), url('/local/templates/best-gruzchik-new-2020/css/../fonts/Montserrat-Bold.woff') format('woff'), url('/local/templates/best-gruzchik-new-2020/css/../fonts/Montserrat-Bold.ttf') format('truetype'); } @font-face {font-display: swap; font-family: 'Montserrat Medium'; font-style: normal; font-weight: normal; src: url('/local/templates/best-gruzchik-new-2020/css/../fonts/Montserrat-Medium.eot'); src: local('Montserrat Medium'), url('/local/templates/best-gruzchik-new-2020/css/../fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'), url('/local/templates/best-gruzchik-new-2020/css/../fonts/Montserrat-Medium.woff2') format('woff2'), url('/local/templates/best-gruzchik-new-2020/css/../fonts/Montserrat-Medium.woff') format('woff'), url('/local/templates/best-gruzchik-new-2020/css/../fonts/Montserrat-Medium.ttf') format('truetype'); } @font-face {font-display: swap; font-family: 'Font Icons'; src: local("ProximaNova ExtraBold"), url("/local/templates/best-gruzchik-new-2020/css/../fonts/font-icons.eot?#iefix") format("embedded-opentype"), url('/local/templates/best-gruzchik-new-2020/css/../fonts/font-icons.woff2') format('woff2'), url("/local/templates/best-gruzchik-new-2020/css/../fonts/font-icons.woff") format("woff"), url("/local/templates/best-gruzchik-new-2020/css/../fonts/font-icons.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face {font-display: swap; font-family: 'Montserrat ExtraBold'; src: url('/local/templates/best-gruzchik-new-2020/css/../fonts/Montserrat-ExtraBold.eot'); src: local('Montserrat ExtraBold'), url('/local/templates/best-gruzchik-new-2020/css/../fonts/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'), url('/local/templates/best-gruzchik-new-2020/css/../fonts/Montserrat-ExtraBold.woff2') format('woff2'), url('/local/templates/best-gruzchik-new-2020/css/../fonts/Montserrat-ExtraBold.woff') format('woff'), url('/local/templates/best-gruzchik-new-2020/css/../fonts/Montserrat-ExtraBold.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face {font-display: swap; font-family: 'ProximaNova ExtraBold'; src: url('/local/templates/best-gruzchik-new-2020/css/../fonts/ProximaNovaCond-Extrabld.eot'); src: local('ProximaNova ExtraBold'), url('/local/templates/best-gruzchik-new-2020/css/../fonts/ProximaNovaCond-Extrabld.eot?#iefix') format('embedded-opentype'), url('/local/templates/best-gruzchik-new-2020/css/../fonts/ProximaNovaCond-Extrabld.woff2') format('woff2'), url('/local/templates/best-gruzchik-new-2020/css/../fonts/ProximaNovaCond-Extrabld.woff') format('woff'), url('/local/templates/best-gruzchik-new-2020/css/../fonts/ProximaNovaCond-Extrabld.ttf') format('truetype'); font-weight: normal; font-style: normal; } .button-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } a { display: block; -webkit-transition: all ease 250ms; -o-transition: all ease 250ms; transition: all ease 250ms; cursor: pointer !important; text-decoration: none; } a:hover { text-decoration: none; } body { font-family: 'ProximaNova Regular'; font-size: 16px; line-height: 1.2em; background: #fff; color: #000; } body::before { content: ' '; position: absolute; z-index: 42; top: 0; left: 0; bottom: 0; right: 0; visibility: hidden; opacity: 0; -webkit-transition: all ease 200ms; -o-transition: all ease 200ms; transition: all ease 200ms; background: rgba(0, 0, 0, 0.55); } body.disable-scroll { overflow: hidden; } body.disable-scroll::before { visibility: visible; opacity: 1; } b { font-family: 'ProximaNova Bold'; } h1 { margin: 0; } p { font-size: 20px; line-height: 1.2em; margin: 0; } p + p { margin-top: 7px; } .title { text-transform: uppercase; } .title.big { font-family: 'ProximaNova ExtraBold'; font-size: 38px; line-height: 1.2em; color: #000000; } .title.medium { font-family: 'ProximaNova Bold'; font-size: 30px; color: #000; line-height: normal; text-align: center; text-transform: uppercase; } .title.medium span { position: relative; padding-left: 37px; } .title.medium span::before { content: ' '; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 18px; height: 19px; background: no-repeat center/contain url(/local/templates/best-gruzchik-new-2020/css/../img/icon-title.svg); } .title.small { font-family: 'ProximaNova Bold'; font-size: 20px; line-height: normal; color: #4f4f69; } @media (min-width: 768px) and (max-width: 991.98px) { .title.big { font-size: 30px; } } @media (max-width: 767.98px) { .title.big { font-size: 27px; } .title.medium { font-size: 24px; } .title.medium span { display: inline-block; padding: 35px 0 0 0; } .title.medium span::before { left: 50%; top: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .title.small { font-size: 18px; } } .button { text-decoration: none; -webkit-transition: all ease 280ms; -o-transition: all ease 280ms; transition: all ease 280ms; display: block; outline: none; cursor: pointer; border: none; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: normal; text-align: center; } .button.rounded-corners { border-radius: 4px !important; } .button.with-outline { padding: 19px 25px; color: #000; border: 1px solid #f59311; } .button.dark-outline { min-width: 270px; font-size: 16px; line-height: 20px; text-align: center; color: #730B73; font-family: 'Montserrat Bold'; padding: 14px 20px; -webkit-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; border: 3px solid #730B73; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 5px; background: none; } .button.dark-outline:hover { color: #fff; background: #730B73; } .button.button-callback { margin-top: 17px; background: #f4920e; background: -webkit-gradient(linear, left bottom, left top, from(#f4920e), to(#ffaa37)); background: -o-linear-gradient(bottom, #f4920e 0%, #ffaa37 100%); background: linear-gradient(0deg, #f4920e 0%, #ffaa37 100%); width: 270px; padding: 17px 10px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); margin-top: 23px; } .button.button-callback span { padding-left: 47px; position: relative; font-size: 18px; line-height: normal; color: #fff; } .button.button-callback span::before { content: ' '; position: absolute; width: 28px; height: 28px; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: no-repeat center/contain url(/local/templates/best-gruzchik-new-2020/css/../img/icon-phone_white.png); } .button.default { background: #f4920e; background: -webkit-gradient(linear, left top, right top, from(#f4920e), to(#ffaa37)); background: -o-linear-gradient(left, #f4920e 0%, #ffaa37 100%); background: linear-gradient(90deg, #f4920e 0%, #ffaa37 100%); width: 270px; font-size: 18px; font-family: 'ProximaNova Bold'; color: #fff; text-align: center; -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1); padding: 17px 10px; } .button.secondary { padding: 12px 30px; text-align: center; font-family: 'ProximaNova Bold'; color: #fff; text-align: center; background: #fca32c; border-color: #fca32c; border-radius: 13px; } .button.download span { padding-left: 38px; position: relative; } .button.download span::before { content: ' '; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 20px; height: 20px; background: no-repeat center/contain url(/local/templates/best-gruzchik-new-2020/css/../img/icon-skachat.svg); } .button.download.download-white span::before { background: no-repeat center/contain url(/local/templates/best-gruzchik-new-2020/css/../img/icon-skachat_white.svg); } .button.orange-outline { padding: 13px 15px; font-family: 'ProximaNova Bold'; color: #f99b1d; border: 2px solid #f99b1d; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 20px; border-radius: 16px; line-height: normal; } .button.orange { padding: 13px 15px; font-family: 'ProximaNova Bold'; color: #fff; background: #f99b1d; border: 2px solid #f99b1d; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 20px; border-radius: 16px; line-height: normal; } .button.dark-gradient { padding: 13px 15px; border-radius: 16px; border: 2px solid transparent; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 20px; line-height: normal; color: #fff; text-align: center; font-family: 'ProximaNova Bold'; outline: none; background: #450d45; background: -webkit-gradient(linear, left bottom, left top, from(#651565), to(#450d45)); background: -o-linear-gradient(bottom, #651565 0%, #450d45 100%); background: linear-gradient(0deg, #651565 0%, #450d45 100%); } @media (max-width: 767.98px) { .button.default { padding: 14px 30px 14px; border-radius: 15px; width: unset; } .button.dark-outline { padding: 14px 30px 14px; min-width: unset; } .button.with-outline { font-size: 17px; padding: 13px 30px 14px; } } .slider { position: relative; padding: 0 90px; } .slider-button-next, .slider-button-prev { -webkit-transition: all ease 250ms; -o-transition: all ease 250ms; transition: all ease 250ms; position: absolute; z-index: 24; width: 65px; height: 29px; outline: none; cursor: pointer; background: #5d075d; top: 50%; border-radius: 50% 50% 0 0 / 100% 100% 0 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; } .slider-button-next::before, .slider-button-prev::before { content: ' '; -webkit-transition: all ease 250ms; -o-transition: all ease 250ms; transition: all ease 250ms; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(90deg); -ms-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); width: 8px; height: 13px; background: no-repeat center/contain url(/local/templates/best-gruzchik-new-2020/css/../img/icon-arrow.svg); } .slider-button-next.swiper-button-disabled, .slider-button-prev.swiper-button-disabled { background: #c2c2c2; } .slider-button-next { right: 0; -webkit-transform: translateY(-50%) rotate(-90deg); -ms-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); } .slider-button-prev { left: 0; -webkit-transform: translateY(-50%) rotate(90deg); -ms-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); } @media (min-width: 768px) { .slider.right { padding: 0 100px 0 0; } .slider.right .slider-controls { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; display: flex; flex-direction: column; } .slider.right .slider-button-next, .slider.right .slider-button-prev { position: relative; right: unset; top: unset; left: unset; bottom: unset; } .slider.right .slider-button-next::before, .slider.right .slider-button-prev::before { content: ' '; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(90deg); -ms-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); width: 8px; height: 13px; background: no-repeat center/contain url(/local/templates/best-gruzchik-new-2020/css/../img/icon-arrow.svg); } .slider.right .slider-button-next.swiper-button-disabled, .slider.right .slider-button-prev.swiper-button-disabled { background: #c2c2c2; } .slider.right .slider-button-next { margin-top: 45px; -webkit-transform: rotate(-90deg) !important; -ms-transform: rotate(-90deg) !important; transform: rotate(-90deg) !important; } .slider.right .slider-button-prev { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .slider.right .slider-button-prev::before { content: ' '; -webkit-transform: translate(-50%, -50%) rotate(-90deg); -ms-transform: translate(-50%, -50%) rotate(-90deg); transform: translate(-50%, -50%) rotate(-90deg); } } @media (max-width: 767.98px) { .slider { padding: 0 30px; } .slider-button-next, .slider-button-prev { width: 42px; height: 22px; } } #breadcrumbs ul { list-style: none; margin: 50px -15px 0; padding: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #breadcrumbs ul li { padding: 4px 15px; font-size: 16px; line-height: normal; color: #5d5d5d; position: relative; } #breadcrumbs ul li::after { content: '/'; position: absolute; top: 51%; right: -1px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 16px; line-height: normal; color: #000; font-family: 'ProximaNova Bold'; } #breadcrumbs ul li:last-child::after { display: none; } #breadcrumbs ul li a { color: #5d075d; font-size: inherit; border-bottom: 1px dotted transparent; } #breadcrumbs ul li a:hover { border-color: #e88a0b; color: #de840a; } .bg-none { background: none !important; } #header { position: absolute; z-index: 120; top: 0; left: 0; right: 0; } #header .header-top { background: #fff; } #header .header-top__container { padding: 15px 0; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } #header .header-bottom { background: #730b73; } #header .header-bottom__container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } #header .header-socials_mob { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } #header .header__link-to-video { border: 1px solid #f99b1d; text-decoration: none; outline: none; padding: 15px 30px; } #header .header__link-to-video span { position: relative; font-size: 18px; line-height: normal; color: #353535; padding-left: 30px; } #header .header__link-to-video span::before { content: ' '; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 20px; height: 20px; background: no-repeat center/contain url("/local/templates/best-gruzchik-new-2020/css/../img/icon-play_purple.svg"); } #header .header-social { margin: 0 6px; width: 22px; height: 22px; background-repeat: no-repeat; background-size: contain; background-position: center; } #header .header-socials { margin-right: 30px; } #header .header-social.whatsapp { background-image: url("/local/templates/best-gruzchik-new-2020/css/../img/socials/whatsapp-1.svg"); } #header .header-social.viber { background-image: url("/local/templates/best-gruzchik-new-2020/css/../img/socials/viber-1.svg"); } #header .header-social.telegram { background-image: url("/local/templates/best-gruzchik-new-2020/css/../img/socials/telegram-1.svg"); } #header .header__phone { font-size: 19px; line-height: normal; color: #000; white-space: nowrap; font-family: 'Montserrat Bold'; position: relative; } #header .header__working-time { padding-left: 25px; position: relative; margin-top: 5px; font-size: 16px; color: #730b73; text-align: right; } #header .header__callback-button { padding: 12px 15px; border: 1px solid #f99b1d; } #header .header__callback-button span { padding-left: 35px; color: #353535; font-size: 16px; line-height: normal; position: relative; } #header .header__callback-button span::after { content: ' '; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 21px; height: 21px; background: no-repeat center/contain url("/local/templates/best-gruzchik-new-2020/css/../img/icon-phone.png"); } #header .header-address { padding-left: 23px; position: relative; font-size: 16px; line-height: 1.15em; color: #000; } #header .header-address::before { content: ''; position: absolute; top: 50%; left: 0; font-family: 'Font Icons'; color: #f99b1d; font-size: 20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #header .header__button-order { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin: -5px 0; background: #f4920e; background: -webkit-gradient(linear, left top, right top, from(#f4920e), to(#ffaa37)); background: -o-linear-gradient(left, #f4920e 0%, #ffaa37 100%); background: linear-gradient(90deg, #f4920e 0%, #ffaa37 100%); width: 270px; padding: 17px 10px; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); } #header .header__button-order span { padding-left: 47px; position: relative; font-size: 20px; font-family: 'ProximaNova Bold'; line-height: normal; color: #fff; } #header .header__button-order span::before { content: ' '; position: absolute; width: 28px; height: 28px; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: no-repeat center/contain url("/local/templates/best-gruzchik-new-2020/css/../img/icon-phone_white.png"); } #header .header-search { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; margin: 0 17px; position: relative; } #header .header-search .header__button-search { width: 34px; height: 34px; border-radius: 50%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; z-index: 12; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background: #f4920e; background: -webkit-gradient(linear, left bottom, left top, from(#f4920e), to(#ffaa37)); background: -o-linear-gradient(bottom, #f4920e 0%, #ffaa37 100%); background: linear-gradient(0deg, #f4920e 0%, #ffaa37 100%); } #header .header-search .form-control { position: absolute; top: 0; right: 15px; bottom: 0; } #header .header-search .form-control input { width: 0; visibility: hidden; border: none; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #f69515; padding: 0 13px; outline: none; -webkit-transition: all ease 280ms; -o-transition: all ease 280ms; transition: all ease 280ms; border-radius: 30px 0 0 30px; height: 34px; color: #020305; } #header .header-search .form-control input:focus { visibility: visible; width: 270px; } #header .header-search:hover .form-control input { visibility: visible; width: 270px; -webkit-box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.2); } #header .header-actions { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } #header .logo { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #header .logo__image { width: 50px; } #header .logo__image img { width: 100%; } #header .logo__info { margin-left: 12px; } #header .logo__text { font-size: 16px; line-height: normal; color: #474747; } #header .logo__title { margin-top: 2px; font-family: 'Montserrat ExtraBold'; color: #000; line-height: normal; font-size: 20px; } #header .logo__title + .logo__text { margin-top: 3px; } #header #cssmenu { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } #header #cssmenu ul.active { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } #header #cssmenu #menu-button, #header #cssmenu, #header #cssmenu ul, #header #cssmenu ul li, #header #cssmenu ul li a { margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; } #header #cssmenu > ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #header #cssmenu > ul li a { text-align: center; width: 100%; } #header #cssmenu > ul > li > a { padding: 15px 7px; font-size: 18px; text-decoration: none; color: #fff; text-transform: uppercase; -webkit-transition: all ease 280ms; -o-transition: all ease 280ms; transition: all ease 280ms; } #header #cssmenu ul li a:hover { background: #520852; } #header #cssmenu > ul > li:hover > a { color: #ffffff; } #header #cssmenu > ul > li.has-sub > a { padding-right: 30px; } #header #cssmenu > ul > li.has-sub > a { padding-right: 30px; } #header #cssmenu > ul > li.has-sub > a::before { content: ' '; position: absolute; right: 10px; top: 50%; -webkit-transition: all ease 250ms; -o-transition: all ease 250ms; transition: all ease 250ms; -webkit-transform: translateY(-50%) rotate(-90deg); -ms-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); width: 10px; height: 10px; background: no-repeat center/contain url("/local/templates/best-gruzchik-new-2020/css/../img/icon-arrow_white.svg"); } #header #cssmenu ul ul { position: absolute; left: -9999px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #header #cssmenu .align-right ul ul { text-align: right; } #header #cssmenu ul ul li { -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; } #header #cssmenu li:hover > ul { left: auto; } #header #cssmenu .align-right li:hover > ul { left: auto; right: 0; } #header #cssmenu ul ul ul { margin-left: 100%; top: 0; } #header #cssmenu .align-right ul ul ul { margin-left: 0; margin-right: 100%; } #header #cssmenu ul ul li a { height: auto; display: block; border-bottom: 1px solid rgba(150, 150, 150, 0.15); padding: 11px 15px; min-width: 190px; max-width: 300px; width: 100%; font-size: 18px; text-decoration: none; color: #dddddd; font-weight: 400; text-align: left; background: #730b73; } #header #cssmenu ul ul li a span { display: inline-block; } #header #cssmenu ul ul li.last-item > a, #header #cssmenu ul ul li:last-child > a { border-bottom: 0; } #header #cssmenu ul ul li a:hover, #header #cssmenu ul ul li:hover > a { color: #ffffff; } #header #cssmenu ul ul li.has-sub > a { padding-right: 30px; } #header #cssmenu ul ul li.has-sub > a::before { content: ' '; position: absolute; right: 10px; top: 50%; -webkit-transition: all ease 250ms; -o-transition: all ease 250ms; transition: all ease 250ms; -webkit-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); width: 10px; height: 10px; background: no-repeat center/contain url("/local/templates/best-gruzchik-new-2020/css/../img/icon-arrow_white.svg"); } @media (min-width: 992px) { #header #cssmenu #menu-button { display: none; } #header #cssmenu ul ul { width: auto; } #header #cssmenu ul ul li.has-sub:hover > a::before { -webkit-transform: translateY(-50%) rotate(0deg); -ms-transform: translateY(-50%) rotate(0deg); transform: translateY(-50%) rotate(0deg); } #header #cssmenu > ul > li.has-sub:hover > a::before { -webkit-transform: translateY(-50%) rotate(90deg); -ms-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); } } @media (min-width: 992px) { #header #cssmenu > ul li.close { display: none; } #header #cssmenu > ul li a { width: 100%; } } @media (max-width: 991.98px) { #header #cssmenu > ul { position: fixed; z-index: 32; left: 0; top: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; bottom: 0; height: 100vh; overflow-x: scroll; max-width: 280px; padding-bottom: 10px; background: #730b73; -webkit-transition: all ease 280ms; -o-transition: all ease 280ms; transition: all ease 280ms; -webkit-transform: translateX(-100vw); -ms-transform: translateX(-100vw); transform: translateX(-100vw); } #header #cssmenu > ul.open { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @media all and (max-width: 992px) { #header #cssmenu ul ul li a { padding: 10px 16px; line-height: 1.35em; text-transform: none; border: none; font-size: 3vh; } #header #cssmenu > ul > li > a { padding: 10px 16px; line-height: 1.35em; text-transform: none; border: none; font-size: 3vh; } #header #cssmenu .close { padding: 10px 20px 20px; } #header #cssmenu .close .button-close { margin-left: auto; max-width: 20px; } #header #cssmenu .close .button-close img { width: 100%; } #header #cssmenu ul { width: 100%; display: none; min-height: unset; } #header #cssmenu ul > ul { text-align: left; } #header #cssmenu ul li { margin: 0 !important; height: auto !important; display: block; min-height: unset; width: 100%; } #header #cssmenu ul li + li { border-top: 1px solid #5c095c; } #header #cssmenu ul li a { display: block; min-height: unset; text-align: left; } #header #cssmenu li:hover > ul > li, #header #cssmenu ul ul li { height: auto; } #header #cssmenu ul li a, #header #cssmenu ul ul li a { width: 100%; border-bottom: 0; } #header #cssmenu ul ul li a { color: #dddddd; background: none; } #header #cssmenu ul ul li.active > a, #header #cssmenu ul ul li:hover > a { color: #ffffff; } #header #cssmenu .align-right ul ul, #header #cssmenu ul ul, #header #cssmenu ul ul ul { position: relative; left: 0; width: 100%; margin: 0; text-align: left; } #header #cssmenu > ul > li.has-sub > a:before, #header #cssmenu > ul > li.has-sub > a:after, #header #cssmenu ul ul > li.has-sub > a:after, #header #cssmenu ul ul > li.has-sub > a:before { display: none; } #header #cssmenu #menu-button { display: block; padding: 17px; color: #dddddd; cursor: pointer; font-size: 12px; text-transform: uppercase; font-weight: 700; } #header #cssmenu #menu-button:after { position: absolute; top: 22px; right: 17px; display: block; height: 4px; width: 20px; border-top: 2px solid #dddddd; border-bottom: 2px solid #dddddd; content: ''; } #header #cssmenu #menu-button:before { position: absolute; top: 16px; right: 17px; display: block; height: 2px; width: 20px; background: #dddddd; content: ''; } #header #cssmenu #menu-button.menu-opened:after { top: 23px; border: 0; height: 2px; width: 15px; background: #ffffff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } #header #cssmenu #menu-button.menu-opened:before { top: 23px; background: #ffffff; width: 15px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } #header #cssmenu .submenu-button { position: absolute; z-index: 99; right: 0; top: 0; display: block; border-left: 1px solid rgba(120, 120, 120, 0.2); height: 46px; width: 46px; cursor: pointer; } #header #cssmenu .submenu-button.submenu-opened { background: #650765; } #header #cssmenu ul ul .submenu-button { height: 34px; width: 34px; } #header #cssmenu .submenu-button:after { content: ' '; position: absolute; left: 50%; top: 50%; -webkit-transition: all ease 280ms; -o-transition: all ease 280ms; transition: all ease 280ms; -webkit-transform: translate(-50%, -50%) rotate(-90deg); -ms-transform: translate(-50%, -50%) rotate(-90deg); transform: translate(-50%, -50%) rotate(-90deg); width: 16px; height: 16px; background: no-repeat center/contain url("/local/templates/best-gruzchik-new-2020/css/../img/icon-arrow_white.svg"); } #header #cssmenu .submenu-button.submenu-opened:after { -webkit-transform: translate(-50%, -50%) rotate(90deg); -ms-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); } } @media (min-width: 1200px) and (max-width: 1399.98px) { #header #cssmenu > ul > li > a { font-size: 16px; } } @media (min-width: 992px) and (max-width: 1199.98px) { #header #cssmenu > ul > li > a { font-size: 15px; } #header .header__button-order { width: 180px !important; } #header .header__button-order span { font-size: 15px; } } @media (min-width: 992px) { #header .header { /*&-menu { flex-grow: 1; margin: 0; min-height: 100%; padding: 0; list-style: none; display: flex; align-items: center; justify-content: space-between; li { height: 100%; flex-grow: 1; a { display: flex; text-align: center; justify-content: center; align-items: center; white-space: nowrap; padding: 5px; font-size: 18px; text-transform: uppercase; line-height: normal; color: #fff; width: 100%; height: 100%; @include ts(250ms); &:hover { background: darken(#730b73, 5%); } } &.parent { position: relative; a { span { position: relative; padding-right: 20px; &::before { content: ' '; position: absolute; right: 0; top: 50%; @include ts(250ms); transform: translateY(-50%) rotate(-90deg); width: 10px; height: 10px; background: no-repeat center / contain url("/local/templates/best-gruzchik-new-2020/css/../img/icon-arrow_white.svg"); } } } &:hover { > ul { visibility: visible; opacity: 1; } a { span { &::before { transform: translateY(-50%) rotate(90deg); } } } } > ul { height: 100vh; overflow-y: scroll; list-style: none; margin: -2px 0 0; padding: 2px 0 0; position: absolute; left: 0; visibility: hidden; opacity: 0; @include ts(250ms); z-index: 64; background: #730b73; li { a { justify-content: flex-start; padding: 10px; text-align: left; } &.parent { a { width: 100%; span { width: 100%; padding-right: 25px; &::before { @include ts(250ms); transform: translateY(-50%) rotate(180deg); width: 8px; height: 8px; right: 10px; } } } &:hover { a { span { &::before { transform: translateY(-50%) rotate(0deg); } } } } > ul { left: 100%; top: 0; } } } } } } }*/ } #header .header-mob__container { width: 100%; } } @media (min-width: 1200px) and (max-width: 1399.98px) { #header .header-search:hover .form-control input { width: 230px; } #header .header-search .form-control input:focus { width: 230px; } } @media (min-width: 992px) and (max-width: 1199.98px) { #header .logo__image { width: 45px; } #header .logo__info { margin-left: 9px; } #header .logo__text { font-size: 14px; } #header .logo__title { font-size: 17px; } #header .logo__title + .logo__text { margin-top: 4px; } #header .header__link-to-video { padding: 12px 20px; } #header .header__link-to-video span { font-size: 16px; } #header .header__link-to-video span::before { width: 17px; height: 17px; } #header .header-socials { margin-right: 20px; } #header .header__callback-button { padding: 12px 10px; border: 1px solid #f99b1d; } #header .header__callback-button span { padding-left: 40px; color: #353535; font-size: 16px; line-height: normal; position: relative; } #header .header__callback-button span::after { content: ' '; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 25px; height: 25px; background: no-repeat center/contain url("/local/templates/best-gruzchik-new-2020/css/../img/icon-phone.png"); } #header .header__phone { font-size: 18px; } #header .header__working-time { position: relative; margin-top: 5px; font-size: 16px; } #header .header__callback-button { padding: 12px 15px; border: 1px solid #f99b1d; } #header .header__callback-button span { padding-left: 40px; color: #353535; font-size: 16px; line-height: normal; position: relative; } #header .header__callback-button span::after { content: ' '; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 25px; height: 25px; background: no-repeat center/contain url("/local/templates/best-gruzchik-new-2020/css/../img/icon-phone.png"); } #header .header-address { padding-left: 23px; position: relative; font-size: 16px; line-height: 1.15em; color: #000; } #header .header-address::before { content: ''; position: absolute; top: 50%; left: 0; font-family: 'Font Icons'; color: #f99b1d; font-size: 20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #header .header-menu li a { font-size: 14px; } #header .header__button-order { width: 200px; padding: 17px 5px; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); } #header .header__button-order span { padding-left: 40px; font-size: 16px; color: #fff; } #header .header__button-order span::before { content: ' '; position: absolute; width: 24px; height: 24px; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: no-repeat center/contain url("/local/templates/best-gruzchik-new-2020/css/../img/icon-phone_white.png"); } #header .header-search { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; margin: 0 17px; width: 34px; height: 34px; border-radius: 50%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background: #f4920e; } #header .header-search:hover .form-control input { width: 200px; } #header .header-search .form-control input:focus { width: 200px; } } @media (max-width: 991.98px) { #header { position: fixed; padding-bottom: 10px; background: #fff; -webkit-box-shadow: 0 8px 4px -4px rgba(0, 0, 0, 0.09); box-shadow: 0 8px 4px -4px rgba(0, 0, 0, 0.09); } #header .logo { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #header .logo__image { width: 40px; } #header .logo__image img { width: 100%; } #header .logo__info { margin-left: 10px; } #header .logo__text { font-size: 12px; } #header .logo__title { margin-top: 4px; font-size: 15px; } #header .logo__title + .logo__text { margin-top: 4px; } #header .header-socials { margin-right: 20px; } #header .header-top { background: #f9f9f9; -webkit-box-shadow: unset; box-shadow: unset; } #header .header__working-time { margin-top: 4px; font-size: 15px; text-align: left; color: #730b73; padding-left: 0; } #header .header__phone { font-size: 17px; padding-left: 0; } #header .header-bottom { background: none; } #header .header-bottom__container { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 18px 0 8px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } #header .header__callback-button { padding: 12px 10px; border: 1px solid #f99b1d; } #header .header__callback-button span { padding-left: 28px; color: #353535; font-size: 14px; line-height: normal; position: relative; } #header .header__callback-button span::after { content: ' '; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 22px; height: 22px; background: no-repeat center/contain url("/local/templates/best-gruzchik-new-2020/css/../img/icon-phone.png"); } #header .header-actions { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #header .header-button-menu { width: 34px; margin-left: 17px; } #header .header-button-menu img { width: 100%; } #header .header__link-to-video { border: 1px solid #f99b1d; text-decoration: none; outline: none; padding: 10px 12px; } #header .header__link-to-video span { position: relative; font-size: 13px; line-height: normal; color: #f99b1d; padding-left: 22px; } #header .header__link-to-video span::before { content: ' '; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 12px; height: 13px; background: no-repeat center/contain url("/local/templates/best-gruzchik-new-2020/css/../img/icon-play_yellow.svg"); } #header .header-mob { position: fixed; -webkit-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; top: 0; overflow-y: scroll; left: 0; min-height: 100vh; background: #730b73; width: 80vw; z-index: 2024; max-width: 500px; -webkit-transform: translateX(-200vw); -ms-transform: translateX(-200vw); transform: translateX(-200vw); } #header .header-mob.active { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } #header .header-mob__container { height: 100%; width: 100%; padding: 34px 0; } #header .header-mob .button-close { position: absolute; z-index: 124; top: 10px; right: 20px; width: 15px; } #header .header-mob .button-close img { width: 100%; } #header .header-mob .header-mob-menu { height: 100%; list-style: none; padding: 0; margin: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } #header .header-mob .header-mob-menu li { width: 100%; } #header .header-mob .header-mob-menu li + li { border-top: 1px solid #5c095c; } #header .header-mob .header-mob-menu li a { text-align: left; display: block; padding: 10px 16px; font-size: 3vh; color: #fff; line-height: 1.35em; } #header .header-mob .header-mob-menu li a:active, #header .header-mob .header-mob-menu li a:hover { background: #5c095c; } #header .header-mob .header-mob-menu li.prev span { padding-left: 20px; position: relative; } #header .header-mob .header-mob-menu li.prev span::before { content: ' '; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 12px; height: 15px; background: no-repeat center/contain url("/local/templates/best-gruzchik-new-2020/css/../img/left-arrow_white.svg"); } #header .header-mob .header-mob-menu li.parent > a span { padding-right: 28px; position: relative; z-index: -1; } #header .header-mob .header-mob-menu li.parent > a span::before { content: ' '; position: absolute; right: 0; bottom: 0; width: 25px; height: 10px; background: no-repeat center/contain url("/local/templates/best-gruzchik-new-2020/css/../img/left-arrow.svg"); background: no-repeat center/contain url("/local/templates/best-gruzchik-new-2020/css/../img/icon-arrow-bold_white.svg"); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #header .header-mob .header-mob-menu li.parent > ul { background: #730b73; left: 0; right: 0; list-style: none; position: absolute !important; margin: 0; padding: 34px 0; bottom: 0; height: 100vh; overflow-y: scroll; -webkit-transition: all ease 240ms; -o-transition: all ease 240ms; transition: all ease 240ms; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } #header .header-mob .header-mob-menu li.parent > ul.disable-scroll { height: 100vh; overflow: hidden; /*> li { height: 0; > a { height: 0; opacity: 0; visibility: hidden; } }*/ } #header .header-mob .header-mob-menu li.parent > ul > ul { z-index: 24; } #header .header-mob .header-mob-menu li.parent > ul > ul > ul { z-index: 32; } #header .header-mob .header-mob-menu li.parent.active > a { visibility: hidden; opacity: 0; } #header .header-mob .header-mob-menu li.parent.active > ul { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } #header .header-mob .header-mob-search { margin: 50px 14px 0; border-bottom: 1px solid #5c095c; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } #header .header-mob .header-mob-search .mob-search-button { background: #5c095c; width: 40px; height: 40px; padding: 3px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } #header .header-mob .header-mob-search .mob-search-button img { width: 16px; } #header .header-mob .header-mob-search .form-control { width: calc(100% - 24px); } #header .header-mob .header-mob-search .form-control input { padding: 0 5px; outline: none; -webkit-transition: all ease 260ms; -o-transition: all ease 260ms; transition: all ease 260ms; color: #fff; height: 38px; width: 100%; border: none; font-size: 3vh; background: unset; } #header .header-mob .header-mob-search .form-control input::-webkit-input-placeholder { color: #fff; } #header .header-mob .header-mob-search .form-control input::-moz-placeholder { color: #fff; } #header .header-mob .header-mob-search .form-control input:-moz-placeholder { color: #fff; } #header .header-mob .header-mob-search .form-control input::-ms-input-placeholder { color: #fff; } #header .header-mob .header-mob-search .form-control input::input-placeholder { color: #fff; } } @media (max-width: 767.98px) { #header .header-mob .header-mob-menu li a { font-size: 3vh; } #header .logo__info { margin-left: 10px; } #header .logo__text { font-size: 13px; } #header .logo__title { margin-top: 1px; font-size: 16px; } #header .logo__title + .logo__text { margin-top: 1px; } #header .header-socials_mob { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } #header .header-socials { margin: 0; } #header .header-social { margin: 0 4px; width: 20px; height: 20px; background-repeat: no-repeat; background-size: contain; background-position: center; } #header .header-social.whatsapp { background-image: url("/local/templates/best-gruzchik-new-2020/css/../img/socials/whatsapp.svg"); } #header .header-social.viber { background-image: url("/local/templates/best-gruzchik-new-2020/css/../img/socials/viber.svg"); } #header .header-social.telegram { background-image: url("/local/templates/best-gruzchik-new-2020/css/../img/socials/telegram.svg"); } } @media (max-width: 575.98px) { #header .header-mob { width: calc(100vw - 60px); } #header .logo__image { width: 32px; } #header .logo__info { margin-left: 10px; } #header .logo__text { font-size: 10px; } #header .logo__title { margin-top: 1px; font-size: 13px; } #header .logo__title + .logo__text { margin-top: 1px; } #header .header-top { background: #f9f9f9; -webkit-box-shadow: unset; box-shadow: unset; } #header .header__working-time { margin-top: 4px; font-size: 13px; color: #730b73; padding-left: 0; } #header .header__working-time::before { display: none; } #header .header-button-menu { width: 30px; margin-left: 10px; } #header .header__phone { font-size: 15px; padding-left: 0; } #header .header__phone::before { display: none; font-size: 28px; } } #content { margin-top: 150px; overflow-x: hidden; padding-bottom: 100px; } @media (min-width: 992px) and (max-width: 1199.98px) { #content { margin-top: 140px; } } @media (min-width: 768px) and (max-width: 991.98px) { #content { margin-top: 97px; } } @media (max-width: 767.98px) { #content { margin-top: 155px; } } #footer { background: #2c032c; padding: 0 0 30px; } #footer .footer-top__container { padding-top: 30px; } #footer .footer-bottom__container { margin: 0 -10px; padding-top: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } #footer .footer-bottom .column-contacts { padding: 10px; width: 42.6%; } #footer .footer-bottom .column-address { padding: 10px; width: 25.7%; } #footer .footer-bottom .column-info { padding: 10px; width: 32.6%; } #footer .footer-address__title { position: relative; font-size: 18px; padding-left: 17px; color: #fff; font-family: 'Montserrat Bold'; } #footer .footer-address__title::before { content: ''; font-family: 'Font Icons'; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #ff7a0e; font-size: 18px; } #footer .footer-address__text { margin-top: 10px; color: #fff; font-size: 18px; line-height: 1.2em; } #footer .footer-link-scheme { margin-top: 12px; font-size: 18px; line-height: normal; color: #ff7e12; } #footer .footer-link-scheme span { border-bottom: 1px solid #ff7e12; } #footer .footer__socials { margin-top: 22px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #footer .footer__socials .social { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; background-repeat: no-repeat; background-size: contain; background-position: center; } #footer .footer__socials .social + .social { margin-left: 17px; } #footer .footer__socials .social.vk { width: 37px; height: 20px; background-image: url(/local/templates/best-gruzchik-new-2020/css/../img/icon-vk.png); } #footer .footer__socials .social.instagram { width: 23px; height: 23px; background-image: url(/local/templates/best-gruzchik-new-2020/css/../img/icon-instagram.png); } #footer .footer__working-time { margin-top: 10px; padding-left: 20px; font-size: 18px; line-height: 1.2em; color: #fff; position: relative; } #footer .footer__working-time::before { content: ''; font-family: 'Font Icons'; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #ff7a0e; font-size: 17px; } #footer .footer-download-link { font-size: 18px; color: #ff7a0e; padding-left: 28px; position: relative; } #footer .footer-download-link::before { content: ''; font-family: 'Font Icons'; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #ff7a0e; font-size: 18px; } #footer .footer-contacts { margin-top: 25px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } #footer .footer-email, #footer .footer-phone { padding-left: 28px; position: relative; color: #fff; line-height: normal; font-size: 22px; } #footer .footer-email::before, #footer .footer-phone::before { font-family: 'Font Icons'; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 19px; color: #ff7a0e; } #footer .footer-email::before { content: ''; } #footer .footer-phone { margin-left: 20px; } #footer .footer-phone::before { content: ''; } #footer .footer-copyrights { margin-top: 20px; font-size: 16px; line-height: normal; color: #a1a1a1; } #footer .footer-info { font-size: 16px; line-height: 1.4em; color: #fff; } #footer .footer-menu { padding: 0; margin: 0 -10px; list-style: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } #footer .footer-menu li { position: relative; } #footer .footer-menu li a { width: 100%; color: #fff; font-size: 16px; line-height: normal; padding: 2px 16px; text-align: center; -webkit-transition: all ease 250ms; -o-transition: all ease 250ms; transition: all ease 250ms; } #footer .footer-menu li a:hover { color: #ffaa37; } #footer .footer-menu li + li::before { content: ' '; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); height: 15px; width: 1px; border-left: 1px solid #fff; } #footer .footer-center { padding-top: 35px; } #footer .footer-center__container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } #footer .footer-center__container .column + .column { margin-left: 40px; } #footer .footer-center__container .column:last-child { padding-top: 30px; } #footer .footer-center__container menu { margin: 0; padding: 0; list-style: none; } #footer .footer-center__container menu li a { color: #fff; font-size: 16px; line-height: normal; } #footer .footer-center__container menu li + li { margin-top: 5px; } #footer .footer-center__container menu li.main { font-size: 18px; margin-bottom: 10px; } #footer .footer-center__container menu li.main a { font-family: 'Montserrat Bold'; } @media (min-width: 992px) and (max-width: 1199.98px) { #footer .footer-email, #footer .footer-phone { font-size: 18px; } #footer .footer-phone { margin-left: 15px; } #footer .footer-phone::before { content: ''; } } @media (min-width: 768px) and (max-width: 991.98px) { #footer .footer-bottom .column-contacts { padding: 10px; width: 40.6%; } #footer .footer-bottom .column-address { padding: 10px; width: 27.7%; } #footer .footer-bottom .column-info { padding: 10px; width: 32.6%; } #footer .footer-address__title { font-size: 16px; } #footer .footer-address__text { font-size: 16px; } #footer .footer__working-time { font-size: 16px; } #footer .footer-info { font-size: 14px; } #footer .footer-menu { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #footer .footer-contacts { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #footer .footer-email, #footer .footer-phone { font-size: 18px; } #footer .footer-phone { margin: 10px 0 0; } #footer .footer-phone::before { content: ''; } #footer .button.button-callback { width: 250px; } } @media (max-width: 767.98px) { #footer .footer-top__container { padding-top: 20px; } #footer .footer-menu { padding: 0; margin: 0 -10px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } #footer .footer-menu li { width: 50%; padding: 4px 10px; } #footer .footer-menu li a { font-size: 16px; padding: 0; text-align: left; } #footer .footer-menu li + li::before { display: none; } #footer .footer-center__container { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #footer .footer-center__container .column { width: 50%; } #footer .footer-center__container .column + .column { margin-left: 0; } #footer .footer-center__container .column:nth-child(3) { width: 100%; padding-top: 34px; } #footer .footer-center__container .column:last-child { width: 100%; padding-top: 0; } #footer .footer-center__container menu { margin: 0; padding: 0; list-style: none; } #footer .footer-center__container menu li a { color: #fff; font-size: 16px; } #footer .footer-center__container menu li + li { margin-top: 5px; } #footer .footer-center__container menu li.main { font-size: 18px; } #footer .footer-bottom__container { margin: 0 -10px; padding-top: 30px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #footer .footer-bottom .column-contacts { padding: 10px; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #footer .footer-bottom .column-address { padding: 10px; width: 100%; max-width: 280px; } #footer .footer-bottom .column-info { margin-top: 30px; padding: 10px; width: 100%; } #footer .footer-contacts { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #footer .footer__socials { margin-top: 25px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } #footer .footer__working-time { margin-top: 10px; } #footer .footer-contacts { margin-top: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } #footer .footer-copyrights { margin-top: 30px; text-align: center; } } .block { margin-top: 120px; margin-bottom: 120px; } .text-white { color: #fff !important; } .team-about-comptany-block { margin-top: 120px; } .team-about-comptany-block .text { font-size: 18px; line-height: 30px; text-align: justify; color: #040404; } .team-about-comptany-block .list { margin-top: 50px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .team-about-comptany-block .list .column { width: 50%; } .team-about-comptany-block .list .column-info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .team-about-comptany-block .list .column-image { width: 50%; height: 360px; } .team-about-comptany-block .list .column-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .team-about-comptany-block .list .column + .column { margin-left: 50px; } .team-about-comptany-block .link-video { margin-top: 20px; margin-left: 20px; font-weight: 600; font-size: 18px; line-height: 28px; color: #040404; padding-left: 105px; min-height: 65px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; } .team-about-comptany-block .link-video::before { content: ' '; width: 65px; height: 65px; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: no-repeat center/contain url(/local/templates/best-gruzchik-new-2020/css/../img/icon-play-button.svg); } @media (max-width: 767.98px) { .team-about-comptany-block { margin-top: 50px; } .team-about-comptany-block .link-video { margin-left: 20px; font-weight: 600; font-size: 17px; line-height: 28px; color: #040404; padding-left: 85px; min-height: 55px; } .team-about-comptany-block .link-video::before { content: ' '; width: 55px; height: 55px; } .team-about-comptany-block .text { font-size: 16px; line-height: 1.4em; } .team-about-comptany-block .list { margin-top: 25px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .team-about-comptany-block .list .column { width: 100%; } .team-about-comptany-block .list .column + .column { margin-left: 0px; } } .team-info-block .container { padding-top: 30px; padding-bottom: 30px; min-height: 500px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .team-info-block .intro-title { font-style: normal; font-size: 32px; line-height: 39px; text-transform: uppercase; font-family: 'Montserrat ExtraBold'; color: #040404; } .team-info-block .intro-text { font-size: 20px; line-height: 24px; color: #040404; font-family: 'Montserrat Medium'; margin-top: 20px; } .team-info-block .intro-text b { font-size: 24px; line-height: 29px; color: #FFAA37; font-family: 'Montserrat ExtraBold'; } .team-info-block .intro-buttons { margin-top: 35px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .team-info-block .intro-buttons .button.default { padding: 16px 30px; border-radius: 4px; } .team-info-block .intro-buttons .button + .button { margin-left: 15px; } .team-info-block .intro-contacts { margin-top: 22px; font-family: 'Montserrat Semibold'; font-size: 20px; line-height: 24px; text-transform: uppercase; color: #730B73; } .team-info-block .intro-contacts a { display: inline; color: #730B73; font-family: 'Montserrat Bold'; text-decoration: none; } @media (max-width: 767.98px) { .team-info-block .intro-title { font-style: normal; font-size: 28px; line-height: 39px; text-transform: uppercase; font-family: 'Montserrat ExtraBold'; color: #040404; } .team-info-block .intro-text { font-size: 17px; line-height: 1.3em; margin-top: 20px; } .team-info-block .intro-text br { display: none; } .team-info-block .intro-text b { font-size: 19px; line-height: 1.3em; color: #FFAA37; font-family: 'Montserrat ExtraBold'; } .team-info-block .intro-contacts { margin-top: 22px; font-family: 'Montserrat Semibold'; font-size: 18px; } .team-info-block .intro-contacts a { display: inline; color: #730B73; font-family: 'Montserrat Bold'; text-decoration: none; } } @media (max-width: 575.98px) { .team-info-block .intro-buttons { margin-top: 35px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .team-info-block .intro-buttons .button { width: 100%; } .team-info-block .intro-buttons .button + .button { margin: 15px 0 0 0; } } .vacancy-info-block { background: #730B73; color: #fff !important; } .vacancy-info-block .title.medium { color: #fff !important; } .vacancy-info-block .benefits-list { margin: 0; padding: 0; list-style: none; } .vacancy-info-block .benefits-list li { font-weight: 600; font-size: 20px; line-height: 1.2em; color: #fff; padding-left: 60px; position: relative; } .vacancy-info-block .benefits-list li + li { margin-top: 20px; } .vacancy-info-block .benefits-list li::before { content: ' '; position: absolute; left: 0; top: 3px; width: 22px; height: 20px; background: no-repeat center/contain url(/local/templates/best-gruzchik-new-2020/css/../img/icon-benefit.svg); } .vacancy-info-block .col-image .image img { width: 100%; } .vacancy-info-block .button { margin-top: 50px; } @media (min-width: 992px) { .vacancy-info-block { padding-top: 120px; padding-bottom: 120px; } .vacancy-info-block .row { margin-top: 60px; } } @media (min-width: 768px) and (max-width: 991.98px) { .vacancy-info-block { padding-top: 80px; padding-bottom: 80px; } .vacancy-info-block .row { margin-top: 60px; } } @media (max-width: 991.98px) { .vacancy-info-block { padding-top: 40px; padding-bottom: 40px; } .vacancy-info-block .benefits-list li { font-size: 18px; padding-left: 40px; position: relative; } .vacancy-info-block .benefits-list li + li { margin-top: 20px; } .vacancy-info-block .benefits-list li::before { width: 16px; height: 18px; } .vacancy-info-block .row { margin-top: 40px; } } .conditions-block { margin-top: 120px; margin-bottom: 120px; } .conditions-block .list { margin: 60px -20px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .conditions-block .list .box { width: calc(33.333% - 40px); } .conditions-block .box { min-height: 245px; background: #F0EBF0; cursor: pointer; padding: 45px 25px 30px; margin: 18px 20px; -webkit-transition: all ease 280ms; -o-transition: all ease 280ms; transition: all ease 280ms; } .conditions-block .box-icon { width: 45px; height: 45px; } .conditions-block .box-icon svg { height: 100%; -webkit-transition: all ease 280ms; -o-transition: all ease 280ms; transition: all ease 280ms; width: 100%; -o-object-fit: contain; object-fit: contain; fill: #730B73; } .conditions-block .box-title { font-family: 'Montserrat Semibold'; margin-top: 30px; position: relative; -webkit-transition: all ease 280ms; -o-transition: all ease 280ms; transition: all ease 280ms; font-size: 18px; padding-bottom: 10px; line-height: 22px; color: #040404; } .conditions-block .box-title::before { -webkit-transition: all ease 280ms; -o-transition: all ease 280ms; transition: all ease 280ms; content: ' '; position: absolute; bottom: 0; left: 0; height: 1px; width: 130px; border-bottom: 2px solid #730B73; } .conditions-block .box-text { -webkit-transition: all ease 280ms; -o-transition: all ease 280ms; transition: all ease 280ms; margin-top: 10px; font-size: 18px; line-height: 23px; color: #040404; } .conditions-block .box:hover { background: #730B73; } .conditions-block .box:hover .box-icon svg { fill: #FFAA37; } .conditions-block .box:hover .box-title::before { border-color: #FFAA37; } .conditions-block .box:hover .box-title, .conditions-block .box:hover .box-text { color: #fff; } .conditions-block .buttons-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 60px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .conditions-block .buttons-container .button + .button { margin-left: 50px; } @media (max-width: 991.98px) { .conditions-block { margin-top: 120px; margin-bottom: 70px; } .conditions-block .list { margin: 50px -10px 0; } .conditions-block .list .box { margin: 10px; width: calc(50% - 20px); } } @media (max-width: 767.98px) { .conditions-block { margin-top: 100px; margin-bottom: 70px; } .conditions-block .list { margin: 60px -10px 0; } .conditions-block .list .box { width: calc(50% - 20px); } .conditions-block .box-title { margin-top: 30px; position: relative; -webkit-transition: all ease 280ms; -o-transition: all ease 280ms; transition: all ease 280ms; font-size: 16px; padding-bottom: 10px; line-height: 22px; color: #040404; } .conditions-block .box-title::before { -webkit-transition: all ease 280ms; -o-transition: all ease 280ms; transition: all ease 280ms; content: ' '; position: absolute; bottom: 0; left: 0; height: 1px; width: 130px; border-bottom: 2px solid #730B73; } .conditions-block .box-text { font-size: 16px; } } @media (max-width: 575.98px) { .conditions-block { margin-top: 100px; margin-bottom: 70px; } .conditions-block .list { margin: 60px -20px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .conditions-block .list .box { width: calc(100% - 20px); } } .vacancies-block .list { margin-top: 60px; } .vacancies-block .item_title { background: #730B73; min-height: 120px; padding: 10px 45px; font-weight: 600; font-size: 24px; line-height: 29px; color: #FFFFFF; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 13px; } .vacancies-block .item_title span { padding-bottom: 14px; border-bottom: 3px solid #FFAA37; } .vacancies-block .item_subtitle { font-size: 18px; line-height: 22px; color: #040404; font-family: 'Montserrat Semibold'; padding-bottom: 12px; position: relative; } .vacancies-block .item_list { margin: 26px 0 0 0; padding: 0; list-style: none; } .vacancies-block .item_list li { font-size: 18px; color: #040404; padding-left: 63px; line-height: 20px; position: relative; } .vacancies-block .item_list li + li { margin-top: 15px; } .vacancies-block .item_list li::before { content: ' '; position: absolute; width: 9px; height: 9px; border-radius: 50%; background: #730B73; top: 5px; left: 0; } .vacancies-block .item .button-collapse { font-size: 16px; line-height: 20px; text-align: center; color: #730B73; font-family: 'Montserrat Bold'; padding: 14px 20px; -webkit-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; border: 3px solid #730B73; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 5px; } .vacancies-block .item .button-collapse + .button { margin-top: 17px; } .vacancies-block .item .button-collapse span { padding-right: 61px; position: relative; } .vacancies-block .item .button-collapse span::before { content: ' '; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 24px; height: 24px; background: no-repeat center/contain url(/local/templates/best-gruzchik-new-2020/css/../img/item-collapse.svg); } .vacancies-block .item .button-collapse:not(.collapsed) { visibility: hidden; opacity: 0; } .vacancies-block .item-spacer { padding: 45px 0; } .vacancies-block .item-spacer span { border-bottom: 1px solid rgba(115, 11, 115, 0.8); display: block; } .vacancies-block .item-body { padding: 65px 45px; background: #F0EBF0; } @media (min-width: 992px) { .vacancies-block { padding-top: 120px; padding-bottom: 120px; } } @media (min-width: 768px) and (max-width: 991.98px) { .vacancies-block { padding-top: 80px; padding-bottom: 80px; } } @media (max-width: 767.98px) { .vacancies-block { padding-top: 60px; padding-bottom: 60px; } .vacancies-block .item_title { padding: 10px 20px; font-size: 18px; } .vacancies-block .item_subtitle { font-size: 16px; line-height: 1.4em; } .vacancies-block .item_list { margin-top: 30px; } .vacancies-block .item_list li { font-size: 16px; padding-left: 33px; } .vacancies-block .item_list li + li { margin-top: 12px; } .vacancies-block .item .button.default { font-size: 16px; } .vacancies-block .item .button-collapse { font-size: 14px; line-height: 20px; padding: 14px 10px; } .vacancies-block .item .button-collapse span { padding-right: 41px; position: relative; } .vacancies-block .item .button-collapse span::before { width: 20px; height: 20px; } .vacancies-block .item .button-collapse:not(.collapsed) { visibility: hidden; opacity: 0; } .vacancies-block .item-spacer { padding: 35px 0; } .vacancies-block .item-spacer span { border-bottom: 1px solid rgba(115, 11, 115, 0.8); display: block; } .vacancies-block .item-body { padding: 45px 25px; background: #F0EBF0; } } .vacancies-slider-block { background: #730B73; } .vacancies-slider-block .team-slider__pagination { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: 30px -8px 0; } .vacancies-slider-block .team-slider__pagination .team-slider-bullet { margin: 8px; display: block; outline: none; cursor: pointer; width: 12px; height: 12px; -webkit-transition: all ease 250ms; -o-transition: all ease 250ms; transition: all ease 250ms; border-radius: 50%; background: #fff; border: 2px solid #fff; } .vacancies-slider-block .team-slider__pagination .team-slider-bullet.team-slider-bullet-active { border-color: #FFAA37; background-color: #730B73; } .vacancies-slider-block .team-slider__pagination .team-slider-bullet:hover { opacity: 0.7; } .vacancies-slider-block .slide { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .vacancies-slider-block .slide__info { max-width: 475px; font-size: 18px; line-height: 20px; color: #FFFFFF; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .vacancies-slider-block .slide__subtitle { margin-top: 27px; font-family: 'ProximaNova Semibold'; } .vacancies-slider-block .slide__image { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-left: 30px; width: 290px; height: 290px; } .vacancies-slider-block .slide__image img { height: 100%; border-radius: 50%; width: 100%; -o-object-fit: cover; object-fit: cover; } @media (min-width: 992px) { .vacancies-slider-block { padding-top: 120px; padding-bottom: 120px; } } @media (min-width: 768px) and (max-width: 991.98px) { .vacancies-slider-block { padding-top: 110px; padding-bottom: 110px; } } @media (max-width: 991.98px) { .vacancies-slider-block { padding-top: 100px; padding-bottom: 100px; } } @media (max-width: 767.98px) { .vacancies-slider-block { padding-top: 80px; padding-bottom: 60px; } .vacancies-slider-block .slide { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .vacancies-slider-block .slide__info { text-align: center; font-size: 18px; } .vacancies-slider-block .slide__image { margin: 0 0 25px !important; width: 220px; height: 220px; } .vacancies-slider-block .slide__image img { height: 100%; border-radius: 50%; width: 100%; -o-object-fit: cover; object-fit: cover; } } .callback-form-block { background: #F0EBF0; } .callback-form-block .callback-form-header { font-family: 'Montserrat Bold'; font-size: 30px; line-height: 37px; text-align: center; text-transform: uppercase; color: #040404; } .callback-form-block .callback-form-header a { display: inline; text-decoration: none; color: #730B73; cursor: pointer; } .callback-form-block .callback-form-header a:hover { -webkit-text-decoration: noe; text-decoration: noe; } .callback-form-block .callback-form-header .info { color: #730B73; } .callback-form-block .form { max-width: 1000px; margin: 90px auto 0; border: 4px solid #730B73; } .callback-form-block .form-container { max-width: 900px; margin: 115px auto; padding-left: 30px; padding-right: 30px; } .callback-form-block .form .form-control + .form-control { margin-top: 30px; } .callback-form-block .form .form-control .label { font-size: 18px; line-height: 22px; color: #040404; display: block; font-family: 'Montserrat Semibold'; margin-bottom: 14px; } .callback-form-block .form .form-control .input { min-height: 50px; width: 100%; display: block; font-family: 'Montserrat Semibold'; cursor: pointer; padding-left: 20px; padding-right: 20px; border: 3px solid #DBCADB; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 5px; outline: none; } .callback-form-block .form .form-control select { width: 100%; border: unset; font-family: 'Montserrat Semibold'; padding-left: 55px; min-height: 50px; font-size: 18px; color: #fff; line-height: 22px; background: #730B73; border-radius: 5px; background: #730B73 url("/local/templates/best-gruzchik-new-2020/css/../img/img-select.svg") center center no-repeat; appearance: none !important; background-size: 18px 18px !important; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; outline: none; -o-text-overflow: ''; text-overflow: ''; background-position: 95% 50% !important; cursor: pointer; } .callback-form-block .form .form-control.checkbox input[type="checkbox"] { display: none; } .callback-form-block .form .form-control.checkbox input[type="checkbox"] + label { text-align: left !important; position: relative; margin-bottom: 0; font-size: 16px; font-size: 18px; line-height: 22px; text-align: center; color: #000000; padding-left: 56px; -webkit-transition: all ease 350ms; -o-transition: all ease 350ms; transition: all ease 350ms; } .callback-form-block .form .form-control.checkbox input[type="checkbox"] + label a { text-align: center; -webkit-text-decoration-line: underline; text-decoration-line: underline; color: #730B73; cursor: pointer; display: inline; } .callback-form-block .form .form-control.checkbox input[type="checkbox"] + label::after, .callback-form-block .form .form-control.checkbox input[type="checkbox"] + label::before { content: ' '; position: absolute; } .callback-form-block .form .form-control.checkbox input[type="checkbox"] + label::before { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 24px; height: 24px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 2px solid #730B73; -webkit-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; } .callback-form-block .form .form-control.checkbox input[type="checkbox"] + label::after { content: ''; color: #fff; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 16px; height: 16px; background: #730B73; left: 4px; font-size: 17px; opacity: 0; border-radius: 1px; -webkit-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; } .callback-form-block .form .form-control.checkbox input[type="checkbox"]:checked + label::after { opacity: 1; } @media (min-width: 992px) { .callback-form-block { padding-top: 120px; padding-bottom: 120px; } } @media (min-width: 768px) and (max-width: 991.98px) { .callback-form-block { padding-top: 80px; padding-bottom: 80px; } } @media (max-width: 991.98px) { .callback-form-block { padding-top: 70px; padding-bottom: 70px; } .callback-form-block .form { margin-top: 50px; } .callback-form-block .callback-form-header { font-size: 26px; line-height: 1.4em; } } @media (max-width: 767.98px) { .callback-form-block { padding-top: 50px; padding-bottom: 50px; } .callback-form-block .callback-form-header { font-size: 20px; line-height: 1.4em; } .callback-form-block .form { margin-top: 40px; } .callback-form-block .form-container { margin: 35px auto 45px; } .callback-form-block .form .form-control + .form-control { margin-top: 30px; } .callback-form-block .form .form-control .label { font-size: 16px; } .callback-form-block .form .form-control .input { font-size: 16px; border-radius: 5px; outline: none; } .callback-form-block .form .form-control select { padding-left: 20px; font-size: 16px; color: #fff; cursor: pointer; } .callback-form-block .form .form-control.checkbox input[type="checkbox"] { display: none; } .callback-form-block .form .form-control.checkbox input[type="checkbox"] + label { font-size: 16px; } } @media (max-width: 767.98px) { .callback-form-block .callback-form-header { font-size: 18px; line-height: 1.4em; } .callback-form-block .form { margin: 20px 0 0; padding: 0; border: unset; } .callback-form-block .form-container { padding: 0; } } .intro-block .slide { position: relative; } .intro-block .slide-tip { font-family: 'ProximaNova Semibold'; position: absolute; z-index: 64; bottom: 30px; left: 47%; width: 410px; } .intro-block .slide-tip .tip { font-size: 24px; line-height: 1em; padding: 13px 65px; color: #fff; background: #5d075d; -webkit-clip-path: polygon(10% 0, 100% 0, 90% 100%, 0% 100%); clip-path: polygon(10% 0, 100% 0, 90% 100%, 0% 100%); } .intro-block .slide-tip::after { content: ' '; position: absolute; z-index: 4; left: 40px; top: 0; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 18px; height: 18px; border-radius: 50%; background: #f59411; } .intro-block .slide-tip::before { content: ' '; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 4; position: absolute; left: 40px; top: 0; width: 35px; height: 32px; border-radius: 50%; background: rgba(245, 148, 17, 0.7); } .intro-block .slide__image { height: calc(100vh - 310px); width: 100%; min-height: 600px; max-height: 1000px; } .intro-block .slide__image img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } .intro-block .slide__info { position: absolute; z-index: 12; left: 0; top: 0; right: 0; bottom: 0; } .intro-block .slide__info .container { height: 100%; } .intro-block .slide::before { content: ' '; position: absolute; left: 0; top: 0; bottom: 0; right: 0; opacity: .8; background: no-repeat center/cover url(/local/templates/best-gruzchik-new-2020/css/../images/pages/index/intro-tip.png); } .intro-block .block-container { position: relative; } .intro-block .block-content { height: 100%; } .intro-block .block-content::after { position: absolute; right: 100%; top: 0; bottom: 0; left: -100vh; background: #f4f4f4; opacity: .8; } .intro-block .block-content .content { position: relative; z-index: 32; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .intro-block .intro__subtitle { margin-top: 28px; font-family: 'ProximaNova Semibold'; font-size: 28px; line-height: normal; color: #000; } .intro-block .intro-callback { margin-top: 20px; padding: 6px 4px; background: #fff; max-width: 380px; } .intro-block .intro-callback__container { padding: 20px 5px; border-top: 2px solid #f59411; border-left: 1px solid #f59411; border-bottom: 2px solid #f59411; border-right: 1px solid #f59411; } .intro-block .intro-callback__title { font-family: 'ProximaNova Bold'; font-size: 25px; color: #000; line-height: 1.1em; text-align: center; } .intro-block .intro-callback__title span { color: #ff9200; } .intro-block .intro-callback form { margin: 25px auto 0; max-width: 270px; } .intro-block .intro-callback .form-control input { height: 40px; width: 100%; border: 0; font-size: 18px; outline: none; border-bottom: 1px solid #acacac; } .intro-block .intro-callback .form-control input::-webkit-input-placeholder { color: #444444; font-size: 18px; line-height: normal; } .intro-block .intro-callback .form-control input::-moz-placeholder { color: #444444; font-size: 18px; line-height: normal; } .intro-block .intro-callback .form-control input:-moz-placeholder { color: #444444; font-size: 18px; line-height: normal; } .intro-block .intro-callback .form-control input::-ms-input-placeholder { color: #444444; font-size: 18px; line-height: normal; } .intro-block .intro-callback .form-control input::input-placeholder { color: #444444; font-size: 18px; line-height: normal; } .intro-block .intro-callback .form-control + .form-control { margin-top: 18px; } .intro-block .intro-callback .button-callback { background: #f4920e; background: -webkit-gradient(linear, left bottom, left top, from(#f4920e), to(#ffaa37)); background: -o-linear-gradient(bottom, #f4920e 0%, #ffaa37 100%); background: linear-gradient(0deg, #f4920e 0%, #ffaa37 100%); width: 100%; padding: 17px 10px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); margin-top: 23px; } .intro-block .intro-callback .button-callback span { padding-left: 47px; position: relative; font-size: 18px; line-height: normal; color: #fff; } .intro-block .intro-callback .button-callback span::before { content: ' '; position: absolute; width: 28px; height: 28px; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: no-repeat center/contain url(/local/templates/best-gruzchik-new-2020/css/../img/icon-phone_white.png); } .intro-block .intro-callback__text { text-align: left; margin-top: 20px; font-size: 13px; line-height: 1.3em; color: #474747; } .intro-block .intro-callback__text span { border-bottom: 1px solid #dbdbdb; } .intro-block .intro-slider_pagination { margin-left: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 0 -3px; } .intro-block .intro-slider_pagination .intro-slider-bullet { margin: 3px; display: block; outline: none; cursor: pointer; width: 13px; height: 13px; -webkit-transition: all ease 250ms; -o-transition: all ease 250ms; transition: all ease 250ms; border-radius: 50%; background: #cccccc; } .intro-block .intro-slider_pagination .intro-slider-bullet.intro-slider-bullet-active { background: #730b73; } .intro-block .slider-controls { position: absolute; left: 0; width: 100%; height: 1px; right: 0; } .intro-block .slider-controls .container { height: 100%; position: relative; } .intro-block .slider-controls__container { margin-top: -120px; position: absolute; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; z-index: 64; right: 0; } .intro-block .slider-buttons { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .intro-block .intro-slider__button-next, .intro-block .intro-slider__button-prev { position: relative; top: unset; left: unset; right: unset; bottom: unset; z-index: 124; width: 65px; height: 29px; outline: none; cursor: pointer; background: #5d075d; top: 50%; border-radius: 50% 50% 0 0 / 100% 100% 0 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: relative; -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; } .intro-block .intro-slider__button-next::before, .intro-block .intro-slider__button-prev::before { content: ' '; -webkit-transition: all ease 250ms; -o-transition: all ease 250ms; transition: all ease 250ms; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(90deg); -ms-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); width: 8px; height: 13px; background: no-repeat center/contain url(/local/templates/best-gruzchik-new-2020/css/../img/icon-arrow.svg); } .intro-block .intro-slider__button-next.swiper-button-disabled, .intro-block .intro-slider__button-prev.swiper-button-disabled { background: #c2c2c2; } .intro-block .intro-slider__button-next { margin-top: 50px; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .intro-block .intro-slider__button-prev { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .intro-block .intro-slider__button-prev::before { -webkit-transform: translate(-50%, -50%) rotate(-90deg); -ms-transform: translate(-50%, -50%) rotate(-90deg); transform: translate(-50%, -50%) rotate(-90deg); } @media (min-width: 992px) { .intro-block .intro-slider_pagination { margin-top: -15px; } } @media (max-width: 991.98px) { .intro-block .slide__image { min-height: 650px; } .intro-block .intro__subtitle { margin-top: 10px; font-family: 'ProximaNova Semibold'; font-size: 20px; line-height: normal; color: #000; } .intro-block .intro-callback { margin-top: 15px; padding: 6px 4px; background: #fff; max-width: 330px; } .intro-block .intro-callback__container { padding: 20px 5px; border-top: 2px solid #f59411; border-left: 1px solid #f59411; border-bottom: 2px solid #f59411; border-right: 1px solid #f59411; } .intro-block .intro-callback__title { font-family: 'ProximaNova Bold'; font-size: 25px; color: #000; line-height: 1.1em; text-align: center; } .intro-block .intro-callback__title span { color: #ff9200; } .intro-block .intro-callback form { margin: 20px auto 0; max-width: 260px; } .intro-block .intro-callback .form-control input { height: 40px; width: 100%; border: 0; font-size: 18px; outline: none; border-bottom: 1px solid #acacac; } .intro-block .intro-callback .form-control input::-webkit-input-placeholder { color: #444444; font-size: 18px; line-height: normal; } .intro-block .intro-callback .form-control input::-moz-placeholder { color: #444444; font-size: 18px; line-height: normal; } .intro-block .intro-callback .form-control input:-moz-placeholder { color: #444444; font-size: 18px; line-height: normal; } .intro-block .intro-callback .form-control input::-ms-input-placeholder { color: #444444; font-size: 18px; line-height: normal; } .intro-block .intro-callback .form-control input::input-placeholder { color: #444444; font-size: 18px; line-height: normal; } .intro-block .intro-callback .form-control + .form-control { margin-top: 18px; } .intro-block .intro-callback .button-callback { background: #f4920e; background: -webkit-gradient(linear, left bottom, left top, from(#f4920e), to(#ffaa37)); background: -o-linear-gradient(bottom, #f4920e 0%, #ffaa37 100%); background: linear-gradient(0deg, #f4920e 0%, #ffaa37 100%); width: 100%; padding: 17px 10px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); margin-top: 23px; } .intro-block .intro-callback .button-callback span { padding-left: 47px; position: relative; font-size: 18px; line-height: normal; color: #fff; } .intro-block .intro-callback .button-callback span::before { content: ' '; position: absolute; width: 28px; height: 28px; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: no-repeat center/contain url(/local/templates/best-gruzchik-new-2020/css/../img/icon-phone_white.png); } .intro-block .intro-callback__text { text-align: left; margin-top: 20px; font-size: 13px; line-height: 1.3em; color: #474747; } .intro-block .intro-callback__text span { border-bottom: 1px solid #dbdbdb; } .intro-block .intro-slider_pagination { margin-left: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 0 -3px; } .intro-block .intro-slider_pagination .intro-slider-bullet { margin: 3px; display: block; outline: none; cursor: pointer; width: 13px; height: 13px; -webkit-transition: all ease 250ms; -o-transition: all ease 250ms; transition: all ease 250ms; border-radius: 50%; background: #cccccc; } .intro-block .intro-slider_pagination .intro-slider-bullet.intro-slider-bullet-active { background: #730b73; } .intro-block .slider-controls { position: absolute; left: 0; width: 100%; height: 1px; right: 0; } .intro-block .slider-controls .container { height: 100%; position: relative; } .intro-block .slider-controls__container { margin-top: -120px; position: absolute; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; z-index: 64; right: 0; } .intro-block .slide-tip { margin-top: 25px; position: relative; bottom: unset; left: unset; width: 280px; } .intro-block .slide-tip .tip { font-size: 19px; padding: 13px 45px; } .intro-block .block-content .content { max-width: 400px; margin: 0 auto; } } @media (max-width: 767.98px) { .intro-block .block-content .content { max-width: 300px; } } .benefits-list-block { margin-top: 50px; } .benefits-list-block .list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 -10px; } .benefits-list-block .item { width: 20%; padding: 24px 10px; } .benefits-list-block .item__container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .benefits-list-block .item__icon { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; position: relative; width: 32px; height: 32px; } .benefits-list-block .item__icon img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; max-width: 100%; max-height: 100%; } .benefits-list-block .item__title { margin-left: 18px; font-family: 'ProximaNova Bold'; color: #000; line-height: 1.2em; font-size: 18px; } @media (min-width: 992px) and (max-width: 1199.98px) { .benefits-list-block { margin-top: 60px; } .benefits-list-block .item__title { margin-left: 10px; font-size: 16px; } } @media (min-width: 768px) and (max-width: 991.98px) { .benefits-list-block { margin-top: 60px; } .benefits-list-block .list { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .benefits-list-block .item { width: 33.3%; } .benefits-list-block .item__icon { position: relative; width: 32px; height: 32px; } .benefits-list-block .item__title { margin-left: 10px; font-size: 16px; } } @media (max-width: 767.98px) { .benefits-list-block { margin-top: 10px; } .benefits-list-block .list { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .benefits-list-block .item { width: 50%; padding: 19px 10px; } .benefits-list-block .item__icon { position: relative; width: 32px; height: 32px; } .benefits-list-block .item__title { margin-left: 10px; font-size: 16px; } } .prices-table-block { margin-top: 85px; } .prices-table-block table { margin: 45px auto 0; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; border-collapse: collapse; } .prices-table-block table tr td, .prices-table-block table tr th { width: 25%; text-align: center; } .prices-table-block table thead tr th { font-family: 'ProximaNova Bold'; color: #fff; background: #ed7d31; font-size: 24px; height: 82px; line-height: 1.3em; } .prices-table-block table thead tr th:first-child { font-size: 30px; } .prices-table-block table thead tr th + th { border-left: 2px solid #fff; } .prices-table-block table thead + tbody tr { border-top: 3px solid #fff; } .prices-table-block table tbody tr + tr { border-top: 1px solid #fff; } .prices-table-block table tbody tr td { color: #000; height: 54px; padding: 5px; line-height: 1.1em; text-align: center; font-size: 18px; line-height: normal; } .prices-table-block table tbody tr td + td { border-left: 2px solid #fff; } .prices-table-block table tbody tr:nth-child(odd) { background: #f8d7cd; } .prices-table-block table tbody tr:nth-child(even) { background: #fcece8; } .prices-table-block .link { margin-top: 25px; display: inline-block; font-size: 24px; line-height: normal; color: #000; text-align: center; } .prices-table-block .link span { border-bottom: 1px solid #a4a4a4; } .prices-table-block .link__container { text-align: center; } .prices-table-block .table-info_text { font-family: 'ProximaNova Semibold'; color: #000; margin-top: 28px; font-size: 18px; line-height: 1.35em; } .prices-table-block.left table { margin: 45px auto 0; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; border-collapse: collapse; } .prices-table-block.left table tr td, .prices-table-block.left table tr th { width: 25%; } .prices-table-block.left table thead tr th { font-family: 'ProximaNova Bold'; color: #fff; background: #ed7d31; font-size: 18px; height: 82px; padding-left: 40px; padding-right: 40px; line-height: 1.3em; } .prices-table-block.left table thead tr th:first-child { text-transform: uppercase; font-size: 18px; text-align: left; } .prices-table-block.left table thead tr th + th { border-left: 2px solid #fff; } .prices-table-block.left table thead + tbody tr { border-top: 3px solid #fff; } .prices-table-block.left table tbody tr + tr { border-top: 1px solid #fff; } .prices-table-block.left table tbody tr td { color: #000; height: 54px; padding: 5px; line-height: 1.1em; font-size: 18px; line-height: normal; } .prices-table-block.left table tbody tr td + td { border-left: 2px solid #fff; } .prices-table-block.left table tbody tr td:first-child { text-align: left; padding-left: 40px; padding-right: 20px; } .prices-table-block.left table tbody tr:nth-child(odd) { background: #f8d7cd; } .prices-table-block.left table tbody tr:nth-child(even) { background: #fcece8; } @media (max-width: 767.98px) { .prices-table-block { margin-top: 30px; } .prices-table-block table { margin: 15px auto 0; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; border-collapse: collapse; } .prices-table-block table thead tr th { height: 82px; font-size: 14px; } .prices-table-block table thead tr th:first-child { font-size: 18px; } .prices-table-block table tbody tr + tr { border-top: 1px solid #fff; } .prices-table-block table tbody tr td { height: unset; padding: 8px 5px; font-size: 14px; } .prices-table-block .link { font-size: 18px; } .prices-table-block .table-info_text { margin-top: 30px; font-size: 14px; } .prices-table-block.left table { margin: 35px auto 0; } .prices-table-block.left table tr td, .prices-table-block.left table tr th { width: 25%; } .prices-table-block.left table thead tr th { padding: 0; font-size: 14px; } .prices-table-block.left table thead tr th:first-child { padding: 0 0 0 15px; font-size: 18px; } .prices-table-block.left table tbody tr td { color: #000; padding: 5px; font-size: 12px; } .prices-table-block.left table tbody tr td:first-child { text-align: left; padding-left: 15px; padding-right: 5px; } } @media (max-width: 575.98px) { .prices-table-block.left { margin-top: 100px; } .prices-table-block.left table { margin: 35px auto 0; } .prices-table-block.left table tr td, .prices-table-block.left table tr th { width: 25%; } .prices-table-block.left table thead tr th { padding: 0; font-size: 12px; } .prices-table-block.left table thead tr th:first-child { padding: 0 0 0 10px; font-size: 16px; } .prices-table-block.left table tbody tr td { color: #000; padding: 5px; font-size: 12px; } .prices-table-block.left table tbody tr td:first-child { text-align: left; padding-left: 10px; padding-right: 5px; } .prices-table-block table { width: unset; display: block; margin: 15px -20px 0; } .prices-table-block table thead tr th { font-size: 13px; } .prices-table-block table thead tr th:first-child { font-size: 16px; } .prices-table-block table thead tbody tr td { padding: 8px 5px; font-size: 13px; } } .services-slider-block { margin-top: 65px; } .services-slider-block .services-slider { margin-top: 60px; } .services-slider-block .slide__image { height: 280px; width: 100%; } .services-slider-block .slide__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .services-slider-block .slide__info { margin-top: 10px; font-size: 20px; color: #000; line-height: 1.2em; } @media (max-width: 767.98px) { .services-slider-block .slide__image { height: 220px; } } .info-block { margin-top: 85px; } .info-block .text { margin-top: 35px; font-size: 20px; line-height: 1.3em; } @media (max-width: 767.98px) { .info-block { margin-top: 20px; } .info-block .text { margin-top: 20px; font-size: 18px; line-height: 1.3em; } } .previews-block { margin-top: 100px; } .previews-block .list { margin: 35px auto; } .previews-block .item { border: 5px solid #f59311; padding: 25px; width: 78.6%; margin-left: auto; } .previews-block .item__container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .previews-block .item.reverse .item__container { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .previews-block .item__title { color: #5d075d; font-family: 'ProximaNova Bold'; font-size: 21px; line-height: 1.2em; margin-bottom: 18px; } .previews-block .item__list { margin: 13px 0 0; list-style: none; padding: 0; } .previews-block .item__list li { font-size: 15px; line-height: 1.2em; color: #000; } .previews-block .item__info { max-width: 600px; margin-left: 80px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .previews-block .item-info__left { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .previews-block .item-info__right { margin: 44px 0 0 30px; } .previews-block .item-info__right, .previews-block .item-info__left { width: 50%; } .previews-block .item__image { max-width: 380px; } .previews-block .item__image img { width: 100%; } .previews-block .item-list__title, .previews-block .item-table__title { font-family: 'ProximaNova Bold'; font-size: 19px; line-height: 1.2em; } .previews-block .item-table__title { text-align: center; } .previews-block .item-columns { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .previews-block .item__price { margin-top: 15px; font-size: 20px; font-family: 'ProximaNova Bold'; color: #000; line-height: normal; } .previews-block .item__price span { color: #5d075d; font-size: 22px; } .previews-block .item__table { width: 100%; max-width: 240px; margin: 13px auto 0; } .previews-block .item__table tr { border-bottom: 1px solid #cccccc; } .previews-block .item__table tr th, .previews-block .item__table tr td { line-height: 1.2em; font-size: 15px; padding: 6px 0 3px; } .previews-block .item__table tr:first-child th, .previews-block .item__table tr:first-child td { padding: 0 0 2px; } .previews-block .item__table tr th { font-family: 'ProximaNova Regular'; } .previews-block .item__table tr td { font-family: 'ProximaNova Bold'; text-align: right; } .previews-block .item .button.order { margin-right: auto; -webkit-box-shadow: 0px 6px 22px -6px rgba(0, 0, 0, 0.25); box-shadow: 0px 6px 22px -6px rgba(0, 0, 0, 0.25); margin-top: 20px; min-width: 220px; min-height: 48px; font-family: 'ProximaNova Bold'; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; color: #fff; background: #ffa936; background: -webkit-gradient(linear, left top, left bottom, from(#ffa936), to(#f4920f)); background: -o-linear-gradient(top, #ffa936 0%, #f4920f 100%); background: linear-gradient(180deg, #ffa936 0%, #f4920f 100%); } .previews-block .item .button.order span { padding-left: 50px; color: #fff; position: relative; } .previews-block .item .button.order span::before { content: ' '; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 40px; height: 28px; background: no-repeat center/contain url(/local/templates/best-gruzchik-new-2020/css/../img/icon-button-order.png); } .previews-block .item + .item { margin-top: 25px; } .previews-block .item:not(.reverse) { margin-left: auto; } .previews-block .item:not(.reverse) .item__container { margin-left: -21.4%; } .previews-block .item.reverse { margin-right: auto; margin-left: 0; } .previews-block .item.reverse .item-columns { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .previews-block .item.reverse .item-info__right { margin: 44px 30px 0 0; } .previews-block .item.reverse .item__container { margin-right: -21.4%; } .previews-block .button-container { margin-top: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } @media (min-width: 992px) and (max-width: 1199.98px) { .previews-block .item__info { margin-left: 50px; } } @media (max-width: 991.98px) { .previews-block .item { border: 5px solid #f59311; padding: 25px 18px 50px; position: relative; width: 100%; max-width: 600px; } .previews-block .item__container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .previews-block .item.reverse .item__container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .previews-block .item__title { color: #5d075d; font-family: 'ProximaNova Bold'; font-size: 22px; line-height: 1.2em; } .previews-block .item__list { margin: 7px 0 0; } .previews-block .item__info { margin: 20px auto 0; } .previews-block .item__price { margin-top: 15px; font-size: 20px; font-family: 'ProximaNova Bold'; color: #000; line-height: normal; } .previews-block .item__price span { color: #5d075d; font-size: 22px; } .previews-block .item .button.order { min-width: 240px; max-width: 250px; position: absolute; -webkit-transform: translate(-50%, 50%); -ms-transform: translate(-50%, 50%); transform: translate(-50%, 50%); bottom: 0; left: 50%; } .previews-block .item + .item { margin-top: 45px; } .previews-block .item:not(.reverse) { margin-right: auto; } .previews-block .item:not(.reverse) .item__container { margin-left: 0; } .previews-block .item.reverse { margin-left: auto; } .previews-block .item.reverse .item__container { margin-right: 0; } .previews-block .button-container { margin-top: 50px; } } @media (max-width: 767.98px) { .previews-block { margin-top: 35px; } .previews-block .item-columns { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important; } .previews-block .item__table { max-width: 300px; } .previews-block .item-info__left { max-width: 300px; } .previews-block .item-info__left { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .previews-block .item-info__right { margin: 30px 0 0 0 !important; } .previews-block .item-info__right, .previews-block .item-info__left { width: 100%; } .previews-block .item__container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .previews-block .item .button.order { width: 250px; } } .gallery-block { margin-top: 80px; } .gallery-block .gallery-slider { margin-top: 50px; padding-right: 75px; } .gallery-block .button-container { margin-top: 30px; } .gallery-block .slide { padding: 3px; margin: 0 -3px; } .gallery-block .slide + .slide { margin-top: 20px; } .gallery-block .slide__image { height: 290px; width: 100%; } .gallery-block .slide__image img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -webkit-box-shadow: 0px 10px 12px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 10px 12px 0px rgba(0, 0, 0, 0.4); } .gallery-block .slide__info { margin-top: 25px; font-size: 20px; line-height: 1.2em; color: #000; } .gallery-block .slide__container { text-decoration: none; } .gallery-block .slide__container:hover { text-decoration: none; } @media (min-width: 992px) and (max-width: 1199.98px) { .gallery-block .slide__image { height: 230px; } } @media (min-width: 768px) and (max-width: 991.98px) { .gallery-block .slide__image { height: 180px; } } @media (max-width: 767.98px) { .gallery-block { margin-top: 60px; } .gallery-block .gallery-slider { margin-top: 25px; padding: 0 40px; } .gallery-block .slide__image { height: 180px; } .gallery-block .slide__info { margin-top: 18px; font-size: 16px; } } .services-links-block .block-container { margin-top: 55px; padding: 45px 0 155px; background: no-repeat center/cover url(/local/templates/best-gruzchik-new-2020/css/../images/pages/index/services/bg.webp); } .services-links-block .block-content { margin-top: 55px; padding: 45px 0 15px; } .services-links-block .subtitle { margin-top: 13px; text-align: center; color: #5e5e5e; font-size: 24px; font-family: 'ProximaNova Semibold'; } .services-links-block .list { margin-top: 10px; } .services-links-block .item { padding-top: 33px; padding-bottom: 33px; } .services-links-block .item__container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .services-links-block .item__image { max-width: 170px; height: 170px; } .services-links-block .item__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .services-links-block .item__title { text-align: center; margin-top: 22px; line-height: 1.25em; color: #000; font-family: 'Montserrat Bold'; font-size: 24px; } .services-links-block .services-links__info .text { background: #fff; margin-top: -140px; font-size: 24px; line-height: 1.25em; color: #060606; text-align: center; padding: 20px 50px; border: 3px solid #ed7d31; border-radius: 1px; } .services-links-block.new-design .list { margin-top: 50px; } .services-links-block.new-design .item__image { width: 100%; height: 145px; max-width: 205px; -webkit-transition: all ease 260ms; -o-transition: all ease 260ms; transition: all ease 260ms; border-radius: 6px; } .services-links-block.new-design .item__image img { border-radius: 6px; } .services-links-block.new-design .item__title { font-size: 18px; font-family: 'Montserrat Medium'; } .services-links-block.new-design .item__container { -webkit-transition: all ease 260ms; -o-transition: all ease 260ms; transition: all ease 260ms; } .services-links-block.new-design .item__container:hover { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } .services-links-block.new-design .item__container:hover .item__image { -webkit-box-shadow: 1px 12px 29px 4px rgba(0, 0, 0, 0.45); box-shadow: 1px 12px 29px 4px rgba(0, 0, 0, 0.45); } @media (min-width: 768px) and (max-width: 991.98px) { .services-links-block .subtitle { font-size: 18px; } .services-links-block .item__image { max-width: 140px; height: 140px; } .services-links-block .item__title { margin-top: 20px; font-size: 18px; } .services-links-block .services-links__info .text { font-size: 18px; padding: 20px 30px; } } @media (max-width: 767.98px) { .services-links-block .list { margin-top: 13px; } .services-links-block .block-content { margin-top: 20px; padding: 20px 0; background: no-repeat center/cover url(/local/templates/best-gruzchik-new-2020/css/../images/pages/index/services/bg.webp); } .services-links-block .block-container { margin-top: 20px; padding: 20px 0 155px; } .services-links-block .subtitle { margin-top: 10px; font-size: 18px; } .services-links-block .item { padding-top: 10px; padding-bottom: 10px; } .services-links-block .item__image { max-width: 155px; height: 155px; } .services-links-block .item__title { margin-top: 15px; font-size: 15px; } .services-links-block .services-links__info .text { font-size: 14px; padding: 10px 20px; } .services-links-block.new-design .list { margin-top: 50px; } .services-links-block.new-design .item__image { height: 130px; max-width: 180px; } .services-links-block.new-design .item__title { font-size: 15px; } } .calculator-block { margin-top: 80px; } .calculator-block .button.button-calculate.preview-button:not(.collapsed) { opacity: 0; display: none; } .calculator-block .bg { background: no-repeat center/cover url(/local/templates/best-gruzchik-new-2020/css/../images/pages/index/calculator-bg.webp); } .calculator-block .block-container { padding: 50px 0 100px; background: no-repeat center/cover url(/local/templates/best-gruzchik-new-2020/css/../images/pages/index/calculator-bg.webp); } .calculator-block .block-container .title.medium { color: #fff; } .calculator-block .calculator { margin: 50px auto 0; max-width: 1000px; padding: 10px 8px; background: #fff; -webkit-box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.2); } .calculator-block .calculator__top-info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .calculator-block .calculator form { margin-top: 35px; } .calculator-block .calculator__description { color: #454545; font-size: 20px; line-height: 1.2em; } .calculator-block .calculator__description b { color: #000; } .calculator-block .calculator__description span { font-family: 'ProximaNova Semibold'; color: #f59411; } .calculator-block .calculator__description + .calculator__description { margin-left: 30px; padding-left: 30px; position: relative; } .calculator-block .calculator__description + .calculator__description::before { content: ' '; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); height: 15px; width: 1px; border-left: 1px solid #a8a8a8; } .calculator-block .calculator__container { padding: 30px 5px 35px; border: 1px solid #f59411; } .calculator-block .calculator .calculator__title { color: #000; } .calculator-block .inputs-section { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .calculator-block .buttons-container { width: 100%; margin-top: 34px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .calculator-block .buttons-container .button.with-outline { width: 170px; } .calculator-block .buttons-container .button + .button { margin-left: 50px; } .calculator-block form { margin: 30px auto 0; max-width: 910px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .calculator-block .form-control { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; } .calculator-block .form-control label { margin-right: 10px; display: block; white-space: nowrap; color: #000; font-size: 20px; font-family: 'ProximaNova SemiBold'; line-height: normal; padding-left: 25px; position: relative; } .calculator-block .form-control label::before { font-family: 'Font Icons'; color: #f59411; font-size: 18px; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .calculator-block .form-control label.label-workers::before { content: ''; } .calculator-block .form-control label.label-types::before { content: ''; } .calculator-block .form-control label.label-time::before { content: ''; } .calculator-block .form-control label.label-work-types::before { content: ''; } .calculator-block .form-control label.label-address::before { content: ''; } .calculator-block .form-control select { outline: none; height: 42px; width: 100%; border: 1px solid #cccccc; } .calculator-block .form-control input { outline: none; -webkit-transition: all ease 250ms; -o-transition: all ease 250ms; transition: all ease 250ms; height: 42px; width: 100%; border: 1px solid #cccccc; } .calculator-block .form-control + .form-control { margin-top: 20px; } .calculator-block .form-column.left { width: calc(52.5% - 25px); } .calculator-block .form-column.left input, .calculator-block .form-column.left select { max-width: 190px; } .calculator-block .form-column.right { width: calc(47.5% - 25px); } .calculator-block .form-column.right input, .calculator-block .form-column.right select { max-width: 280px; } .calculator-block .form-column + .form-column { margin-left: 50px; } .calculator-block .button-calculate { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin: -5px 0; background: #f4920e; background: -webkit-gradient(linear, left top, right top, from(#f4920e), to(#ffaa37)); background: -o-linear-gradient(left, #f4920e 0%, #ffaa37 100%); background: linear-gradient(90deg, #f4920e 0%, #ffaa37 100%); width: 310px; padding: 17px 10px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); } .calculator-block .button-calculate span { padding-left: 47px; position: relative; font-size: 20px; font-family: 'ProximaNova Bold'; line-height: normal; color: #fff; } .calculator-block .button-calculate span::before { content: ' '; position: absolute; width: 28px; height: 28px; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: no-repeat center/contain url(/local/templates/best-gruzchik-new-2020/css/../img/icon-calculator.png); } @media (min-width: 768px) { .calculator-block .calculator { display: block !important; } .calculator-block .bg { margin-top: 60px; margin-bottom: 20px; background-size: 100% 295px; } .calculator-block .bg .block-content { position: relative; } } @media (min-width: 992px) and (max-width: 1199.98px) { .calculator-block form { max-width: 870px; } .calculator-block .form-column.left { width: calc(52.5% - 15px); } .calculator-block .form-column.left input, .calculator-block .form-column.left select { max-width: 175px; } .calculator-block .form-column.right { width: calc(47.5% - 15px); } .calculator-block .form-column.right input, .calculator-block .form-column.right select { max-width: 265px; } .calculator-block .form-column + .form-column { margin-left: 30px; } } @media (max-width: 991.98px) { .calculator-block .mob-calculator { margin-top: -40px !important; } .calculator-block .calculator__title { font-size: 24px; font-family: 'ProximaNova Bold'; line-height: 1.2em; text-align: center; } .calculator-block .calculator__top-info { margin-top: 15px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .calculator-block .calculator__description { text-align: center; } .calculator-block .calculator__description + .calculator__description { padding: 0; margin: 3px 0 0; } .calculator-block .calculator__description + .calculator__description::before { display: none; } .calculator-block .form-column.left { width: 100%; } .calculator-block .form-column.left input, .calculator-block .form-column.left select { max-width: 190px; } .calculator-block .form-column.right { width: 100%; } .calculator-block .form-column.right input, .calculator-block .form-column.right select { max-width: 280px; } .calculator-block .form-column + .form-column { margin: 20px 0 0 0; } .calculator-block form { max-width: 500px; } } @media (max-width: 767.98px) { .calculator-block .preview-calculator { color: #fff; padding: 60px 0 50px; } .calculator-block .preview-calculator .button-calculate { max-width: 290px; margin-top: 5px; border-radius: 5px; } .calculator-block .calculator__description { font-size: 16px; } .calculator-block .form-control { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .calculator-block .form-control + .form-control { margin-top: 10px; } .calculator-block .form-control label { font-size: 18px; } .calculator-block .form-column.left input, .calculator-block .form-column.left select { max-width: 190px; } .calculator-block .form-column.right input, .calculator-block .form-column.right select { max-width: 280px; } .calculator-block .form-column + .form-column { margin: 10px 0 0 0; } .calculator-block form { max-width: 400px; } .calculator-block .calculator__container { padding: 20px 7px; } .calculator-block .button-calculate { width: 100%; max-width: 320px; min-width: 260px; } .calculator-block .button-calculate span { padding-left: 47px; position: relative; font-size: 18px; font-family: 'ProximaNova Bold'; line-height: normal; color: #fff; } .calculator-block .button-calculate span::before { content: ' '; position: absolute; width: 28px; height: 28px; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: no-repeat center/contain url(/local/templates/best-gruzchik-new-2020/css/../img/icon-calculator.png); } .calculator-block .buttons-container { margin-top: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .calculator-block .buttons-container .button { max-width: 400px; width: 100% !important; } .calculator-block .buttons-container .button.with-outline { width: 100%; } .calculator-block .buttons-container .button + .button { margin: 16px 0 0; } } .callback-block { overflow: hidden; margin-top: 75px; } .callback-block .block-container { position: relative; } .callback-block .block-container::before { content: ' '; position: absolute; z-index: -1; left: 0; top: 45px; bottom: 45px; right: 0; background: no-repeat center/cover url(/local/templates/best-gruzchik-new-2020/css/../images/pages/index/callback-img.webp); } .callback-block .columns { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .callback-block .column-info { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; height: 125px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; font-family: 'ProximaNova Semibold'; color: #fff; font-size: 26px; line-height: 1.25em; -webkit-box-sizing: border-box; box-sizing: border-box; border: 5px solid #f59311; } .callback-block .column-info.left { border-right: 0; } .callback-block .column-info.right { border-left: 0; } .callback-block .column-callback { width: 430px; padding: 10px 8px; background: #fff; -webkit-box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.2); } .callback-block .column-callback .callback { padding: 30px 5px 18px; border: 1px solid #f59411; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; } .callback-block .column-callback .callback__title { font-family: 'Montserrat Bold'; font-size: 24px; line-height: 1.35em; color: #000; } .callback-block .column-callback .callback form { max-width: 270px; margin: 33px auto 0; } .callback-block .column-callback .callback .form-control input { height: 40px; width: 100%; border: 0; font-size: 18px; outline: none; border-bottom: 1px solid #acacac; } .callback-block .column-callback .callback .form-control input::-webkit-input-placeholder { color: #444444; font-size: 18px; line-height: normal; } .callback-block .column-callback .callback .form-control input::-moz-placeholder { color: #444444; font-size: 18px; line-height: normal; } .callback-block .column-callback .callback .form-control input:-moz-placeholder { color: #444444; font-size: 18px; line-height: normal; } .callback-block .column-callback .callback .form-control input::-ms-input-placeholder { color: #444444; font-size: 18px; line-height: normal; } .callback-block .column-callback .callback .form-control input::input-placeholder { color: #444444; font-size: 18px; line-height: normal; } .callback-block .column-callback .callback .form-control + .form-control { margin-top: 18px; } .callback-block .column-callback .callback .button-callback { background: #f4920e; background: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(0%, #f4920e), to(#ffaa37)); background: -o-linear-gradient(0, #f4920e 0%, #ffaa37 100%); background: linear-gradient(0, #f4920e 0%, #ffaa37 100%); width: 100%; padding: 17px 10px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); margin-top: 23px; } .callback-block .column-callback .callback .button-callback span { padding-left: 47px; position: relative; font-size: 18px; line-height: normal; color: #fff; } .callback-block .column-callback .callback .button-callback span::before { content: ' '; position: absolute; width: 28px; height: 28px; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: no-repeat center/contain url(/local/templates/best-gruzchik-new-2020/css/../img/icon-phone_white.png); } .callback-block .column-callback .callback__text { text-align: left; margin-top: 20px; font-size: 13px; line-height: 1.3em; color: #474747; } .callback-block .column-callback .callback__text span { border-bottom: 1px solid #dbdbdb; } @media (min-width: 992px) and (max-width: 1199.98px) { .callback-block .column-info { font-size: 23px; } .callback-block .column-callback { width: 370px; } } @media (min-width: 768px) and (max-width: 991.98px) { .callback-block .column-info { font-size: 15px; } .callback-block .column-callback { width: 336px; } .callback-block .column-callback .callback { padding: 25px 5px 15px; } .callback-block .column-callback .callback__title { font-size: 20px; } .callback-block .column-callback .callback form { max-width: 240px; margin: 33px auto 0; } .callback-block .column-callback .callback .form-control input { font-size: 16px; } .callback-block .column-callback .callback .form-control input::-webkit-input-placeholder { font-size: 16px; } .callback-block .column-callback .callback .form-control input::-moz-placeholder { font-size: 16px; } .callback-block .column-callback .callback .form-control input:-moz-placeholder { font-size: 16px; } .callback-block .column-callback .callback .form-control input::-ms-input-placeholder { font-size: 16px; } .callback-block .column-callback .callback .form-control input::input-placeholder { font-size: 16px; } .callback-block .column-callback .callback .form-control + .form-control { margin-top: 14px; } .callback-block .column-callback .callback .button-callback { margin-top: 20px; } .callback-block .column-callback .callback .button-callback span { font-size: 16px; } .callback-block .column-callback .callback__text { text-align: left; margin-top: 20px; font-size: 13px; line-height: 1.3em; color: #474747; } .callback-block .column-callback .callback__text span { border-bottom: 1px solid #dbdbdb; } } @media (max-width: 767.98px) { .callback-block .block-container { padding-top: 43px; } .callback-block .block-container::before { content: ' '; position: absolute; z-index: -1; left: 0; top: 0; bottom: 45px; height: 340px; right: 0; background: no-repeat center/cover url(/local/templates/best-gruzchik-new-2020/css/../images/pages/index/callback-img.webp); } .callback-block .columns { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .callback-block .column-info { max-width: 340px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 25px 10px; } .callback-block .column-info span { display: block; } .callback-block .column-info span + span { margin-top: 24px; } .callback-block .column-callback { margin-top: 30px; width: 100%; max-width: 360px; } .callback-block .column-callback .callback { padding: 35px 15px 18px; } .callback-block .column-callback .callback__title { font-size: 20px; } .callback-block .column-callback .callback form { max-width: 260px; margin: 33px auto 0; } .callback-block .column-callback .callback .button-callback { margin-top: 30px; } .callback-block .column-callback .callback .button-callback span { font-size: 18px; } } .sales-block { margin-top: 55px; } .sales-block .list { margin: 30px auto 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; max-width: 970px; } .sales-block .list .sale { padding: 10px 30px; width: 50%; } .sales-block .list .sale__top { position: relative; } .sales-block .list .sale__top::before { content: ' '; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: rgba(69, 4, 69, 0.65); } .sales-block .list .sale__title { border: 3px solid #f59311; position: absolute; left: 13px; top: 13px; bottom: 13px; right: 13px; color: #fff; font-size: 30px; line-height: 1.1em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; font-family: 'Montserrat Bold'; } .sales-block .list .sale__description { margin-top: 20px; font-size: 20px; line-height: 1.6em; color: #000; } .sales-block .list .sale__image { height: 320px; } .sales-block .list .sale__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } @media (max-width: 1199.98px) { .sales-block .list { margin: 30px -20px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .sales-block .list .sale { padding: 10px 20px; } .sales-block .list .sale__image { height: 270px; } } @media (min-width: 768px) and (max-width: 991.98px) { .sales-block .list .sale__title { font-size: 24px; } .sales-block .list .sale__description { margin-top: 15px; font-size: 18px; } .sales-block .list .sale__image { height: 240px; } } @media (max-width: 767.98px) { .sales-block .list { margin: 8px -20px 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .sales-block .list .sale { padding: 18px 20px; width: 100%; } .sales-block .list .sale__title { font-size: 26px; } .sales-block .list .sale__description { margin-top: 15px; font-size: 18px; } .sales-block .list .sale__image { height: 240px; } } @media (max-width: 575.98px) { .sales-block .list .sale__image { height: 200px; } } .about-us-block .block-container { padding: 90px 0 85px; background: #f9f7fb; } .about-us-block .block-content { margin: 0 auto; max-width: 970px; background: #fff; -webkit-box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.2); padding: 8px 10px; } .about-us-block .content { padding: 20px; border: 1px solid #f99b1d; font-size: 20px; line-height: 1.15em; } .about-us-block .company-name { font-family: 'ProximaNova Bold'; } .about-us-block ul { margin: 25px 0 0; padding: 0; list-style: none; } .about-us-block ul li { position: relative; padding-left: 20px; } .about-us-block ul li::before { content: ' '; width: 9px; height: 9px; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); border-radius: 50%; background: #000; } .about-us-block ul li + li { margin-top: 3px; } .about-us-block ul + p { margin-top: 25px; } .about-us-block p + p { margin-top: 25px; } @media (min-width: 768px) { .about-us-block .company-name { position: relative; padding-left: 37px; } .about-us-block .company-name::before { content: ' '; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 18px; height: 19px; background: no-repeat center/contain url(/local/templates/best-gruzchik-new-2020/css/../img/icon-title.svg); } } @media (max-width: 767.98px) { .about-us-block .block-container { padding: 75px 0 40px; } .about-us-block .block-content { position: relative; -webkit-box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.45); box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.45); } .about-us-block .block-content::before { content: ' '; position: absolute; top: -45px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 18px; height: 19px; background: no-repeat center/contain url(/local/templates/best-gruzchik-new-2020/css/../img/icon-title.svg); } .about-us-block .content { padding: 20px 5px; font-size: 15px !important; line-height: 1.3em; } .about-us-block ul { margin: 25px 0 0; } .about-us-block ul li { padding-left: 27px; display: inline-block; } .about-us-block ul li::before { content: ' '; width: 6px; height: 6px; position: absolute; left: 0; top: 4px; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); } .about-us-block ul li + li { margin-top: 3px; } .about-us-block ul + p { margin-top: 15px; } .about-us-block p { font-size: 15px; } .about-us-block p + p { font-size: 15px; } } .news-block { margin-top: 75px; } .news-block .news-slider { margin: 35px auto 0; } .news-block .swiper-container { max-width: 920px; } .news-block .item { max-width: 270px; margin: 0 auto; } .news-block .item__image { display: block; height: 180px; width: 100%; } .news-block .item__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .news-block .item__date { margin-top: 20px; font-size: 16px; line-height: normal; color: #5b5b5b; } .news-block .item__title { line-height: normal; margin-top: 9px; font-size: 20px; font-family: 'ProximaNova Bold'; } .news-block .item__text { margin-top: 14px; font-size: 16px; line-height: 1.5em; color: #000; } .news-block .item__link { margin-top: 10px; font-family: 'ProximaNova SemiBold'; display: inline-block; color: #000; font-size: 16px; border-bottom: 1px solid #bfbfbf; } .news-block .item__link span { padding-right: 10px; position: relative; } .news-block .item__link span::before { content: ' '; position: absolute; right: -3px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 10px; height: 16px; background: no-repeat center/contain url(/local/templates/best-gruzchik-new-2020/css/../img/icon-arrow_black.svg); } @media (max-width: 767.98px) { .news-block { margin-top: 30px; } .news-block .news-slider { margin-top: 25px; } .news-block .slider { position: relative; padding: 0 30px; } } .reviews-block { margin-top: 100px; } .reviews-block .reviews-slider { margin-top: 40px; } .reviews-block .review { position: relative; } .reviews-block .review::before { content: ' '; position: absolute; z-index: -1; left: -4px; right: -4px; border: 4px solid #ff7200; background: #ff7200; height: 27px; } .reviews-block .review__container { border: 1px solid #e1e1e1; padding: 25px 20px; position: relative; z-index: 32; background: #fff; } .reviews-block .review__dot { width: 39px; } .reviews-block .review__dot img { width: 100%; } .reviews-block .review-top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .reviews-block .review-author__title { text-align: center; font-size: 18px; line-height: normal; font-family: 'ProximaNova Bold'; } .reviews-block .review-author__image { width: 48px; height: 48px; } .reviews-block .review-author__image img { width: 100%; height: 100%; border-radius: 50%; } .reviews-block .review__text { margin-top: 10px; color: #474747; font-size: 16px; line-height: 1.5em; } .reviews-block .review__text.part a::after { content: '...'; opacity: 0; font-size: 24px; font-family: 'ProximaNova Bold'; -webkit-transition: all ease 200ms; -o-transition: all ease 200ms; transition: all ease 200ms; } .reviews-block .review__text.part a.collapsed::after { opacity: 1; } .reviews-block .review__text a { color: #474747; font-size: 16px; line-height: 1.5em; text-decoration: none; } .reviews-block .swiper-slide { padding: 5px; } .reviews-block .swiper-slide:nth-child(odd) .review::before { top: -5px; } .reviews-block .swiper-slide:nth-child(even) .review::before { bottom: -5px; } .reviews-block .link { display: inline-block; font-size: 16px; line-height: normal; border-bottom: 1px solid #d4d4d4; color: #000; } .reviews-block .link__container { margin-top: 36px; text-align: center; } @media (max-width: 991.98px) { .reviews-block { margin-top: 60px; } .reviews-block .reviews-slider { margin-top: 20px; padding: 0 0 80px; } .reviews-block .slider-button-next, .reviews-block .slider-button-prev { top: unset; bottom: 10px; } .reviews-block .slider-button-next { -webkit-transform: translateY(0%) rotate(-90deg); -ms-transform: translateY(0%) rotate(-90deg); transform: translateY(0%) rotate(-90deg); } .reviews-block .slider-button-prev { -webkit-transform: translateY(0%) rotate(90deg); -ms-transform: translateY(0%) rotate(90deg); transform: translateY(0%) rotate(90deg); } .reviews-block .review { max-width: 340px; margin: 0 auto; position: relative; } .reviews-block .review::before { content: ' '; position: absolute; z-index: -1; left: -4px; right: -4px; border: 4px solid #ff7200; background: #ff7200; height: 27px; } .reviews-block .review__container { padding: 20px 18px; } .reviews-block .review-author__title { text-align: center; font-size: 18px; line-height: normal; font-family: 'ProximaNova Bold'; } .reviews-block .review-author__image { width: 48px; height: 48px; } .reviews-block .review-author__image img { width: 100%; height: 100%; border-radius: 50%; } .reviews-block .review__text { margin-top: 5px; font-size: 16px; line-height: 1.5em; } .reviews-block .link__container { margin-top: -30px; } } .answers-block { margin-top: 95px; } .answers-block .block-container { margin-top: 110px; position: relative; } .answers-block .block-container::before { content: ' '; position: absolute; z-index: -1; left: 0; right: 0; top: 37px; bottom: 37px; background: no-repeat center/cover url(/local/templates/best-gruzchik-new-2020/css/../images/pages/index/answers/bg.webp); } .answers-block .block-content { max-width: 970px; background: #fff; -webkit-box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.2); padding: 8px 10px; margin: -37px auto; } .answers-block .block-content .content { padding: 36px; border: 1px solid #f99b1d; } .answers-block .item-header .btn-link { cursor: pointer; outline: none; border: none; background: none; padding: 0 20px 0 0; font-size: 22px; line-height: 1.2em; color: #000; font-family: 'ProximaNova Bold'; position: relative; width: 100%; text-align: left; } .answers-block .item-header .btn-link::before { content: ' '; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 13px; height: 9px; -webkit-transition: all ease 250ms; -o-transition: all ease 250ms; transition: all ease 250ms; background: no-repeat center/contain url(/local/templates/best-gruzchik-new-2020/css/../img/icon-arrow-grey.png); } .answers-block .item-header .btn-link:not(.collapsed)::before { -webkit-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } .answers-block .item + .item { margin-top: 25px; } .answers-block .item-body { padding: 20px 0 25px; font-size: 22px; color: #000; } @media (max-width: 767.98px) { .answers-block { margin-top: 95px; } .answers-block .block-content { max-width: 350px; } .answers-block .block-content .content { padding: 30px 18px; } .answers-block .block-container { margin-top: 70px; } .answers-block .block-container::before { top: 100px; bottom: 100px; } .answers-block .item-header .btn-link { font-size: 17px; } .answers-block .item + .item { margin-top: 22px; } .answers-block .item-body { padding: 15px 0 20px; font-size: 17px; } } .partners-block { margin-top: 120px; } .partners-block .partners-slider { margin-top: 30px; } .partners-block .partners-slider .slide__image { width: 100%; height: 70px; } .partners-block .partners-slider .slide__image img { height: 100%; width: 100%; -o-object-fit: contain; object-fit: contain; } .partners-block .button-container { margin-top: 55px; } .docs-slider-block { margin-top: 70px; } .docs-slider-block .docs-slider { margin-top: 45px; } .docs-slider-block .slide { padding: 3px; } .docs-slider-block .slide__image { width: 100%; } .docs-slider-block .slide__image img { width: 100%; -webkit-box-shadow: 0px 10px 16px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 10px 16px 0px rgba(0, 0, 0, 0.2); } .docs-slider-block .slide__info { margin-top: 16px; text-align: center; font-size: 18px; line-height: 1.1em; color: #000; font-family: 'ProximaNova Bold'; } .docs-slider-block .button-container { margin-top: 35px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .reviews-block-1 { margin-top: 66px; } .reviews-block-1 .reviews-slider { margin-top: 45px; } .reviews-block-1 .review { border: 1px solid #dcdcdc; border-radius: 6px; } .reviews-block-1 .review__container { padding: 18px 20px 30px; min-height: 305px; } .reviews-block-1 .review-author__title { font-size: 18px; line-height: normal; color: #000; } .reviews-block-1 .review__date { font-size: 12px; line-height: normal; color: #414141; margin-top: 7px; } .reviews-block-1 .review__rate { margin: 7px -2px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .reviews-block-1 .review__rate .rate-icon { margin: 1px 2px; height: 19px; width: 19px; } .reviews-block-1 .review__rate .rate-icon svg { width: 100%; height: 100%; } .reviews-block-1 .review-bottom { margin-top: 18px; } .reviews-block-1 .review__text { font-size: 16px; line-height: 1.5em; color: #000; } .add-review-block { margin-top: 90px; } .add-review-block .block-container { max-width: 1200px; margin: 0 auto; padding: 35px 29px 33px; border: 20px solid #f7f7f7; } .add-review-block form { margin: 15px -15px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .add-review-block form .form-control { margin: 15px 20px; width: calc(33% - 40px); } .add-review-block form .form-control.textarea { width: 100%; } .add-review-block form .form-control__label { font-size: 20px; line-height: normal; color: #000; } .add-review-block form .form-control.rate { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .add-review-block form .form-control.rate .form-control__label { margin-right: 8px; } .add-review-block form .form-control.rate .add-rate { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .add-review-block form .form-control.rate .add-rate .rate-icon { margin: 1px; width: 20px; height: 20px; } .add-review-block form .form-control.rate .add-rate .rate-icon svg { cursor: pointer; width: 100%; height: 100%; -webkit-transition: all ease 240ms; -o-transition: all ease 240ms; transition: all ease 240ms; } .add-review-block form .form-control.rate .add-rate .rate-icon svg .body { -webkit-transition: all ease 280ms; -o-transition: all ease 280ms; transition: all ease 280ms; fill: #fff; } .add-review-block form .form-control.rate .add-rate .rate-icon:hover svg { fill: #5d075d; } .add-review-block form .form-control.rate .add-rate .rate-icon:hover svg path { fill: #5d075d; } .add-review-block form .form-control.rate .add-rate .rate-icon.active svg { fill: #5d075d; } .add-review-block form .form-control.rate .add-rate .rate-icon.active svg path { fill: #5d075d; } .add-review-block form .form-control.rate .add-rate:hover .rate-icon svg .body { fill: #5d075d; } .add-review-block form .form-control.rate .add-rate .rate-icon:hover ~ .rate-icon svg .body { fill: #fff; } .add-review-block form input, .add-review-block form textarea { border: none; outline: none; width: 100%; padding: 0 10px; border: 1px solid #8d8d8d; color: #000; font-size: 20px; line-height: normal; } .add-review-block form input::-webkit-input-placeholder, .add-review-block form textarea::-webkit-input-placeholder { color: #000; font-size: 20px; line-height: normal; } .add-review-block form input::-moz-placeholder, .add-review-block form textarea::-moz-placeholder { color: #000; font-size: 20px; line-height: normal; } .add-review-block form input:-moz-placeholder, .add-review-block form textarea:-moz-placeholder { color: #000; font-size: 20px; line-height: normal; } .add-review-block form input::-ms-input-placeholder, .add-review-block form textarea::-ms-input-placeholder { color: #000; font-size: 20px; line-height: normal; } .add-review-block form input::input-placeholder, .add-review-block form textarea::input-placeholder { color: #000; font-size: 20px; line-height: normal; } .add-review-block form input { height: 40px; } .add-review-block form textarea { padding-bottom: 10px; padding-top: 10px; height: 100px; } .add-review-block.main .block-container { padding: 35px 24px 1px; } .add-review-block.main form { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 0; } .add-review-block.main form .form-control .add-rate { margin-left: 30px; } .add-review-block.main form .form-control.rate .form-control__label { font-size: 36px; white-space: nowrap; } .add-review-block.main form .form-control.rate .add-rate .rate-icon { width: 36px; height: 36px; } .add-review-block.main form .form-control.form-control_button .button { margin-left: auto; } .add-review-block.main form textarea { height: 56px; font-size: 20px; } .add-review-block.main form textarea::-webkit-input-placeholder { color: #5e5e5e; } .add-review-block.main form textarea::-moz-placeholder { color: #5e5e5e; } .add-review-block.main form textarea:-moz-placeholder { color: #5e5e5e; } .add-review-block.main form textarea::-ms-input-placeholder { color: #5e5e5e; } .add-review-block.main form textarea::input-placeholder { color: #5e5e5e; } .add-review-block.main .button.secondary { height: 42px; padding: 5px 30px; font-size: 22px; } @media (min-width: 768px) and (max-width: 991.98px) { .add-review-block form { margin: 15px -10px; } .add-review-block form .form-control { margin: 9px 10px; width: calc(50% - 20px); } .add-review-block form .form-control.rate { width: 100%; } .add-review-block.main form { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .add-review-block.main form .form-control.rate { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .add-review-block.main form .form-control.form-control_button .button { margin-right: auto; } } @media (max-width: 767.98px) { .add-review-block .block-container { padding: 20px 10px 12px; border: 10px solid #f7f7f7; } .add-review-block form { margin: 15px -2px; } .add-review-block form .form-control { margin: 6px 2px; width: 100%; } .add-review-block form .form-control input, .add-review-block form .form-control textarea { padding-left: 25px; font-size: 18px; padding-right: 25px; } .add-review-block form .form-control input::-webkit-input-placeholder, .add-review-block form .form-control textarea::-webkit-input-placeholder { font-size: 18px; } .add-review-block form .form-control input::-moz-placeholder, .add-review-block form .form-control textarea::-moz-placeholder { font-size: 18px; } .add-review-block form .form-control input:-moz-placeholder, .add-review-block form .form-control textarea:-moz-placeholder { font-size: 18px; } .add-review-block form .form-control input::-ms-input-placeholder, .add-review-block form .form-control textarea::-ms-input-placeholder { font-size: 18px; } .add-review-block form .form-control input::input-placeholder, .add-review-block form .form-control textarea::input-placeholder { font-size: 18px; } .add-review-block form .form-control__label { font-size: 18px; } .add-review-block form .button { margin-top: 4px; } .add-review-block.main .block-container { padding: 19px 15px 20px; max-width: 420px; } .add-review-block.main form { max-width: 300px; margin: 0 auto; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .add-review-block.main form textarea { height: 60px; font-size: 16px; } .add-review-block.main form .form-control .add-rate { margin: 10px 0 0 0; } .add-review-block.main form .form-control .add-rate .rate-icon { width: 30px; height: 30px; } .add-review-block.main form .form-control.rate .form-control__label { margin: 0; font-size: 22px; text-transform: uppercase; font-family: 'Montserrat Bold'; } .add-review-block.main form .form-control.rate { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .add-review-block.main form .form-control.form-control_button { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .add-review-block.main form .form-control.form-control_button .button { margin-right: auto; } } .callback-box { margin-top: 40px; } .callback-box .box-container { background: #f7f7f7; padding: 5px 25px; min-height: 80px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; border-radius: 7px; } .callback-box .callback__title { margin: 0 -8px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-family: 'ProximaNova Bold'; font-size: 22px; line-height: 1.2em; } .callback-box .callback__title p { margin: 0 8px; font-size: 22px; } .callback-box .callback__title span.attention { margin: 0 8px; display: inline-block; font-size: 30px; font-family: 'ProximaNova Bold'; color: #fff; background: #fca32c; border-radius: 8px; padding: 11px 3px; } .callback-box .callback__title span.border-b { border-bottom: 1px solid #b9b9b9; } .callback-box .callback__title span.light-font { font-family: 'ProximaNova Regular'; } @media (min-width: 992px) and (max-width: 1199.98px) { .callback-box .button { padding: 12px 20px; } } @media (max-width: 991.98px) { .callback-box { /*.box-container { flex-direction: column; border-radius: 3px; padding: 17px 25px; } .callback { &__title { justify-content: center; flex-wrap: wrap; text-align: center; } } .button { margin-top: 26px; padding: 12px 17px; }*/ } } @media (max-width: 991.98px) { .callback-box .box-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; border-radius: 3px; background: #ffffff; padding: 40px 27px; border: 5px solid #ed7d31; } .callback-box .callback__title { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; color: #5d075d; text-align: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .callback-box .button { margin-top: 26px; padding: 12px 17px; } .callback-box .callback__title span.attention { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 67px; height: 67px; color: #fff; background: #730b73; border-radius: 50%; margin: 23px 0 21px; } } @media (max-width: 575.98px) { .callback-box .box-container { padding: 17px 14px; } .callback-box .callback__title { margin: 2px -6px; font-size: 20px; } .callback-box .callback__title p { margin: 2px 6px; font-size: 20px; } } .text-block { margin-top: 60px; } .text-block .text p { font-size: 16px; line-height: 1.5em; color: #000; } .text-block .text p + p { padding-top: 30px; } @media (max-width: 767.98px) { .text-block { margin-top: 35px; } .text-block text p + p { padding-top: 27px; } } .benefit-prices-block { margin-top: 36px; } .benefit-prices-block .button-callback { margin: 0; width: 100%; padding: 17px 3px; } .benefit-prices-block .benefits-column { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .benefit-prices-block .benefits-box { width: 100%; margin-top: 20px; } .benefit-prices-block .benefits-box .benefits-title { font-size: 18px; line-height: normal; font-family: 'ProximaNova Bold'; text-align: center; color: #fff; min-height: 60px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 5px; background: #ed7d31; text-transform: uppercase; } .benefit-prices-block .benefits-box .benefits-list { background: #f7f7f7; padding: 20px 10px 20px 12px; list-style: none; margin: 0; } .benefit-prices-block .benefits-box .benefits-list li { font-family: 'ProximaNova Bold'; font-size: 18px; line-height: normal; color: #000; position: relative; padding-left: 35px; } .benefit-prices-block .benefits-box .benefits-list li::before { content: ' '; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 27px; height: 27px; background: no-repeat center/contain url(/local/templates/best-gruzchik-new-2020/css/../img/checked.svg); } .benefit-prices-block .benefits-box .benefits-list li + li { margin-top: 23px; } .benefit-prices-block .button.button-callback span { padding-left: 35px; } .benefit-prices-block .button.button-callback span::before { -webkit-transform: translateY(-45%); -ms-transform: translateY(-45%); transform: translateY(-45%); width: 23px; height: 23px; top: 59%; background: no-repeat center/contain url(/local/templates/best-gruzchik-new-2020/css/../img/phone-call.svg); } @media (min-width: 768px) { .benefit-prices-block .prices-table-block { margin-top: 10px; } .benefit-prices-block .prices-table-block table { margin: 30px auto 0; } .benefit-prices-block .prices-table-block table thead tr th { font-size: 18px; height: 60px; } .benefit-prices-block .prices-table-block table thead tr th:first-child { font-size: 22px; } } @media (max-width: 991.98px) { .benefit-prices-block { margin-top: 26px; } .benefit-prices-block .benefits-column { margin: 45px auto 0; max-width: 400px; } } @media (max-width: 767.98px) { .benefit-prices-block .benefits-column { max-width: 280px; } .benefit-prices-block .benefits-box .benefits-list { padding: 20px 12px; } .benefit-prices-block .benefits-box .benefits-list li { font-size: 16px; padding-left: 35px; } .benefit-prices-block .benefits-box .benefits-list li::before { width: 25px; height: 25px; } } .popup { display: none; } .popup.fancybox-content { padding: 0; } .popup .fancybox-button.fancybox-close-small { color: #fff !important; top: -5px; right: -5px; } .popup .popup-title { font-family: 'ProximaNova Bold'; padding: 25px 30px; color: #fff; text-align: center; font-size: 36px; text-transform: uppercase; background: -webkit-gradient(linear, left top, right top, from(#f4920e), to(#ffaa37)); background: -o-linear-gradient(left, #f4920e 0%, #ffaa37 100%); background: linear-gradient(90deg, #f4920e 0%, #ffaa37 100%); background: #730b73; } .popup .popup-form { padding: 30px 20px 20px; } .popup form { margin: 0 auto; width: 100%; max-width: 320px; } .popup .info-text { margin-top: 2px; text-align: center; line-height: 1.2em; color: #000; } .popup .button { margin-top: 20px; } .popup .form-control { width: 100%; } .popup .form-control textarea, .popup .form-control input { outline: none; width: 100%; border: none; } .popup .form-control textarea::-webkit-input-placeholder, .popup .form-control input::-webkit-input-placeholder { color: #444444; font-size: 18px; line-height: normal; } .popup .form-control textarea::-moz-placeholder, .popup .form-control input::-moz-placeholder { color: #444444; font-size: 18px; line-height: normal; } .popup .form-control textarea:-moz-placeholder, .popup .form-control input:-moz-placeholder { color: #444444; font-size: 18px; line-height: normal; } .popup .form-control textarea::-ms-input-placeholder, .popup .form-control input::-ms-input-placeholder { color: #444444; font-size: 18px; line-height: normal; } .popup .form-control textarea::input-placeholder, .popup .form-control input::input-placeholder { color: #444444; font-size: 18px; line-height: normal; } .popup .form-control input { border-bottom: 1px solid #acacac; height: 38px; } .popup .form-control textarea { border: 1px solid #acacac; height: 80px; } .popup .form-control + .form-control { margin-top: 15px; } .popup .form-control.textarea { margin-top: 20px; } .popup .button { width: 100%; } .popup .popup-body { padding: 30px 20px 20px; } .popup .popup-icon { margin: 0 auto 0; width: 54px; } .popup .popup-icon svg { width: 100%; } .popup .fancybox-button.fancybox-close-small { color: #000; } .popup .info-text { margin-top: 15px; font-size: 18px; line-height: 1.2em; } @media (min-width: 768px) { .popup { min-width: 380px; } } .news-item_block { margin-top: 50px; } .news-item_block .link { font-size: 16px; line-height: normal; color: #783a78; font-family: 'ProximaNova Semibold'; } .news-item_block .item { margin-top: 5px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .news-item_block .item__image { height: 180px; width: 270px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .news-item_block .item__image img { width: 100%; -o-object-fit: cover; object-fit: cover; height: 100%; } .news-item_block .item__info { margin-left: 30px; } .news-item_block .item__title { font-size: 16px; line-height: 1.3em; color: #020202; } .news-item_block .item__date { margin-top: 10px; font-size: 16px; line-height: 1.3em; color: #020202; } @media (max-width: 767.98px) { .news-item_block { background: #f0ebf0; margin-top: 0; } .news-item_block .link { display: none; } .news-item_block .intro-title-block .block-container { padding-bottom: 95px; } .news-item_block .item { margin: -95px auto 0; max-width: 400px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .news-item_block .item__image { height: unset; max-width: unset; width: 100%; } .news-item_block .item__image img { max-height: 400px; } .news-item_block .item__info { margin: 10px 0 0; } .news-item_block .item__date, .news-item_block .item__title { font-size: 14px; } .news-item_block .item__date { margin-top: 4px; } } .photo-report-block { margin-top: 70px; } .photo-report-block .info-box { padding: 13px 14px 20px; background: #f0ebf0; } .photo-report-block .info-title { color: #000; font-size: 16px; line-height: 1.3em; font-family: 'Montserrat Bold'; margin-top: 13px; } .photo-report-block .info-text { font-size: 16px; line-height: 1.5em; color: #000; } .photo-report-block .steps-list { margin: 10px -8px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .photo-report-block .step { padding: 30px 8px; width: 33.33%; } .photo-report-block .step__container { position: relative; } .photo-report-block .step__tip { position: absolute; top: 8px; left: 8px; width: 35px; height: 35px; background: #730b73; border-radius: 50%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; line-height: normal; font-size: 16px; color: #fff; } .photo-report-block .step__image { width: 100%; height: 250px; } .photo-report-block .step__image img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } .photo-report-block .step__title { margin: 10px 25px; color: #000; font-size: 16px; line-height: 1.5em; } @media (min-width: 992px) and (max-width: 1199.98px) { .photo-report-block .step__image { height: 200px; } } @media (min-width: 768px) { .photo-report-block .steps-photo-slider { display: none; } } @media (min-width: 768px) and (max-width: 991.98px) { .photo-report-block { margin-top: 50px; } .photo-report-block .steps-list { margin: 20px -8px 0; } .photo-report-block .step { padding: 20px 8px; width: 33.33%; } .photo-report-block .step__container { position: relative; } .photo-report-block .step__image { height: 160px; } .photo-report-block .step__title { margin: 10px 5px; font-size: 14px; } } @media (max-width: 767.98px) { .photo-report-block { margin-top: 0; background: #f0ebf0; } .photo-report-block .steps-photo-slider { position: relative; } .photo-report-block .steps-list { display: none; } .photo-report-block .steps-photo-slider__container { position: relative; } .photo-report-block .steps-photo-slider__container .step { width: 100%; } .photo-report-block .slider-controls { margin: 40px 2px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .photo-report-block .slider-controls .slider-button-prev, .photo-report-block .slider-controls .slider-button-next { top: 300px; } .photo-report-block .slider-controls .slider-button-next { right: 8px; } .photo-report-block .slider-controls .slider-button-prev { left: 8px; } } @media (max-width: 767.98px) { .photo-report-block .step { padding: 0; } .photo-report-block .step__title { padding: 15px 48px 0; } .photo-report-block .step__image { width: unset; } .photo-report-block .slider-controls .slider-button-next { right: 28px; } .photo-report-block .slider-controls .slider-button-prev { left: 28px; } } @media (max-width: 575.98px) { .photo-report-block { overflow-x: hidden; } .photo-report-block .steps-photo-slider { margin: 0 -20px 0; } } .previews-news-block { margin-top: 35px; } .previews-news-block .block-container { padding: 20px 10px 5px; background: #f0ebf0; } .previews-news-block .list { margin: 12px -50px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .previews-news-block .link_container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .previews-news-block .link.link-next { text-align: center; font-family: 'ProximaNova Semibold'; font-size: 16px; line-height: 1.1em; color: #000; border-bottom: 1px solid #000; } .previews-news-block .link.link-next:hover { border-color: #f89209; color: #f99b1d; } .previews-news-block .item { margin: 5px 50px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; max-width: 170px; } .previews-news-block .item__title { font-size: 16px; line-height: 1.5em; color: #010101; } .previews-news-block .item__date { margin-top: 3px; color: #010101; font-size: 16px; line-height: 1.5em; } .previews-news-block .item__image { height: 235px; width: 100%; } .previews-news-block .item__image img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } @media (min-width: 768px) { .previews-news-block .preview-news-slider__container { display: none; } } @media (max-width: 1199.98px) { .previews-news-block .list { margin: 12px -25px 0; } .previews-news-block .item { margin: 5px 25px; } } @media (max-width: 991.98px) { .previews-news-block { background: #f0ebf0; } .previews-news-block .list { margin: 12px -20px 0; } .previews-news-block .item { margin: 5px 20px; } } @media (max-width: 767.98px) { .previews-news-block { margin-top: 0; } .previews-news-block .list { display: none; } .previews-news-block .block-container { padding-top: 40px; padding-bottom: 15px; } .previews-news-block .preview-news-slider__container { max-width: 300px; margin: 30px auto 0; overflow: visible !important; } .previews-news-block .preview-news-slider__container .item { margin: 0 auto; } .previews-news-block .item { margin: 0; max-width: 190px; } .previews-news-block .item__title { -webkit-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; opacity: 0; font-size: 14px; } .previews-news-block .item__date { font-size: 14px; -webkit-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; text-align: center; opacity: 0; } .previews-news-block .item__image { height: 255px; position: relative; } .previews-news-block .item__image::before { content: ' '; position: absolute; left: 0; top: 0; -webkit-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; bottom: 0; right: 0; background: #f0ebf0; opacity: .12; } .previews-news-block .swiper-slide.swiper-slide-active .item__title { opacity: 1; } .previews-news-block .swiper-slide.swiper-slide-active .item__image::before { opacity: 0; } .previews-news-block .swiper-slide.swiper-slide-active .item__date { opacity: 1; } } @media (max-width: 575.98px) { .previews-news-block .preview-news-slider__container { max-width: 200px; overflow: visible !important; } } .news-slider-block { margin-top: 70px; } .news-slider-block .item__container { background: #f0ebf0; padding: 10px 35px 25px; } .news-slider-block .item__image { margin-top: 5px; height: 268px; width: 100%; } .news-slider-block .item__image img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } .news-slider-block .item__date { font-size: 16px; line-height: 1.2em; color: #0d0d0d; } .news-slider-block .item__title { margin-top: 3px; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-size: 18px; line-height: 1.2em; color: #0d0d0d; } .news-slider-block .item__text { margin-top: 18px; font-size: 16px; color: #0d0d0d; line-height: 1.5em; min-height: 160px; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .news-slider-block .slider-controls { margin-top: 48px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .news-slider-block .news-slider_pagination { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .news-slider-block .news-slider_pagination .bullet { display: block; margin: 3px 6px; font-size: 18px; line-height: normal; color: #0d0d0d; cursor: pointer; -webkit-transition: all ease 200ms; -o-transition: all ease 200ms; transition: all ease 200ms; } .news-slider-block .news-slider_pagination .bullet.active { color: #730b73; } @media (min-width: 768px) { .news-slider-block .slider-controls .slider-button-prev, .news-slider-block .slider-controls .slider-button-next { position: relative; top: 27px; } } @media (min-width: 768px) and (max-width: 991.98px) { .news-slider-block { margin-top: 50px; } } @media (max-width: 767.98px) { .news-slider-block { margin-top: -400px; } .news-slider-block .news-slider { position: relative; } .news-slider-block .slider-controls .slider-button-prev, .news-slider-block .slider-controls .slider-button-next { z-index: 1; top: 35%; } .news-slider-block .news-slider_pagination { display: none; } .news-slider-block .item__container { background: #f0ebf0; padding: 10px 35px 25px; } .news-slider-block .item__image { margin-top: 5px; height: 268px; width: 100%; } .news-slider-block .item__image img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } .news-slider-block .item__date { font-size: 14px; } .news-slider-block .item__title { font-size: 16px; } .news-slider-block .item__text { font-size: 16px; } } .contacts-block { margin-top: 60px; } .contacts-block .contacts_list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; list-style: none; padding: 0; margin: 0; } .contacts-block .contacts_list li a { display: block; font-size: 18px; line-height: normal; color: #000; position: relative; padding-left: 23px; font-family: 'Montserrat Bold'; } .contacts-block .contacts_list li a.telephone::before { content: ''; position: absolute; left: 0; font-family: 'Font Icons'; top: 50%; font-size: 18px; color: #f89b1d; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .contacts-block .contacts_list li a.email::before { content: '@'; position: absolute; left: 0; font-family: 'Montserrat Bold'; top: 50%; font-size: 18px; color: #f89b1e; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .contacts-block .contacts_list li + li { margin-top: 15px; } .contacts-block .contacts_list li.email_item { padding-top: 14px; position: relative; } .contacts-block .contacts_list li.email_item::before { content: ' '; position: absolute; left: 20px; top: 0; height: 1px; width: 305px; border-top: 1px solid #e0e0e0; } .contacts-block .map-contacts { position: relative; margin-top: 23px; } .contacts-block .map-contacts .map-contacts_map-container { width: 50%; margin-left: auto; position: absolute; min-height: 350px; top: 25px; right: 90px; bottom: 25px; left: 41%; max-width: 610px; } .contacts-block .map-contacts .map-contacts_map-container .map { visibility: hidden; opacity: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0; -webkit-transition: all ease 250ms; -o-transition: all ease 250ms; transition: all ease 250ms; } .contacts-block .map-contacts .map-contacts_map-container .map.active { opacity: 1; visibility: visible; } .contacts-block .map-contact { cursor: pointer; -webkit-transition: all ease 200ms; -o-transition: all ease 200ms; transition: all ease 200ms; } .contacts-block .map-contact.active { background: #f0ebf0; } .contacts-block .map-contact_container { padding: 30px 20px; width: 40.6%; max-width: 420px; } .contacts-block .map-contact .address { padding-left: 22px; position: relative; font-size: 18px; line-height: 1.2em; color: #000; font-family: 'Montserrat Bold'; } .contacts-block .map-contact .address::before { content: ''; position: absolute; top: 3px; left: 0; font-family: 'Font Icons'; color: #f99b1d; font-size: 20px; } .contacts-block .map-contact .address_description { padding-left: 22px; margin-top: 20px; font-size: 18px; line-height: 1.1em; font-family: 'ProximaNova Regular'; } @media (min-width: 992px) and (max-width: 1199.98px) { .contacts-block .map-contacts .map-contacts_map-container { right: 40px; } } @media (max-width: 767.98px) { .contacts-block { margin-top: 0; } .contacts-block .slider-controls { margin-top: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-bottom: 15px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .contacts-block .slider-controls .slider-button-prev, .contacts-block .slider-controls .slider-button-next { z-index: 1; position: relative; top: 8px; } .contacts-block .intro-title-block .block-container { padding: 60px 0 30px; } .contacts-block .intro-title-block .intro_title { min-height: unset; } .contacts-block .contacts_list { margin-top: 35px; } .contacts-block .contacts_list li a { display: block; font-size: 16px; line-height: normal; color: #000; position: relative; padding-left: 23px; font-family: 'Montserrat Bold'; } .contacts-block .contacts_list li a.telephone::before { font-size: 16px; } .contacts-block .contacts_list li a.email::before { font-size: 16px; content: '@'; } .contacts-block .contacts_list li + li { margin-top: 10px; } .contacts-block .map_container { margin-top: 20px; height: 300px; width: 100%; } .contacts-block .map-contact { cursor: pointer; -webkit-transition: all ease 200ms; -o-transition: all ease 200ms; transition: all ease 200ms; } .contacts-block .map-contact.active { background: #f0ebf0; } .contacts-block .map-contact_container { padding: 30px 20px; width: 40.6%; max-width: 420px; } .contacts-block .map-contact .address { padding-left: 22px; position: relative; font-size: 16px; } .contacts-block .map-contact .address::before { font-size: 16px; } .contacts-block .map-contact .address_description { font-size: 14px; } .contacts-block .map-contacts_mob { margin-top: 0; padding-top: 28px; background: #f0ebf0; } } .reviews-slider-block { margin-top: 75px; } .reviews-slider-block .reviews-slider { max-width: 900px; position: relative; margin: 0 auto; } .reviews-slider-block .review-info { width: 100%; } .reviews-slider-block .review-info_container { left: 0; right: 0; position: relative; background: #f0ebf0; padding: 12px 23px; line-height: 1.5em; font-size: 16px; color: #000; } .reviews-slider-block .review-info_container:not(.show) .text, .reviews-slider-block .review-info_container:not(.show) .title { opacity: .8; } .reviews-slider-block .review-info_container .text { -webkit-transition: all ease 100ms; -o-transition: all ease 100ms; transition: all ease 100ms; opacity: 1; margin-top: 4px; font-size: 16px; } .reviews-slider-block .review-info_container .title { -webkit-transition: all ease 200ms; -o-transition: all ease 200ms; transition: all ease 200ms; opacity: 1; font-size: 24px; } .reviews-slider-block .review-link { outline: none; padding-bottom: 18px; display: block; position: relative; } .reviews-slider-block .review-link::before { content: ' '; position: absolute; height: 13px; -webkit-transform: translateX(-50%) rotate(180deg); -ms-transform: translateX(-50%) rotate(180deg); transform: translateX(-50%) rotate(180deg); width: 22px; background: no-repeat center/contain url(/local/templates/best-gruzchik-new-2020/css/../img/arrow-down-sign-to-navigate.svg); left: 50%; bottom: 0; -webkit-transition: all ease 250ms; -o-transition: all ease 250ms; transition: all ease 250ms; } .reviews-slider-block .review-link .review-image { -webkit-box-shadow: 0px 10px 16px 0px rgba(0, 0, 0, 0.07); box-shadow: 0px 10px 16px 0px rgba(0, 0, 0, 0.07); -webkit-transition: all ease 250ms; -o-transition: all ease 250ms; transition: all ease 250ms; } .reviews-slider-block .review-link.collapsed .review-image { -webkit-box-shadow: none; box-shadow: none; } .reviews-slider-block .review-link.collapsed::before { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .reviews-slider-block .review-image { width: 100%; border: 1px solid #b2b2b2; } .reviews-slider-block .review-image img { width: 100%; } .reviews-slider-block .review-slide.list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -14px; } .reviews-slider-block .review-slide.list .item { padding: 14px; } .reviews-slider-block .review-slide.list .review-item { width: 33.33%; } .reviews-slider-block .review-slide.list .review-info { padding-left: 14px; padding-right: 14px; width: 100%; } @media (min-width: 768px) { .reviews-slider-block .reviews-slider_mob { display: none; } .reviews-slider-block .slider-controls { margin-top: 49px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .reviews-slider-block .slider-controls .slider-pagination { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .reviews-slider-block .slider-controls .slider-pagination .bullet { display: block; margin: 2px 3px; -webkit-transition: all ease 250ms; -o-transition: all ease 250ms; transition: all ease 250ms; width: 20px; height: 20px; outline: none; cursor: pointer; border-radius: 20px; border: 1px solid #020202; } .reviews-slider-block .slider-controls .slider-pagination .bullet:hover { border-color: #730b73; background: rgba(115, 11, 115, 0.6); } .reviews-slider-block .slider-controls .slider-pagination .bullet_active { background: #730b73; border-color: #730b73; } .reviews-slider-block .slider-controls .slider-button-prev, .reviews-slider-block .slider-controls .slider-button-next { top: unset; bottom: -34px; } .reviews-slider-block .slider-controls .slider-button-prev { left: -4px; } .reviews-slider-block .slider-controls .slider-button-next { right: -4px; } } @media (min-width: 992px) { .reviews-slider-block .review-slide { position: relative; } .reviews-slider-block .review-slide .review-info_container { width: 902px; } .reviews-slider-block .review-slide .review-item:first-child .review-info_container { -webkit-transform: translateX(14px); -ms-transform: translateX(14px); transform: translateX(14px); } .reviews-slider-block .review-slide .review-item:nth-child(2) .review-info_container { -webkit-transform: translateX(calc(-33.33% + 5px)); -ms-transform: translateX(calc(-33.33% + 5px)); transform: translateX(calc(-33.33% + 5px)); } .reviews-slider-block .review-slide .review-item:nth-child(3) .review-info_container { -webkit-transform: translateX(calc(-66.66% - 4px)); -ms-transform: translateX(calc(-66.66% - 4px)); transform: translateX(calc(-66.66% - 4px)); } } @media (min-width: 768px) and (max-width: 991.98px) { .reviews-slider-block .review-slide { counter-reset: num; position: relative; } .reviews-slider-block .review-slide .review-info_container { width: 690px; } .reviews-slider-block .review-slide .review-item:first-child .review-info_container { -webkit-transform: translateX(14px); -ms-transform: translateX(14px); transform: translateX(14px); } .reviews-slider-block .review-slide .review-item:nth-child(2) .review-info_container { -webkit-transform: translateX(calc(-33.33% + 5px)); -ms-transform: translateX(calc(-33.33% + 5px)); transform: translateX(calc(-33.33% + 5px)); } .reviews-slider-block .review-slide .review-item:nth-child(3) .review-info_container { -webkit-transform: translateX(calc(-66.66% - 4px)); -ms-transform: translateX(calc(-66.66% - 4px)); transform: translateX(calc(-66.66% - 4px)); } } @media (max-width: 767.98px) { .reviews-slider-block { margin-top: -270px; } .reviews-slider-block > .container { max-width: unset; padding: 0; } .reviews-slider-block .review-link { max-width: 300px; padding: 0 20px 18px; margin: 0 auto; } .reviews-slider-block .review-item { margin-bottom: 30px; } .reviews-slider-block .reviews-slider { margin: 0 auto; display: none; padding-bottom: 30px; } .reviews-slider-block .reviews-slider_mob { display: block; position: relative; } .reviews-slider-block .slider-controls { position: absolute; left: 0; right: 0; margin: 0 auto; max-width: 258px; top: 160px; } .reviews-slider-block .slider-controls .slider-button-prev { z-index: 4; } .reviews-slider-block .slider-controls .slider-button-next { z-index: 1; } .reviews-slider-block .review-info { padding: 15px 0; position: relative; } } .reviews-link-container { margin: 30px 0; } .reviews-link-container > .container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 767.98px) { .reviews-link-container { margin: 20px 0; } } .clients-reviews-slider-block { margin-top: 64px; } .clients-reviews-slider-block .reviews-slider { max-width: 1070px; margin: 0 auto; } .clients-reviews-slider-block .review-slide.list { margin: 0 -15px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .clients-reviews-slider-block .review-slide.list .review-item { padding: 15px; min-height: 100%; } .clients-reviews-slider-block .review-slide.list .review-item_container { height: 100%; } .clients-reviews-slider-block .review-slide.list .review-item.small { width: 43%; } .clients-reviews-slider-block .review-slide.list .review-item.big { width: 57%; } .clients-reviews-slider-block .review-item_container { background: #f0ebf0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 25px 28px; } .clients-reviews-slider-block .review-item_author { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; text-align: center; } .clients-reviews-slider-block .review-item_image { height: 70px; width: 70px; } .clients-reviews-slider-block .review-item_image img { width: 100%; height: 100%; border-radius: 50%; -o-object-fit: cover; object-fit: cover; } .clients-reviews-slider-block .review-item_name { margin-top: 3px; text-align: center; color: #0d0d0d; font-size: 16px; font-family: 'ProximaNova Bold'; line-height: normal; } .clients-reviews-slider-block .review-item_text { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; margin-left: 22px; font-size: 16px; line-height: 1.5em; color: #0d0d0d; } @media (min-width: 768px) { .clients-reviews-slider-block .reviews-slider_mob { display: none; } .clients-reviews-slider-block .slider-controls { margin: 40px auto 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .clients-reviews-slider-block .slider-controls .slider-button-prev, .clients-reviews-slider-block .slider-controls .slider-button-next { position: relative; top: 16px; } .clients-reviews-slider-block .slider-controls .slider-pagination { margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .clients-reviews-slider-block .slider-controls .slider-pagination .bullet { display: block; margin: 2px 3px; -webkit-transition: all ease 250ms; -o-transition: all ease 250ms; transition: all ease 250ms; width: 20px; height: 20px; outline: none; cursor: pointer; border-radius: 20px; border: 1px solid #020202; } .clients-reviews-slider-block .slider-controls .slider-pagination .bullet:hover { border-color: #730b73; background: rgba(115, 11, 115, 0.6); } .clients-reviews-slider-block .slider-controls .slider-pagination .bullet_active { background: #730b73; border-color: #730b73; } } @media (min-width: 768px) and (max-width: 991.98px) { .clients-reviews-slider-block .review-item_container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .clients-reviews-slider-block .review-item_text { margin: 15px 0 0; text-align: center; } } @media (max-width: 767.98px) { .clients-reviews-slider-block { background: #f0ebf0; margin-top: 0; } .clients-reviews-slider-block > .container { max-width: unset; } .clients-reviews-slider-block .reviews-slider { display: none; } .clients-reviews-slider-block .reviews-slider_mob { position: relative; display: block; padding-bottom: 40px; } .clients-reviews-slider-block .intro-title-block .block-container { padding-bottom: 20px; } .clients-reviews-slider-block .clients-reviews-mob-slider__container { overflow: visible !important; overflow-x: hidden; } .clients-reviews-slider-block .swiper-slide { -webkit-transition: all ease 200ms; -o-transition: all ease 200ms; transition: all ease 200ms; opacity: 0; } .clients-reviews-slider-block .swiper-slide.swiper-slide-active { opacity: 1; } .clients-reviews-slider-block .review-item { margin: -60px auto 0; max-width: 400px; } .clients-reviews-slider-block .review-item_container { background: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .clients-reviews-slider-block .review-item_text { font-size: 14px; line-height: 1.3em; margin: 30px 0 0; text-align: center; } } .preview-photo-report-block { margin-top: 65px; } .preview-photo-report-block .block-container { max-width: 960px; margin: 0 auto; } .preview-photo-report-block .slider-controls { max-width: 380px; margin: 50px auto 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .preview-photo-report-block .slider-controls .slider-button-prev, .preview-photo-report-block .slider-controls .slider-button-next { position: relative; top: 26px; } .preview-photo-report-block .slider-controls .slider-pagination { margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .preview-photo-report-block .slider-controls .slider-pagination .bullet { display: block; margin: 2px 3px; -webkit-transition: all ease 250ms; -o-transition: all ease 250ms; transition: all ease 250ms; width: 20px; height: 20px; outline: none; cursor: pointer; border-radius: 20px; border: 1px solid #020202; } .preview-photo-report-block .slider-controls .slider-pagination .bullet:hover { border-color: #730b73; background: rgba(115, 11, 115, 0.6); } .preview-photo-report-block .slider-controls .slider-pagination .bullet_active { background: #730b73; border-color: #730b73; } .preview-photo-report-block .filters-controls { margin: 0 -14px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .preview-photo-report-block .filters-controls .button-control { margin: 4px 14px; outline: none; text-decoration: none; font-size: 18px; line-height: normal; color: #0d0d0d; padding-left: 27px; position: relative; border: 0; background: none; cursor: pointer; } .preview-photo-report-block .filters-controls .button-control::before { content: ' '; width: 20px; height: 20px; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); border: 1px solid #050505; border-radius: 50%; -webkit-transition: all ease 250ms; -o-transition: all ease 250ms; transition: all ease 250ms; } .preview-photo-report-block .filters-controls .button-control.mixitup-control-active::before { border-color: #f59412; background: #f59412; } .preview-photo-report-block .main-news-slider__container { margin-top: 25px; } .preview-photo-report-block .swiper-wrapper { width: 100% !important; } .preview-photo-report-block .swiper-container { width: 100%; height: 700px; margin-left: auto; margin-right: auto; } .preview-photo-report-block .swiper-slide { padding: 0 14px; height: calc((100% - 30px) / 2); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .preview-photo-report-block .preview-photo-report-slider { margin: 20px -14px 0; } .preview-photo-report-block .preview-photo-report-slider .slide-items { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .preview-photo-report-block .preview-photo-report-slider .item { width: 100%; display: block; position: relative; } .preview-photo-report-block .preview-photo-report-slider .item__image { height: 290px; width: 100%; position: relative; } .preview-photo-report-block .preview-photo-report-slider .item__image img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } .preview-photo-report-block .preview-photo-report-slider .item__top { position: relative; } .preview-photo-report-block .preview-photo-report-slider .item__add-info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: absolute; left: -14px; right: -14px; top: 77%; } .preview-photo-report-block .preview-photo-report-slider .item__price { background: #f0ebf0; border-radius: 16px; font-size: 24px; color: #0d0d0d; line-height: normal; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; min-width: 185px; min-height: 50px; text-align: center; padding: 3px 5px; } .preview-photo-report-block .preview-photo-report-slider .item__link { font-size: 24px; line-height: normal; background: #ffa938; background: -webkit-gradient(linear, left top, left bottom, from(#ffa938), to(#f4920f)); background: -o-linear-gradient(top, #ffa938 0%, #f4920f 100%); background: linear-gradient(180deg, #ffa938 0%, #f4920f 100%); font-family: 'ProximaNova Bold'; color: #fff; min-height: 52px; min-width: 245px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 5px; } .preview-photo-report-block .preview-photo-report-slider .item__info { margin-top: 4px; color: #000; text-align: center; } .preview-photo-report-block .preview-photo-report-slider .item__title { -o-text-overflow: ellipsis; text-overflow: ellipsis; font-size: 18px; line-height: 1.3em; } .preview-photo-report-block .preview-photo-report-slider .item__text { -o-text-overflow: ellipsis; text-overflow: ellipsis; line-height: 1.3em; font-size: 16px; } @media (min-width: 768px) and (max-width: 991.98px) { .preview-photo-report-block .preview-photo-report-slider .slide-items { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .preview-photo-report-block .preview-photo-report-slider .swiper-container { height: 720px; } .preview-photo-report-block .preview-photo-report-slider .item { display: block; position: relative; } .preview-photo-report-block .preview-photo-report-slider .item__image { height: 250px; } .preview-photo-report-block .preview-photo-report-slider .item__add-info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: absolute; left: -14px; right: -14px; top: 77%; } .preview-photo-report-block .preview-photo-report-slider .item__price { border-radius: 14px; font-size: 20px; min-width: 135px; min-height: 46px; padding: 3px 5px; } .preview-photo-report-block .preview-photo-report-slider .item__link { font-size: 20px; min-height: 48px; min-width: 185px; padding: 5px; } .preview-photo-report-block .preview-photo-report-slider .item__info { margin-top: 4px; color: #000; text-align: center; } .preview-photo-report-block .preview-photo-report-slider .item__title { font-size: 18px; line-height: 1.3em; } .preview-photo-report-block .preview-photo-report-slider .item__text { line-height: 1.3em; font-size: 16px; } } @media (max-width: 767.98px) { .preview-photo-report-block { padding-bottom: 30px; margin-bottom: 20px; margin-top: 0; } .preview-photo-report-block .slider-controls { margin: 30px auto 0; } .preview-photo-report-block .slider-controls .slider-button-prev, .preview-photo-report-block .slider-controls .slider-button-next { position: relative; top: 20px; } .preview-photo-report-block .intro-title-block .block-container { padding-bottom: 190px; position: relative; } .preview-photo-report-block .intro-title-block .block-container::before { content: ' '; position: absolute; bottom: 0; left: 0; right: 0; top: 50%; background: white; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(49%, rgba(255, 255, 255, 0.739933)), to(white)); background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.739933) 49%, white 100%); background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.739933) 49%, white 100%); opacity: .5; } .preview-photo-report-block .swiper-slide { padding: 0; } .preview-photo-report-block .filters-controls { margin-top: -200px; } .preview-photo-report-block .preview-photo-report-slider { margin: 20px 0 0; } .preview-photo-report-block .preview-photo-report-slider .item__image { height: 220px; } .preview-photo-report-block .preview-photo-report-slider .item__add-info { top: 72%; left: 0; right: 0; } .preview-photo-report-block .preview-photo-report-slider .item__price { border-radius: 0 10px 10px 0; font-size: 22px; min-width: 150px; min-height: 46px; padding: 3px 5px; } .preview-photo-report-block .preview-photo-report-slider .item__link { font-size: 22px; min-height: 48px; min-width: 185px; padding: 0 15px; } .preview-photo-report-block .preview-photo-report-slider .item__info { padding: 0 14px; } .preview-photo-report-block .preview-photo-report-slider .item__title { font-size: 16px; } .preview-photo-report-block .preview-photo-report-slider .item__text { font-size: 14px; } .preview-photo-report-block .filters-controls .button-control { margin: 4px 14px; font-size: 16px; padding-left: 25px; cursor: pointer; } .preview-photo-report-block .filters-controls .button-control::before { content: ' '; width: 18px; height: 18px; } .preview-photo-report-block .swiper-container { height: unset !important; } } @media (max-width: 575.98px) { .preview-photo-report-block .preview-photo-report-slider { margin: 20px -20px 0; } .preview-photo-report-block .preview-photo-report-slider .item__price { border-radius: 0 10px 10px 0; font-size: 20px; min-width: 140px; min-height: 46px; padding: 3px 5px; } .preview-photo-report-block .preview-photo-report-slider .item__link { font-size: 16px; min-height: 48px; min-width: 155px; padding: 0 15px; } .preview-photo-report-block .preview-photo-report-slider .item__info { margin-top: 6px; padding: 0 14px; } .preview-photo-report-block .preview-photo-report-slider .item__title { font-size: 16px; } .preview-photo-report-block .preview-photo-report-slider .item__text { font-size: 14px; } } .contacts-callback-block { margin-top: 65px; } .contacts-callback-block .block-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; max-width: 1000px; margin: 0 auto; } .contacts-callback-block .column-text { margin-left: 25px; width: 40%; } .contacts-callback-block .column-text .text { max-width: 280px; font-size: 16px; line-height: 1.5em; color: #0c0c0c; } .contacts-callback-block .column-text .text p + p { margin-top: 30px; } .contacts-callback-block .column-text a { margin-top: 20px; display: block; color: #0c0c0c; font-size: 30px; font-family: 'ProximaNova Bold'; } .contacts-callback-block .column-text a:hover { color: #ffa936; } .contacts-callback-block .column-form { width: 60%; } .contacts-callback-block .form { margin: 0 -7px; } .contacts-callback-block .form .button { background: #651565; background: -webkit-gradient(linear, left top, left bottom, from(#651565), to(#450d45)); background: -o-linear-gradient(top, #651565 0%, #450d45 100%); background: linear-gradient(180deg, #651565 0%, #450d45 100%); min-width: 220px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 56px; color: #fff; font-family: 'Montserrat Bold'; text-align: center; font-size: 18px; line-height: normal; } .contacts-callback-block .form .form-control { padding: 7px; width: 100%; } .contacts-callback-block .form .form-control input, .contacts-callback-block .form .form-control textarea { padding-left: 20px; padding-right: 20px; height: 56px; width: 100%; border: 1px solid #621562; color: #0c0c0c; background: none; outline: none; } .contacts-callback-block .form .form-control input::-webkit-input-placeholder, .contacts-callback-block .form .form-control textarea::-webkit-input-placeholder { font-size: 16px; color: #4a4949; line-height: normal; } .contacts-callback-block .form .form-control input::-moz-placeholder, .contacts-callback-block .form .form-control textarea::-moz-placeholder { font-size: 16px; color: #4a4949; line-height: normal; } .contacts-callback-block .form .form-control input:-moz-placeholder, .contacts-callback-block .form .form-control textarea:-moz-placeholder { font-size: 16px; color: #4a4949; line-height: normal; } .contacts-callback-block .form .form-control input::-ms-input-placeholder, .contacts-callback-block .form .form-control textarea::-ms-input-placeholder { font-size: 16px; color: #4a4949; line-height: normal; } .contacts-callback-block .form .form-control input::input-placeholder, .contacts-callback-block .form .form-control textarea::input-placeholder { font-size: 16px; color: #4a4949; line-height: normal; } .contacts-callback-block .form .form-control textarea { padding: 15px 20px; height: 165px; } .contacts-callback-block .form .group { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .contacts-callback-block .form .group .form-control { width: 50%; } @media (min-width: 768px) and (max-width: 991.98px) { .contacts-callback-block .column-text .text { font-size: 14px; } .contacts-callback-block .form .button { min-width: 170px; } } @media (max-width: 767.98px) { .contacts-callback-block { margin-top: 0; background: #f0ebf0; padding-bottom: 50px; } .contacts-callback-block .block-container { padding-top: 30px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-right: 0; } .contacts-callback-block .column-text { width: 100%; margin-left: 0; } .contacts-callback-block .column-form { margin-top: 25px; width: 100%; } .contacts-callback-block .form .button { width: 100%; } .contacts-callback-block .form .form-control { padding: 7px; width: 100%; } .contacts-callback-block .form .form-control input, .contacts-callback-block .form .form-control textarea { padding-left: 20px; padding-right: 20px; height: 56px; width: 100%; border: 1px solid #621562; color: #0c0c0c; outline: none; } .contacts-callback-block .form .form-control input::-webkit-input-placeholder, .contacts-callback-block .form .form-control textarea::-webkit-input-placeholder { font-size: 16px; color: #4a4949; line-height: normal; } .contacts-callback-block .form .form-control input::-moz-placeholder, .contacts-callback-block .form .form-control textarea::-moz-placeholder { font-size: 16px; color: #4a4949; line-height: normal; } .contacts-callback-block .form .form-control input:-moz-placeholder, .contacts-callback-block .form .form-control textarea:-moz-placeholder { font-size: 16px; color: #4a4949; line-height: normal; } .contacts-callback-block .form .form-control input::-ms-input-placeholder, .contacts-callback-block .form .form-control textarea::-ms-input-placeholder { font-size: 16px; color: #4a4949; line-height: normal; } .contacts-callback-block .form .form-control input::input-placeholder, .contacts-callback-block .form .form-control textarea::input-placeholder { font-size: 16px; color: #4a4949; line-height: normal; } .contacts-callback-block .form .form-control textarea { padding: 15px 20px; height: 165px; } .contacts-callback-block .form .group { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .contacts-callback-block .form .group .form-control { width: 100%; } } .answers-slider-block { max-width: 1020px; margin: 50px auto 0; border-top: 1px solid #000; padding-top: 55px; padding-bottom: 20px; } .answers-slider-block .slider-controls { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-top: 48px; } .answers-slider-block .slider-controls .slider-button-prev, .answers-slider-block .slider-controls .slider-button-next { position: relative; top: 26px; } .answers-slider-block .question { padding: 20px 20px 40px; min-height: 150px; margin-right: 190px; -webkit-box-shadow: -4px -5px 5px 1px rgba(0, 0, 0, 0.03); box-shadow: -4px -5px 5px 1px rgba(0, 0, 0, 0.03); background: #f0ebf0; } .answers-slider-block .question__title { font-size: 16px; font-family: 'ProximaNova Bold'; line-height: 1.5em; color: #000000; } .answers-slider-block .question__text { font-size: 16px; line-height: 1.5em; color: #000000; } .answers-slider-block .answer { margin: -25px 0 0 290px; padding: 20px; font-size: 16px; line-height: 1.5em; color: #000000; -webkit-box-shadow: 4px 5px 5px 1px rgba(0, 0, 0, 0.07); box-shadow: 4px 5px 5px 1px rgba(0, 0, 0, 0.07); background: #f59514; } .answers-slider-block .answer-slide { padding: 5px 10px 10px; } .answers-slider-block .slider_pagination { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .answers-slider-block .slider_pagination .bullet { display: block; margin: 3px 6px; font-size: 18px; line-height: normal; color: #0d0d0d; cursor: pointer; -webkit-transition: all ease 200ms; -o-transition: all ease 200ms; transition: all ease 200ms; } .answers-slider-block .slider_pagination .bullet.active { color: #f59514; } @media (min-width: 768px) and (max-width: 991.98px) { .answers-slider-block .question { margin-right: 100px; } .answers-slider-block .answer { margin: -25px 0 0 200px; } } @media (min-width: 768px) { .answers-slider-block .container.slide-container { max-width: unset; padding: 0; } } @media (max-width: 767.98px) { .answers-slider-block { margin-top: 20px; padding-bottom: 20px; border-top: none; padding: 0 0 30px; } .answers-slider-block .container.container-1 { max-width: unset; padding: 0; } .answers-slider-block .question { padding: 20px 20px 40px; min-height: 150px; margin-right: 0; -webkit-box-shadow: none; box-shadow: none; } .answers-slider-block .question__title { font-size: 16px; font-family: 'ProximaNova Bold'; line-height: 1.5em; } .answers-slider-block .question__text { font-size: 16px; line-height: 1.5em; } .answers-slider-block .answer { margin: 0; padding: 20px; font-size: 16px; line-height: 1.5em; } .answers-slider-block .answer-slide { padding: 0; } .answers-slider-block .slider-controls { margin-top: 25px; } } .main-services-slider-block { margin-top: 55px; } .main-services-slider-block .swiper-wrapper { width: 100% !important; } .main-services-slider-block .swiper-container { width: 100%; margin-left: auto; margin-right: auto; } .main-services-slider-block .swiper-slide { padding: 0 14px; height: calc((100% - 30px) / 2); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .main-services-slider-block .service-item { width: 100%; } .main-services-slider-block .service-image { height: 220px; width: 100%; -webkit-box-shadow: 10px 10px 12px 0px rgba(0, 0, 0, 0.25); box-shadow: 10px 10px 12px 0px rgba(0, 0, 0, 0.25); } .main-services-slider-block .service-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .main-services-slider-block .service-title { margin-top: 23px; font-size: 24px; line-height: 1.2em; color: #000; text-align: center; } .main-services-slider-block .services-slider { position: relative; margin: 0 -14px; padding-bottom: 40px; } .main-services-slider-block .main-services-slider__container { height: 660px; } .main-services-slider-block .slider-button-prev, .main-services-slider-block .slider-button-next { top: unset; bottom: 0; } .main-services-slider-block .slider-button-prev { left: 7px; } .main-services-slider-block .slider-button-next { top: unset; right: 7px; } @media (max-width: 1199.98px) { .main-services-slider-block .main-services-slider__container { height: 610px; } .main-services-slider-block .service-image { height: 190px; } .main-services-slider-block .service-title { margin-top: 20px; font-size: 22px; } } @media (max-width: 767.98px) { .main-services-slider-block { margin-top: 0; } .main-services-slider-block .intro-title-block .intro_title { min-height: 130px; font-size: 24px; } .main-services-slider-block .main-services-slider__container { height: 560px; } .main-services-slider-block .slider-button-prev { left: 15px; } .main-services-slider-block .slider-button-next { top: unset; right: 15px; } .main-services-slider-block .block-container { max-width: 400px; margin: 0 auto; } .main-services-slider-block .block-content { padding-bottom: 15px; background: no-repeat center/cover url(/local/templates/best-gruzchik-new-2020/css/../images/pages/news/intro-mob.jpg); } .main-services-slider-block .services-slider { padding-bottom: 20px; } .main-services-slider-block .service-image { height: 190px; } .main-services-slider-block .service-title { margin-top: 18px; font-size: 20px; } } .index-intro-block-mob .block-container { background: no-repeat center/cover url(/local/templates/best-gruzchik-new-2020/css/../images/pages/index/intro-img_mob.webp); } .index-intro-block-mob .block-content { margin: 0 auto; max-width: 360px; padding: 80px 0; } .index-intro-block-mob .title { color: #fff; text-align: center; font-size: 24px; line-height: 1.2em; font-family: 'ProximaNova Bold'; } .index-intro-block-mob .intro-text { color: #fff; text-align: center; margin-top: 28px; font-size: 12px; line-height: 1.7em; font-family: 'ProximaNova Semibold'; } .index-intro-block-mob .intro-form { margin-top: 32px; } .index-intro-block-mob .intro-form .form-control input { border: none; padding-left: 15px; padding-right: 15px; width: 100%; height: 60px; outline: none; border-radius: 5px; } .index-intro-block-mob .intro-form .form-control input::-webkit-input-placeholder { color: #949494; } .index-intro-block-mob .intro-form .form-control input::-moz-placeholder { color: #949494; } .index-intro-block-mob .intro-form .form-control input:-moz-placeholder { color: #949494; } .index-intro-block-mob .intro-form .form-control input::-ms-input-placeholder { color: #949494; } .index-intro-block-mob .intro-form .form-control input::input-placeholder { color: #949494; } .index-intro-block-mob .intro-form .button.callback { outline: none; background: #f4920e; border-radius: 30px; margin-top: 14px; width: 100%; padding: 13px 15px; } .index-intro-block-mob .intro-form .button.callback:hover { background: #ed8d0b; } .index-intro-block-mob .intro-form .button.callback span { padding-left: 22px; position: relative; font-size: 16px; line-height: normal; color: #fff; } .index-intro-block-mob .intro-form .button.callback span::before { content: ' '; position: absolute; width: 14px; height: 14px; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: no-repeat center/contain url(/local/templates/best-gruzchik-new-2020/css/../img/icon-phone_white.png); } .page-404#content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 30px 0; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-bottom: 0; min-height: calc(100vh - 150px); } .page-404 > .container-1 { height: 100%; } .page-404 .block-container { max-width: 1100px; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; } .page-404 .column-info { width: 56.5%; max-width: 540px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .page-404 .column-image { width: 43.5%; height: 100%; max-width: 430px; margin-left: 100px; } .page-404 .column-image img { width: 100%; max-height: 470px; height: 100%; -o-object-fit: contain; object-fit: contain; } .page-404 .title { font-size: 261px; line-height: .8em; text-align: center; color: #730b73; font-family: 'ProximaNova Bold'; } .page-404 .subtitle { margin-top: 20px; font-size: 35px; font-family: 'ProximaNova Bold'; text-align: center; line-height: 1em; color: #000; } .page-404 .text { margin-top: 25px; font-size: 18px; line-height: 1.55em; color: #474747; text-align: center; } .page-404 .button { margin-top: 25px; min-width: 355px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; min-height: 46px; border: 2px solid #f4920d; font-family: 'ProximaNova Bold'; background: #f4920d; font-size: 18px; line-height: normal; color: #fff; text-align: center; } .page-404 .button:hover { background: #fff; color: #f4920d; } .page-404 .block-container { max-height: 470px; } @media (max-width: 1199.98px) { .page-404 .title { font-size: 218px; } .page-404 .subtitle { font-size: 28px; } .page-404 .block-container { max-height: 400px; } .page-404 .text { font-size: 18px; } .page-404 .column-image { max-height: 400px; } } @media (max-width: 991.98px) { .page-404#content { min-height: calc(100vh - 97px); } .page-404 > .container-1 { height: 100%; } .page-404 .column-info { width: 62.4%; max-width: 540px; } .page-404 .column-image { margin-left: 60px; width: 37.6%; max-width: 430px; } .page-404 .title { font-size: 162px; } .page-404 .subtitle { font-size: 18px; } .page-404 .text { font-size: 14px; } } @media (max-width: 767.98px) { .page-404 .block-container { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .page-404 .column-info { width: 62.4%; padding-right: 20px; } .page-404 .column-image { margin-left: 0; width: 37.6%; } .page-404 .column-button { margin: 70px auto 0; width: 100%; } .page-404 .column-button .button { margin: 0 auto; min-width: unset; max-width: 280px; } } @media (max-width: 575.98px) { .page-404 .column-info { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .page-404 .column-button { margin: 40px auto 0; } .page-404 .title { font-size: 100px; } .page-404 .subtitle { margin-top: 10px; font-size: 16px; } .page-404 .text { margin-top: 15px; font-size: 11px; line-height: 1.3em; } .page-404 .button { min-height: 42px; margin-top: 25px; font-size: 15px; } } .intro-title-block .block-container { background-position: center; background-repeat: no-repeat; background-size: cover; } .intro-title-block .intro_title { text-transform: uppercase; min-height: 150px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; color: #040404; font-size: 30px; line-height: 1.3em; font-family: 'Montserrat ExtraBold'; } .intro-title-block.news-intro-title-block .block-container { padding-bottom: 400px; } @media (max-width: 767.98px) { .intro-title-block.reviews-intro-title .block-container { padding-bottom: 250px; } } @media (max-width: 767.98px) { .intro-title-block .intro_title { font-size: 24px; } } @media (max-width: 575.98px) { .intro-title-block .intro_title { font-size: 20px; } } .services-prices-nav-block { margin-top: 70px; } .services-prices-nav-block .links-box { padding: 0; margin: 0; list-style: none; min-height: 100%; } .services-prices-nav-block .links-box a { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; background: red; display: block; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; font-family: 'Montserrat Bold'; line-height: 1.1em; font-size: 18px; color: #fff; text-align: center; background: #f4920f; background: -webkit-gradient(linear, left bottom, left top, from(#f4920f), to(#ffa936)); background: -o-linear-gradient(bottom, #f4920f 0%, #ffa936 100%); background: linear-gradient(0deg, #f4920f 0%, #ffa936 100%); border-radius: 16px; min-height: 90px; max-height: 123px; -webkit-transition: all ease 280s; -o-transition: all ease 280s; transition: all ease 280s; -webkit-box-shadow: 4px 0px 10px 1px rgba(0, 0, 0, 0.17); box-shadow: 4px 0px 10px 1px rgba(0, 0, 0, 0.17); } .services-prices-nav-block .links-box a:hover { -webkit-box-shadow: 4px 0px 10px 1px rgba(0, 0, 0, 0.3); box-shadow: 4px 0px 10px 1px rgba(0, 0, 0, 0.3); } .services-prices-nav-block .links-box a + a { margin-top: 30px; } .services-prices-nav-block .nav-box_title { background: #730b73; color: #fff; font-family: 'Montserrat Bold'; font-size: 18px; line-height: 1.4em; min-height: 60px; padding: 16px 35px 14px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .services-prices-nav-block .nav-box_list { background: #f0ebf0; padding: 45px 23px 35px; list-style: none; margin: 0; } .services-prices-nav-block .nav-box_list li + li { margin-top: 20px; } .services-prices-nav-block .nav-box_list li a { font-family: 'ProximaNova Semibold'; font-size: 18px; line-height: 1.3em; color: #730b73; padding-left: 38px; position: relative; border-bottom: 1px dotted transparent; -webkit-transition: all ease 280ms; -o-transition: all ease 280ms; transition: all ease 280ms; } .services-prices-nav-block .nav-box_list li a::before { content: ' '; position: absolute; -webkit-transition: all ease 280ms; -o-transition: all ease 280ms; transition: all ease 280ms; left: 0; top: 7px; width: 8px; height: 8px; background: #730b73; border-radius: 50%; } .services-prices-nav-block .nav-box_list li a:hover { color: #f69517; } .services-prices-nav-block .nav-box_list li a:hover::before { background: #f69517; } .services-prices-nav-block .nav-box_list li.parent > ul { list-style: none; padding: 20px 0 0 0; margin: 0; } .services-prices-nav-block .nav-box_list li.parent > ul li + li { margin-top: 15px; } .services-prices-nav-block .nav-box_list li.parent > a { padding-right: 10px; position: relative; } .services-prices-nav-block .nav-box_list li.parent > a::after { content: ' '; position: absolute; right: 0; top: 50%; width: 18px; height: 12px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all ease 250ms; -o-transition: all ease 250ms; transition: all ease 250ms; background: no-repeat center/contain url(/local/templates/best-gruzchik-new-2020/css/../img/arrow-down-sign-to-navigate.svg); } .services-prices-nav-block .nav-box_list li.parent > a.active::after { -webkit-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } .benefits-icons-block { margin-top: 110px; } .benefits-icons-block .block-container { background: #f6f4f6; padding: 70px 0 65px; } .benefits-icons-block .list { margin: 40px auto 0; max-width: 740px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .benefits-icons-block .list .benefit { width: 33.3%; padding: 10px; } .benefits-icons-block .list .benefit_container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .benefits-icons-block .list .benefit_icon { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 45px; } .benefits-icons-block .list .benefit_icon img { -o-object-fit: contain; object-fit: contain; width: 100%; } .benefits-icons-block .list .benefit_title { margin-left: 20px; font-family: 'ProximaNova Bold'; font-size: 20px; line-height: 1.2em; color: #000; } @media (max-width: 767.98px) { .benefits-icons-block { margin-top: 150px; } .benefits-icons-block .block-container { background: none; padding: 0; } .benefits-icons-block .list { margin-top: 30px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; max-width: 260px; } .benefits-icons-block .list .benefit { width: 100%; padding: 20px 10px; } .benefits-icons-block .list .benefit_container { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .benefits-icons-block .list .benefit_title { font-size: 18px; margin-left: 45px; font-family: 'ProximaNova Regular'; } } .guarantee-info-block { margin-top: 85px; } .guarantee-info-block .columns { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .guarantee-info-block .columns.reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .guarantee-info-block .image-column img { height: 100%; width: 100%; max-height: 520px; -o-object-fit: cover; object-fit: cover; } .guarantee-info-block .info-column { background: #f0ebf0; padding: 60px; color: #040404; } .guarantee-info-block .info-column .title { font-family: 'Montserrat Bold'; font-size: 24px; line-height: 1em; } .guarantee-info-block .info-column .title + .text { margin-top: 35px; } .guarantee-info-block .info-column .text { font-size: 16px; line-height: 1.5em; } .guarantee-info-block .info-column, .guarantee-info-block .image-column { margin: 15px; width: calc(50% - 30px); } @media (max-width: 1199.98px) { .guarantee-info-block .info-column { padding: 30px; } } .guarantee-docs-block { margin-top: 70px; } .guarantee-docs-block .docs-item { min-height: 100%; } .guarantee-docs-block .docs-item.full { width: 100%; } .guarantee-docs-block .docs-item_image { margin: 0 auto 20px; height: 45px; width: 45px; } .guarantee-docs-block .docs-item_image img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .guarantee-docs-block .docs-item-buttons { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .guarantee-docs-block .docs-item-buttons .button { min-width: 300px; } .guarantee-docs-block .docs-item-buttons .button + .button { margin-left: 20px; } .guarantee-docs-block .docs-item_container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; border: 2px solid #f0ebf0; padding: 28px 38px 28px 45px; } .guarantee-docs-block .docs-item-full_title { padding-right: 40px; min-width: 240px; color: #730b73; padding-bottom: 12px; position: relative; font-size: 24px; line-height: 1em; font-family: 'Montserrat Bold'; } .guarantee-docs-block .docs-item-full_title::before { content: ' '; position: absolute; left: 0; bottom: 0; width: 115px; height: 1px; border-bottom: 3px solid #f99b1d; } .guarantee-docs-block .docs-item-buttons { font-size: 16px; line-height: 1.5em; color: #730b73; } .guarantee-docs-block .docs-item_image { width: 45px; height: 45px; } .guarantee-docs-block .docs-item_image img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } @media (max-width: 1199.98px) { .guarantee-docs-block .docs-item-buttons .button { min-width: 250px; } .guarantee-docs-block .docs-item-buttons .button + .button { margin-left: 20px; } } @media (max-width: 991.98px) { .guarantee-docs-block { margin-top: 60px; } .guarantee-docs-block .docs-item_container { padding: 20px 20px 20px; } .guarantee-docs-block .docs-item_container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 28px 30px 28px 40px; } .guarantee-docs-block .docs-item-full_title { margin-bottom: 20px; padding: 0 0 15px 0; } .guarantee-docs-block .docs-item-full_title::before { border-bottom: 2px solid #f99b1d; } } @media (max-width: 991.98px) { .guarantee-docs-block .docs-item-full_title { font-size: 16px; color: #fff; padding-bottom: 0; } .guarantee-docs-block .docs-item-full_title::before { display: none; } .guarantee-docs-block .docs-item_container { text-align: center; padding: 50px 20px 50px; background: #730b73; } .guarantee-docs-block .docs-item-buttons { margin-top: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .guarantee-docs-block .docs-item-buttons .button { width: 100%; } .guarantee-docs-block .docs-item-buttons .button + .button { margin: 15px 0 0 0; } } .contacts-column-block { margin-top: 85px; } .contacts-column-block .list { margin: 0 -15px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .contacts-column-block .map-column img { height: 100%; width: 100%; max-height: 520px; -o-object-fit: cover; object-fit: cover; } .contacts-column-block .info-column { background: #f0ebf0; padding: 20px 50px; color: #040404; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .contacts-column-block .info-column .icon { margin-bottom: 30px; width: 50px; } .contacts-column-block .info-column .icon img { width: 100%; } .contacts-column-block .info-column .title { font-family: 'Montserrat Bold'; font-size: 24px; line-height: 1.5em; } .contacts-column-block .info-column .title + .text { margin-top: 15px; } .contacts-column-block .info-column .text { font-size: 16px; line-height: 1.5em; } .contacts-column-block .info-column, .contacts-column-block .map-column { margin: 15px; width: calc(50% - 30px); min-height: 420px; } @media (max-width: 1199.98px) { .contacts-column-block .info-column { padding: 30px; } } @media (max-width: 991.98px) { .contacts-column-block .list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .contacts-column-block .list.reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .contacts-column-block .info-column, .contacts-column-block .map-column { margin: 15px; width: calc(100% - 30px); min-height: 300px; } .contacts-column-block .map-column { height: 300px; } .contacts-column-block .info-column { padding: 30px 15px; text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .contacts-column-block .info-column .icon { margin-bottom: 30px; width: 50px; } .contacts-column-block .info-column .icon img { width: 100%; } .contacts-column-block .info-column .title { font-family: 'Montserrat Bold'; font-size: 20px; line-height: 1.5em; } .contacts-column-block .info-column .title + .text { margin-top: 15px; } .contacts-column-block .info-column .text { font-size: 16px; line-height: 1.5em; } } @media (max-width: 767.98px) { .contacts-column-block { margin-top: 50px; } .contacts-column-block .map-column { height: 230px; } } .about-us_benefits-block { margin-top: 70px; } .about-us_benefits-block .list { margin: 0 -17px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .about-us_benefits-block .benefit-item { width: 33.33%; padding: 17px; min-height: 100%; } .about-us_benefits-block .benefit-item.full { width: 100%; } .about-us_benefits-block .benefit-item_container { height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 30px 20px 26px; background: #730b73; } .about-us_benefits-block .benefit-item-full_container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border: 2px solid #f0ebf0; padding: 28px 38px 28px 45px; } .about-us_benefits-block .benefit-item-full_title { padding-right: 40px; min-width: 240px; color: #730b73; position: relative; font-size: 24px; line-height: 1em; font-family: 'Montserrat Bold'; } .about-us_benefits-block .benefit-item-full_title::before { content: ' '; position: absolute; left: 0; bottom: 0; width: 115px; height: 1px; border-bottom: 3px solid #f99b1d; } .about-us_benefits-block .benefit-item-full_text { font-size: 16px; line-height: 1.5em; color: #730b73; } .about-us_benefits-block .benefit-item_image { width: 45px; height: 45px; } .about-us_benefits-block .benefit-item_image img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .about-us_benefits-block .benefit-item_text { text-align: center; margin-top: 15px; color: #fff; font-size: 18px; line-height: 1.35em; } @media (max-width: 991.98px) { .about-us_benefits-block { margin-top: 60px; } .about-us_benefits-block .benefit-item_container { padding: 20px 20px 20px; } .about-us_benefits-block .benefit-item-full_container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 28px 30px 28px 40px; } .about-us_benefits-block .benefit-item-full_title { margin-bottom: 20px; padding: 0 0 15px 0; } .about-us_benefits-block .benefit-item-full_title::before { border-bottom: 2px solid #f99b1d; } } @media (max-width: 767.98px) { .about-us_benefits-block { margin-top: 40px; } .about-us_benefits-block .list { margin: 0 -10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .about-us_benefits-block .benefit-item { width: 100%; padding: 10px; } .about-us_benefits-block .benefit-item_container { padding: 25px 6px; } .about-us_benefits-block .benefit-item-full_container { padding: 21px; } .about-us_benefits-block .benefit-item_text { margin-top: 12px; } } .contacts-info_block { margin-top: 60px; } .contacts-info_block .block-container { background: #730b73; padding: 40px 50px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .contacts-info_block .block-container .contact-link { display: block; font-size: 24px; color: #fff; line-height: normal; } .contacts-info_block .block-container .contact-link + a { margin-top: 8px; } .contacts-info_block .block-container .contact-link span { font-family: 'Montserrat Bold'; } .contacts-info_block .icon { width: 44px; height: 44px; margin: 0 auto 30px; } .contacts-info_block .icon img { height: 100%; width: 100%; -o-object-fit: contain; object-fit: contain; } @media (min-width: 768px) and (max-width: 991.98px) { .contacts-info_block .block-container { padding: 30px 25px; } .contacts-info_block .block-container .contact-link { display: block; font-size: 18px; } .contacts-info_block .block-container .contact-link + a { margin-top: 8px; } } @media (max-width: 767.98px) { .contacts-info_block .block-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 50px 15px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .contacts-info_block .block-container .button { margin-top: 20px; } .contacts-info_block .block-container .contact-link { display: block; font-size: 18px; text-align: center; } .contacts-info_block .block-container .contact-link + a { margin-top: 8px; } .contacts-info_block .block-container .contact-link span { margin-bottom: 4px; display: block; } } .guarantees-block { margin-top: 100px; } .guarantees-block .block-container { padding-top: 80px; padding-bottom: 90px; background: #f0ebf0; } .guarantees-block .block-content { margin-top: 50px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .guarantees-block .image-column { width: 49.1%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; min-height: 100%; } .guarantees-block .image-column img { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100%; } .guarantees-block .info-column { padding-left: 30px; width: 50.9%; } .guarantees-block .info-column .card { padding-top: 30px; padding-bottom: 30px; position: relative; border-top: 4px solid #eae0ea; border-bottom: 4px solid #eae0ea; } .guarantees-block .info-column .card-body { padding-bottom: 10px; padding-left: 80px; padding-top: 30px; font-size: 14px; line-height: 1.7em; color: #040404; } .guarantees-block .info-column .card-header button { outline: none; text-align: left; width: 100%; display: block; font-size: 18px; line-height: 1.35em; color: #730b73; padding: 0 35px 0 80px; margin: 0; border: 0; background: none; text-transform: uppercase; font-family: 'ProximaNova Bold'; position: relative; } .guarantees-block .info-column .card-header button::before { content: ' '; position: absolute; left: 0; top: 1px; width: 22px; height: 22px; background: no-repeat center/contain url(/local/templates/best-gruzchik-new-2020/css/../images/pages/about-company/chekmark3.svg); } .guarantees-block .info-column .card-header button::after { content: ' '; position: absolute; right: 0; top: -1px; width: 24px; height: 24px; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transition: all ease 220ms; -o-transition: all ease 220ms; transition: all ease 220ms; opacity: .7; background: no-repeat center/contain url(/local/templates/best-gruzchik-new-2020/css/../images/pages/about-company/close.svg); } .guarantees-block .info-column .card-header button.collapsed::after { -webkit-transform: rotate(47deg); -ms-transform: rotate(47deg); transform: rotate(47deg); opacity: 1; } .guarantees-block .info-column .card + .card { border-top: 0; } @media (max-width: 991.98px) { .guarantees-block { margin-top: 60px; } .guarantees-block .image-column { display: none; } .guarantees-block .info-column { width: 100%; padding-left: 0; } } @media (max-width: 767.98px) { .guarantees-block { margin-top: 55px; } .guarantees-block .block-container { padding-top: 50px; padding-bottom: 50px; } .guarantees-block .block-content { margin-top: 30px; } .guarantees-block .info-column .card { padding-left: 0; padding-top: 25px; padding-bottom: 25px; position: relative; } .guarantees-block .info-column .card-body { padding-left: 0; padding-top: 25px; padding-bottom: 10px; } .guarantees-block .info-column .card-header button { padding-left: 40px; font-size: 14px; } } .about-us_links { margin-top: 70px; } .about-us_links .list { margin-top: 45px; } .about-us_links .item { min-height: 100%; padding-top: 12px; padding-bottom: 12px; } .about-us_links .item_container { height: 100%; cursor: pointer; -webkit-transition: all ease 250ms; -o-transition: all ease 250ms; transition: all ease 250ms; display: block; } .about-us_links .item_title { -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; color: #000; font-family: 'Montserrat Bold'; font-size: 24px; line-height: 1em; position: relative; padding-bottom: 18px; } .about-us_links .item_title::before { content: ' '; position: absolute; left: 0; bottom: 0; height: 1px; width: 110px; border-bottom: 3px solid #730b73; } .about-us_links .item_text { margin-top: 17px; font-size: 16px; line-height: 1.5em; color: #000; } @media (min-width: 768px) { .about-us_links .item_container { padding: 25px 29px 28px; background: #f0ebf0; } .about-us_links .item_container:hover { background: #f99b1d; } } @media (max-width: 767.98px) { .about-us_links { margin-top: 45px; overflow: hidden; } .about-us_links .list { margin-top: 30px; padding-top: 20px; padding-bottom: 20px; position: relative; } .about-us_links .list::before { content: ' '; position: absolute; top: 0; bottom: 0; left: -100vw; right: -100vw; background: #f0ebf0; } .about-us_links .item { padding-top: 15px; padding-bottom: 15px; } .about-us_links .item_container { max-width: 320px; margin: 0 auto; text-align: center; } .about-us_links .item_text { margin-top: 14px; } .about-us_links .item_title { text-transform: uppercase; padding-bottom: 12px; font-size: 16px; } .about-us_links .item_title::before { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } } .about-us_info-block { margin-top: 85px; } .about-us_info-block .info-box { height: 100%; padding: 42px 48px 45px; background: #730b73; color: #fff; font-size: 14px; line-height: 1.35em; } .about-us_info-block .info-box .title { font-family: 'Montserrat Bold'; } .about-us_info-block .info-box .title + .text { margin-top: 20px; } .about-us_info-block .col-image { max-height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; min-height: 100%; } .about-us_info-block .info-image { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: 100%; } .about-us_info-block .info-image img { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100%; max-height: 370px; } @media (max-width: 991.98px) { .about-us_info-block .row { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .about-us_info-block .col-image { height: 350px; margin-bottom: 20px; } } @media (max-width: 767.98px) { .about-us_info-block { margin-top: 50px; } .about-us_info-block .info-box { padding: 30px 15px; } .about-us_info-block .col-image { min-height: unset; height: 320px; } } @media (max-width: 575.98px) { .about-us_info-block .col-image { height: 240px; } } .partners-slider-block { margin-top: 75px; } .partners-slider-block .block-container { background: #f0ebf0; } .partners-slider-block .block-content { padding-top: 80px; padding-bottom: 150px; } .partners-slider-block .partners-slider { margin: 45px 0 0; position: relative; padding-left: 30px; padding-right: 30px; } .partners-slider-block .swiper-container { width: 100%; max-width: 1200px; height: 280px; margin-left: auto; margin-right: auto; } .partners-slider-block .swiper-container::before { content: ' '; position: absolute; left: -6px; z-index: 12; top: 0; width: 5px; height: 100%; background: #fff; } .partners-slider-block .swiper-container::after { z-index: 12; content: ' '; top: 0; position: absolute; right: -1px; width: 5px; height: 100%; background: #fff; } .partners-slider-block .block-container .swiper-container::before { background: #f0ebf0; } .partners-slider-block .block-container .swiper-container::after { background: #f0ebf0; } .partners-slider-block .swiper-slide { margin: -1px -1px -1px -1px; border: 1px solid #e3d4e3; background: none !important; text-align: center; height: calc((100% - 28px) / 2); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .partners-slider-block .swiper-slide:nth-child(even) { border-bottom: 0; } .partners-slider-block .swiper-slide:nth-child(odd) { border-top: 0; } .partners-slider-block .swiper-slide .partner-image { padding: 15px; } .partners-slider-block .swiper-slide .partner-image img { width: 100%; max-width: 130px; height: 60px; -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center; -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: all ease 260ms; -o-transition: all ease 260ms; transition: all ease 260ms; } .partners-slider-block .swiper-slide:hover .partner-image img { -webkit-filter: grayscale(0%); filter: grayscale(0%); } @media (max-width: 767.98px) { .partners-slider-block { margin-top: 60px; } .partners-slider-block .swiper-container { height: 180px; } .partners-slider-block .block-content { padding-top: 40px; padding-bottom: 60px; } .partners-slider-block .partner-image { padding: 10px 15px; } .partners-slider-block .partner-image img { max-width: 100px; height: 50px; } } .about-us-page#content { padding-bottom: 0; } .big-callback-block { margin-top: 95px; } .big-callback-block .block-container { background: no-repeat bottom/cover url(/local/templates/best-gruzchik-new-2020/css/../images/pages/about-company/callback-image.jpg); } .big-callback-block .block-content { max-width: 540px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; min-height: 610px; } .big-callback-block .info-text { font-size: 18px; line-height: 1.35em; color: #000; } .big-callback-block .info-text a { color: #730b73; font-family: 'ProximaNova Semibold'; } .big-callback-block .info-text_form { margin-top: 22px; color: #730b73; font-size: 18px; font-family: 'ProximaNova Semibold'; line-height: 1.35em; } .big-callback-block form { margin-top: 14px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .big-callback-block .button { border-radius: 16px; margin-left: 15px; border: 2px solid transparent; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 20px; width: 230px; line-height: normal; color: #fff; text-align: center; font-family: 'ProximaNova Bold'; outline: none; background: #450d45; background: -webkit-gradient(linear, left bottom, left top, from(#651565), to(#450d45)); background: -o-linear-gradient(bottom, #651565 0%, #450d45 100%); background: linear-gradient(0deg, #651565 0%, #450d45 100%); } .big-callback-block .form-control input[type="text"], .big-callback-block .form-control input[type="tel"] { border: 1px solid #440d44; cursor: pointer; -webkit-box-shadow: 4px 0px 10px 1px rgba(68, 13, 68, 0.17); box-shadow: 4px 0px 10px 1px rgba(68, 13, 68, 0.17); text-align: center; min-height: 58px; width: 100%; outline: none; background: none; font-size: 16px; } .big-callback-block .form-control.tel { width: 53.8%; } .big-callback-block .form-control.checkbox { width: 100%; margin-top: 18px; } .big-callback-block .form-control.checkbox input[type="checkbox"] { display: none; } .big-callback-block .form-control.checkbox input[type="checkbox"] + label { cursor: pointer; position: relative; margin-bottom: 0; font-size: 14px; padding-left: 33px; -webkit-transition: all ease 350ms; -o-transition: all ease 350ms; transition: all ease 350ms; color: #561256; } .big-callback-block .form-control.checkbox input[type="checkbox"] + label span { border-bottom: 1px solid #561256; } .big-callback-block .form-control.checkbox input[type="checkbox"] + label::after, .big-callback-block .form-control.checkbox input[type="checkbox"] + label::before { content: ' '; position: absolute; } .big-callback-block .form-control.checkbox input[type="checkbox"] + label::before { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 15px; height: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #9c9d9e; border-color: #767676; -webkit-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; border-radius: 2px; } .big-callback-block .form-control.checkbox input[type="checkbox"] + label::after { content: ''; color: #fff; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 9px; height: 9px; background: #601460; left: 3px; font-size: 17px; opacity: 0; border-radius: 2px; color: #3454d1; -webkit-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; } .big-callback-block .form-control.checkbox input[type="checkbox"]:checked + label::after { opacity: 1; } @media (min-width: 768px) and (max-width: 991.98px) { .big-callback-block .block-content { min-height: 500px; } } @media (max-width: 767.98px) { .big-callback-block { margin-top: 45px; } .big-callback-block .block-container { background: #f0ebf0; } .big-callback-block .block-content { max-width: 320px; padding-top: 50px; padding-bottom: 55px; margin: 0 auto; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; min-height: unset; } .big-callback-block .info-text_form { margin-top: 45px; } .big-callback-block .info-text_form br { display: none; } .big-callback-block form { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-top: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .big-callback-block .button { margin: 26px 0 0 0; min-height: 56px; width: 100%; } .big-callback-block .form-control input[type="text"], .big-callback-block .form-control input[type="tel"] { min-height: 56px; } .big-callback-block .form-control.tel { width: 100%; } .big-callback-block .form-control.checkbox { width: 100%; margin-top: 18px; } .big-callback-block .form-control.checkbox input[type="checkbox"] { display: none; } .big-callback-block .form-control.checkbox input[type="checkbox"] + label { font-size: 12px; } } .about-us_info-text { margin-top: 70px; } .about-us_info-text .text { font-size: 14px; line-height: 1.6em; color: #040404; } .small-callback-block { margin-top: 95px; } .small-callback-block .block-container { background: #f6f4f6; padding: 70px 30px 30px; } .small-callback-block .block-content { max-width: 960px; width: 100%; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .small-callback-block .info-text { font-family: 'ProximaNova Bold'; width: 44.5%; padding-left: 50px; font-size: 24px; line-height: 1em; color: #000; } .small-callback-block form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 54.5%; } .small-callback-block .button { margin-left: 10px; border: 2px solid transparent; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 20px; line-height: normal; color: #fff; text-align: center; font-family: 'ProximaNova Bold'; outline: none; width: calc(46.2% - 10px); background: #450d45; background: -webkit-gradient(linear, left bottom, left top, from(#450d45), to(#651565)); background: -o-linear-gradient(bottom, #450d45 0%, #651565 100%); background: linear-gradient(0deg, #450d45 0%, #651565 100%); } .small-callback-block .form-control input[type="text"], .small-callback-block .form-control input[type="tel"] { border: 1px solid #440d44; cursor: pointer; -webkit-box-shadow: 4px 0px 10px 1px rgba(68, 13, 68, 0.17); box-shadow: 4px 0px 10px 1px rgba(68, 13, 68, 0.17); text-align: center; min-height: 58px; width: 100%; outline: none; background: none; font-size: 16px; } .small-callback-block .form-control.tel { width: 53.8%; } .small-callback-block .form-control.checkbox { margin-top: 18px; } .small-callback-block .form-control.checkbox input[type="checkbox"] { display: none; } .small-callback-block .form-control.checkbox input[type="checkbox"] + label { cursor: pointer; position: relative; margin-bottom: 0; font-size: 14px; padding-left: 33px; -webkit-transition: all ease 350ms; -o-transition: all ease 350ms; transition: all ease 350ms; } .small-callback-block .form-control.checkbox input[type="checkbox"] + label span { border-bottom: 1px solid #626162; } .small-callback-block .form-control.checkbox input[type="checkbox"] + label::after, .small-callback-block .form-control.checkbox input[type="checkbox"] + label::before { content: ' '; position: absolute; } .small-callback-block .form-control.checkbox input[type="checkbox"] + label::before { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 15px; height: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #9c9d9e; border-color: #767676; -webkit-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; border-radius: 2px; } .small-callback-block .form-control.checkbox input[type="checkbox"] + label::after { content: ''; color: #fff; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 9px; height: 9px; background: #601460; left: 3px; font-size: 17px; opacity: 0; border-radius: 2px; color: #3454d1; -webkit-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; } .small-callback-block .form-control.checkbox input[type="checkbox"]:checked + label::after { opacity: 1; } @media (min-width: 992px) and (max-width: 1199.98px) { .small-callback-block .info-text { padding-left: 35px; } } @media (min-width: 768px) and (max-width: 991.98px) { .small-callback-block { margin-top: 85px; } .small-callback-block .block-container { padding: 50px 20px 45px; } .small-callback-block .block-content { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .small-callback-block form { margin: 30px auto 0; width: 100%; max-width: 400px; } .small-callback-block .info-text { text-align: center; width: 100%; padding-left: 0; } } @media (max-width: 767.98px) { .small-callback-block { margin-top: 0; background: #f6f4f6; } .small-callback-block form { max-width: 320px; width: 100%; margin: 40px auto 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .small-callback-block .info-text { font-size: 20px; text-align: center; margin: 0; padding: 0; width: 100%; } .small-callback-block .block-content { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .small-callback-block .form-control.tel { width: 100%; } .small-callback-block .button { margin-top: 20px; min-height: 52px; margin-left: 0; width: 100%; } } .link-to-calculator-block { margin-top: 130px; } .link-to-calculator-block .block-container { background-position: center; background-repeat: no-repeat; background-size: cover; background-image: url(/local/templates/best-gruzchik-new-2020/css/../images/pages/prices/calculate-bg.jpg); } .link-to-calculator-block .block-content { min-height: 270px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 20px 0; } .link-to-calculator-block .title { font-size: 20px; line-height: 1.4em; color: #fff; text-align: center; font-family: 'Montserrat Bold'; } .link-to-calculator-block .button-calculate { margin-top: 35px; background: #f4920e; background: -webkit-gradient(linear, left top, right top, from(#f4920e), to(#ffaa37)); background: -o-linear-gradient(left, #f4920e 0%, #ffaa37 100%); background: linear-gradient(90deg, #f4920e 0%, #ffaa37 100%); width: 280px; padding: 17px 15px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); } .link-to-calculator-block .button-calculate span { padding-left: 47px; position: relative; font-size: 20px; font-family: 'ProximaNova Bold'; line-height: normal; color: #fff; } .link-to-calculator-block .button-calculate span::before { content: ' '; position: absolute; width: 28px; height: 28px; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: no-repeat center/contain url(/local/templates/best-gruzchik-new-2020/css/../img/icon-calculator.png); } .mob_intro-prices-nav-block .block-container { background-position: center; background-repeat: no-repeat; background-size: cover; background: url(/local/templates/best-gruzchik-new-2020/css/../images/pages/prices/intro-bg-mob.jpg); } .mob_intro-prices-nav-block .block-content { padding: 70px 0 93px; } .mob_intro-prices-nav-block .nav-box { margin-top: 18px; } .mob_intro-prices-nav-block .nav-box_title { border-radius: 1px 1px 0 0; background: #730b73; color: #fff; font-family: 'Montserrat Bold'; font-size: 18px; line-height: 1.4em; min-height: 60px; padding: 16px 35px 14px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .mob_intro-prices-nav-block .nav-box_title span { width: 100%; position: relative; } .mob_intro-prices-nav-block .nav-box_title span::after { content: ' '; position: absolute; width: 12px; right: 0; top: 50%; -webkit-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); height: 11px; -webkit-transition: all ease 280ms; -o-transition: all ease 280ms; transition: all ease 280ms; background: no-repeat center/contain url(/local/templates/best-gruzchik-new-2020/css/../img/icon-triangle.svg); } .mob_intro-prices-nav-block .nav-box_title.active span::after { -webkit-transform: translateY(-50%) rotate(0); -ms-transform: translateY(-50%) rotate(0); transform: translateY(-50%) rotate(0); } .mob_intro-prices-nav-block .nav-box_list { background: #f0ebf0; padding: 35px 23px 35px; list-style: none; margin: 0; } .mob_intro-prices-nav-block .nav-box_list li { margin: 5px 0; } .mob_intro-prices-nav-block .nav-box_list li a { padding: 5px 0; font-family: 'ProximaNova Semibold'; font-size: 18px; line-height: 1.3em; color: #730b73; padding-left: 38px; position: relative; } .mob_intro-prices-nav-block .nav-box_list li a::before { content: ' '; position: absolute; left: 0; top: 10px; width: 8px; height: 8px; background: #730b73; border-radius: 50%; } .mob_intro-prices-nav-block .nav-box_list li a:hover { color: #f69517; } .mob_intro-prices-nav-block .nav-box_list li a:hover::before { background: #f69517; } .mob_intro-prices-nav-block .nav-box_list li.parent > ul { list-style: none; padding: 5px 0 0; border-top: 1px solid #e6dde6; border-bottom: 1px solid #e6dde6; padding: 0; } .mob_intro-prices-nav-block .nav-box_list li.parent > a { padding-right: 10px; position: relative; } .mob_intro-prices-nav-block .nav-box_list li.parent > a::after { content: ' '; position: absolute; right: 0; top: 50%; width: 18px; height: 12px; -webkit-transition: all ease 280ms; -o-transition: all ease 280ms; transition: all ease 280ms; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: no-repeat center/contain url(/local/templates/best-gruzchik-new-2020/css/../img/arrow-down-sign-to-navigate.svg); } .mob_intro-prices-nav-block .nav-box_list li.parent > a.active::after { -webkit-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } .mob_intro-prices-nav-block .links-box { padding: 0; margin: 30px 0 0 0; list-style: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .mob_intro-prices-nav-block .links-box a { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; display: block; width: 100%; min-height: 46px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; font-family: 'Montserrat Bold'; line-height: 1.1em; font-size: 18px; color: #fff; text-align: center; background: #f4920f; background: -webkit-gradient(linear, left bottom, left top, from(#f4920f), to(#ffa936)); background: -o-linear-gradient(bottom, #f4920f 0%, #ffa936 100%); background: linear-gradient(0deg, #f4920f 0%, #ffa936 100%); border-radius: 10px; -webkit-transition: all ease 280s; -o-transition: all ease 280s; transition: all ease 280s; -webkit-box-shadow: 4px 0px 10px 1px rgba(0, 0, 0, 0.17); box-shadow: 4px 0px 10px 1px rgba(0, 0, 0, 0.17); } .mob_intro-prices-nav-block .links-box a:hover { -webkit-box-shadow: 4px 0px 10px 1px rgba(0, 0, 0, 0.3); box-shadow: 4px 0px 10px 1px rgba(0, 0, 0, 0.3); } .mob_intro-prices-nav-block .links-box a + a { margin-top: 10px; } .prices-tiles-block { margin-top: 100px; } .prices-tiles-block .list { margin-top: 55px; } .prices-tiles-block .item { margin-bottom: 20px; } .prices-tiles-block .item__container { padding: 40px 20px 38px; background: #ece7ec; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .prices-tiles-block .item__title { text-transform: uppercase; color: #5d075d; font-family: 'ProximaNova Bold'; font-size: 20px; line-height: normal; text-align: center; } .prices-tiles-block .item__title b { font-weight: bold; font-family: 'ProximaNova Bold'; } .prices-tiles-block .item__price { font-family: 'ProximaNova Bold'; margin-top: 28px; text-align: center; font-size: 30px; font-weight: bold; color: #5d075d; } .prices-tiles-block .item__image { height: 210px; max-width: 320px; width: 100%; margin: 26px auto 0; } .prices-tiles-block .item__image img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 6px; } .prices-tiles-block .item .button.dark-gradient { margin: 35px auto 0; font-size: 18px; width: 100%; max-width: 250px; padding: 15px 15px; } .prices-tiles-block .item .button.link { margin-top: 25px; color: #f69616; font-size: 18px; line-height: normal; border-bottom: 2px solid #f4ac4e; } @media (max-width: 767.98px) { .prices-tiles-block { margin-top: 60px; } .prices-tiles-block .item__container { padding: 30px 15px 30px; } .prices-tiles-block .item__price { margin-top: 24px; font-size: 26px; } .prices-tiles-block .item__image { height: 170px; } .prices-tiles-block .item .button.dark-gradient { margin: 25px auto 0; font-size: 16px; width: 100%; max-width: 230px; padding: 15px 15px; } .prices-tiles-block .item .button.link { margin-top: 20px; font-size: 16px; } } .popup-service { display: none; } .popup-service.fancybox-content { padding: 0; } .popup-service .fancybox-button, .popup-service .fancybox-button.fancybox-close-small { color: #5c075d !important; padding: 0; left: 20px; top: 10px; } .popup-service .popup-columns { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .popup-service .popup-title { text-transform: uppercase; font-size: 20px; line-height: 1.2em; font-family: 'ProximaNova Bold'; color: #5d075d; } .popup-service .popup-buttons { margin-top: 40px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .popup-service .popup-buttons .button { min-width: 160px; } .popup-service .popup-buttons .button + .button { margin-left: 10px; } .popup-service .popup-list { margin: 30px 0 0; padding: 0; list-style: none; } .popup-service .popup-list li { padding-left: 22px; position: relative; font-size: 16px; line-height: 1.2em; color: #5d075d; } .popup-service .popup-list li + li { margin-top: 10px; } .popup-service .popup-list li::before { content: ' '; position: absolute; top: 5px; left: 0; height: 5px; width: 5px; border-radius: 50%; background: #f59311; } .popup-service .popup-images { width: 50%; padding: 20px 20px 20px 0; } .popup-service .popup-images .main-image { width: 100%; margin-bottom: 20px; height: 275px; } .popup-service .popup-images .main-image img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } .popup-service .popup-images .add-images { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .popup-service .popup-images .add-images .add-image { height: 260px; width: calc(50% - 10px); } .popup-service .popup-images .add-images .add-image img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } .popup-service .popup-images .add-images .add-image + .add-image { margin-left: 20px; } .popup-service .popup-info { width: 50%; padding: 65px 20px 60px 60px; } @media (max-width: 991.98px) { .popup-service .fancybox-button, .popup-service .fancybox-button.fancybox-close-small { color: #5c075d !important; padding: 0; left: unset; right: 0px; top: 0px; padding: 10px; } .popup-service .popup-info { width: 100%; padding: 40px 25px; } .popup-service .popup-images { display: none; } .popup-service .popup-buttons { margin-top: 30px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .popup-service .popup-buttons .button { width: 100%; } .popup-service .popup-buttons .button + .button { margin: 10px 0 0 0; } } .toggle-container { -webkit-transition: height 0.35s ease-in-out; -o-transition: height 0.35s ease-in-out; transition: height 0.35s ease-in-out; overflow: hidden; } .toggle-container:not(.active) { display: none; } .previews-video-block { margin-top: 80px; } .previews-video-block .swiper-container { padding: 0 20px; margin: 0 -20px; } .previews-video-block .swiper-slide { -webkit-transition: all ease 250ms; -o-transition: all ease 250ms; transition: all ease 250ms; } .previews-video-block .swiper-slide.swiper-slide-active { opacity: 1; } .previews-video-block .previews-video-slider { margin-top: 40px; } .previews-video-block .previews-video-slider .swiper-wrapper { padding-top: 10px; } .previews-video-block .preview-video { display: block; } .previews-video-block .preview-video_image { height: 170px; -webkit-box-shadow: 0px 0px 10px 12px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 10px 12px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 10px 10px 12px 0px rgba(0, 0, 0, 0.45); box-shadow: 10px 10px 12px 0px rgba(0, 0, 0, 0.45); position: relative; } .previews-video-block .preview-video_image::before { content: ' '; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: 29px; width: 30px; background: no-repeat center/contain url(/local/templates/best-gruzchik-new-2020/css/../img/icon-play_yellow.svg); } .previews-video-block .preview-video_image img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } .previews-video-block .preview-video_title { margin-top: 19px; font-size: 20px; line-height: 1.2em; color: #000; } .tags-block { margin-top: 100px; } .tags-block .tags-list { padding: 0; list-style: none; margin: 0 -17px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .tags-block .tags-list li { width: 25%; padding: 15px 17px; } .tags-block .tags-list li .tag-item { font-size: 18px; line-height: 1.3em; text-align: center; color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-family: 'Montserrat Medium'; width: 100%; min-height: 48px; padding: 5px; border-radius: 8px; background: #f59411; } .tags-block .tags-list li a { -webkit-transition: all ease 200ms; -o-transition: all ease 200ms; transition: all ease 200ms; } .tags-block .tags-list li a:hover { background: #f6a12e; } @media (max-width: 1199.98px) { .tags-block .tags-list { margin: 0 -10px; } .tags-block .tags-list li { padding: 10px 10px; } .tags-block .tags-list li .tag-item { font-size: 16px; } } @media (min-width: 768px) and (max-width: 991.98px) { .tags-block .tags-list li { width: 33.33%; } } @media (max-width: 767.98px) { .tags-block { margin-top: 60px; } .tags-block .tags-list { margin: 0 -6px; } .tags-block .tags-list li { width: 50%; padding: 6px; } .tags-block .tags-list li .tag-item { font-size: 14px; } } @media (max-width: 575.98px) { .tags-block .tags-list li .tag-item { font-size: 13px; } } .service-info-with-video-block { margin-top: 80px; } .service-info-with-video-block .block-content { padding: 30px 0 30px; } .service-info-with-video-block .block-container { padding: 60px 65px; background: #faf6fa; border-radius: 20px; } .service-info-with-video-block .columns { margin-top: 40px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .service-info-with-video-block .column-image { width: 45%; } .service-info-with-video-block .column-image img { width: 100%; } .service-info-with-video-block .preview-video { display: block; padding: 20px; position: relative; } .service-info-with-video-block .preview-video::before { content: ' '; position: absolute; border-radius: 10px; background: #f59411; left: 0; top: 0; bottom: 40px; right: 40px; } .service-info-with-video-block .preview-video::after { content: ' '; position: absolute; border-radius: 10px; background: #5d075d; left: 40px; top: 40px; bottom: 0; right: 0; } .service-info-with-video-block .preview-video_image { position: relative; border-radius: 10px; z-index: 4; overflow: hidden; } .service-info-with-video-block .preview-video_image::after { content: ' '; position: absolute; z-index: 2; left: 50%; top: 50%; border-radius: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 62px; height: 62px; background: rgba(0, 0, 0, 0.6); } .service-info-with-video-block .preview-video_image::before { content: ' '; z-index: 4; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 28px; height: 28px; background: no-repeat center/contain url(/local/templates/best-gruzchik-new-2020/css/../img/icon-play_yellow.svg); } .service-info-with-video-block .column-text { width: 55%; margin-left: 35px; } .service-info-with-video-block .column-text p { font-size: 18px; line-height: 1.45em; color: #000; } @media (min-width: 992px) and (max-width: 1199.98px) { .service-info-with-video-block .block-content { padding: 30px 30px; } } @media (min-width: 768px) and (max-width: 991.98px) { .service-info-with-video-block .block-container { padding: 30px 20px; } .service-info-with-video-block .columns { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .service-info-with-video-block .column-image { width: 100%; } .service-info-with-video-block .column-text { margin: 30px 0 0; width: 100%; } } @media (max-width: 767.98px) { .service-info-with-video-block { margin-top: 50px; } .service-info-with-video-block .preview-video { display: block; padding: 12px; position: relative; } .service-info-with-video-block .preview-video::before { border-radius: 10px; bottom: 24px; right: 24px; } .service-info-with-video-block .preview-video::after { position: absolute; left: 24px; top: 24px; } .service-info-with-video-block .preview-video_image::after { width: 40px; height: 40px; } .service-info-with-video-block .preview-video_image::before { width: 20px; height: 20px; } .service-info-with-video-block .block-container { background: none; padding: 20px 0; } .service-info-with-video-block .columns { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .service-info-with-video-block .column-image { width: 100%; } .service-info-with-video-block .column-text { margin: 30px 0 0; width: 100%; } } .works-info-block { margin-top: 90px; } .works-info-block .list { margin-top: 45px; } .works-info-block .list .item { margin-bottom: 20px; } .works-info-block .item__image { height: 180px; } .works-info-block .item__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 15px; } .works-info-block .item__title { margin-top: 20px; font-size: 18px; line-height: 1.45em; color: #000; } .big-benefits-list-block { margin-top: 120px; } .big-benefits-list-block .text { margin-top: 25px; font-size: 16px; line-height: 1.4em; color: #000; } .big-benefits-list-block .list { margin: 45px -10px 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .big-benefits-list-block .benefit { width: calc(25% - 20px); max-width: 230px; } .big-benefits-list-block .benefit__top { height: 120px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: #5d075d; } .big-benefits-list-block .benefit__bottom { background: #f0ebf0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; min-height: 210px; padding-top: 38px; position: relative; z-index: 1; } .big-benefits-list-block .benefit__bottom::before { content: ' '; position: absolute; left: 0; top: 0; right: 0; height: 38px; -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0); clip-path: polygon(50% 100%, 0 0, 100% 0); background: #5d075d; width: 100%; } .big-benefits-list-block .benefit__title { font-size: 16px; text-transform: uppercase; line-height: 1.3em; font-family: 'ProximaNova Bold'; color: #5d075d; } .big-benefits-list-block .benefit__text { margin-top: 15px; font-size: 16px; color: #5d075d; line-height: 1.2em; } .big-benefits-list-block .benefit__image { width: 52px; height: 51px; } .big-benefits-list-block .benefit__image img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } @media (min-width: 768px) and (max-width: 991.98px) { .big-benefits-list-block .list { margin: 40px -5px 0; } .big-benefits-list-block .benefit { margin: 0 5px; } .big-benefits-list-block .benefit__top { height: 80px; } .big-benefits-list-block .benefit__bottom { min-height: 200px; } .big-benefits-list-block .benefit__image { width: 46px; height: 46px; } } @media (max-width: 767.98px) { .big-benefits-list-block .list { margin: 30px -5px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .big-benefits-list-block .benefit { width: calc(100% - 10px); margin: 5px; } .big-benefits-list-block .benefit__top { height: 90px; padding-top: 20px; } .big-benefits-list-block .benefit__bottom { background: #f0ebf0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; min-height: 170px; padding-top: 30px; } .big-benefits-list-block .benefit__bottom::before { height: 30px; } .big-benefits-list-block .benefit__title { font-size: 16px; text-transform: uppercase; line-height: 1.3em; font-family: 'ProximaNova Bold'; color: #5d075d; } .big-benefits-list-block .benefit__title br { display: none; } .big-benefits-list-block .benefit__text { margin-top: 15px; font-size: 16px; color: #5d075d; line-height: 1.2em; } .big-benefits-list-block .benefit__text br { display: none; } .big-benefits-list-block .benefit__image { width: 52px; height: 50px; } } @media (max-width: 575.98px) { .big-benefits-list-block .benefit { max-width: 100%; } } #mobileToolbar { display: none; } #mobileToolbar a { color: #f1f1f1; font-size: 15px; height: 100%; line-height: 50px; text-align: center; text-transform: uppercase; width: 50%; display: block; } #mobileToolbar .right-bottom { border-right: 1px solid #c6cec9; margin-right: -1px; text-decoration: none; } #mobileToolbar .right-bottom span { padding-left: 26px; position: relative; font-size: 16px; line-height: normal; color: #fff; } #mobileToolbar .right-bottom span::before { content: ' '; position: absolute; width: 18px; height: 18px; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: no-repeat center/contain url(/local/templates/best-gruzchik-new-2020/css/../img/icon-phone_white.png); } #mobileToolbar .left-bottom { float: left; text-decoration: none; } #mobileToolbar { background-color: #5d075d; bottom: 0; height: 50px; position: fixed; width: 100%; z-index: 900; opacity: .9; display: none; } #mobileToolbar .right-bottom > div span { display: block; float: left; height: 50px; width: 35px; -webkit-animation: shake 1s steps(1) 2s infinite normal; animation: shake 1s steps(1) 2s infinite normal; } @media (max-width: 468px) { #mobileToolbar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } }
/* End */


/* Start:/local/templates/best-gruzchik-new-2020/libs/animate/animate.min.css?161830443371750*/
@charset "UTF-8";/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}.animate__animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both}.animate__animated.animate__infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animate__animated.animate__repeat-1{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-iteration-count:var(--animate-repeat);animation-iteration-count:var(--animate-repeat)}.animate__animated.animate__repeat-2{-webkit-animation-iteration-count:2;animation-iteration-count:2;-webkit-animation-iteration-count:calc(var(--animate-repeat)*2);animation-iteration-count:calc(var(--animate-repeat)*2)}.animate__animated.animate__repeat-3{-webkit-animation-iteration-count:3;animation-iteration-count:3;-webkit-animation-iteration-count:calc(var(--animate-repeat)*3);animation-iteration-count:calc(var(--animate-repeat)*3)}.animate__animated.animate__delay-1s{-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-delay:var(--animate-delay);animation-delay:var(--animate-delay)}.animate__animated.animate__delay-2s{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-delay:calc(var(--animate-delay)*2);animation-delay:calc(var(--animate-delay)*2)}.animate__animated.animate__delay-3s{-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation-delay:calc(var(--animate-delay)*3);animation-delay:calc(var(--animate-delay)*3)}.animate__animated.animate__delay-4s{-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-delay:calc(var(--animate-delay)*4);animation-delay:calc(var(--animate-delay)*4)}.animate__animated.animate__delay-5s{-webkit-animation-delay:5s;animation-delay:5s;-webkit-animation-delay:calc(var(--animate-delay)*5);animation-delay:calc(var(--animate-delay)*5)}.animate__animated.animate__faster{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-duration:calc(var(--animate-duration)/2);animation-duration:calc(var(--animate-duration)/2)}.animate__animated.animate__fast{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-duration:calc(var(--animate-duration)*0.8);animation-duration:calc(var(--animate-duration)*0.8)}.animate__animated.animate__slow{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2)}.animate__animated.animate__slower{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-duration:calc(var(--animate-duration)*3);animation-duration:calc(var(--animate-duration)*3)}@media (prefers-reduced-motion:reduce),print{.animate__animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important}.animate__animated[class*=Out]{opacity:0}}@-webkit-keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}@keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}.animate__bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.animate__flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__pulse{-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.animate__shakeX{-webkit-animation-name:shakeX;animation-name:shakeX}@-webkit-keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}@keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}.animate__shakeY{-webkit-animation-name:shakeY;animation-name:shakeY}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.animate__headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.animate__swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.animate__jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}.animate__heartBeat{-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-duration:calc(var(--animate-duration)*1.3);animation-duration:calc(var(--animate-duration)*1.3);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInDown{-webkit-animation-name:backInDown;animation-name:backInDown}@-webkit-keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInLeft{-webkit-animation-name:backInLeft;animation-name:backInLeft}@-webkit-keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInRight{-webkit-animation-name:backInRight;animation-name:backInRight}@-webkit-keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInUp{-webkit-animation-name:backInUp;animation-name:backInUp}@-webkit-keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}}@keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}}.animate__backOutDown{-webkit-animation-name:backOutDown;animation-name:backOutDown}@-webkit-keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}}@keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}}.animate__backOutLeft{-webkit-animation-name:backOutLeft;animation-name:backOutLeft}@-webkit-keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}}@keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}}.animate__backOutRight{-webkit-animation-name:backOutRight;animation-name:backOutRight}@-webkit-keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}}@keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}}.animate__backOutUp{-webkit-animation-name:backOutUp;animation-name:backOutUp}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.animate__bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}.animate__bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}.animate__bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}.animate__bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}.animate__bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate__fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopLeft{-webkit-animation-name:fadeInTopLeft;animation-name:fadeInTopLeft}@-webkit-keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopRight{-webkit-animation-name:fadeInTopRight;animation-name:fadeInTopRight}@-webkit-keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomLeft{-webkit-animation-name:fadeInBottomLeft;animation-name:fadeInBottomLeft}@-webkit-keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomRight{-webkit-animation-name:fadeInBottomRight;animation-name:fadeInBottomRight}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate__fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.animate__fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.animate__fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.animate__fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.animate__fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.animate__fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.animate__fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.animate__fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.animate__fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}@keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}.animate__fadeOutTopLeft{-webkit-animation-name:fadeOutTopLeft;animation-name:fadeOutTopLeft}@-webkit-keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}@keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}.animate__fadeOutTopRight{-webkit-animation-name:fadeOutTopRight;animation-name:fadeOutTopRight}@-webkit-keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}@keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}.animate__fadeOutBottomRight{-webkit-animation-name:fadeOutBottomRight;animation-name:fadeOutBottomRight}@-webkit-keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}@keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}.animate__fadeOutBottomLeft{-webkit-animation-name:fadeOutBottomLeft;animation-name:fadeOutBottomLeft}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animate__animated.animate__flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.animate__flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.animate__flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedInRight{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInRight{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInRight{-webkit-animation-name:lightSpeedInRight;animation-name:lightSpeedInRight;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedInLeft{0%{-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{-webkit-transform:skewX(-20deg);transform:skewX(-20deg);opacity:1}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInLeft{0%{-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{-webkit-transform:skewX(-20deg);transform:skewX(-20deg);opacity:1}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInLeft{-webkit-animation-name:lightSpeedInLeft;animation-name:lightSpeedInLeft;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.animate__lightSpeedOutRight{-webkit-animation-name:lightSpeedOutRight;animation-name:lightSpeedOutRight;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes lightSpeedOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}@keyframes lightSpeedOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}.animate__lightSpeedOutLeft{-webkit-animation-name:lightSpeedOutLeft;animation-name:lightSpeedOutLeft;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOut{0%{opacity:1}to{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{opacity:1}to{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.animate__rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateOutDownLeft{0%{opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.animate__rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutDownRight{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.animate__rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOutUpLeft{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.animate__rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutUpRight{0%{opacity:1}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{opacity:1}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.animate__rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.animate__hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2);-webkit-animation-name:hinge;animation-name:hinge;-webkit-transform-origin:top left;transform-origin:top left}@-webkit-keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.animate__rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.animate__zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.animate__zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}.animate__zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft;-webkit-transform-origin:left center;transform-origin:left center}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}.animate__zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight;-webkit-transform-origin:right center;transform-origin:right center}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.animate__slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.animate__slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.animate__slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.animate__slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}
/* End */


/* Start:/local/templates/best-gruzchik-new-2020/css/jquery.fancybox.min.css?162133752212795*/
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}
/* End */


/* Start:/local/templates/best-gruzchik-new-2020/css/swiper-bundle.min.css?166911469816470*/
/**
 * Swiper 8.4.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2022 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: November 21, 2022
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
/* End */


/* Start:/local/templates/best-gruzchik-new-2020/css/select2.min.css?171623412316264*/
.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline;list-style:none;padding:0}.select2-container .select2-selection--multiple .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;margin-left:5px;padding:0;max-width:100%;resize:none;height:18px;vertical-align:bottom;font-family:sans-serif;overflow:hidden;word-break:keep-all}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option--selectable{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px;padding-right:0px}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;padding-bottom:5px;padding-right:5px;position:relative}.select2-container--default .select2-selection--multiple.select2-selection--clearable{padding-right:25px}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;font-weight:bold;height:20px;margin-right:10px;margin-top:5px;position:absolute;right:0;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:inline-block;margin-left:5px;margin-top:5px;padding:0;padding-left:20px;position:relative;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.select2-container--default .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-right:1px solid #aaa;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#999;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px;position:absolute;left:0;top:0}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus{background-color:#f1f1f1;color:#333;outline:none}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-left:1px solid #aaa;border-right:none;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear{float:left;margin-left:10px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--group{padding:0}.select2-container--default .select2-results__option--disabled{color:#999}.select2-container--default .select2-results__option--selected{background-color:#ddd}.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0;padding-bottom:5px;padding-right:5px}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;display:inline-block;margin-left:5px;margin-top:5px;padding:0}.select2-container--classic .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#888;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555;outline:none}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option--group{padding:0}.select2-container--classic .select2-results__option--disabled{color:grey}.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}

/* End */


/* Start:/local/templates/best-gruzchik-new-2020/css/suggestions.min.css?17162341242091*/
.suggestions-nowrap{white-space:nowrap}.suggestions-input{-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}.suggestions-input::-ms-clear{display:none}.suggestions-wrapper{position:relative;margin:0;padding:0;vertical-align:top;-webkit-text-size-adjust:100%}.suggestions-suggestions{background:#fff;border:1px solid #999;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:default;left:0;min-width:100%;position:absolute;z-index:9999;-webkit-text-size-adjust:100%}.suggestions-suggestions strong{font-weight:400;color:#39f}.suggestions-suggestions.suggestions-mobile{border-style:none}.suggestions-suggestions.suggestions-mobile .suggestions-suggestion{border-bottom:1px solid #ddd}.suggestions-suggestion{padding:4px 4px;overflow:hidden}.suggestions-suggestion:hover{background:#f7f7f7}.suggestions-selected{background:#f0f0f0}.suggestions-selected:hover{background:#f0f0f0}.suggestions-hint{padding:4px 4px;white-space:nowrap;overflow:hidden;color:#777;font-size:85%;line-height:20px}.suggestions-subtext{color:#777}.suggestions-subtext_inline{display:inline-block;min-width:6em;vertical-align:bottom;margin:0 .5em 0 0}.suggestions-subtext-delimiter{display:inline-block;width:2px}.suggestions-subtext_label{margin:0 0 0 .25em;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding:0 3px;background:#f5f5f5;font-size:85%}.suggestions-value[data-suggestion-status=LIQUIDATED]{position:relative}.suggestions-value[data-suggestion-status=LIQUIDATED]:after{position:absolute;left:0;right:0;top:50%;border-top:1px solid rgba(0,0,0,.4);content:""}.suggestions-promo{font-size:85%;display:none;color:#777;padding:4px;text-align:center}.suggestions-promo a{color:#777;display:block;filter:grayscale(100%);line-height:20px;text-decoration:none}.suggestions-promo a:hover{filter:grayscale(0)}.suggestions-promo svg{height:20px;vertical-align:bottom}@media screen and (min-width:600px){.suggestions-promo{position:absolute;top:0;right:0;text-align:left}}
/* End */


/* Start:/local/templates/best-gruzchik-new-2020/components/bitrix/menu/desktopMenuNew/style.css?1618304426581*/
/* Left menu*/
ul.left-menu
{
	list-style:none;
	margin:0; padding:0;
	margin-bottom:8px;
	position: relative; /*IE bug*/
}

ul.left-menu li
{
	padding: 10px 16px;
	background:#F5F5F5 url(/local/templates/best-gruzchik-new-2020/components/bitrix/menu/desktopMenuNew/images/left_menu_bg.gif) top repeat-x;
}

ul.left-menu li a
{
	font-size:100%;
	color:#BC262C;
	font-weight:bold;
	text-decoration:none;
}

ul.left-menu li a:visited
{
	color:#BC262C;
}

ul.left-menu li a:hover
{
	color:#BC262C;
}


ul.left-menu li a.selected:link,
ul.left-menu li a.selected:visited,
ul.left-menu li a.selected:active,
ul.left-menu li a.selected:hover
{
	color:#FC8D3D;
}




/* End */


/* Start:/local/templates/best-gruzchik-new-2020/components/bitrix/menu/footerMenu/style.css?1618304426581*/
/* Left menu*/
ul.left-menu
{
	list-style:none;
	margin:0; padding:0;
	margin-bottom:8px;
	position: relative; /*IE bug*/
}

ul.left-menu li
{
	padding: 10px 16px;
	background:#F5F5F5 url(/local/templates/best-gruzchik-new-2020/components/bitrix/menu/footerMenu/images/left_menu_bg.gif) top repeat-x;
}

ul.left-menu li a
{
	font-size:100%;
	color:#BC262C;
	font-weight:bold;
	text-decoration:none;
}

ul.left-menu li a:visited
{
	color:#BC262C;
}

ul.left-menu li a:hover
{
	color:#BC262C;
}


ul.left-menu li a.selected:link,
ul.left-menu li a.selected:visited,
ul.left-menu li a.selected:active,
ul.left-menu li a.selected:hover
{
	color:#FC8D3D;
}




/* End */


/* Start:/local/templates/best-gruzchik-new-2020/components/bitrix/menu/footerBottom/style.css?1618304426581*/
/* Left menu*/
ul.left-menu
{
	list-style:none;
	margin:0; padding:0;
	margin-bottom:8px;
	position: relative; /*IE bug*/
}

ul.left-menu li
{
	padding: 10px 16px;
	background:#F5F5F5 url(/local/templates/best-gruzchik-new-2020/components/bitrix/menu/footerBottom/images/left_menu_bg.gif) top repeat-x;
}

ul.left-menu li a
{
	font-size:100%;
	color:#BC262C;
	font-weight:bold;
	text-decoration:none;
}

ul.left-menu li a:visited
{
	color:#BC262C;
}

ul.left-menu li a:hover
{
	color:#BC262C;
}


ul.left-menu li a.selected:link,
ul.left-menu li a.selected:visited,
ul.left-menu li a.selected:active,
ul.left-menu li a.selected:hover
{
	color:#FC8D3D;
}




/* End */


/* Start:/local/templates/best-gruzchik-new-2020/template_styles.css?175285835437362*/
5@font-face {
    font-family: "Montserrat Black";
    font-style: normal;
    font-weight: normal;
    src: local("Montserrat-Black"), url("/local/templates/best-gruzchik-new-2020/fonts/Montserrat-Black.ttf") format("truetype");
    font-display: swap;
}
@font-face {
    font-family: "ProximaNovaCond Regular";
    font-style: normal;
    font-weight: normal;
    src: url('/local/templates/best-gruzchik-new-2020/fonts/ProximaNovaCond-Regular.eot');
    src: local('Proxima Nova Condensed Regular'), local('ProximaNovaCond-Regular'), local('ProximaNovaCond Regular'),
        url('/local/templates/best-gruzchik-new-2020/fonts/ProximaNovaCond-Regular.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/best-gruzchik-new-2020/fonts/ProximaNovaCond-Regular.woff2') format('woff2'),
        url('/local/templates/best-gruzchik-new-2020/fonts/ProximaNovaCond-Regular.woff') format('woff'),
        url('/local/templates/best-gruzchik-new-2020/fonts/ProximaNovaCond-Regular.ttf') format('truetype');
    font-display: swap;
}

input.required.errorInput,
textarea.required.errorInput {
    border-bottom: 1px solid #e33535 !important;
}
.smart-captcha {
  max-height: 102px;
  margin-top: 12px;
}

.smart-captcha.sm-slider {
  margin-left: -12px;
  margin-top: 5px;
}

.intro-block .intro__subtitle {
  margin-top: 0px;
}

form {
    position: relative;
}
.trucking-calculator .calc-pop-form-inner {
    margin-top: 50px;
}
#header #cssmenu ul li.m_autch {
  display: none;
}
#header #cssmenu ul li.m_autch a {
  margin-top: 30px;
  font-weight: 600;
}

#header .header-socials {
  flex-wrap: wrap;
}
.autch_link {
  display: block;
  color: #000;
  padding-right: 30px;
  margin-left: -30px;
  padding-top: 15px;
  padding-left: 10px;
}

.autch_link.exit {
  padding-top: 0px;
  margin-top: -15px;
}

#header #cssmenu ul li.m_autch a {
  margin-top: 0px;
}
#header #cssmenu ul li.m_autch.search a {
  margin-top: 30px;
}

.header-top.fixed_menu {
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
}
div.result {
    position: absolute;
    left: 0;
    right: 0;
    font-size: 16px;
    font-weight: bold;
    color: #e33535;
    z-index: 9;
    height: 100%;
    width: 100%;
    background: rgb(255 255 255 / 0.7);
    top: 10px;
    display: none;
    transition: background 0.3s ease;
    text-align: center;
}
.content.mt-20 {
    margin-top: 20px;
}
form.consultation div.result {
    top: 0;
}
button:focus {
    outline: none;
}
.big-callback-block div.result {
    top: 0;
}
.popup .fancybox-button.fancybox-close-small {
    right: 0;
}
form.vacancy div.result {
    align-items: center;
    justify-content: center;
    top: 0;
}
#scrollTop {
    position: fixed;
    bottom: 50px;
    right: 20px;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #730b73;
    border: 2px solid #fff;
    border-radius: 50%;
    font-size: 40px;
    line-height: 40px;
    color: #fff;
    cursor: pointer;
    z-index: 9999;
}

#header .header-bottom__container {
    align-items: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
}

.benefits-list-block .list {
    justify-content: space-between;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
}

  @media (min-width: 576px) {
    .container {
      max-width: 540px; } }
  @media (min-width: 768px) {
    .container {
      max-width: 720px; } }
  @media (min-width: 992px) {
    .container {
      max-width: 100%; } }
  @media (min-width: 1100px) {
    .container {
      max-width: 1100px; } }
  @media (min-width: 1200px) {
    .container {
      max-width: 1190px; } }
@media (min-width: 1400px) {
  .container {
    max-width: 1400px;
  }
}

@media (min-width: 991.98px){
	.header-bottom {
	  margin-top: 15px;
	}

}

@media (min-width: 1024px) and (max-width: 1400px) {
  #header .logo__title + .logo__text {
    max-width: 180px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
	.header__contacts.d-none.d-md-block {
	  font-size: 14px;
	}
  #header .header__phone {
    font-size: 16px;
  }
  #header .button_1705798005372 {
  font-size: 14px !important;
  padding: 10px !important;
	}
	.header-address.d-none.d-lg-block > span {
	  font-size: 16px !important;
	}
  #header #cssmenu > ul > li > a {
    font-size: 14px;
  }


}




@media (max-width: 991.98px) and (min-width: 768px) {
    .benefits-list-block .list {
        justify-content: normal;
        -webkit-justify-content: normal;
    }
}

.services-links-block .item:nth-child(4),
.services-links-block .item:nth-child(9) {
    display: none;
}
@media (max-width: 991.98px) {
    .wrapper_image {
        display: flex;
        justify-content: center;
    }
    #content {
        padding-bottom: 50px;
    }
     .autch_link {
      display: none;
    }
    #header #cssmenu ul li.m_autch {
      display: block;
    }
}
.services-links-block .list .item,
.news-block .item,
.docs-slider-block .slide,
.intro-block .intro-slider .title,
.info-block .block-container,
.prices-table-block table,
.calculator-block .calculator,
.previews-block .item,
.services-slider-block .services-slider .swiper-slide,
.gallery-block .gallery-slider .swiper-slide,
.sales-block .list .sale,
.reviews-block .swiper-slide {
    opacity: 0;
}
img {
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.services-slider-block .slide__info,
.gallery-block .slide__info,
.services-links-block .item__title,
.answers-block .item-header .btn-link {
    -webkit-transition: all ease 280ms;
    -o-transition: all ease 280ms;
    transition: all ease 280ms;
}
.services-slider-block .services-slider .slide:hover .slide__info,
.gallery-block .gallery-slider .slide:hover .slide__info,
#footer .footer-center__container menu li a:hover,
.answers-block .item-header .btn-link:hover {
    color: #f4920e;
}
.popup .popup-form .button.default {
    background: #f4920e;
}
.popup .popup-form .button.default:hover {
    background: #f99c17;
}
.callback-block .column-callback .callback .button-callback {
    background: #f4920e;
}
.callback-block .column-callback .callback .button-callback:hover {
    background: #f99c17;
}
.gallery-block .gallery-slider .slide:hover .slide__image img {
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1);
}
.prices-table-block .link:hover {
    color: #f4920e;
}
.reviews-block .link:hover,
.news-block .item__link:hover {
    border-bottom: 1px solid #f4920e;
    color: #f4920e;
}
.news-block .item__link:hover span::before {
    background: no-repeat center/contain url(/local/templates/best-gruzchik-new-2020/img/icon-arrow_orange.svg);
}

.prices-table-block .link:hover span {
    border-bottom: 1px solid #f4920e;
}
#header .header__button-order {
    background: #f4920e;
}
#header .header__button-order:hover {
    background: #f99c17;
}
.previews-block .item .button.order {
    background: #f4920e;
}
.previews-block .item .button.order:hover {
    background: #f99c17;
}
#header .header__callback-button:hover {
    background: #f99b1d;
}
.button.with-outline:hover {
    background: #f99b1d;
    color: #fff;
}
#header .header__callback-button:hover span {
    color: #ffffff;
}
#header .header__callback-button:hover span::after {
    background: no-repeat center/contain url(/local/templates/best-gruzchik-new-2020/img/icon-phone_white.png);
}
.intro-block .intro-callback .button-callback {
    background: #f4920e;
}
.intro-block .intro-callback .button-callback:hover {
    background: #f99b1d;
}
.gallery-block .button {
    background: #f4920e;
}
.gallery-block .button:hover {
    background: #f99b1d;
}
.calc-title-form {
    font-size: 2rem;
    margin: 0;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: inherit;
}

.services-links-block .item__image {
    border: 5px solid #730b73;
}

.services-links-block .item__title:hover {
    color: #f4920e;
}
.services-links-block .item__image img:hover {
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1);
}

.add-review-block {
    margin-top: 20px !important;
}
.text-block .text a {
    display: contents;
}
header a.main {
    pointer-events: none;
}
#content {
    padding-bottom: 0 !important;
}
.page-404#content {
    padding-bottom: 50px !important;
}
.item__back_detail {
    display: none;
    font-size: 16px;
    line-height: normal;
    color: #783a78;
    font-family: "ProximaNova Semibold";
}
.prices-table-block table td a {
    color: #000;
    -webkit-transition: all ease 250ms;
    -o-transition: all ease 250ms;
    transition: all ease 250ms;
}
.prices-table-block table td a:hover {
    color: #730b73;
}
#footer .footer__socials .social.twitter {
    width: 37px;
    height: 20px;
    background-image: url("/local/templates/best-gruzchik-new-2020/img/twitter.svg");
}
#footer .footer__socials .social.facebook {
    width: 37px;
    height: 20px;
    background-image: url("/local/templates/best-gruzchik-new-2020/img/facebook.svg");
}
@media (max-width: 767.98px) {
    #header .header-social.twitter {
        background-image: url("/local/templates/best-gruzchik-new-2020/img/socials/twitter.svg");
    }
    #header .header-social.facebook {
        background-image: url("/local/templates/best-gruzchik-new-2020/img/socials/facebook.svg");
    }
    .preview-photo-report-block .intro-title-block .block-container {
        padding-bottom: 0 !important;
    }
    .photoreport-sorter {
        margin-top: 20px;
    }

    .item__back_detail {
        display: block;
    }
    #breadcrumbs ul {
        margin: 25px -15px 0 !important;
    }
    .news-item_block .item {
        padding-bottom: 20px;
    }
    .mob_intro-prices-nav-block .block-content {
        padding: 35px 0 53px !important;
    }
    .benefits-icons-block {
        margin-top: 50px !important;
    }
    /* #content {
        position: relative;
    }
    .news-slider-block {
        position: absolute;
    } */
    .news-slider-block {
        margin-bottom: 20px;
    }

    .news-slider-block .swiper-slide {
        max-height: 400px;
    }
    .news-slider-block .slider-controls {
        margin-top: 0 !important;
    }
    .intro-title-block .intro_title {
        min-height: 100px;
    }
    .intro-title-block.news-intro-title-block .block-container {
        padding-bottom: 370px;
    }
}

@media (max-width: 575.98px) {
    .prices-table-block.left {
        margin-top: 50px !important;
    }
}
#header .header-social {
    width: 30px;
    height: 30px;
}
@media (max-width: 479.98px) {
    #header .header-bottom .container {
        padding-left: 30px;
    }
    .benefits-list-block .item {
        padding: 19px 16px;
    }
    .info-block .text {
        display: -webkit-flex;
        display: -webkit-box;
        display: -moz-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
    }
    .info-block .text .text__top {
        padding-top: 20px;
        order: 1;
        -webkit-box-ordinal-group: 1;
        -webkit-order: 1;
        -ms-flex-order: 1;
    }
    .info-block .text img {
        display: none;
    }
}
.partners-slider-block .swiper-slide .partner-image img {
    -webkit-filter: grayscale(0%) !important;
    filter: grayscale(0%) !important;
}

#header .header-social.whatsapp {
    background-image: url(/local/templates/best-gruzchik-new-2020/img/socials/whatsapp.svg) !important;
}
#header .header-social.telegram {
    background-image: url(/local/templates/best-gruzchik-new-2020/img/socials/telegram.svg) !important;
}
@media (max-width: 991.98px) {
    .trucking-calculator .calc-pop-form {
        top: 160px !important;
    }

    .calculator-block form {
        flex-direction: column;
        display: -webkit-flex;
        display: -webkit-box;
        display: -moz-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: -ms-flex;
        display: -o-flex;
        display: flex !important;
        flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
    }
}

.benefit-prices-block .benefits-box {
    margin-top: 45px !important;
}
.benefit-prices-block {
    margin-top: 90px !important;
}
@media (min-width: 768px) {
    .benefit-prices-block .prices-table-block table {
        margin: 0 auto 0 !important;
    }
    .benefit-prices-block .prices-table-block {
        margin-top: 45px !important;
    }
}

.reviews-block-1 {
    margin-top: 90px !important;
}
.tbl td {
    border: 1px solid #000;
}
.intro_title {
    display: block;
}
#content {
    margin-top: 148px !important;
}

#header #cssmenu ul ul li a {
    min-width: 306px !important;
    max-width: 306px !important;
    padding: 5px 15px !important;
    text-transform: uppercase;
    line-height: normal;
}

@media (max-width: 991.98px) {
    #header #cssmenu > ul {
        max-width: 80vw !important;
    }
    #header #cssmenu ul ul li a {
        text-transform: none;
    }
}

.partners-slider-block .block-content {
    padding-bottom: 90px !important;
}
.tags-block {
    margin-top: 0 !important;
    margin-bottom: 135px;
}
/* .contacts-column-block .list.reverse {
    flex-direction: row-reverse;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
} */
.popup-service {
    max-width: 1000px;
}
.prices-tiles-block .button-order-modal {
    color: #fff !important;
}
.item__description {
    text-transform: uppercase;
    color: #5d075d;
    font-family: "ProximaNova Regular";
    font-size: 18px;
    line-height: normal;
    text-align: center;
}

.prices-tiles-block .item__container {
    background: #faf6fa !important;
}

.prices-tiles-block .item__title,
.prices-tiles-block.prices-tiles-block .item__description,
.prices-tiles-block .item__price {
    color: #000 !important;
}

.big-benefits-list-block .benefit__bottom {
    background: #faf6fa !important;
}

.popup-service {
    background: #fff !important;
}

a.mobile-icon {
    position: fixed;
    bottom: 160px;
    right: 20px;
    width: 65px;
    height: 65px;
    display: none;

    background-color: #18c139;
    border-radius: 50%;
    font-size: 40px;
    line-height: 40px;
    color: #fff;
    cursor: pointer;
    z-index: 9999;
}
a.mobile-icon svg {
    fill: #fff;
    width: 33px;
    height: 33px;
}

@media (max-width: 479.98px) {

    a.mobile-icon {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #scrollTop {
        width: 65px;
        height: 65px;
        bottom: 90px;
    }
}
.popup-service .popup-title,
.popup-service .popup-list li {
    color: #000;
}

#breadcrumbs ul li span {
    color: #989898;
}
.vacancies-block .item_subtitle {
    font-weight: bold;
}
.item__icon {
    position: relative;
}
.item__icon::after {
    content: "";
    position: absolute;
    bottom: -20px;
    border: 1px solid #5d075d;
    width: 250%;
}
.item__description {
    margin-top: 20px !important;
    text-transform: unset;
    text-align: left;
}
.team-info-block .intro-contacts a {
    font-size: 26px;
}
.team-info-block .intro-text b {
    font-family: "Montserrat Black";
}
.team-info-block .block-container {
    background-color: #fbf8fb;
}
.vacancies-slider-block .team-slider__pagination .team-slider-bullet.team-slider-bullet-active {
    background-color: #ffffff;
}
.vacancies-slider-block .team-slider__pagination .team-slider-bullet {
    background: #730b73;
}
.vacancies-slider-block .slide__info {
    color: #040404;
}
.vacancies-slider-block .slide__subtitle {
    color: #730b73;
}
.vacancies-slider-block {
    background: #ffffff;
}
/* .news-block .item__link {
    margin-top: 5px;
}
.news-block .item__text {
    margin-top: 0;
}
.news-block .item__title {
    margin-top: 5px;
    margin-bottom: 0;
}
.news-block .item__date {
    margin-top: 5px;
} */
/* .news-item_block-new .intro_title {
    min-height: 214px;
} */
.intro-title-block-new .intro_title {
    min-height: 214px;
}

.news-item_block-new .link-new {
    font-size: 18px;
    color: #f59411;
    font-family: "ProximaNovaCond Regular";
    display: flex;
    align-items: center;
}
.news-item_block-new .link-new svg {
    margin-right: 30px;
}

.news-item_block-new .item__date {
    margin-top: 0;
    font-size: 18px;
    font-family: "ProximaNovaCond Regular";
}
.news-item_block-new .item__info {
    margin-left: 0;
    margin-top: 64px;
    font-size: 18px;
    font-family: "ProximaNovaCond Regular";
    font-style: normal;
    font-weight: normal;
    line-height: 28px;
    text-align: justify;
    color: #040404;
}
.news-item_block .item__title {
    font-size: 18px;
    font-family: "ProximaNovaCond Regular";
}
.news-item_block-new .top-item-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}
.news-item_block-new .item {
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
}
.news-item_block-new .item__image {
    height: auto;
    width: 100%;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.news-item_block-new .item__image img {
    width: auto;
    height: auto;
}

.pagin__page {
    display: flex;
    justify-content: center;
    margin-top: 100px;
    font-family: "ProximaNova Bold";
}
.pagin__prev {
    width: 300px;
    margin-right: 28px;
    border-radius: 0 !important;
}
.pagin__next {
    width: 300px;
    margin-left: 28px;
    color: #f59311 !important;
}
.pagin__next:hover {
    color: #fff !important;
}
.news-item_block-new {
    margin-bottom: 75px;
}
.btn__optionsMenu {
    display: flex;
    justify-content: center;
    align-items: center;
}
.btn__optionsMenu button {
    margin-bottom: 20px;
}
.calc_frame {
  width: 100%;
  display: flex;
  align-items: center;
  background-image: url("/images/bg_calc.jpg");
  padding: 27px 90px;
  border-radius: 20px;
  margin-bottom: 30px;
  background-size: cover;
}
.calc_frame__left {
  display: flex;
  align-items: center;
}
.calc_frame__left > span {
  color: #FFF;
  margin-left: 10px;
  font-size: 2.375rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1rem;
}
.calc_frame__right .btn.btn-success.form_button {
  padding: 20px 50px;
}
.calc_frame__right .btn.btn-success.form_button:hover {
  background: #db7b00;
}
.calc_frame__left {
  display: flex;
  align-items: center;
  width: 50%;
}

.calc_container_frame .calc-form-bottom {
  margin-top: 35px;
}

@media (max-width: 1200px) {
	.calc_frame {
	  padding: 30px 60px;
	}
	.calc_frame__left > span {
	  font-size: 1.8rem;
	  line-height: 1.6rem;
	}
	.calc_frame__right .btn.btn-success.form_button {
	  padding: 15px 30px;
	}
}
@media (max-width: 600px) {

	.calc_frame {
	  width: 100%;
	  display: block;
	  padding: 25px 30px;
	  text-align: center;
	}
	.calc_frame__left {
	  display: block;
	  width: 100%;
	}
	.calc_frame__left > span {
	  display: block;
	  width: 100%;
	  font-size: 1.325rem;
	  font-style: normal;
	  font-weight: 600;
	  line-height: 1rem;
	  margin-top: 20px;
	  margin-bottom: 20px;
	}
}

@media (max-width: 767.98px) {
    .news-item_block-new .intro_title {
        min-height: 150px;
    }
    .news-item_block-new {
        background: none;
    }
    .news-item_block-new .item__image img {
        max-height: 100%;
        max-width: 100%;
    }
    .pagin__prev {
        width: 50% !important;
        margin-right: 14px;
    }
    .pagin__next {
        width: 50%;
        margin-left: 14px;
    }
    .news-item_block-new .intro-title-block .block-container {
        padding-bottom: 0;
    }
    .news-item_block-new .item {
        margin: 0 auto 0;
        max-width: 100%;
    }
    .news-item_block-new .top-item-info {
        margin-top: 20px;
        margin-bottom: 20px;
    }
}

@media (max-width: 479.98px) {
    .news-item_block-new .intro_title {
        min-height: 100px;
    }
    .pagin__page {
        flex-direction: column;
        align-items: center;
    }
    .pagin__next {
        width: 100%;
        margin-left: 0;
        margin-top: 10px;
    }
    .pagin__prev {
        margin-right: 0;
        width: 100% !important;
        margin-bottom: 10px;
    }
    .news-item_block-new .link-new {
        font-size: 14px;
    }
    .news-item_block-new .item__date {
        font-size: 14px;
    }
    .news-item_block-new .link-new svg {
        margin-right: 5px;
        width: 30px;
    }
    .news-item_block-new .item__info {
        margin-top: 34px;
    }
    .benefits-list-block-new .item__info {
        margin-left: 0 !important;
    }
    .benefits-list-block-new .item__info {
        text-align: center;
    }
    .benefits-list-block-new .item__info .item__description {
        text-align: center !important;
    }
    .benefits-list-block-new .item {
        padding: 50px 0;
    }
}
@media (min-width: 992.98px) {
    #header #cssmenu ul.active li ul.active {
        display: none !important;
    }
    #header #cssmenu ul.active li:hover ul.active {
        display: flex !important;
    }
}
#header .header__working-time {
    padding-left: 0;
}
.preview-photo-report-slider {
    padding-bottom: 60px;
}
.popup-service .popup-images {
    padding: 65px 20px 20px 0 !important;
}
.popup-info--full {
    width: 100% !important;
}
.item__image {
    position: relative;
}
.item__image__slider .slider-button-prev {
    left: -3px;
}
.item__image__slider .slider-button-next {
    right: -3px;
}
.item__image__slider .slider-button-next,
.item__image__slider .slider-button-prev {
    width: 45px;
    height: 20px;
}
.sitemap {
    columns: 2;
    margin-top: 20px;
    margin-bottom: 40px;
}

.sitemap a {
    color: #000;
    width: fit-content;
}
@media (max-width: 767.98px) {
    .item__image__slider .slider-button-prev {
        left: 0;
        transform: translateY(100%) rotate(90deg);
    }
    .item__image__slider .slider-button-next {
        right: 0;
        transform: translateY(100%) rotate(-90deg);
    }
    .sitemap {
        columns: 1;
    }
}

.benefits-list-block-new {
    margin-top: 30px;
}
.benefits-list-block-new .item {
    width: 25%;
    max-width: 280px;
    height: 72px;
    display: flex;
    align-items: center;
    box-shadow: 0px 4px 20px rgb(0 0 0 / 14%);
    background: #ffffff;
    margin: 5px;
    border-radius: 5px;
}
.benefits-list-block-new .item__icon::after {
    content: none;
}
.benefits-list-block-new .item__info {
    margin-left: 10px;
}
.benefits-list-block-new .item__title {
    margin-left: 0;
}
.benefits-list-block-new .item__description {
    margin-top: 0 !important;
    font-size: 14px;
    line-height: 18px;
    color: #707070;
}
.benefits-list-block-new .list {
    margin: 0;
}

@media (max-width: 992.98px) {
    .benefits-list-block-new .item {
        width: calc(50% - 10px);
    }
    .benefits-list-block-new .list {
        justify-content: center !important;
    }
}

@media (max-width: 479.98px) {
    .benefits-list-block-new .item__container {
        flex-direction: column;
    }
    .benefits-list-block-new .item__icon {
        margin-bottom: 5px;
    }
    .benefits-list-block-new .item__title {
        margin-left: 0;
        font-size: 14px;
    }
    /* .benefits-list-block-new .item {
        padding: 19px 0;
    } */
    .benefits-list-block-new .item {
        justify-content: center;
    }
    .benefits-list-block-new .item__description {
        font-size: 12px;
        line-height: 12px;
    }
    .benefits-list-block-new .item {
        height: 80px;
    }
}
.intro-block .intro-slider__button-next,
.intro-block .intro-slider__button-prev {
    position: absolute !important;
}
.intro-block .slider-buttons {
    display: block !important;
}

.intro-block .intro-slider__button-next {
    margin-top: 0 !important;
    right: 0 !important;
    transform: translateY(-50%) rotate(-90deg) !important;
}
.intro-block .intro-slider__button-prev {
    left: 0 !important;
    transform: translateY(-50%) rotate(90deg) !important;
}
.intro-block .intro-slider__button-prev::before {
    transform: translate(-50%, -50%) rotate(90deg) !important;
}

.intro-slider {
    position: relative;
}

.reviewsLink {
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    position: absolute;
    top: -25px;
    text-decoration: underline;
    margin-left: 10px;
}

.slide-tip-info {
    display: flex;
    align-items: center;
}

.intro-block .slide-tip {
    width: 100% !important;
}

/* .sliderIconReview .swiper-slide {
    width: 100px !important;
} */

.intro-block .slide-tip .tip {
    width: 410px;
}

.sliderIconReview {
    max-width: 300px;
    width: 300px;

    /* overflow: hidden; */
    /* position: absolute;
    right: 100px;
    bottom: 30px; */
    /* height: 100px; */
}
.intro-slider__reviewsIcon {
    max-width: 300px;
    width: 300px;
    /* height: 100px; */
}

.slide__reviewsIcon {
    background: #fff;
    opacity: 0.75;
    width: 100px;
    height: 44.5px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-clip-path: polygon(19% 0, 100% 0, 81% 100%, 0% 100%);
    clip-path: polygon(19% 0, 100% 0, 81% 100%, 0% 100%);
}

.sliderIconReview .slider-button-next.swiper-button-disabled,
.sliderIconReview .slider-button-prev.swiper-button-disabled {
    background: none;
}

.sliderIconReview .slider-button-next.swiper-button-disabled::before,
.sliderIconReview .slider-button-prev.swiper-button-disabled::before {
    content: none;
}
.sliderIconReview .swiper-container {
    padding: 10px;
}
.sliderIconReview .slider-button-next,
.sliderIconReview .slider-button-prev {
    margin-top: 15px;
}

.slide__reviewsIcon:first-child {
    margin-bottom: 8px;
}

.slide__reviewsIcon:last-child {
    margin-left: -21px;
}

@media (max-width: 1366.98px) {
    .intro-block .slide-tip {
        left: 45%;
    }
}

.reviews__wrapper {
    display: flex;
}

.sliderIconReview .reviewsLink {
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    position: absolute;
    top: -15px;
    text-decoration: underline;
    margin-left: 30px;
}
/* 
.iconReviews .reviewsLink:last-child {
    margin-left: -10px;
} */

@media (max-width: 991.98px) {
    .intro-block .block-content .content {
        max-width: 100% !important;
        margin: 0 auto;
    }
    .intro-block .slide-tip {
        left: 0;
    }
    .slide__reviewsIcon {
        height: 35px;
    }
    .sliderIconReview .reviewsLink {
        position: relative;
        top: 0;
        margin-left: 20px;
    }
    .intro-slider__reviewsIcon {
        margin-top: 5px;
    }
}

@media (max-width: 767.98px) {
    .intro-slider__reviewsIcon {
        max-width: 90%;
        width: 90%;
        margin: 0 auto;
    }
    .slide__reviewsIcon {
        width: 100%;
        clip-path: none;
        border-radius: 3px;
        margin: 10px;
    }

    .slide__reviewsIcon:last-child {
        margin-left: 0;
    }
    .slide__reviewsIcon:first-child {
        margin-bottom: 0;
    }
    .reviewsLink {
        position: relative;
        top: 0;
        margin-left: 10px;
        text-align: center;
        padding-top: 10px;
    }
    .index-intro-block-mob .intro-form .button.callback {
        border-radius: 0 !important;
    }

    .index-intro-block-mob .block-content {
        padding-top: 80px;
        padding-bottom: 10px;
    }

    .sliderReviewIconMobile .slider-button-next::before,
    .sliderReviewIconMobile .slider-button-prev::before {
        width: 18px;
        height: 18px;
    }

    .sliderReviewIconMobile .slider-button-next,
    .sliderReviewIconMobile .slider-button-prev {
        background: #00000000;
        top: 85%;
    }
}
.regions-block {
    margin-top: 80px;
}
.popularServise-block {
    margin-top: 160px;
}
.popularServiseSlide__image img {
    width: 100%;
}
a.popularServiseSlide__image {
    width: 100%;
    max-height: 200px;
}
.reginos__tabs-item {
    width: 225px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    border: 1px solid #bfbfbf;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    background: #fff;
    cursor: pointer;
}
.reginos__tabs-item.active {
    background: #f4920e;
    color: #fff;
}
.regions__tabs {
    display: flex;
}
.regions__wrapper {
    margin-top: 70px;
}
.regions__content {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.regions__slider {
    flex-basis: 670px;
    margin-top: 30px;
    margin-right: 12px;
}

.reginos__tabs-item:first-child {
    border-radius: 15px 0px 0px 15px;
}
.reginos__tabs-item:last-child {
    border-radius: 0px 15px 15px 0px;
}
.regions__content-item.active {
    display: block;
}
.regions__content-item {
    display: none;
    max-width: 670px;
    width: 100%;
}
.region__item {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 40px;
    text-decoration-line: underline;
    color: #000000;
}
.region__slider {
    display: flex;
    justify-content: space-between;
}
.regions__content-slider .slider-controls {
    right: 0;
    flex-direction: column;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 9;
}
.regions__wrapper {
    position: relative;
}
.regions__images {
    position: absolute;
    right: 0;
}
.regions__content-slider .slider-controls .slider-button-prev {
    webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.regions__content-slider .slider-controls .slider-button-prev::before {
    -webkit-transform: translate(-50%, -50%) rotate(-90deg);
    -ms-transform: translate(-50%, -50%) rotate(-90deg);
    transform: translate(-50%, -50%) rotate(-90deg);
}
.regions__content-slider .slider-controls .slider-button-next {
    margin-top: 45px;
    -webkit-transform: rotate(-90deg) !important;
    -ms-transform: rotate(-90deg) !important;
    transform: rotate(-90deg) !important;
}

.regions__content-slider .slider-button-next,
.regions__content-slider .slider-button-prev {
    position: relative;
}
.regions__images img {
    width: 100%;
}

.regions__select {
    width: 100%;
    padding: 10px;
    border: 1px solid #bfbfbf;
    border-radius: 7px;
}
@media (max-width: 1399.98px) {
    .regions__images .regions__content-item {
        max-width: 400px;
    }
}
@media (max-width: 1199.98px) {
    .regions__images {
        position: relative;
        /* right: 0; */
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .reginos__tabs-item {
        width: 200px;
    }
    .regions__content-item {
        max-width: 500px;
    }
}

@media (max-width: 992px) {
    .regions__slider {
        flex-basis: 100%;
        width: 100%;
        margin-right: 0;
    }

    .regions__content {
        flex-direction: column;
    }
    .regions__content {
        align-items: flex-start;
    }
    .regions__images {
        align-self: center;
        margin-top: 20px;
    }
}

#title-search-mb {
  width: 90%;
  display: none;
}


@media (max-width: 767px) {
#title-search-mb {
  display: block;
}
    .regions__wrapper {
        margin-top: 20px;
    }
	#header .header-top__container {
	  padding-top: 0px;
	}
	.header-socials_block {
	  padding-top: 20px;
	}
}
.popularServiseSlider {
    margin-top: 50px;
}
.popularServiseSlide {
    background: #ffffff;
    border: 1px solid #bfbfbf;
    border-radius: 15px;
    width: 270px;
    height: 348px;
    margin: 0 auto;
}
.popularServiseSlide__title {
    margin: 12px 45px 0 45px;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;

    text-align: center;
    color: #000000;
}

.popularServiseSlide .button {
    position: absolute;
    bottom: 23px;
    width: 204px;
    margin: 0 auto;
    left: 0;
    right: 0;
    color: #fff !important;
}
.service-info-with-video-block {
    margin-top: 30px;
}
.sales-block {
    margin-top: 80px;
}
.index-intro-block-mob .intro-text {
    margin-top: 20px;
}
.button_1705798005372 {
    display: inline-block !important;
    text-decoration: none !important;
    background-color: #77d34a !important;
    color: #ffffff !important;
    border: 0px solid #ffffff !important;
    border-radius: 8px !important;
    font-size: 16px !important;
    padding: 10px 15px !important; 
    transition: all 0.8s ease !important;
text-align: center;
margin-right:5px;
}
.button_1705798005372:hover{
    text-decoration: none !important; 
    background-color: #6efb7c !important;
    color: #ffeded !important;
    border-color: #ffffff !important;
}
.popup-title-text {
  padding: 20px 40px 0px;
}

  #title-search-mb {
    display: block;
    z-index: 9999;
    position: relative;
  }


@media (min-width: 767px) {
.header-actions {
  margin-bottom: -15px;
}
.autch_link {
  padding-right: 0;
  margin-left: -10px;
  padding-top: 7px;
}

}
@media (max-width: 767.98px) {
  .index-intro-block-mob .block-content {
    padding-top: 110px !important;
    padding-bottom: 10px !important;
  }
.index-intro-block-mob .intro-text {
  margin-top: 50px;
  padding-bottom: 80px;
  font-size: 15px;
}
  .index-intro-block-mob .title {
    font-size: 30px;
    padding-top: 20px;
  }

 .mb-button {
    display: flex;
    justify-content: space-around;
    width: 100%;
    padding: 5px 13px;
  }
.mb-button .button {
  border-radius: 0px;
  background: #F99B1D;
  color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  text-transform: uppercase;
  padding: 10px 0px;
  width: 47%;
}
#popup-slider {
  border-radius: 14px;
  background: #FFF;
}


#popup-slider .popup-title {
  color: #333;
  text-align: center;
  background: #fff;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  padding: 30px;
}

#popup-slider .fancybox-button.fancybox-close-small {
  color: #AAA !important;
}

#popup-slider .form-control textarea, #popup-order-calc .form-control input {
  border-radius: 7px;
  border: 1px solid #E4E4E4;
  background: #FFF;
  padding: 15px;
  height: 50px;
  margin-top: 10px;
}

#popup-slider .form-control span {
  color: #333;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}

#popup-slider .button.default {
  background: #f4920e;
  border-radius: 7px;
  background: #F99B1D;
}

}


.price_old {
  text-decoration: line-through;
  color: #7d7c7c;
}
.prices-table-block table tbody tr td {
  height: 60px;
  position: relative;
}
.price_percent {
  margin-left: 5px;
  color: #000;
  padding: 1px;
}
.price_container {
  position: absolute;
  top: 6px;
  font-size: 18px;
}
.prices-table-block table tbody tr td.price_td {
  padding-bottom: 0px;
  padding-top: 15px;
}
.prices-tiles-block .item__price .price_container {
  top: -32px;
}
.prices-tiles-block .item__price {
  position: relative;
  margin-top: 55px;
}

.prices-tiles-block .item__price .price_old {
  color: #646363;
  font-size: 30px;
}
.prices-tiles-block .item__price .price_percent {
  position: absolute;
  top: -1px;
  font-size: 15px;
}
.prices-tiles-block .item__price .price_container {
  text-align: left;
  font-family: 'ProximaNova Regular';
}
.prices-tiles-block .item .button.dark-gradient {
  margin: 25px auto 0;
}
.table_price_dop {
  margin: 20px 0px;
}
.prices-table-block table.table_price_dop_table thead tr th {
  background: #730b73;
}
.prices-table-block table.table_price_dop_table tbody tr:nth-child(2n+1) {
  background: #fff;
}
table.table-striped.table_price_dop_table,
.prices-table-block table.table-striped.table_price_dop_table tbody tr td {
  border: 1px solid #730b73;
}
.prices-table-block table.table-striped.table_price_dop_table tbody tr td + td {
  border-left: 1px solid #730b73;
}
.prices-table-block table.table-striped.table_price_dop_table thead + tbody tr {
  border-top: 0px solid #fff;
}
.full_line {
  background: #730b73;
  color: #fff !important;
  height: 50px !important;
}

.hide-containter {
  margin-top: 20px;
  justify-content: center;
  width: 100%;
  display: flex;
}


@media (max-width: 767.98px) {
	.full_line {
	  text-align: left !important;
	  padding-left: 15px !important;
	}
	.benefit-prices-block .benefits-box {
	  margin-top: 0px !important;
	}
	.prices-table-block table tbody tr td.price_td {
	  padding-bottom: 10px;
	  padding-top: 10px;
	}
	.table_price_dop {
	  margin: 20px -10px;
	}

  .price_container {
    display: block;
    font-size: 13px;
    text-align: center;
    position: initial;
  }
	.prices-tiles-block .item__price .price_container {
	  margin-bottom: 10px;
	}
	.prices-tiles-block .item__price .price_old {
	  font-size: 26px;
	}
	.prices-tiles-block .item__price .price_percent {
	  font-size: 13px;
	}
	.prices-tiles-block .item__price {
	  margin-top: 25px;
	}
}
/* End */
/* /local/templates/best-gruzchik-new-2020/css/style.min.css?1716236929391861 */
/* /local/templates/best-gruzchik-new-2020/libs/animate/animate.min.css?161830443371750 */
/* /local/templates/best-gruzchik-new-2020/css/jquery.fancybox.min.css?162133752212795 */
/* /local/templates/best-gruzchik-new-2020/css/swiper-bundle.min.css?166911469816470 */
/* /local/templates/best-gruzchik-new-2020/css/select2.min.css?171623412316264 */
/* /local/templates/best-gruzchik-new-2020/css/suggestions.min.css?17162341242091 */
/* /local/templates/best-gruzchik-new-2020/components/bitrix/menu/desktopMenuNew/style.css?1618304426581 */
/* /local/templates/best-gruzchik-new-2020/components/bitrix/menu/footerMenu/style.css?1618304426581 */
/* /local/templates/best-gruzchik-new-2020/components/bitrix/menu/footerBottom/style.css?1618304426581 */
/* /local/templates/best-gruzchik-new-2020/template_styles.css?175285835437362 */