/* https://fonts.googleapis.com/css?family=Montserrat:400,500,700&display=swap&subset=cyrillic */ @font-face { font-family: "Montserrat"; font-style: normal; font-weight: 400; font-display: swap; src: local("Montserrat Regular"), local("Montserrat-Regular"), url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459W1hzg.ttf) format("truetype"); } @font-face { font-family: "Montserrat"; font-style: normal; font-weight: 500; font-display: swap; src: local("Montserrat Medium"), local("Montserrat-Medium"), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_ZpC3g3D-w.ttf) format("truetype"); } @font-face { font-family: "Montserrat"; font-style: normal; font-weight: 700; font-display: swap; src: local("Montserrat Bold"), local("Montserrat-Bold"), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_dJE3g3D-w.ttf) format("truetype"); } /* http://oxrana.etc-ohrana.ru/assets/css/libs/bootstrap.min.css *//*! * Bootstrap v4.4.1 (https://getbootstrap.com/) * Copyright 2011-2019 The Bootstrap Authors * Copyright 2011-2019 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;--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace} *, ::after, ::before {box-sizing: border-box} html {font-family: sans-serif;line-height: 1.15;-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: transparent} article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {display: block} body {margin: 0;font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-size: 1rem;font-weight: 400;line-height: 1.5;color: #212529;text-align: left;background-color: #fff} [tabindex="-1"]:focus:not(:focus-visible) {outline: 0 !important} hr {box-sizing: content-box;height: 0;overflow: visible} h1, h2, h3, h4, h5, h6 {margin-top: 0;margin-bottom: .5rem} p {margin-top: 0;margin-bottom: 1rem} abbr[data-original-title], abbr[title] {text-decoration: underline;-webkit-text-decoration: underline dotted;text-decoration: underline dotted;cursor: help;border-bottom: 0;-webkit-text-decoration-skip-ink: none;text-decoration-skip-ink: none} address {margin-bottom: 1rem;font-style: normal;line-height: inherit} dl, ol, ul {margin-top: 0;margin-bottom: 1rem} ol ol, ol ul, ul ol, ul ul {margin-bottom: 0} dt {font-weight: 700} dd {margin-bottom: .5rem;margin-left: 0} blockquote {margin: 0 0 1rem} 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} a:hover {color: #0056b3;text-decoration: underline} a:not([href]) {color: inherit;text-decoration: none} a:not([href]):hover {color: inherit;text-decoration: none} code, kbd, pre, samp {font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-size: 1em} pre {margin-top: 0;margin-bottom: 1rem;overflow: auto} figure {margin: 0 0 1rem} img {vertical-align: middle;border-style: none} svg {overflow: hidden;vertical-align: middle} table {border-collapse: collapse} caption {padding-top: .75rem;padding-bottom: .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} button, input, optgroup, select, textarea {margin: 0;font-family: inherit;font-size: inherit;line-height: inherit} button, input {overflow: visible} button, select {text-transform: none} select {word-wrap: normal} [type=button], [type=reset], [type=submit], button {-webkit-appearance: button} [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {cursor: pointer} [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {padding: 0;border-style: none} input[type=checkbox], input[type=radio] {box-sizing: border-box;padding: 0} input[type=date], input[type=datetime-local], input[type=month], input[type=time] {-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-decoration {-webkit-appearance: none} ::-webkit-file-upload-button {font: inherit;-webkit-appearance: button} input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;} input[type="number"] { -moz-appearance: textfield;} input[type="number"]:hover, input[type="number"]:focus { -moz-appearance: number-input;} input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0;} 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: .5rem;font-weight: 500;line-height: 1.2} .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, .1)} .small, small {font-size: 80%;font-weight: 400} .mark, mark {padding: .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: .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: .25rem;background-color: #fff;border: 1px solid #dee2e6;border-radius: .25rem;max-width: 100%;height: auto} .figure {display: inline-block} .figure-img {margin-bottom: .5rem;line-height: 1} .figure-caption {font-size: 90%;color: #6c757d} code {font-size: 87.5%;color: #e83e8c;word-wrap: break-word} a > code {color: inherit} kbd {padding: .2rem .4rem;font-size: 87.5%;color: #fff;background-color: #212529;border-radius: .2rem} kbd kbd {padding: 0;font-size: 100%;font-weight: 700} pre {display: block;font-size: 87.5%;color: #212529} pre code {font-size: inherit;color: inherit;word-break: normal} .pre-scrollable {max-height: 340px;overflow-y: scroll} .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} } .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {width: 100%;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto} @media (min-width: 576px) { .container, .container-sm {max-width: 540px} } @media (min-width: 768px) { .container, .container-md, .container-sm {max-width: 720px} } @media (min-width: 992px) { .container, .container-lg, .container-md, .container-sm {max-width: 960px} } @media (min-width: 1200px) { .container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 1140px} } .row {display: -ms-flexbox;display: flex;-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, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .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-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .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-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .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-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .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-auto {position: relative;width: 100%;padding-right: 15px;padding-left: 15px} .col {-ms-flex-preferred-size: 0;flex-basis: 0;-ms-flex-positive: 1;flex-grow: 1;max-width: 100%} .row-cols-1 > * {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%} .row-cols-2 > * {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%} .row-cols-3 > * {-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%} .row-cols-4 > * {-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%} .row-cols-5 > * {-ms-flex: 0 0 20%;flex: 0 0 20%;max-width: 20%} .row-cols-6 > * {-ms-flex: 0 0 16.666667%;flex: 0 0 16.666667%;max-width: 16.666667%} .col-auto {-ms-flex: 0 0 auto;flex: 0 0 auto;width: auto;max-width: 100%} .col-1 {-ms-flex: 0 0 8.333333%;flex: 0 0 8.333333%;max-width: 8.333333%} .col-2 {-ms-flex: 0 0 16.666667%;flex: 0 0 16.666667%;max-width: 16.666667%} .col-3 {-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%} .col-4 {-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%} .col-5 {-ms-flex: 0 0 41.666667%;flex: 0 0 41.666667%;max-width: 41.666667%} .col-6 {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%} .col-7 {-ms-flex: 0 0 58.333333%;flex: 0 0 58.333333%;max-width: 58.333333%} .col-8 {-ms-flex: 0 0 66.666667%;flex: 0 0 66.666667%;max-width: 66.666667%} .col-9 {-ms-flex: 0 0 75%;flex: 0 0 75%;max-width: 75%} .col-10 {-ms-flex: 0 0 83.333333%;flex: 0 0 83.333333%;max-width: 83.333333%} .col-11 {-ms-flex: 0 0 91.666667%;flex: 0 0 91.666667%;max-width: 91.666667%} .col-12 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%} .order-first {-ms-flex-order: -1;order: -1} .order-last {-ms-flex-order: 13;order: 13} .order-0 {-ms-flex-order: 0;order: 0} .order-1 {-ms-flex-order: 1;order: 1} .order-2 {-ms-flex-order: 2;order: 2} .order-3 {-ms-flex-order: 3;order: 3} .order-4 {-ms-flex-order: 4;order: 4} .order-5 {-ms-flex-order: 5;order: 5} .order-6 {-ms-flex-order: 6;order: 6} .order-7 {-ms-flex-order: 7;order: 7} .order-8 {-ms-flex-order: 8;order: 8} .order-9 {-ms-flex-order: 9;order: 9} .order-10 {-ms-flex-order: 10;order: 10} .order-11 {-ms-flex-order: 11;order: 11} .order-12 {-ms-flex-order: 12;order: 12} .offset-1 {margin-left: 8.333333%} .offset-2 {margin-left: 16.666667%} .offset-3 {margin-left: 25%} .offset-4 {margin-left: 33.333333%} .offset-5 {margin-left: 41.666667%} .offset-6 {margin-left: 50%} .offset-7 {margin-left: 58.333333%} .offset-8 {margin-left: 66.666667%} .offset-9 {margin-left: 75%} .offset-10 {margin-left: 83.333333%} .offset-11 {margin-left: 91.666667%} @media (min-width: 576px) { .col-sm {-ms-flex-preferred-size: 0;flex-basis: 0;-ms-flex-positive: 1;flex-grow: 1;max-width: 100%} .row-cols-sm-1 > * {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%} .row-cols-sm-2 > * {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%} .row-cols-sm-3 > * {-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%} .row-cols-sm-4 > * {-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%} .row-cols-sm-5 > * {-ms-flex: 0 0 20%;flex: 0 0 20%;max-width: 20%} .row-cols-sm-6 > * {-ms-flex: 0 0 16.666667%;flex: 0 0 16.666667%;max-width: 16.666667%} .col-sm-auto {-ms-flex: 0 0 auto;flex: 0 0 auto;width: auto;max-width: 100%} .col-sm-1 {-ms-flex: 0 0 8.333333%;flex: 0 0 8.333333%;max-width: 8.333333%} .col-sm-2 {-ms-flex: 0 0 16.666667%;flex: 0 0 16.666667%;max-width: 16.666667%} .col-sm-3 {-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%} .col-sm-4 {-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%} .col-sm-5 {-ms-flex: 0 0 41.666667%;flex: 0 0 41.666667%;max-width: 41.666667%} .col-sm-6 {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%} .col-sm-7 {-ms-flex: 0 0 58.333333%;flex: 0 0 58.333333%;max-width: 58.333333%} .col-sm-8 {-ms-flex: 0 0 66.666667%;flex: 0 0 66.666667%;max-width: 66.666667%} .col-sm-9 {-ms-flex: 0 0 75%;flex: 0 0 75%;max-width: 75%} .col-sm-10 {-ms-flex: 0 0 83.333333%;flex: 0 0 83.333333%;max-width: 83.333333%} .col-sm-11 {-ms-flex: 0 0 91.666667%;flex: 0 0 91.666667%;max-width: 91.666667%} .col-sm-12 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%} .order-sm-first {-ms-flex-order: -1;order: -1} .order-sm-last {-ms-flex-order: 13;order: 13} .order-sm-0 {-ms-flex-order: 0;order: 0} .order-sm-1 {-ms-flex-order: 1;order: 1} .order-sm-2 {-ms-flex-order: 2;order: 2} .order-sm-3 {-ms-flex-order: 3;order: 3} .order-sm-4 {-ms-flex-order: 4;order: 4} .order-sm-5 {-ms-flex-order: 5;order: 5} .order-sm-6 {-ms-flex-order: 6;order: 6} .order-sm-7 {-ms-flex-order: 7;order: 7} .order-sm-8 {-ms-flex-order: 8;order: 8} .order-sm-9 {-ms-flex-order: 9;order: 9} .order-sm-10 {-ms-flex-order: 10;order: 10} .order-sm-11 {-ms-flex-order: 11;order: 11} .order-sm-12 {-ms-flex-order: 12;order: 12} .offset-sm-0 {margin-left: 0} .offset-sm-1 {margin-left: 8.333333%} .offset-sm-2 {margin-left: 16.666667%} .offset-sm-3 {margin-left: 25%} .offset-sm-4 {margin-left: 33.333333%} .offset-sm-5 {margin-left: 41.666667%} .offset-sm-6 {margin-left: 50%} .offset-sm-7 {margin-left: 58.333333%} .offset-sm-8 {margin-left: 66.666667%} .offset-sm-9 {margin-left: 75%} .offset-sm-10 {margin-left: 83.333333%} .offset-sm-11 {margin-left: 91.666667%} } @media (min-width: 768px) { .col-md {-ms-flex-preferred-size: 0;flex-basis: 0;-ms-flex-positive: 1;flex-grow: 1;max-width: 100%} .row-cols-md-1 > * {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%} .row-cols-md-2 > * {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%} .row-cols-md-3 > * {-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%} .row-cols-md-4 > * {-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%} .row-cols-md-5 > * {-ms-flex: 0 0 20%;flex: 0 0 20%;max-width: 20%} .row-cols-md-6 > * {-ms-flex: 0 0 16.666667%;flex: 0 0 16.666667%;max-width: 16.666667%} .col-md-auto {-ms-flex: 0 0 auto;flex: 0 0 auto;width: auto;max-width: 100%} .col-md-1 {-ms-flex: 0 0 8.333333%;flex: 0 0 8.333333%;max-width: 8.333333%} .col-md-2 {-ms-flex: 0 0 16.666667%;flex: 0 0 16.666667%;max-width: 16.666667%} .col-md-3 {-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%} .col-md-4 {-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%} .col-md-5 {-ms-flex: 0 0 41.666667%;flex: 0 0 41.666667%;max-width: 41.666667%} .col-md-6 {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%} .col-md-7 {-ms-flex: 0 0 58.333333%;flex: 0 0 58.333333%;max-width: 58.333333%} .col-md-8 {-ms-flex: 0 0 66.666667%;flex: 0 0 66.666667%;max-width: 66.666667%} .col-md-9 {-ms-flex: 0 0 75%;flex: 0 0 75%;max-width: 75%} .col-md-10 {-ms-flex: 0 0 83.333333%;flex: 0 0 83.333333%;max-width: 83.333333%} .col-md-11 {-ms-flex: 0 0 91.666667%;flex: 0 0 91.666667%;max-width: 91.666667%} .col-md-12 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%} .order-md-first {-ms-flex-order: -1;order: -1} .order-md-last {-ms-flex-order: 13;order: 13} .order-md-0 {-ms-flex-order: 0;order: 0} .order-md-1 {-ms-flex-order: 1;order: 1} .order-md-2 {-ms-flex-order: 2;order: 2} .order-md-3 {-ms-flex-order: 3;order: 3} .order-md-4 {-ms-flex-order: 4;order: 4} .order-md-5 {-ms-flex-order: 5;order: 5} .order-md-6 {-ms-flex-order: 6;order: 6} .order-md-7 {-ms-flex-order: 7;order: 7} .order-md-8 {-ms-flex-order: 8;order: 8} .order-md-9 {-ms-flex-order: 9;order: 9} .order-md-10 {-ms-flex-order: 10;order: 10} .order-md-11 {-ms-flex-order: 11;order: 11} .order-md-12 {-ms-flex-order: 12;order: 12} .offset-md-0 {margin-left: 0} .offset-md-1 {margin-left: 8.333333%} .offset-md-2 {margin-left: 16.666667%} .offset-md-3 {margin-left: 25%} .offset-md-4 {margin-left: 33.333333%} .offset-md-5 {margin-left: 41.666667%} .offset-md-6 {margin-left: 50%} .offset-md-7 {margin-left: 58.333333%} .offset-md-8 {margin-left: 66.666667%} .offset-md-9 {margin-left: 75%} .offset-md-10 {margin-left: 83.333333%} .offset-md-11 {margin-left: 91.666667%} } @media (min-width: 992px) { .col-lg {-ms-flex-preferred-size: 0;flex-basis: 0;-ms-flex-positive: 1;flex-grow: 1;max-width: 100%} .row-cols-lg-1 > * {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%} .row-cols-lg-2 > * {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%} .row-cols-lg-3 > * {-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%} .row-cols-lg-4 > * {-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%} .row-cols-lg-5 > * {-ms-flex: 0 0 20%;flex: 0 0 20%;max-width: 20%} .row-cols-lg-6 > * {-ms-flex: 0 0 16.666667%;flex: 0 0 16.666667%;max-width: 16.666667%} .col-lg-auto {-ms-flex: 0 0 auto;flex: 0 0 auto;width: auto;max-width: 100%} .col-lg-1 {-ms-flex: 0 0 8.333333%;flex: 0 0 8.333333%;max-width: 8.333333%} .col-lg-2 {-ms-flex: 0 0 16.666667%;flex: 0 0 16.666667%;max-width: 16.666667%} .col-lg-3 {-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%} .col-lg-4 {-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%} .col-lg-5 {-ms-flex: 0 0 41.666667%;flex: 0 0 41.666667%;max-width: 41.666667%} .col-lg-6 {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%} .col-lg-7 {-ms-flex: 0 0 58.333333%;flex: 0 0 58.333333%;max-width: 58.333333%} .col-lg-8 {-ms-flex: 0 0 66.666667%;flex: 0 0 66.666667%;max-width: 66.666667%} .col-lg-9 {-ms-flex: 0 0 75%;flex: 0 0 75%;max-width: 75%} .col-lg-10 {-ms-flex: 0 0 83.333333%;flex: 0 0 83.333333%;max-width: 83.333333%} .col-lg-11 {-ms-flex: 0 0 91.666667%;flex: 0 0 91.666667%;max-width: 91.666667%} .col-lg-12 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%} .order-lg-first {-ms-flex-order: -1;order: -1} .order-lg-last {-ms-flex-order: 13;order: 13} .order-lg-0 {-ms-flex-order: 0;order: 0} .order-lg-1 {-ms-flex-order: 1;order: 1} .order-lg-2 {-ms-flex-order: 2;order: 2} .order-lg-3 {-ms-flex-order: 3;order: 3} .order-lg-4 {-ms-flex-order: 4;order: 4} .order-lg-5 {-ms-flex-order: 5;order: 5} .order-lg-6 {-ms-flex-order: 6;order: 6} .order-lg-7 {-ms-flex-order: 7;order: 7} .order-lg-8 {-ms-flex-order: 8;order: 8} .order-lg-9 {-ms-flex-order: 9;order: 9} .order-lg-10 {-ms-flex-order: 10;order: 10} .order-lg-11 {-ms-flex-order: 11;order: 11} .order-lg-12 {-ms-flex-order: 12;order: 12} .offset-lg-0 {margin-left: 0} .offset-lg-1 {margin-left: 8.333333%} .offset-lg-2 {margin-left: 16.666667%} .offset-lg-3 {margin-left: 25%} .offset-lg-4 {margin-left: 33.333333%} .offset-lg-5 {margin-left: 41.666667%} .offset-lg-6 {margin-left: 50%} .offset-lg-7 {margin-left: 58.333333%} .offset-lg-8 {margin-left: 66.666667%} .offset-lg-9 {margin-left: 75%} .offset-lg-10 {margin-left: 83.333333%} .offset-lg-11 {margin-left: 91.666667%} } @media (min-width: 1200px) { .col-xl {-ms-flex-preferred-size: 0;flex-basis: 0;-ms-flex-positive: 1;flex-grow: 1;max-width: 100%} .row-cols-xl-1 > * {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%} .row-cols-xl-2 > * {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%} .row-cols-xl-3 > * {-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%} .row-cols-xl-4 > * {-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%} .row-cols-xl-5 > * {-ms-flex: 0 0 20%;flex: 0 0 20%;max-width: 20%} .row-cols-xl-6 > * {-ms-flex: 0 0 16.666667%;flex: 0 0 16.666667%;max-width: 16.666667%} .col-xl-auto {-ms-flex: 0 0 auto;flex: 0 0 auto;width: auto;max-width: 100%} .col-xl-1 {-ms-flex: 0 0 8.333333%;flex: 0 0 8.333333%;max-width: 8.333333%} .col-xl-2 {-ms-flex: 0 0 16.666667%;flex: 0 0 16.666667%;max-width: 16.666667%} .col-xl-3 {-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%} .col-xl-4 {-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%} .col-xl-5 {-ms-flex: 0 0 41.666667%;flex: 0 0 41.666667%;max-width: 41.666667%} .col-xl-6 {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%} .col-xl-7 {-ms-flex: 0 0 58.333333%;flex: 0 0 58.333333%;max-width: 58.333333%} .col-xl-8 {-ms-flex: 0 0 66.666667%;flex: 0 0 66.666667%;max-width: 66.666667%} .col-xl-9 {-ms-flex: 0 0 75%;flex: 0 0 75%;max-width: 75%} .col-xl-10 {-ms-flex: 0 0 83.333333%;flex: 0 0 83.333333%;max-width: 83.333333%} .col-xl-11 {-ms-flex: 0 0 91.666667%;flex: 0 0 91.666667%;max-width: 91.666667%} .col-xl-12 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%} .order-xl-first {-ms-flex-order: -1;order: -1} .order-xl-last {-ms-flex-order: 13;order: 13} .order-xl-0 {-ms-flex-order: 0;order: 0} .order-xl-1 {-ms-flex-order: 1;order: 1} .order-xl-2 {-ms-flex-order: 2;order: 2} .order-xl-3 {-ms-flex-order: 3;order: 3} .order-xl-4 {-ms-flex-order: 4;order: 4} .order-xl-5 {-ms-flex-order: 5;order: 5} .order-xl-6 {-ms-flex-order: 6;order: 6} .order-xl-7 {-ms-flex-order: 7;order: 7} .order-xl-8 {-ms-flex-order: 8;order: 8} .order-xl-9 {-ms-flex-order: 9;order: 9} .order-xl-10 {-ms-flex-order: 10;order: 10} .order-xl-11 {-ms-flex-order: 11;order: 11} .order-xl-12 {-ms-flex-order: 12;order: 12} .offset-xl-0 {margin-left: 0} .offset-xl-1 {margin-left: 8.333333%} .offset-xl-2 {margin-left: 16.666667%} .offset-xl-3 {margin-left: 25%} .offset-xl-4 {margin-left: 33.333333%} .offset-xl-5 {margin-left: 41.666667%} .offset-xl-6 {margin-left: 50%} .offset-xl-7 {margin-left: 58.333333%} .offset-xl-8 {margin-left: 66.666667%} .offset-xl-9 {margin-left: 75%} .offset-xl-10 {margin-left: 83.333333%} .offset-xl-11 {margin-left: 91.666667%} } .table {width: 100%;margin-bottom: 1rem;color: #212529} .table td, .table th {padding: .75rem;vertical-align: top;border-top: 1px solid #dee2e6} .table thead th {vertical-align: bottom;border-bottom: 2px solid #dee2e6} .table tbody + tbody {border-top: 2px solid #dee2e6} .table-sm td, .table-sm th {padding: .3rem} .table-bordered {border: 1px solid #dee2e6} .table-bordered td, .table-bordered th {border: 1px solid #dee2e6} .table-bordered thead td, .table-bordered thead th {border-bottom-width: 2px} .table-borderless tbody + tbody, .table-borderless td, .table-borderless th, .table-borderless thead th {border: 0} .table-striped tbody tr:nth-of-type(odd) {background-color: rgba(0, 0, 0, .05)} .table-hover tbody tr:hover {color: #212529;background-color: rgba(0, 0, 0, .075)} .table-primary, .table-primary > td, .table-primary > th {background-color: #b8daff} .table-primary tbody + tbody, .table-primary td, .table-primary th, .table-primary thead th {border-color: #7abaff} .table-hover .table-primary:hover {background-color: #9fcdff} .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th {background-color: #9fcdff} .table-secondary, .table-secondary > td, .table-secondary > th {background-color: #d6d8db} .table-secondary tbody + tbody, .table-secondary td, .table-secondary th, .table-secondary thead th {border-color: #b3b7bb} .table-hover .table-secondary:hover {background-color: #c8cbcf} .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th {background-color: #c8cbcf} .table-success, .table-success > td, .table-success > th {background-color: #c3e6cb} .table-success tbody + tbody, .table-success td, .table-success th, .table-success thead th {border-color: #8fd19e} .table-hover .table-success:hover {background-color: #b1dfbb} .table-hover .table-success:hover > td, .table-hover .table-success:hover > th {background-color: #b1dfbb} .table-info, .table-info > td, .table-info > th {background-color: #bee5eb} .table-info tbody + tbody, .table-info td, .table-info th, .table-info thead th {border-color: #86cfda} .table-hover .table-info:hover {background-color: #abdde5} .table-hover .table-info:hover > td, .table-hover .table-info:hover > th {background-color: #abdde5} .table-warning, .table-warning > td, .table-warning > th {background-color: #ffeeba} .table-warning tbody + tbody, .table-warning td, .table-warning th, .table-warning thead th {border-color: #ffdf7e} .table-hover .table-warning:hover {background-color: #ffe8a1} .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th {background-color: #ffe8a1} .table-danger, .table-danger > td, .table-danger > th {background-color: #f5c6cb} .table-danger tbody + tbody, .table-danger td, .table-danger th, .table-danger thead th {border-color: #ed969e} .table-hover .table-danger:hover {background-color: #f1b0b7} .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th {background-color: #f1b0b7} .table-light, .table-light > td, .table-light > th {background-color: #fdfdfe} .table-light tbody + tbody, .table-light td, .table-light th, .table-light thead th {border-color: #fbfcfc} .table-hover .table-light:hover {background-color: #ececf6} .table-hover .table-light:hover > td, .table-hover .table-light:hover > th {background-color: #ececf6} .table-dark, .table-dark > td, .table-dark > th {background-color: #c6c8ca} .table-dark tbody + tbody, .table-dark td, .table-dark th, .table-dark thead th {border-color: #95999c} .table-hover .table-dark:hover {background-color: #b9bbbe} .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th {background-color: #b9bbbe} .table-active, .table-active > td, .table-active > th {background-color: rgba(0, 0, 0, .075)} .table-hover .table-active:hover {background-color: rgba(0, 0, 0, .075)} .table-hover .table-active:hover > td, .table-hover .table-active:hover > th {background-color: rgba(0, 0, 0, .075)} .table .thead-dark th {color: #fff;background-color: #343a40;border-color: #454d55} .table .thead-light th {color: #495057;background-color: #e9ecef;border-color: #dee2e6} .table-dark {color: #fff;background-color: #343a40} .table-dark td, .table-dark th, .table-dark thead th {border-color: #454d55} .table-dark.table-bordered {border: 0} .table-dark.table-striped tbody tr:nth-of-type(odd) {background-color: rgba(255, 255, 255, .05)} .table-dark.table-hover tbody tr:hover {color: #fff;background-color: rgba(255, 255, 255, .075)} @media (max-width: 575.98px) { .table-responsive-sm {display: block;width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch} .table-responsive-sm > .table-bordered {border: 0} } @media (max-width: 767.98px) { .table-responsive-md {display: block;width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch} .table-responsive-md > .table-bordered {border: 0} } @media (max-width: 991.98px) { .table-responsive-lg {display: block;width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch} .table-responsive-lg > .table-bordered {border: 0} } @media (max-width: 1199.98px) { .table-responsive-xl {display: block;width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch} .table-responsive-xl > .table-bordered {border: 0} } .table-responsive {display: block;width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch} .table-responsive > .table-bordered {border: 0} .form-control {display: block;width: 100%;height: calc(1.5em + .75rem + 2px);padding: .375rem .75rem;font-size: 1rem;font-weight: 400;line-height: 1.5;color: #495057;background-color: #fff;background-clip: padding-box;border: 1px solid #ced4da;border-radius: .25rem;transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out} @media (prefers-reduced-motion: reduce) { .form-control {transition: none} } .form-control::-ms-expand {background-color: transparent;border: 0} .form-control:-moz-focusring {color: transparent;text-shadow: 0 0 0 #495057} .form-control:focus {color: #495057;background-color: #fff;border-color: #80bdff;outline: 0;box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)} .form-control::-webkit-input-placeholder {color: #6c757d;opacity: 1} .form-control::-moz-placeholder {color: #6c757d;opacity: 1} .form-control:-ms-input-placeholder {color: #6c757d;opacity: 1} .form-control::-ms-input-placeholder {color: #6c757d;opacity: 1} .form-control::placeholder {color: #6c757d;opacity: 1} .form-control:disabled, .form-control[readonly] {background-color: #e9ecef;opacity: 1} select.form-control:focus::-ms-value {color: #495057;background-color: #fff} .form-control-file, .form-control-range {display: block;width: 100%} .col-form-label {padding-top: calc(.375rem + 1px);padding-bottom: calc(.375rem + 1px);margin-bottom: 0;font-size: inherit;line-height: 1.5} .col-form-label-lg {padding-top: calc(.5rem + 1px);padding-bottom: calc(.5rem + 1px);font-size: 1.25rem;line-height: 1.5} .col-form-label-sm {padding-top: calc(.25rem + 1px);padding-bottom: calc(.25rem + 1px);font-size: .875rem;line-height: 1.5} .form-control-plaintext {display: block;width: 100%;padding: .375rem 0;margin-bottom: 0;font-size: 1rem;line-height: 1.5;color: #212529;background-color: transparent;border: solid transparent;border-width: 1px 0} .form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm {padding-right: 0;padding-left: 0} .form-control-sm {height: calc(1.5em + .5rem + 2px);padding: .25rem .5rem;font-size: .875rem;line-height: 1.5;border-radius: .2rem} .form-control-lg {height: calc(1.5em + 1rem + 2px);padding: .5rem 1rem;font-size: 1.25rem;line-height: 1.5;border-radius: .3rem} select.form-control[multiple], select.form-control[size] {height: auto} textarea.form-control {height: auto} .form-group {margin-bottom: 1rem} .form-text {display: block;margin-top: .25rem} .form-row {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -5px;margin-left: -5px} .form-row > .col, .form-row > [class*=col-] {padding-right: 5px;padding-left: 5px} .form-check {position: relative;display: block;padding-left: 1.25rem} .form-check-input {position: absolute;margin-top: .3rem;margin-left: -1.25rem} .form-check-input:disabled ~ .form-check-label, .form-check-input[disabled] ~ .form-check-label {color: #6c757d} .form-check-label {margin-bottom: 0} .form-check-inline {display: -ms-inline-flexbox;display: inline-flex;-ms-flex-align: center;align-items: center;padding-left: 0;margin-right: .75rem} .form-check-inline .form-check-input {position: static;margin-top: 0;margin-right: .3125rem;margin-left: 0} .valid-feedback {display: none;width: 100%;margin-top: .25rem;font-size: 80%;color: #28a745} .valid-tooltip {position: absolute;top: 100%;z-index: 5;display: none;max-width: 100%;padding: .25rem .5rem;margin-top: .1rem;font-size: .875rem;line-height: 1.5;color: #fff;background-color: rgba(40, 167, 69, .9);border-radius: .25rem} .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip, .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip {display: block} .form-control.is-valid, .was-validated .form-control:valid {border-color: #28a745;padding-right: calc(1.5em + .75rem);background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-repeat: no-repeat;background-position: right calc(.375em + .1875rem) center;background-size: calc(.75em + .375rem) calc(.75em + .375rem)} .form-control.is-valid:focus, .was-validated .form-control:valid:focus {border-color: #28a745;box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)} .was-validated textarea.form-control:valid, textarea.form-control.is-valid {padding-right: calc(1.5em + .75rem);background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)} .custom-select.is-valid, .was-validated .custom-select:valid {border-color: #28a745;padding-right: calc(.75em + 2.3125rem);background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)} .custom-select.is-valid:focus, .was-validated .custom-select:valid:focus {border-color: #28a745;box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)} .form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label {color: #28a745} .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip, .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip {display: block} .custom-control-input.is-valid ~ .custom-control-label, .was-validated .custom-control-input:valid ~ .custom-control-label {color: #28a745} .custom-control-input.is-valid ~ .custom-control-label::before, .was-validated .custom-control-input:valid ~ .custom-control-label::before {border-color: #28a745} .custom-control-input.is-valid:checked ~ .custom-control-label::before, .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before {border-color: #34ce57;background-color: #34ce57} .custom-control-input.is-valid:focus ~ .custom-control-label::before, .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before {box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)} .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before, .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before {border-color: #28a745} .custom-file-input.is-valid ~ .custom-file-label, .was-validated .custom-file-input:valid ~ .custom-file-label {border-color: #28a745} .custom-file-input.is-valid:focus ~ .custom-file-label, .was-validated .custom-file-input:valid:focus ~ .custom-file-label {border-color: #28a745;box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)} .invalid-feedback {display: none;width: 100%;margin-top: .25rem;font-size: 80%;color: #dc3545} .invalid-tooltip {position: absolute;top: 100%;z-index: 5;display: none;max-width: 100%;padding: .25rem .5rem;margin-top: .1rem;font-size: .875rem;line-height: 1.5;color: #fff;background-color: rgba(220, 53, 69, .9);border-radius: .25rem} .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip, .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip {display: block} .form-control.is-invalid, .was-validated .form-control:invalid {border-color: #dc3545;padding-right: calc(1.5em + .75rem);background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat: no-repeat;background-position: right calc(.375em + .1875rem) center;background-size: calc(.75em + .375rem) calc(.75em + .375rem)} .form-control.is-invalid:focus, .was-validated .form-control:invalid:focus {border-color: #dc3545;box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)} .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {padding-right: calc(1.5em + .75rem);background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)} .custom-select.is-invalid, .was-validated .custom-select:invalid {border-color: #dc3545;padding-right: calc(.75em + 2.3125rem);background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)} .custom-select.is-invalid:focus, .was-validated .custom-select:invalid:focus {border-color: #dc3545;box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)} .form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label {color: #dc3545} .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip, .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip {display: block} .custom-control-input.is-invalid ~ .custom-control-label, .was-validated .custom-control-input:invalid ~ .custom-control-label {color: #dc3545} .custom-control-input.is-invalid ~ .custom-control-label::before, .was-validated .custom-control-input:invalid ~ .custom-control-label::before {border-color: #dc3545} .custom-control-input.is-invalid:checked ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before {border-color: #e4606d;background-color: #e4606d} .custom-control-input.is-invalid:focus ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before {box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)} .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before {border-color: #dc3545} .custom-file-input.is-invalid ~ .custom-file-label, .was-validated .custom-file-input:invalid ~ .custom-file-label {border-color: #dc3545} .custom-file-input.is-invalid:focus ~ .custom-file-label, .was-validated .custom-file-input:invalid:focus ~ .custom-file-label {border-color: #dc3545;box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)} .form-inline {display: -ms-flexbox;display: flex;-ms-flex-flow: row wrap;flex-flow: row wrap;-ms-flex-align: center;align-items: center} .form-inline .form-check {width: 100%} @media (min-width: 576px) { .form-inline label {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;-ms-flex-pack: center;justify-content: center;margin-bottom: 0} .form-inline .form-group {display: -ms-flexbox;display: flex;-ms-flex: 0 0 auto;flex: 0 0 auto;-ms-flex-flow: row wrap;flex-flow: row wrap;-ms-flex-align: center;align-items: center;margin-bottom: 0} .form-inline .form-control {display: inline-block;width: auto;vertical-align: middle} .form-inline .form-control-plaintext {display: inline-block} .form-inline .custom-select, .form-inline .input-group {width: auto} .form-inline .form-check {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;-ms-flex-pack: center;justify-content: center;width: auto;padding-left: 0} .form-inline .form-check-input {position: relative;-ms-flex-negative: 0;flex-shrink: 0;margin-top: 0;margin-right: .25rem;margin-left: 0} .form-inline .custom-control {-ms-flex-align: center;align-items: center;-ms-flex-pack: center;justify-content: center} .form-inline .custom-control-label {margin-bottom: 0} } .btn {display: inline-block;font-weight: 400;color: #212529;text-align: center;vertical-align: middle;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-color: transparent;border: 1px solid transparent;padding: .375rem .75rem;font-size: 1rem;line-height: 1.5;border-radius: .25rem;transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out} @media (prefers-reduced-motion: reduce) { .btn {transition: none} } .btn:hover {color: #212529;text-decoration: none} .btn.focus, .btn:focus {outline: 0;box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)} .btn.disabled, .btn:disabled {opacity: .65} a.btn.disabled, fieldset:disabled a.btn {pointer-events: none} .btn-primary {color: #fff;background-color: #007bff;border-color: #007bff} .btn-primary:hover {color: #fff;background-color: #0069d9;border-color: #0062cc} .btn-primary.focus, .btn-primary:focus {color: #fff;background-color: #0069d9;border-color: #0062cc;box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)} .btn-primary.disabled, .btn-primary:disabled {color: #fff;background-color: #007bff;border-color: #007bff} .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {color: #fff;background-color: #0062cc;border-color: #005cbf} .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)} .btn-secondary {color: #fff;background-color: #6c757d;border-color: #6c757d} .btn-secondary:hover {color: #fff;background-color: #5a6268;border-color: #545b62} .btn-secondary.focus, .btn-secondary:focus {color: #fff;background-color: #5a6268;border-color: #545b62;box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)} .btn-secondary.disabled, .btn-secondary:disabled {color: #fff;background-color: #6c757d;border-color: #6c757d} .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle {color: #fff;background-color: #545b62;border-color: #4e555b} .btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)} .btn-success {color: #fff;background-color: #28a745;border-color: #28a745} .btn-success:hover {color: #fff;background-color: #218838;border-color: #1e7e34} .btn-success.focus, .btn-success:focus {color: #fff;background-color: #218838;border-color: #1e7e34;box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)} .btn-success.disabled, .btn-success:disabled {color: #fff;background-color: #28a745;border-color: #28a745} .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle {color: #fff;background-color: #1e7e34;border-color: #1c7430} .btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show > .btn-success.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)} .btn-info {color: #fff;background-color: #17a2b8;border-color: #17a2b8} .btn-info:hover {color: #fff;background-color: #138496;border-color: #117a8b} .btn-info.focus, .btn-info:focus {color: #fff;background-color: #138496;border-color: #117a8b;box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)} .btn-info.disabled, .btn-info:disabled {color: #fff;background-color: #17a2b8;border-color: #17a2b8} .btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show > .btn-info.dropdown-toggle {color: #fff;background-color: #117a8b;border-color: #10707f} .btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show > .btn-info.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)} .btn-warning {color: #212529;background-color: #ffc107;border-color: #ffc107} .btn-warning:hover {color: #212529;background-color: #e0a800;border-color: #d39e00} .btn-warning.focus, .btn-warning:focus {color: #212529;background-color: #e0a800;border-color: #d39e00;box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)} .btn-warning.disabled, .btn-warning:disabled {color: #212529;background-color: #ffc107;border-color: #ffc107} .btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show > .btn-warning.dropdown-toggle {color: #212529;background-color: #d39e00;border-color: #c69500} .btn-warning:not(:disabled):not(.disabled).active:focus, .btn-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-warning.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)} .btn-danger {color: #fff;background-color: #dc3545;border-color: #dc3545} .btn-danger:hover {color: #fff;background-color: #c82333;border-color: #bd2130} .btn-danger.focus, .btn-danger:focus {color: #fff;background-color: #c82333;border-color: #bd2130;box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)} .btn-danger.disabled, .btn-danger:disabled {color: #fff;background-color: #dc3545;border-color: #dc3545} .btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show > .btn-danger.dropdown-toggle {color: #fff;background-color: #bd2130;border-color: #b21f2d} .btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-danger.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)} .btn-light {color: #212529;background-color: #f8f9fa;border-color: #f8f9fa} .btn-light:hover {color: #212529;background-color: #e2e6ea;border-color: #dae0e5} .btn-light.focus, .btn-light:focus {color: #212529;background-color: #e2e6ea;border-color: #dae0e5;box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)} .btn-light.disabled, .btn-light:disabled {color: #212529;background-color: #f8f9fa;border-color: #f8f9fa} .btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle {color: #212529;background-color: #dae0e5;border-color: #d3d9df} .btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show > .btn-light.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)} .btn-dark {color: #fff;background-color: #343a40;border-color: #343a40} .btn-dark:hover {color: #fff;background-color: #23272b;border-color: #1d2124} .btn-dark.focus, .btn-dark:focus {color: #fff;background-color: #23272b;border-color: #1d2124;box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)} .btn-dark.disabled, .btn-dark:disabled {color: #fff;background-color: #343a40;border-color: #343a40} .btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show > .btn-dark.dropdown-toggle {color: #fff;background-color: #1d2124;border-color: #171a1d} .btn-dark:not(:disabled):not(.disabled).active:focus, .btn-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-dark.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)} .btn-outline-primary {color: #007bff;border-color: #007bff} .btn-outline-primary:hover {color: #fff;background-color: #007bff;border-color: #007bff} .btn-outline-primary.focus, .btn-outline-primary:focus {box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)} .btn-outline-primary.disabled, .btn-outline-primary:disabled {color: #007bff;background-color: transparent} .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle {color: #fff;background-color: #007bff;border-color: #007bff} .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)} .btn-outline-secondary {color: #6c757d;border-color: #6c757d} .btn-outline-secondary:hover {color: #fff;background-color: #6c757d;border-color: #6c757d} .btn-outline-secondary.focus, .btn-outline-secondary:focus {box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)} .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {color: #6c757d;background-color: transparent} .btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show > .btn-outline-secondary.dropdown-toggle {color: #fff;background-color: #6c757d;border-color: #6c757d} .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)} .btn-outline-success {color: #28a745;border-color: #28a745} .btn-outline-success:hover {color: #fff;background-color: #28a745;border-color: #28a745} .btn-outline-success.focus, .btn-outline-success:focus {box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)} .btn-outline-success.disabled, .btn-outline-success:disabled {color: #28a745;background-color: transparent} .btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .show > .btn-outline-success.dropdown-toggle {color: #fff;background-color: #28a745;border-color: #28a745} .btn-outline-success:not(:disabled):not(.disabled).active:focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-success.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)} .btn-outline-info {color: #17a2b8;border-color: #17a2b8} .btn-outline-info:hover {color: #fff;background-color: #17a2b8;border-color: #17a2b8} .btn-outline-info.focus, .btn-outline-info:focus {box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)} .btn-outline-info.disabled, .btn-outline-info:disabled {color: #17a2b8;background-color: transparent} .btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active, .show > .btn-outline-info.dropdown-toggle {color: #fff;background-color: #17a2b8;border-color: #17a2b8} .btn-outline-info:not(:disabled):not(.disabled).active:focus, .btn-outline-info:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-info.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)} .btn-outline-warning {color: #ffc107;border-color: #ffc107} .btn-outline-warning:hover {color: #212529;background-color: #ffc107;border-color: #ffc107} .btn-outline-warning.focus, .btn-outline-warning:focus {box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)} .btn-outline-warning.disabled, .btn-outline-warning:disabled {color: #ffc107;background-color: transparent} .btn-outline-warning:not(:disabled):not(.disabled).active, .btn-outline-warning:not(:disabled):not(.disabled):active, .show > .btn-outline-warning.dropdown-toggle {color: #212529;background-color: #ffc107;border-color: #ffc107} .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)} .btn-outline-danger {color: #dc3545;border-color: #dc3545} .btn-outline-danger:hover {color: #fff;background-color: #dc3545;border-color: #dc3545} .btn-outline-danger.focus, .btn-outline-danger:focus {box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)} .btn-outline-danger.disabled, .btn-outline-danger:disabled {color: #dc3545;background-color: transparent} .btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active, .show > .btn-outline-danger.dropdown-toggle {color: #fff;background-color: #dc3545;border-color: #dc3545} .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)} .btn-outline-light {color: #f8f9fa;border-color: #f8f9fa} .btn-outline-light:hover {color: #212529;background-color: #f8f9fa;border-color: #f8f9fa} .btn-outline-light.focus, .btn-outline-light:focus {box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)} .btn-outline-light.disabled, .btn-outline-light:disabled {color: #f8f9fa;background-color: transparent} .btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active, .show > .btn-outline-light.dropdown-toggle {color: #212529;background-color: #f8f9fa;border-color: #f8f9fa} .btn-outline-light:not(:disabled):not(.disabled).active:focus, .btn-outline-light:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-light.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)} .btn-outline-dark {color: #343a40;border-color: #343a40} .btn-outline-dark:hover {color: #fff;background-color: #343a40;border-color: #343a40} .btn-outline-dark.focus, .btn-outline-dark:focus {box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)} .btn-outline-dark.disabled, .btn-outline-dark:disabled {color: #343a40;background-color: transparent} .btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active, .show > .btn-outline-dark.dropdown-toggle {color: #fff;background-color: #343a40;border-color: #343a40} .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-dark.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)} .btn-link {font-weight: 400;color: #007bff;text-decoration: none} .btn-link:hover {color: #0056b3;text-decoration: underline} .btn-link.focus, .btn-link:focus {text-decoration: underline;box-shadow: none} .btn-link.disabled, .btn-link:disabled {color: #6c757d;pointer-events: none} .btn-group-lg > .btn, .btn-lg {padding: .5rem 1rem;font-size: 1.25rem;line-height: 1.5;border-radius: .3rem} .btn-group-sm > .btn, .btn-sm {padding: .25rem .5rem;font-size: .875rem;line-height: 1.5;border-radius: .2rem} .btn-block {display: block;width: 100%} .btn-block + .btn-block {margin-top: .5rem} input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block {width: 100%} .fade {transition: opacity .15s linear} @media (prefers-reduced-motion: reduce) { .fade {transition: none} } .fade:not(.show) {opacity: 0} .collapse:not(.show) {display: none} .collapsing {position: relative;height: 0;overflow: hidden;transition: height .35s ease} @media (prefers-reduced-motion: reduce) { .collapsing {transition: none} } .dropdown, .dropleft, .dropright, .dropup {position: relative} .dropdown-toggle {white-space: nowrap} .dropdown-toggle::after {display: inline-block;margin-left: .255em;vertical-align: .255em;content: "";border-top: .3em solid;border-right: .3em solid transparent;border-bottom: 0;border-left: .3em solid transparent} .dropdown-toggle:empty::after {margin-left: 0} .dropdown-menu {position: absolute;top: 100%;left: 0;z-index: 1000;display: none;float: left;min-width: 10rem;padding: .5rem 0;margin: .125rem 0 0;font-size: 1rem;color: #212529;text-align: left;list-style: none;background-color: #fff;background-clip: padding-box;border: 1px solid rgba(0, 0, 0, .15);border-radius: .25rem} .dropdown-menu-left {right: auto;left: 0} .dropdown-menu-right {right: 0;left: auto} @media (min-width: 576px) { .dropdown-menu-sm-left {right: auto;left: 0} .dropdown-menu-sm-right {right: 0;left: auto} } @media (min-width: 768px) { .dropdown-menu-md-left {right: auto;left: 0} .dropdown-menu-md-right {right: 0;left: auto} } @media (min-width: 992px) { .dropdown-menu-lg-left {right: auto;left: 0} .dropdown-menu-lg-right {right: 0;left: auto} } @media (min-width: 1200px) { .dropdown-menu-xl-left {right: auto;left: 0} .dropdown-menu-xl-right {right: 0;left: auto} } .dropup .dropdown-menu {top: auto;bottom: 100%;margin-top: 0;margin-bottom: .125rem} .dropup .dropdown-toggle::after {display: inline-block;margin-left: .255em;vertical-align: .255em;content: "";border-top: 0;border-right: .3em solid transparent;border-bottom: .3em solid;border-left: .3em solid transparent} .dropup .dropdown-toggle:empty::after {margin-left: 0} .dropright .dropdown-menu {top: 0;right: auto;left: 100%;margin-top: 0;margin-left: .125rem} .dropright .dropdown-toggle::after {display: inline-block;margin-left: .255em;vertical-align: .255em;content: "";border-top: .3em solid transparent;border-right: 0;border-bottom: .3em solid transparent;border-left: .3em solid} .dropright .dropdown-toggle:empty::after {margin-left: 0} .dropright .dropdown-toggle::after {vertical-align: 0} .dropleft .dropdown-menu {top: 0;right: 100%;left: auto;margin-top: 0;margin-right: .125rem} .dropleft .dropdown-toggle::after {display: inline-block;margin-left: .255em;vertical-align: .255em;content: ""} .dropleft .dropdown-toggle::after {display: none} .dropleft .dropdown-toggle::before {display: inline-block;margin-right: .255em;vertical-align: .255em;content: "";border-top: .3em solid transparent;border-right: .3em solid;border-bottom: .3em solid transparent} .dropleft .dropdown-toggle:empty::after {margin-left: 0} .dropleft .dropdown-toggle::before {vertical-align: 0} .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=top] {right: auto;bottom: auto} .dropdown-divider {height: 0;margin: .5rem 0;overflow: hidden;border-top: 1px solid #e9ecef} .dropdown-item {display: block;width: 100%;padding: .25rem 1.5rem;clear: both;font-weight: 400;color: #212529;text-align: inherit;white-space: nowrap;background-color: transparent;border: 0} .dropdown-item:focus, .dropdown-item:hover {color: #16181b;text-decoration: none;background-color: #f8f9fa} .dropdown-item.active, .dropdown-item:active {color: #fff;text-decoration: none;background-color: #007bff} .dropdown-item.disabled, .dropdown-item:disabled {color: #6c757d;pointer-events: none;background-color: transparent} .dropdown-menu.show {display: block} .dropdown-header {display: block;padding: .5rem 1.5rem;margin-bottom: 0;font-size: .875rem;color: #6c757d;white-space: nowrap} .dropdown-item-text {display: block;padding: .25rem 1.5rem;color: #212529} .btn-group, .btn-group-vertical {position: relative;display: -ms-inline-flexbox;display: inline-flex;vertical-align: middle} .btn-group-vertical > .btn, .btn-group > .btn {position: relative;-ms-flex: 1 1 auto;flex: 1 1 auto} .btn-group-vertical > .btn:hover, .btn-group > .btn:hover {z-index: 1} .btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus {z-index: 1} .btn-toolbar {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-ms-flex-pack: start;justify-content: flex-start} .btn-toolbar .input-group {width: auto} .btn-group > .btn-group:not(:first-child), .btn-group > .btn:not(:first-child) {margin-left: -1px} .btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) {border-top-right-radius: 0;border-bottom-right-radius: 0} .btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:not(:first-child) {border-top-left-radius: 0;border-bottom-left-radius: 0} .dropdown-toggle-split {padding-right: .5625rem;padding-left: .5625rem} .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after {margin-left: 0} .dropleft .dropdown-toggle-split::before {margin-right: 0} .btn-group-sm > .btn + .dropdown-toggle-split, .btn-sm + .dropdown-toggle-split {padding-right: .375rem;padding-left: .375rem} .btn-group-lg > .btn + .dropdown-toggle-split, .btn-lg + .dropdown-toggle-split {padding-right: .75rem;padding-left: .75rem} .btn-group-vertical {-ms-flex-direction: column;flex-direction: column;-ms-flex-align: start;align-items: flex-start;-ms-flex-pack: center;justify-content: center} .btn-group-vertical > .btn, .btn-group-vertical > .btn-group {width: 100%} .btn-group-vertical > .btn-group:not(:first-child), .btn-group-vertical > .btn:not(:first-child) {margin-top: -1px} .btn-group-vertical > .btn-group:not(:last-child) > .btn, .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) {border-bottom-right-radius: 0;border-bottom-left-radius: 0} .btn-group-vertical > .btn-group:not(:first-child) > .btn, .btn-group-vertical > .btn:not(:first-child) {border-top-left-radius: 0;border-top-right-radius: 0} .btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn {margin-bottom: 0} .btn-group-toggle > .btn input[type=checkbox], .btn-group-toggle > .btn input[type=radio], .btn-group-toggle > .btn-group > .btn input[type=checkbox], .btn-group-toggle > .btn-group > .btn input[type=radio] {position: absolute;clip: rect(0, 0, 0, 0);pointer-events: none} .input-group {position: relative;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-ms-flex-align: stretch;align-items: stretch;width: 100%} .input-group > .custom-file, .input-group > .custom-select, .input-group > .form-control, .input-group > .form-control-plaintext {position: relative;-ms-flex: 1 1 0%;flex: 1 1 0%;min-width: 0;margin-bottom: 0} .input-group > .custom-file + .custom-file, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .form-control, .input-group > .custom-select + .custom-file, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .form-control, .input-group > .form-control + .custom-file, .input-group > .form-control + .custom-select, .input-group > .form-control + .form-control, .input-group > .form-control-plaintext + .custom-file, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + .form-control {margin-left: -1px} .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label, .input-group > .custom-select:focus, .input-group > .form-control:focus {z-index: 3} .input-group > .custom-file .custom-file-input:focus {z-index: 4} .input-group > .custom-select:not(:last-child), .input-group > .form-control:not(:last-child) {border-top-right-radius: 0;border-bottom-right-radius: 0} .input-group > .custom-select:not(:first-child), .input-group > .form-control:not(:first-child) {border-top-left-radius: 0;border-bottom-left-radius: 0} .input-group > .custom-file {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center} .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after {border-top-right-radius: 0;border-bottom-right-radius: 0} .input-group > .custom-file:not(:first-child) .custom-file-label {border-top-left-radius: 0;border-bottom-left-radius: 0} .input-group-append, .input-group-prepend {display: -ms-flexbox;display: flex} .input-group-append .btn, .input-group-prepend .btn {position: relative;z-index: 2} .input-group-append .btn:focus, .input-group-prepend .btn:focus {z-index: 3} .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .btn, .input-group-append .input-group-text + .input-group-text, .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-prepend .input-group-text + .input-group-text {margin-left: -1px} .input-group-prepend {margin-right: -1px} .input-group-append {margin-left: -1px} .input-group-text {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;padding: .375rem .75rem;margin-bottom: 0;font-size: 1rem;font-weight: 400;line-height: 1.5;color: #495057;text-align: center;white-space: nowrap;background-color: #e9ecef;border: 1px solid #ced4da;border-radius: .25rem} .input-group-text input[type=checkbox], .input-group-text input[type=radio] {margin-top: 0} .input-group-lg > .custom-select, .input-group-lg > .form-control:not(textarea) {height: calc(1.5em + 1rem + 2px)} .input-group-lg > .custom-select, .input-group-lg > .form-control, .input-group-lg > .input-group-append > .btn, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-prepend > .input-group-text {padding: .5rem 1rem;font-size: 1.25rem;line-height: 1.5;border-radius: .3rem} .input-group-sm > .custom-select, .input-group-sm > .form-control:not(textarea) {height: calc(1.5em + .5rem + 2px)} .input-group-sm > .custom-select, .input-group-sm > .form-control, .input-group-sm > .input-group-append > .btn, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-prepend > .input-group-text {padding: .25rem .5rem;font-size: .875rem;line-height: 1.5;border-radius: .2rem} .input-group-lg > .custom-select, .input-group-sm > .custom-select {padding-right: 1.75rem} .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child), .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text {border-top-right-radius: 0;border-bottom-right-radius: 0} .input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child), .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text {border-top-left-radius: 0;border-bottom-left-radius: 0} .custom-control {position: relative;display: block;min-height: 1.5rem;padding-left: 1.5rem} .custom-control-inline {display: -ms-inline-flexbox;display: inline-flex;margin-right: 1rem} .custom-control-input {position: absolute;left: 0;z-index: -1;width: 1rem;height: 1.25rem;opacity: 0} .custom-control-input:checked ~ .custom-control-label::before {color: #fff;border-color: #007bff;background-color: #007bff} .custom-control-input:focus ~ .custom-control-label::before {box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)} .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {border-color: #80bdff} .custom-control-input:not(:disabled):active ~ .custom-control-label::before {color: #fff;background-color: #b3d7ff;border-color: #b3d7ff} .custom-control-input:disabled ~ .custom-control-label, .custom-control-input[disabled] ~ .custom-control-label {color: #6c757d} .custom-control-input:disabled ~ .custom-control-label::before, .custom-control-input[disabled] ~ .custom-control-label::before {background-color: #e9ecef} .custom-control-label {position: relative;margin-bottom: 0;vertical-align: top} .custom-control-label::before {position: absolute;top: .25rem;left: -1.5rem;display: block;width: 1rem;height: 1rem;pointer-events: none;content: "";background-color: #fff;border: #adb5bd solid 1px} .custom-control-label::after {position: absolute;top: .25rem;left: -1.5rem;display: block;width: 1rem;height: 1rem;content: "";background: no-repeat 50%/50% 50%} .custom-checkbox .custom-control-label::before {border-radius: .25rem} .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e")} .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {border-color: #007bff;background-color: #007bff} .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")} .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {background-color: rgba(0, 123, 255, .5)} .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {background-color: rgba(0, 123, 255, .5)} .custom-radio .custom-control-label::before {border-radius: 50%} .custom-radio .custom-control-input:checked ~ .custom-control-label::after {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")} .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {background-color: rgba(0, 123, 255, .5)} .custom-switch {padding-left: 2.25rem} .custom-switch .custom-control-label::before {left: -2.25rem;width: 1.75rem;pointer-events: all;border-radius: .5rem} .custom-switch .custom-control-label::after {top: calc(.25rem + 2px);left: calc(-2.25rem + 2px);width: calc(1rem - 4px);height: calc(1rem - 4px);background-color: #adb5bd;border-radius: .5rem;transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out;transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out} @media (prefers-reduced-motion: reduce) { .custom-switch .custom-control-label::after {transition: none} } .custom-switch .custom-control-input:checked ~ .custom-control-label::after {background-color: #fff;-webkit-transform: translateX(.75rem);transform: translateX(.75rem)} .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {background-color: rgba(0, 123, 255, .5)} .custom-select {display: inline-block;width: 100%;height: calc(1.5em + .75rem + 2px);padding: .375rem 1.75rem .375rem .75rem;font-size: 1rem;font-weight: 400;line-height: 1.5;color: #495057;vertical-align: middle;background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;border: 1px solid #ced4da;border-radius: .25rem;-webkit-appearance: none;-moz-appearance: none;appearance: none} .custom-select:focus {border-color: #80bdff;outline: 0;box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)} .custom-select:focus::-ms-value {color: #495057;background-color: #fff} .custom-select[multiple], .custom-select[size]:not([size="1"]) {height: auto;padding-right: .75rem;background-image: none} .custom-select:disabled {color: #6c757d;background-color: #e9ecef} .custom-select::-ms-expand {display: none} .custom-select:-moz-focusring {color: transparent;text-shadow: 0 0 0 #495057} .custom-select-sm {height: calc(1.5em + .5rem + 2px);padding-top: .25rem;padding-bottom: .25rem;padding-left: .5rem;font-size: .875rem} .custom-select-lg {height: calc(1.5em + 1rem + 2px);padding-top: .5rem;padding-bottom: .5rem;padding-left: 1rem;font-size: 1.25rem} .custom-file {position: relative;display: inline-block;width: 100%;height: calc(1.5em + .75rem + 2px);margin-bottom: 0} .custom-file-input {position: relative;z-index: 2;width: 100%;height: calc(1.5em + .75rem + 2px);margin: 0;opacity: 0} .custom-file-input:focus ~ .custom-file-label {border-color: #80bdff;box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)} .custom-file-input:disabled ~ .custom-file-label, .custom-file-input[disabled] ~ .custom-file-label {background-color: #e9ecef} .custom-file-input:lang(en) ~ .custom-file-label::after {content: "Browse"} .custom-file-input ~ .custom-file-label[data-browse]::after {content: attr(data-browse)} .custom-file-label {position: absolute;top: 0;right: 0;left: 0;z-index: 1;height: calc(1.5em + .75rem + 2px);padding: .375rem .75rem;font-weight: 400;line-height: 1.5;color: #495057;background-color: #fff;border: 1px solid #ced4da;border-radius: .25rem} .custom-file-label::after {position: absolute;top: 0;right: 0;bottom: 0;z-index: 3;display: block;height: calc(1.5em + .75rem);padding: .375rem .75rem;line-height: 1.5;color: #495057;content: "Browse";background-color: #e9ecef;border-left: inherit;border-radius: 0 .25rem .25rem 0} .custom-range {width: 100%;height: 1.4rem;padding: 0;background-color: transparent;-webkit-appearance: none;-moz-appearance: none;appearance: none} .custom-range:focus {outline: 0} .custom-range:focus::-webkit-slider-thumb {box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)} .custom-range:focus::-moz-range-thumb {box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)} .custom-range:focus::-ms-thumb {box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)} .custom-range::-moz-focus-outer {border: 0} .custom-range::-webkit-slider-thumb {width: 1rem;height: 1rem;margin-top: -.25rem;background-color: #007bff;border: 0;border-radius: 1rem;-webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;-webkit-appearance: none;appearance: none} @media (prefers-reduced-motion: reduce) { .custom-range::-webkit-slider-thumb {-webkit-transition: none;transition: none} } .custom-range::-webkit-slider-thumb:active {background-color: #b3d7ff} .custom-range::-webkit-slider-runnable-track {width: 100%;height: .5rem;color: transparent;cursor: pointer;background-color: #dee2e6;border-color: transparent;border-radius: 1rem} .custom-range::-moz-range-thumb {width: 1rem;height: 1rem;background-color: #007bff;border: 0;border-radius: 1rem;-moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;-moz-appearance: none;appearance: none} @media (prefers-reduced-motion: reduce) { .custom-range::-moz-range-thumb {-moz-transition: none;transition: none} } .custom-range::-moz-range-thumb:active {background-color: #b3d7ff} .custom-range::-moz-range-track {width: 100%;height: .5rem;color: transparent;cursor: pointer;background-color: #dee2e6;border-color: transparent;border-radius: 1rem} .custom-range::-ms-thumb {width: 1rem;height: 1rem;margin-top: 0;margin-right: .2rem;margin-left: .2rem;background-color: #007bff;border: 0;border-radius: 1rem;-ms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;appearance: none} @media (prefers-reduced-motion: reduce) { .custom-range::-ms-thumb {-ms-transition: none;transition: none} } .custom-range::-ms-thumb:active {background-color: #b3d7ff} .custom-range::-ms-track {width: 100%;height: .5rem;color: transparent;cursor: pointer;background-color: transparent;border-color: transparent;border-width: .5rem} .custom-range::-ms-fill-lower {background-color: #dee2e6;border-radius: 1rem} .custom-range::-ms-fill-upper {margin-right: 15px;background-color: #dee2e6;border-radius: 1rem} .custom-range:disabled::-webkit-slider-thumb {background-color: #adb5bd} .custom-range:disabled::-webkit-slider-runnable-track {cursor: default} .custom-range:disabled::-moz-range-thumb {background-color: #adb5bd} .custom-range:disabled::-moz-range-track {cursor: default} .custom-range:disabled::-ms-thumb {background-color: #adb5bd} .custom-control-label::before, .custom-file-label, .custom-select {transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out} @media (prefers-reduced-motion: reduce) { .custom-control-label::before, .custom-file-label, .custom-select {transition: none} } .nav {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;padding-left: 0;margin-bottom: 0;list-style: none} .nav-link {display: block;padding: .5rem 1rem} .nav-link:focus, .nav-link:hover {text-decoration: none} .nav-link.disabled {color: #6c757d;pointer-events: none;cursor: default} .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: .25rem;border-top-right-radius: .25rem} .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {border-color: #e9ecef #e9ecef #dee2e6} .nav-tabs .nav-link.disabled {color: #6c757d;background-color: transparent;border-color: transparent} .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {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: .25rem} .nav-pills .nav-link.active, .nav-pills .show > .nav-link {color: #fff;background-color: #007bff} .nav-fill .nav-item {-ms-flex: 1 1 auto;flex: 1 1 auto;text-align: center} .nav-justified .nav-item {-ms-flex-preferred-size: 0;flex-basis: 0;-ms-flex-positive: 1;flex-grow: 1;text-align: center} .tab-content > .tab-pane {display: none} .tab-content > .active {display: block} .navbar {position: relative;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-ms-flex-align: center;align-items: center;-ms-flex-pack: justify;justify-content: space-between;padding: .5rem 1rem} .navbar .container, .navbar .container-fluid, .navbar .container-lg, .navbar .container-md, .navbar .container-sm, .navbar .container-xl {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-ms-flex-align: center;align-items: center;-ms-flex-pack: justify;justify-content: space-between} .navbar-brand {display: inline-block;padding-top: .3125rem;padding-bottom: .3125rem;margin-right: 1rem;font-size: 1.25rem;line-height: inherit;white-space: nowrap} .navbar-brand:focus, .navbar-brand:hover {text-decoration: none} .navbar-nav {display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;padding-left: 0;margin-bottom: 0;list-style: none} .navbar-nav .nav-link {padding-right: 0;padding-left: 0} .navbar-nav .dropdown-menu {position: static;float: none} .navbar-text {display: inline-block;padding-top: .5rem;padding-bottom: .5rem} .navbar-collapse {-ms-flex-preferred-size: 100%;flex-basis: 100%;-ms-flex-positive: 1;flex-grow: 1;-ms-flex-align: center;align-items: center} .navbar-toggler {padding: .25rem .75rem;font-size: 1.25rem;line-height: 1;background-color: transparent;border: 1px solid transparent;border-radius: .25rem} .navbar-toggler:focus, .navbar-toggler:hover {text-decoration: none} .navbar-toggler-icon {display: inline-block;width: 1.5em;height: 1.5em;vertical-align: middle;content: "";background: no-repeat center center;background-size: 100% 100%} @media (max-width: 575.98px) { .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-xl {padding-right: 0;padding-left: 0} } @media (min-width: 576px) { .navbar-expand-sm {-ms-flex-flow: row nowrap;flex-flow: row nowrap;-ms-flex-pack: start;justify-content: flex-start} .navbar-expand-sm .navbar-nav {-ms-flex-direction: row;flex-direction: row} .navbar-expand-sm .navbar-nav .dropdown-menu {position: absolute} .navbar-expand-sm .navbar-nav .nav-link {padding-right: .5rem;padding-left: .5rem} .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-xl {-ms-flex-wrap: nowrap;flex-wrap: nowrap} .navbar-expand-sm .navbar-collapse {display: -ms-flexbox !important;display: flex !important;-ms-flex-preferred-size: auto;flex-basis: auto} .navbar-expand-sm .navbar-toggler {display: none} } @media (max-width: 767.98px) { .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-md, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-xl {padding-right: 0;padding-left: 0} } @media (min-width: 768px) { .navbar-expand-md {-ms-flex-flow: row nowrap;flex-flow: row nowrap;-ms-flex-pack: start;justify-content: flex-start} .navbar-expand-md .navbar-nav {-ms-flex-direction: row;flex-direction: row} .navbar-expand-md .navbar-nav .dropdown-menu {position: absolute} .navbar-expand-md .navbar-nav .nav-link {padding-right: .5rem;padding-left: .5rem} .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-md, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-xl {-ms-flex-wrap: nowrap;flex-wrap: nowrap} .navbar-expand-md .navbar-collapse {display: -ms-flexbox !important;display: flex !important;-ms-flex-preferred-size: auto;flex-basis: auto} .navbar-expand-md .navbar-toggler {display: none} } @media (max-width: 991.98px) { .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-xl {padding-right: 0;padding-left: 0} } @media (min-width: 992px) { .navbar-expand-lg {-ms-flex-flow: row nowrap;flex-flow: row nowrap;-ms-flex-pack: start;justify-content: flex-start} .navbar-expand-lg .navbar-nav {-ms-flex-direction: row;flex-direction: row} .navbar-expand-lg .navbar-nav .dropdown-menu {position: absolute} .navbar-expand-lg .navbar-nav .nav-link {padding-right: .5rem;padding-left: .5rem} .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-xl {-ms-flex-wrap: nowrap;flex-wrap: nowrap} .navbar-expand-lg .navbar-collapse {display: -ms-flexbox !important;display: flex !important;-ms-flex-preferred-size: auto;flex-basis: auto} .navbar-expand-lg .navbar-toggler {display: none} } @media (max-width: 1199.98px) { .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-xl {padding-right: 0;padding-left: 0} } @media (min-width: 1200px) { .navbar-expand-xl {-ms-flex-flow: row nowrap;flex-flow: row nowrap;-ms-flex-pack: start;justify-content: flex-start} .navbar-expand-xl .navbar-nav {-ms-flex-direction: row;flex-direction: row} .navbar-expand-xl .navbar-nav .dropdown-menu {position: absolute} .navbar-expand-xl .navbar-nav .nav-link {padding-right: .5rem;padding-left: .5rem} .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-xl {-ms-flex-wrap: nowrap;flex-wrap: nowrap} .navbar-expand-xl .navbar-collapse {display: -ms-flexbox !important;display: flex !important;-ms-flex-preferred-size: auto;flex-basis: auto} .navbar-expand-xl .navbar-toggler {display: none} } .navbar-expand {-ms-flex-flow: row nowrap;flex-flow: row nowrap;-ms-flex-pack: start;justify-content: flex-start} .navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-lg, .navbar-expand > .container-md, .navbar-expand > .container-sm, .navbar-expand > .container-xl {padding-right: 0;padding-left: 0} .navbar-expand .navbar-nav {-ms-flex-direction: row;flex-direction: row} .navbar-expand .navbar-nav .dropdown-menu {position: absolute} .navbar-expand .navbar-nav .nav-link {padding-right: .5rem;padding-left: .5rem} .navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-lg, .navbar-expand > .container-md, .navbar-expand > .container-sm, .navbar-expand > .container-xl {-ms-flex-wrap: nowrap;flex-wrap: nowrap} .navbar-expand .navbar-collapse {display: -ms-flexbox !important;display: flex !important;-ms-flex-preferred-size: auto;flex-basis: auto} .navbar-expand .navbar-toggler {display: none} .navbar-light .navbar-brand {color: rgba(0, 0, 0, .9)} .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {color: rgba(0, 0, 0, .9)} .navbar-light .navbar-nav .nav-link {color: rgba(0, 0, 0, .5)} .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {color: rgba(0, 0, 0, .7)} .navbar-light .navbar-nav .nav-link.disabled {color: rgba(0, 0, 0, .3)} .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {color: rgba(0, 0, 0, .9)} .navbar-light .navbar-toggler {color: rgba(0, 0, 0, .5);border-color: rgba(0, 0, 0, .1)} .navbar-light .navbar-toggler-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")} .navbar-light .navbar-text {color: rgba(0, 0, 0, .5)} .navbar-light .navbar-text a {color: rgba(0, 0, 0, .9)} .navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover {color: rgba(0, 0, 0, .9)} .navbar-dark .navbar-brand {color: #fff} .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {color: #fff} .navbar-dark .navbar-nav .nav-link {color: rgba(255, 255, 255, .5)} .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {color: rgba(255, 255, 255, .75)} .navbar-dark .navbar-nav .nav-link.disabled {color: rgba(255, 255, 255, .25)} .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link {color: #fff} .navbar-dark .navbar-toggler {color: rgba(255, 255, 255, .5);border-color: rgba(255, 255, 255, .1)} .navbar-dark .navbar-toggler-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")} .navbar-dark .navbar-text {color: rgba(255, 255, 255, .5)} .navbar-dark .navbar-text a {color: #fff} .navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover {color: #fff} .card {position: relative;display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;min-width: 0;word-wrap: break-word;background-color: #fff;background-clip: border-box;border: 1px solid rgba(0, 0, 0, .125);border-radius: .25rem} .card > hr {margin-right: 0;margin-left: 0} .card > .list-group:first-child .list-group-item:first-child {border-top-left-radius: .25rem;border-top-right-radius: .25rem} .card > .list-group:last-child .list-group-item:last-child {border-bottom-right-radius: .25rem;border-bottom-left-radius: .25rem} .card-body {-ms-flex: 1 1 auto;flex: 1 1 auto;min-height: 1px;padding: 1.25rem} .card-title {margin-bottom: .75rem} .card-subtitle {margin-top: -.375rem;margin-bottom: 0} .card-text:last-child {margin-bottom: 0} .card-link:hover {text-decoration: none} .card-link + .card-link {margin-left: 1.25rem} .card-header {padding: .75rem 1.25rem;margin-bottom: 0;background-color: rgba(0, 0, 0, .03);border-bottom: 1px solid rgba(0, 0, 0, .125)} .card-header:first-child {border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0} .card-header + .list-group .list-group-item:first-child {border-top: 0} .card-footer {padding: .75rem 1.25rem;background-color: rgba(0, 0, 0, .03);border-top: 1px solid rgba(0, 0, 0, .125)} .card-footer:last-child {border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)} .card-header-tabs {margin-right: -.625rem;margin-bottom: -.75rem;margin-left: -.625rem;border-bottom: 0} .card-header-pills {margin-right: -.625rem;margin-left: -.625rem} .card-img-overlay {position: absolute;top: 0;right: 0;bottom: 0;left: 0;padding: 1.25rem} .card-img, .card-img-bottom, .card-img-top {-ms-flex-negative: 0;flex-shrink: 0;width: 100%} .card-img, .card-img-top {border-top-left-radius: calc(.25rem - 1px);border-top-right-radius: calc(.25rem - 1px)} .card-img, .card-img-bottom {border-bottom-right-radius: calc(.25rem - 1px);border-bottom-left-radius: calc(.25rem - 1px)} .card-deck .card {margin-bottom: 15px} @media (min-width: 576px) { .card-deck {display: -ms-flexbox;display: flex;-ms-flex-flow: row wrap;flex-flow: row wrap;margin-right: -15px;margin-left: -15px} .card-deck .card {-ms-flex: 1 0 0%;flex: 1 0 0%;margin-right: 15px;margin-bottom: 0;margin-left: 15px} } .card-group > .card {margin-bottom: 15px} @media (min-width: 576px) { .card-group {display: -ms-flexbox;display: flex;-ms-flex-flow: row wrap;flex-flow: row wrap} .card-group > .card {-ms-flex: 1 0 0%;flex: 1 0 0%;margin-bottom: 0} .card-group > .card + .card {margin-left: 0;border-left: 0} .card-group > .card:not(:last-child) {border-top-right-radius: 0;border-bottom-right-radius: 0} .card-group > .card:not(:last-child) .card-header, .card-group > .card:not(:last-child) .card-img-top {border-top-right-radius: 0} .card-group > .card:not(:last-child) .card-footer, .card-group > .card:not(:last-child) .card-img-bottom {border-bottom-right-radius: 0} .card-group > .card:not(:first-child) {border-top-left-radius: 0;border-bottom-left-radius: 0} .card-group > .card:not(:first-child) .card-header, .card-group > .card:not(:first-child) .card-img-top {border-top-left-radius: 0} .card-group > .card:not(:first-child) .card-footer, .card-group > .card:not(:first-child) .card-img-bottom {border-bottom-left-radius: 0} } .card-columns .card {margin-bottom: .75rem} @media (min-width: 576px) { .card-columns {-webkit-column-count: 3;-moz-column-count: 3;column-count: 3;-webkit-column-gap: 1.25rem;-moz-column-gap: 1.25rem;column-gap: 1.25rem;orphans: 1;widows: 1} .card-columns .card {display: inline-block;width: 100%} } .accordion > .card {overflow: hidden} .accordion > .card:not(:last-of-type) {border-bottom: 0;border-bottom-right-radius: 0;border-bottom-left-radius: 0} .accordion > .card:not(:first-of-type) {border-top-left-radius: 0;border-top-right-radius: 0} .accordion > .card > .card-header {border-radius: 0;margin-bottom: -1px} .breadcrumb {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;padding: .75rem 1rem;margin-bottom: 1rem;list-style: none;background-color: #e9ecef;border-radius: .25rem} .breadcrumb-item + .breadcrumb-item {padding-left: .5rem} .breadcrumb-item + .breadcrumb-item::before {display: inline-block;padding-right: .5rem;color: #6c757d;content: "/"} .breadcrumb-item + .breadcrumb-item:hover::before {text-decoration: underline} .breadcrumb-item + .breadcrumb-item:hover::before {text-decoration: none} .breadcrumb-item.active {color: #6c757d} .pagination {display: -ms-flexbox;display: flex;padding-left: 0;list-style: none;border-radius: .25rem} .page-link {position: relative;display: block;padding: .5rem .75rem;margin-left: -1px;line-height: 1.25;color: #007bff;background-color: #fff;border: 1px solid #dee2e6} .page-link:hover {z-index: 2;color: #0056b3;text-decoration: none;background-color: #e9ecef;border-color: #dee2e6} .page-link:focus {z-index: 3;outline: 0;box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)} .page-item:first-child .page-link {margin-left: 0;border-top-left-radius: .25rem;border-bottom-left-radius: .25rem} .page-item:last-child .page-link {border-top-right-radius: .25rem;border-bottom-right-radius: .25rem} .page-item.active .page-link {z-index: 3;color: #fff;background-color: #007bff;border-color: #007bff} .page-item.disabled .page-link {color: #6c757d;pointer-events: none;cursor: auto;background-color: #fff;border-color: #dee2e6} .pagination-lg .page-link {padding: .75rem 1.5rem;font-size: 1.25rem;line-height: 1.5} .pagination-lg .page-item:first-child .page-link {border-top-left-radius: .3rem;border-bottom-left-radius: .3rem} .pagination-lg .page-item:last-child .page-link {border-top-right-radius: .3rem;border-bottom-right-radius: .3rem} .pagination-sm .page-link {padding: .25rem .5rem;font-size: .875rem;line-height: 1.5} .pagination-sm .page-item:first-child .page-link {border-top-left-radius: .2rem;border-bottom-left-radius: .2rem} .pagination-sm .page-item:last-child .page-link {border-top-right-radius: .2rem;border-bottom-right-radius: .2rem} .badge {display: inline-block;padding: .25em .4em;font-size: 75%;font-weight: 700;line-height: 1;text-align: center;white-space: nowrap;vertical-align: baseline;border-radius: .25rem;transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out} @media (prefers-reduced-motion: reduce) { .badge {transition: none} } a.badge:focus, a.badge:hover {text-decoration: none} .badge:empty {display: none} .btn .badge {position: relative;top: -1px} .badge-pill {padding-right: .6em;padding-left: .6em;border-radius: 10rem} .badge-primary {color: #fff;background-color: #007bff} a.badge-primary:focus, a.badge-primary:hover {color: #fff;background-color: #0062cc} a.badge-primary.focus, a.badge-primary:focus {outline: 0;box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)} .badge-secondary {color: #fff;background-color: #6c757d} a.badge-secondary:focus, a.badge-secondary:hover {color: #fff;background-color: #545b62} a.badge-secondary.focus, a.badge-secondary:focus {outline: 0;box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)} .badge-success {color: #fff;background-color: #28a745} a.badge-success:focus, a.badge-success:hover {color: #fff;background-color: #1e7e34} a.badge-success.focus, a.badge-success:focus {outline: 0;box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)} .badge-info {color: #fff;background-color: #17a2b8} a.badge-info:focus, a.badge-info:hover {color: #fff;background-color: #117a8b} a.badge-info.focus, a.badge-info:focus {outline: 0;box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)} .badge-warning {color: #212529;background-color: #ffc107} a.badge-warning:focus, a.badge-warning:hover {color: #212529;background-color: #d39e00} a.badge-warning.focus, a.badge-warning:focus {outline: 0;box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)} .badge-danger {color: #fff;background-color: #dc3545} a.badge-danger:focus, a.badge-danger:hover {color: #fff;background-color: #bd2130} a.badge-danger.focus, a.badge-danger:focus {outline: 0;box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)} .badge-light {color: #212529;background-color: #f8f9fa} a.badge-light:focus, a.badge-light:hover {color: #212529;background-color: #dae0e5} a.badge-light.focus, a.badge-light:focus {outline: 0;box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)} .badge-dark {color: #fff;background-color: #343a40} a.badge-dark:focus, a.badge-dark:hover {color: #fff;background-color: #1d2124} a.badge-dark.focus, a.badge-dark:focus {outline: 0;box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)} .jumbotron {padding: 2rem 1rem;margin-bottom: 2rem;background-color: #e9ecef;border-radius: .3rem} @media (min-width: 576px) { .jumbotron {padding: 4rem 2rem} } .jumbotron-fluid {padding-right: 0;padding-left: 0;border-radius: 0} .alert {position: relative;padding: .75rem 1.25rem;margin-bottom: 1rem;border: 1px solid transparent;border-radius: .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: .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} @-webkit-keyframes progress-bar-stripes { from {background-position: 1rem 0} to {background-position: 0 0} } @keyframes progress-bar-stripes { from {background-position: 1rem 0} to {background-position: 0 0} } .progress {display: -ms-flexbox;display: flex;height: 1rem;overflow: hidden;font-size: .75rem;background-color: #e9ecef;border-radius: .25rem} .progress-bar {display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;-ms-flex-pack: center;justify-content: center;overflow: hidden;color: #fff;text-align: center;white-space: nowrap;background-color: #007bff;transition: width .6s ease} @media (prefers-reduced-motion: reduce) { .progress-bar {transition: none} } .progress-bar-striped {background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);background-size: 1rem 1rem} .progress-bar-animated {-webkit-animation: progress-bar-stripes 1s linear infinite;animation: progress-bar-stripes 1s linear infinite} @media (prefers-reduced-motion: reduce) { .progress-bar-animated {-webkit-animation: none;animation: none} } .media {display: -ms-flexbox;display: flex;-ms-flex-align: start;align-items: flex-start} .media-body {-ms-flex: 1;flex: 1} .list-group {display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;padding-left: 0;margin-bottom: 0} .list-group-item-action {width: 100%;color: #495057;text-align: inherit} .list-group-item-action:focus, .list-group-item-action:hover {z-index: 1;color: #495057;text-decoration: none;background-color: #f8f9fa} .list-group-item-action:active {color: #212529;background-color: #e9ecef} .list-group-item {position: relative;display: block;padding: .75rem 1.25rem;background-color: #fff;border: 1px solid rgba(0, 0, 0, .125)} .list-group-item:first-child {border-top-left-radius: .25rem;border-top-right-radius: .25rem} .list-group-item:last-child {border-bottom-right-radius: .25rem;border-bottom-left-radius: .25rem} .list-group-item.disabled, .list-group-item:disabled {color: #6c757d;pointer-events: none;background-color: #fff} .list-group-item.active {z-index: 2;color: #fff;background-color: #007bff;border-color: #007bff} .list-group-item + .list-group-item {border-top-width: 0} .list-group-item + .list-group-item.active {margin-top: -1px;border-top-width: 1px} .list-group-horizontal {-ms-flex-direction: row;flex-direction: row} .list-group-horizontal .list-group-item:first-child {border-bottom-left-radius: .25rem;border-top-right-radius: 0} .list-group-horizontal .list-group-item:last-child {border-top-right-radius: .25rem;border-bottom-left-radius: 0} .list-group-horizontal .list-group-item.active {margin-top: 0} .list-group-horizontal .list-group-item + .list-group-item {border-top-width: 1px;border-left-width: 0} .list-group-horizontal .list-group-item + .list-group-item.active {margin-left: -1px;border-left-width: 1px} @media (min-width: 576px) { .list-group-horizontal-sm {-ms-flex-direction: row;flex-direction: row} .list-group-horizontal-sm .list-group-item:first-child {border-bottom-left-radius: .25rem;border-top-right-radius: 0} .list-group-horizontal-sm .list-group-item:last-child {border-top-right-radius: .25rem;border-bottom-left-radius: 0} .list-group-horizontal-sm .list-group-item.active {margin-top: 0} .list-group-horizontal-sm .list-group-item + .list-group-item {border-top-width: 1px;border-left-width: 0} .list-group-horizontal-sm .list-group-item + .list-group-item.active {margin-left: -1px;border-left-width: 1px} } @media (min-width: 768px) { .list-group-horizontal-md {-ms-flex-direction: row;flex-direction: row} .list-group-horizontal-md .list-group-item:first-child {border-bottom-left-radius: .25rem;border-top-right-radius: 0} .list-group-horizontal-md .list-group-item:last-child {border-top-right-radius: .25rem;border-bottom-left-radius: 0} .list-group-horizontal-md .list-group-item.active {margin-top: 0} .list-group-horizontal-md .list-group-item + .list-group-item {border-top-width: 1px;border-left-width: 0} .list-group-horizontal-md .list-group-item + .list-group-item.active {margin-left: -1px;border-left-width: 1px} } @media (min-width: 992px) { .list-group-horizontal-lg {-ms-flex-direction: row;flex-direction: row} .list-group-horizontal-lg .list-group-item:first-child {border-bottom-left-radius: .25rem;border-top-right-radius: 0} .list-group-horizontal-lg .list-group-item:last-child {border-top-right-radius: .25rem;border-bottom-left-radius: 0} .list-group-horizontal-lg .list-group-item.active {margin-top: 0} .list-group-horizontal-lg .list-group-item + .list-group-item {border-top-width: 1px;border-left-width: 0} .list-group-horizontal-lg .list-group-item + .list-group-item.active {margin-left: -1px;border-left-width: 1px} } @media (min-width: 1200px) { .list-group-horizontal-xl {-ms-flex-direction: row;flex-direction: row} .list-group-horizontal-xl .list-group-item:first-child {border-bottom-left-radius: .25rem;border-top-right-radius: 0} .list-group-horizontal-xl .list-group-item:last-child {border-top-right-radius: .25rem;border-bottom-left-radius: 0} .list-group-horizontal-xl .list-group-item.active {margin-top: 0} .list-group-horizontal-xl .list-group-item + .list-group-item {border-top-width: 1px;border-left-width: 0} .list-group-horizontal-xl .list-group-item + .list-group-item.active {margin-left: -1px;border-left-width: 1px} } .list-group-flush .list-group-item {border-right-width: 0;border-left-width: 0;border-radius: 0} .list-group-flush .list-group-item:first-child {border-top-width: 0} .list-group-flush:last-child .list-group-item:last-child {border-bottom-width: 0} .list-group-item-primary {color: #004085;background-color: #b8daff} .list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover {color: #004085;background-color: #9fcdff} .list-group-item-primary.list-group-item-action.active {color: #fff;background-color: #004085;border-color: #004085} .list-group-item-secondary {color: #383d41;background-color: #d6d8db} .list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover {color: #383d41;background-color: #c8cbcf} .list-group-item-secondary.list-group-item-action.active {color: #fff;background-color: #383d41;border-color: #383d41} .list-group-item-success {color: #155724;background-color: #c3e6cb} .list-group-item-success.list-group-item-action:focus, .list-group-item-success.list-group-item-action:hover {color: #155724;background-color: #b1dfbb} .list-group-item-success.list-group-item-action.active {color: #fff;background-color: #155724;border-color: #155724} .list-group-item-info {color: #0c5460;background-color: #bee5eb} .list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-group-item-action:hover {color: #0c5460;background-color: #abdde5} .list-group-item-info.list-group-item-action.active {color: #fff;background-color: #0c5460;border-color: #0c5460} .list-group-item-warning {color: #856404;background-color: #ffeeba} .list-group-item-warning.list-group-item-action:focus, .list-group-item-warning.list-group-item-action:hover {color: #856404;background-color: #ffe8a1} .list-group-item-warning.list-group-item-action.active {color: #fff;background-color: #856404;border-color: #856404} .list-group-item-danger {color: #721c24;background-color: #f5c6cb} .list-group-item-danger.list-group-item-action:focus, .list-group-item-danger.list-group-item-action:hover {color: #721c24;background-color: #f1b0b7} .list-group-item-danger.list-group-item-action.active {color: #fff;background-color: #721c24;border-color: #721c24} .list-group-item-light {color: #818182;background-color: #fdfdfe} .list-group-item-light.list-group-item-action:focus, .list-group-item-light.list-group-item-action:hover {color: #818182;background-color: #ececf6} .list-group-item-light.list-group-item-action.active {color: #fff;background-color: #818182;border-color: #818182} .list-group-item-dark {color: #1b1e21;background-color: #c6c8ca} .list-group-item-dark.list-group-item-action:focus, .list-group-item-dark.list-group-item-action:hover {color: #1b1e21;background-color: #b9bbbe} .list-group-item-dark.list-group-item-action.active {color: #fff;background-color: #1b1e21;border-color: #1b1e21} .close {float: right;font-size: 1.5rem;font-weight: 700;line-height: 1;color: #000;text-shadow: 0 1px 0 #fff;opacity: .5} .close:hover {color: #000;text-decoration: none} .close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover {opacity: .75} button.close {padding: 0;background-color: transparent;border: 0;-webkit-appearance: none;-moz-appearance: none;appearance: none} a.close.disabled {pointer-events: none} .toast {max-width: 350px;overflow: hidden;font-size: .875rem;background-color: rgba(255, 255, 255, .85);background-clip: padding-box;border: 1px solid rgba(0, 0, 0, .1);box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .1);-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);opacity: 0;border-radius: .25rem} .toast:not(:last-child) {margin-bottom: .75rem} .toast.showing {opacity: 1} .toast.show {display: block;opacity: 1} .toast.hide {display: none} .toast-header {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;padding: .25rem .75rem;color: #6c757d;background-color: rgba(255, 255, 255, .85);background-clip: padding-box;border-bottom: 1px solid rgba(0, 0, 0, .05)} .toast-body {padding: .75rem} .modal-open {overflow: hidden} .modal-open .modal {overflow-x: hidden;overflow-y: auto} .modal {position: fixed;top: 0;left: 0;z-index: 1050;display: none;width: 100%;height: 100%;overflow: hidden;outline: 0} .modal-dialog {position: relative;width: auto;margin: .5rem;pointer-events: none} .modal.fade .modal-dialog {transition: -webkit-transform .3s ease-out;transition: transform .3s ease-out;transition: transform .3s ease-out, -webkit-transform .3s ease-out;-webkit-transform: translate(0, -50px);transform: translate(0, -50px)} @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog {transition: none} } .modal.show .modal-dialog {-webkit-transform: none;transform: none} .modal.modal-static .modal-dialog {-webkit-transform: scale(1.02);transform: scale(1.02)} .modal-dialog-scrollable {display: -ms-flexbox;display: flex;max-height: calc(100% - 1rem)} .modal-dialog-scrollable .modal-content {max-height: calc(100vh - 1rem);overflow: hidden} .modal-dialog-scrollable .modal-footer, .modal-dialog-scrollable .modal-header {-ms-flex-negative: 0;flex-shrink: 0} .modal-dialog-scrollable .modal-body {overflow-y: auto} .modal-dialog-centered {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;min-height: calc(100% - 1rem)} .modal-dialog-centered::before {display: block;height: calc(100vh - 1rem);content: ""} .modal-dialog-centered.modal-dialog-scrollable {-ms-flex-direction: column;flex-direction: column;-ms-flex-pack: center;justify-content: center;height: 100%} .modal-dialog-centered.modal-dialog-scrollable .modal-content {max-height: none} .modal-dialog-centered.modal-dialog-scrollable::before {content: none} .modal-content {position: relative;display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;width: 100%;pointer-events: auto;background-color: #fff;background-clip: padding-box;border: 1px solid rgba(0, 0, 0, .2);border-radius: .3rem;outline: 0} .modal-backdrop {position: fixed;top: 0;left: 0;z-index: 1040;width: 100vw;height: 100vh;background-color: #000} .modal-backdrop.fade {opacity: 0} .modal-backdrop.show {opacity: .5} .modal-header {display: -ms-flexbox;display: flex;-ms-flex-align: start;align-items: flex-start;-ms-flex-pack: justify;justify-content: space-between;padding: 1rem 1rem;border-bottom: 1px solid #dee2e6;border-top-left-radius: calc(.3rem - 1px);border-top-right-radius: calc(.3rem - 1px)} .modal-header .close {padding: 1rem 1rem;margin: -1rem -1rem -1rem auto} .modal-title {margin-bottom: 0;line-height: 1.5} .modal-body {position: relative;-ms-flex: 1 1 auto;flex: 1 1 auto;padding: 1rem} .modal-footer {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-ms-flex-align: center;align-items: center;-ms-flex-pack: end;justify-content: flex-end;padding: .75rem;border-top: 1px solid #dee2e6;border-bottom-right-radius: calc(.3rem - 1px);border-bottom-left-radius: calc(.3rem - 1px)} .modal-footer > * {margin: .25rem} .modal-scrollbar-measure {position: absolute;top: -9999px;width: 50px;height: 50px;overflow: scroll} @media (min-width: 576px) { .modal-dialog {max-width: 500px;margin: 1.75rem auto} .modal-dialog-scrollable {max-height: calc(100% - 3.5rem)} .modal-dialog-scrollable .modal-content {max-height: calc(100vh - 3.5rem)} .modal-dialog-centered {min-height: calc(100% - 3.5rem)} .modal-dialog-centered::before {height: calc(100vh - 3.5rem)} .modal-sm {max-width: 300px} } @media (min-width: 992px) { .modal-lg, .modal-xl {max-width: 800px} } @media (min-width: 1200px) { .modal-xl {max-width: 1140px} } .tooltip {position: absolute;z-index: 1070;display: block;margin: 0;font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-style: normal;font-weight: 400;line-height: 1.5;text-align: left;text-align: start;text-decoration: none;text-shadow: none;text-transform: none;letter-spacing: normal;word-break: normal;word-spacing: normal;white-space: normal;line-break: auto;font-size: .875rem;word-wrap: break-word;opacity: 0} .tooltip.show {opacity: .9} .tooltip .arrow {position: absolute;display: block;width: .8rem;height: .4rem} .tooltip .arrow::before {position: absolute;content: "";border-color: transparent;border-style: solid} .bs-tooltip-auto[x-placement^=top], .bs-tooltip-top {padding: .4rem 0} .bs-tooltip-auto[x-placement^=top] .arrow, .bs-tooltip-top .arrow {bottom: 0} .bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before {top: 0;border-width: .4rem .4rem 0;border-top-color: #000} .bs-tooltip-auto[x-placement^=right], .bs-tooltip-right {padding: 0 .4rem} .bs-tooltip-auto[x-placement^=right] .arrow, .bs-tooltip-right .arrow {left: 0;width: .4rem;height: .8rem} .bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before {right: 0;border-width: .4rem .4rem .4rem 0;border-right-color: #000} .bs-tooltip-auto[x-placement^=bottom], .bs-tooltip-bottom {padding: .4rem 0} .bs-tooltip-auto[x-placement^=bottom] .arrow, .bs-tooltip-bottom .arrow {top: 0} .bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before {bottom: 0;border-width: 0 .4rem .4rem;border-bottom-color: #000} .bs-tooltip-auto[x-placement^=left], .bs-tooltip-left {padding: 0 .4rem} .bs-tooltip-auto[x-placement^=left] .arrow, .bs-tooltip-left .arrow {right: 0;width: .4rem;height: .8rem} .bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before {left: 0;border-width: .4rem 0 .4rem .4rem;border-left-color: #000} .tooltip-inner {max-width: 200px;padding: .25rem .5rem;color: #fff;text-align: center;background-color: #666;border-radius: .25rem} .popover {position: absolute;top: 0;left: 0;z-index: 1060;display: block;max-width: 276px;font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-style: normal;font-weight: 400;line-height: 1.5;text-align: left;text-align: start;text-decoration: none;text-shadow: none;text-transform: none;letter-spacing: normal;word-break: normal;word-spacing: normal;white-space: normal;line-break: auto;font-size: .875rem;word-wrap: break-word;background-color: #fff;background-clip: padding-box;border: 1px solid rgba(0, 0, 0, .2);border-radius: .3rem} .popover .arrow {position: absolute;display: block;width: 1rem;height: .5rem;margin: 0 .3rem} .popover .arrow::after, .popover .arrow::before {position: absolute;display: block;content: "";border-color: transparent;border-style: solid} .bs-popover-auto[x-placement^=top], .bs-popover-top {margin-bottom: .5rem} .bs-popover-auto[x-placement^=top] > .arrow, .bs-popover-top > .arrow {bottom: calc(-.5rem - 1px)} .bs-popover-auto[x-placement^=top] > .arrow::before, .bs-popover-top > .arrow::before {bottom: 0;border-width: .5rem .5rem 0;border-top-color: rgba(0, 0, 0, .25)} .bs-popover-auto[x-placement^=top] > .arrow::after, .bs-popover-top > .arrow::after {bottom: 1px;border-width: .5rem .5rem 0;border-top-color: #fff} .bs-popover-auto[x-placement^=right], .bs-popover-right {margin-left: .5rem} .bs-popover-auto[x-placement^=right] > .arrow, .bs-popover-right > .arrow {left: calc(-.5rem - 1px);width: .5rem;height: 1rem;margin: .3rem 0} .bs-popover-auto[x-placement^=right] > .arrow::before, .bs-popover-right > .arrow::before {left: 0;border-width: .5rem .5rem .5rem 0;border-right-color: rgba(0, 0, 0, .25)} .bs-popover-auto[x-placement^=right] > .arrow::after, .bs-popover-right > .arrow::after {left: 1px;border-width: .5rem .5rem .5rem 0;border-right-color: #fff} .bs-popover-auto[x-placement^=bottom], .bs-popover-bottom {margin-top: .5rem} .bs-popover-auto[x-placement^=bottom] > .arrow, .bs-popover-bottom > .arrow {top: calc(-.5rem - 1px)} .bs-popover-auto[x-placement^=bottom] > .arrow::before, .bs-popover-bottom > .arrow::before {top: 0;border-width: 0 .5rem .5rem .5rem;border-bottom-color: rgba(0, 0, 0, .25)} .bs-popover-auto[x-placement^=bottom] > .arrow::after, .bs-popover-bottom > .arrow::after {top: 1px;border-width: 0 .5rem .5rem .5rem;border-bottom-color: #fff} .bs-popover-auto[x-placement^=bottom] .popover-header::before, .bs-popover-bottom .popover-header::before {position: absolute;top: 0;left: 50%;display: block;width: 1rem;margin-left: -.5rem;content: "";border-bottom: 1px solid #f7f7f7} .bs-popover-auto[x-placement^=left], .bs-popover-left {margin-right: .5rem} .bs-popover-auto[x-placement^=left] > .arrow, .bs-popover-left > .arrow {right: calc(-.5rem - 1px);width: .5rem;height: 1rem;margin: .3rem 0} .bs-popover-auto[x-placement^=left] > .arrow::before, .bs-popover-left > .arrow::before {right: 0;border-width: .5rem 0 .5rem .5rem;border-left-color: rgba(0, 0, 0, .25)} .bs-popover-auto[x-placement^=left] > .arrow::after, .bs-popover-left > .arrow::after {right: 1px;border-width: .5rem 0 .5rem .5rem;border-left-color: #fff} .popover-header {padding: .5rem .75rem;margin-bottom: 0;font-size: 1rem;background-color: #f7f7f7;border-bottom: 1px solid #ebebeb;border-top-left-radius: calc(.3rem - 1px);border-top-right-radius: calc(.3rem - 1px)} .popover-header:empty {display: none} .popover-body {padding: .5rem .75rem;color: #212529} .carousel {position: relative} .carousel.pointer-event {-ms-touch-action: pan-y;touch-action: pan-y} .carousel-inner {position: relative;width: 100%;overflow: hidden} .carousel-inner::after {display: block;clear: both;content: ""} .carousel-item {position: relative;display: none;float: left;width: 100%;margin-right: -100%;-webkit-backface-visibility: hidden;backface-visibility: hidden;transition: -webkit-transform .6s ease-in-out;transition: transform .6s ease-in-out;transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out} @media (prefers-reduced-motion: reduce) { .carousel-item {transition: none} } .carousel-item-next, .carousel-item-prev, .carousel-item.active {display: block} .active.carousel-item-right, .carousel-item-next:not(.carousel-item-left) {-webkit-transform: translateX(100%);transform: translateX(100%)} .active.carousel-item-left, .carousel-item-prev:not(.carousel-item-right) {-webkit-transform: translateX(-100%);transform: translateX(-100%)} .carousel-fade .carousel-item {opacity: 0;transition-property: opacity;-webkit-transform: none;transform: none} .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right, .carousel-fade .carousel-item.active {z-index: 1;opacity: 1} .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {z-index: 0;opacity: 0;transition: opacity 0s .6s} @media (prefers-reduced-motion: reduce) { .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {transition: none} } .carousel-control-next, .carousel-control-prev {position: absolute;top: 0;bottom: 0;z-index: 1;display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;-ms-flex-pack: center;justify-content: center;width: 15%;color: #fff;text-align: center;opacity: .5;transition: opacity .15s ease} @media (prefers-reduced-motion: reduce) { .carousel-control-next, .carousel-control-prev {transition: none} } .carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {color: #fff;text-decoration: none;outline: 0;opacity: .9} .carousel-control-prev {left: 0} .carousel-control-next {right: 0} .carousel-control-next-icon, .carousel-control-prev-icon {display: inline-block;width: 20px;height: 20px;background: no-repeat 50%/100% 100%} .carousel-control-prev-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")} .carousel-control-next-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e")} .carousel-indicators {position: absolute;right: 0;bottom: 0;left: 0;z-index: 15;display: -ms-flexbox;display: flex;-ms-flex-pack: center;justify-content: center;padding-left: 0;margin-right: 15%;margin-left: 15%;list-style: none} .carousel-indicators li {box-sizing: content-box;-ms-flex: 0 1 auto;flex: 0 1 auto;width: 30px;height: 3px;margin-right: 3px;margin-left: 3px;text-indent: -999px;cursor: pointer;background-color: #fff;background-clip: padding-box;border-top: 10px solid transparent;border-bottom: 10px solid transparent;opacity: .5;transition: opacity .6s ease} @media (prefers-reduced-motion: reduce) { .carousel-indicators li {transition: none} } .carousel-indicators .active {opacity: 1} .carousel-caption {position: absolute;right: 15%;bottom: 20px;left: 15%;z-index: 10;padding-top: 20px;padding-bottom: 20px;color: #fff;text-align: center} @-webkit-keyframes spinner-border { to {-webkit-transform: rotate(360deg);transform: rotate(360deg)} } @keyframes spinner-border { to {-webkit-transform: rotate(360deg);transform: rotate(360deg)} } .spinner-border {display: inline-block;width: 2rem;height: 2rem;vertical-align: text-bottom;border: .25em solid currentColor;border-right-color: transparent;border-radius: 50%;-webkit-animation: spinner-border .75s linear infinite;animation: spinner-border .75s linear infinite} .spinner-border-sm {width: 1rem;height: 1rem;border-width: .2em} @-webkit-keyframes spinner-grow { 0% {-webkit-transform: scale(0);transform: scale(0)} 50% {opacity: 1} } @keyframes spinner-grow { 0% {-webkit-transform: scale(0);transform: scale(0)} 50% {opacity: 1} } .spinner-grow {display: inline-block;width: 2rem;height: 2rem;vertical-align: text-bottom;background-color: currentColor;border-radius: 50%;opacity: 0;-webkit-animation: spinner-grow .75s linear infinite;animation: spinner-grow .75s linear infinite} .spinner-grow-sm {width: 1rem;height: 1rem} .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:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover {background-color: #0062cc !important} .bg-secondary {background-color: #6c757d !important} a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover {background-color: #545b62 !important} .bg-success {background-color: #28a745 !important} a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-success:hover {background-color: #1e7e34 !important} .bg-info {background-color: #17a2b8 !important} a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover {background-color: #117a8b !important} .bg-warning {background-color: #ffc107 !important} a.bg-warning:focus, a.bg-warning:hover, button.bg-warning:focus, button.bg-warning:hover {background-color: #d39e00 !important} .bg-danger {background-color: #dc3545 !important} a.bg-danger:focus, a.bg-danger:hover, button.bg-danger:focus, button.bg-danger:hover {background-color: #bd2130 !important} .bg-light {background-color: #f8f9fa !important} a.bg-light:focus, a.bg-light:hover, button.bg-light:focus, button.bg-light:hover {background-color: #dae0e5 !important} .bg-dark {background-color: #343a40 !important} a.bg-dark:focus, a.bg-dark:hover, button.bg-dark:focus, button.bg-dark:hover {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-sm {border-radius: .2rem !important} .rounded {border-radius: .25rem !important} .rounded-top {border-top-left-radius: .25rem !important;border-top-right-radius: .25rem !important} .rounded-right {border-top-right-radius: .25rem !important;border-bottom-right-radius: .25rem !important} .rounded-bottom {border-bottom-right-radius: .25rem !important;border-bottom-left-radius: .25rem !important} .rounded-left {border-top-left-radius: .25rem !important;border-bottom-left-radius: .25rem !important} .rounded-lg {border-radius: .3rem !important} .rounded-circle {border-radius: 50% !important} .rounded-pill {border-radius: 50rem !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: -ms-flexbox !important;display: flex !important} .d-inline-flex {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: -ms-flexbox !important;display: flex !important} .d-sm-inline-flex {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: -ms-flexbox !important;display: flex !important} .d-md-inline-flex {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: -ms-flexbox !important;display: flex !important} .d-lg-inline-flex {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: -ms-flexbox !important;display: flex !important} .d-xl-inline-flex {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: -ms-flexbox !important;display: flex !important} .d-print-inline-flex {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 embed, .embed-responsive iframe, .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.857143%} .embed-responsive-16by9::before {padding-top: 56.25%} .embed-responsive-4by3::before {padding-top: 75%} .embed-responsive-1by1::before {padding-top: 100%} .flex-row {-ms-flex-direction: row !important;flex-direction: row !important} .flex-column {-ms-flex-direction: column !important;flex-direction: column !important} .flex-row-reverse {-ms-flex-direction: row-reverse !important;flex-direction: row-reverse !important} .flex-column-reverse {-ms-flex-direction: column-reverse !important;flex-direction: column-reverse !important} .flex-wrap {-ms-flex-wrap: wrap !important;flex-wrap: wrap !important} .flex-nowrap {-ms-flex-wrap: nowrap !important;flex-wrap: nowrap !important} .flex-wrap-reverse {-ms-flex-wrap: wrap-reverse !important;flex-wrap: wrap-reverse !important} .flex-fill {-ms-flex: 1 1 auto !important;flex: 1 1 auto !important} .flex-grow-0 {-ms-flex-positive: 0 !important;flex-grow: 0 !important} .flex-grow-1 {-ms-flex-positive: 1 !important;flex-grow: 1 !important} .flex-shrink-0 {-ms-flex-negative: 0 !important;flex-shrink: 0 !important} .flex-shrink-1 {-ms-flex-negative: 1 !important;flex-shrink: 1 !important} .justify-content-start {-ms-flex-pack: start !important;justify-content: flex-start !important} .justify-content-end {-ms-flex-pack: end !important;justify-content: flex-end !important} .justify-content-center {-ms-flex-pack: center !important;justify-content: center !important} .justify-content-between {-ms-flex-pack: justify !important;justify-content: space-between !important} .justify-content-around {-ms-flex-pack: distribute !important;justify-content: space-around !important} .align-items-start {-ms-flex-align: start !important;align-items: flex-start !important} .align-items-end {-ms-flex-align: end !important;align-items: flex-end !important} .align-items-center {-ms-flex-align: center !important;align-items: center !important} .align-items-baseline {-ms-flex-align: baseline !important;align-items: baseline !important} .align-items-stretch {-ms-flex-align: stretch !important;align-items: stretch !important} .align-content-start {-ms-flex-line-pack: start !important;align-content: flex-start !important} .align-content-end {-ms-flex-line-pack: end !important;align-content: flex-end !important} .align-content-center {-ms-flex-line-pack: center !important;align-content: center !important} .align-content-between {-ms-flex-line-pack: justify !important;align-content: space-between !important} .align-content-around {-ms-flex-line-pack: distribute !important;align-content: space-around !important} .align-content-stretch {-ms-flex-line-pack: stretch !important;align-content: stretch !important} .align-self-auto {-ms-flex-item-align: auto !important;align-self: auto !important} .align-self-start {-ms-flex-item-align: start !important;align-self: flex-start !important} .align-self-end {-ms-flex-item-align: end !important;align-self: flex-end !important} .align-self-center {-ms-flex-item-align: center !important;align-self: center !important} .align-self-baseline {-ms-flex-item-align: baseline !important;align-self: baseline !important} .align-self-stretch {-ms-flex-item-align: stretch !important;align-self: stretch !important} .article-image-caption { font-size: 14px; line-height: 18px; color: rgba(0, 0, 0, .5);} @media (min-width: 576px) { .flex-sm-row {-ms-flex-direction: row !important;flex-direction: row !important} .flex-sm-column {-ms-flex-direction: column !important;flex-direction: column !important} .flex-sm-row-reverse {-ms-flex-direction: row-reverse !important;flex-direction: row-reverse !important} .flex-sm-column-reverse {-ms-flex-direction: column-reverse !important;flex-direction: column-reverse !important} .flex-sm-wrap {-ms-flex-wrap: wrap !important;flex-wrap: wrap !important} .flex-sm-nowrap {-ms-flex-wrap: nowrap !important;flex-wrap: nowrap !important} .flex-sm-wrap-reverse {-ms-flex-wrap: wrap-reverse !important;flex-wrap: wrap-reverse !important} .flex-sm-fill {-ms-flex: 1 1 auto !important;flex: 1 1 auto !important} .flex-sm-grow-0 {-ms-flex-positive: 0 !important;flex-grow: 0 !important} .flex-sm-grow-1 {-ms-flex-positive: 1 !important;flex-grow: 1 !important} .flex-sm-shrink-0 {-ms-flex-negative: 0 !important;flex-shrink: 0 !important} .flex-sm-shrink-1 {-ms-flex-negative: 1 !important;flex-shrink: 1 !important} .justify-content-sm-start {-ms-flex-pack: start !important;justify-content: flex-start !important} .justify-content-sm-end {-ms-flex-pack: end !important;justify-content: flex-end !important} .justify-content-sm-center {-ms-flex-pack: center !important;justify-content: center !important} .justify-content-sm-between {-ms-flex-pack: justify !important;justify-content: space-between !important} .justify-content-sm-around {-ms-flex-pack: distribute !important;justify-content: space-around !important} .align-items-sm-start {-ms-flex-align: start !important;align-items: flex-start !important} .align-items-sm-end {-ms-flex-align: end !important;align-items: flex-end !important} .align-items-sm-center {-ms-flex-align: center !important;align-items: center !important} .align-items-sm-baseline {-ms-flex-align: baseline !important;align-items: baseline !important} .align-items-sm-stretch {-ms-flex-align: stretch !important;align-items: stretch !important} .align-content-sm-start {-ms-flex-line-pack: start !important;align-content: flex-start !important} .align-content-sm-end {-ms-flex-line-pack: end !important;align-content: flex-end !important} .align-content-sm-center {-ms-flex-line-pack: center !important;align-content: center !important} .align-content-sm-between {-ms-flex-line-pack: justify !important;align-content: space-between !important} .align-content-sm-around {-ms-flex-line-pack: distribute !important;align-content: space-around !important} .align-content-sm-stretch {-ms-flex-line-pack: stretch !important;align-content: stretch !important} .align-self-sm-auto {-ms-flex-item-align: auto !important;align-self: auto !important} .align-self-sm-start {-ms-flex-item-align: start !important;align-self: flex-start !important} .align-self-sm-end {-ms-flex-item-align: end !important;align-self: flex-end !important} .align-self-sm-center {-ms-flex-item-align: center !important;align-self: center !important} .align-self-sm-baseline {-ms-flex-item-align: baseline !important;align-self: baseline !important} .align-self-sm-stretch {-ms-flex-item-align: stretch !important;align-self: stretch !important} } @media (min-width: 768px) { .flex-md-row {-ms-flex-direction: row !important;flex-direction: row !important} .flex-md-column {-ms-flex-direction: column !important;flex-direction: column !important} .flex-md-row-reverse {-ms-flex-direction: row-reverse !important;flex-direction: row-reverse !important} .flex-md-column-reverse {-ms-flex-direction: column-reverse !important;flex-direction: column-reverse !important} .flex-md-wrap {-ms-flex-wrap: wrap !important;flex-wrap: wrap !important} .flex-md-nowrap {-ms-flex-wrap: nowrap !important;flex-wrap: nowrap !important} .flex-md-wrap-reverse {-ms-flex-wrap: wrap-reverse !important;flex-wrap: wrap-reverse !important} .flex-md-fill {-ms-flex: 1 1 auto !important;flex: 1 1 auto !important} .flex-md-grow-0 {-ms-flex-positive: 0 !important;flex-grow: 0 !important} .flex-md-grow-1 {-ms-flex-positive: 1 !important;flex-grow: 1 !important} .flex-md-shrink-0 {-ms-flex-negative: 0 !important;flex-shrink: 0 !important} .flex-md-shrink-1 {-ms-flex-negative: 1 !important;flex-shrink: 1 !important} .justify-content-md-start {-ms-flex-pack: start !important;justify-content: flex-start !important} .justify-content-md-end {-ms-flex-pack: end !important;justify-content: flex-end !important} .justify-content-md-center {-ms-flex-pack: center !important;justify-content: center !important} .justify-content-md-between {-ms-flex-pack: justify !important;justify-content: space-between !important} .justify-content-md-around {-ms-flex-pack: distribute !important;justify-content: space-around !important} .align-items-md-start {-ms-flex-align: start !important;align-items: flex-start !important} .align-items-md-end {-ms-flex-align: end !important;align-items: flex-end !important} .align-items-md-center {-ms-flex-align: center !important;align-items: center !important} .align-items-md-baseline {-ms-flex-align: baseline !important;align-items: baseline !important} .align-items-md-stretch {-ms-flex-align: stretch !important;align-items: stretch !important} .align-content-md-start {-ms-flex-line-pack: start !important;align-content: flex-start !important} .align-content-md-end {-ms-flex-line-pack: end !important;align-content: flex-end !important} .align-content-md-center {-ms-flex-line-pack: center !important;align-content: center !important} .align-content-md-between {-ms-flex-line-pack: justify !important;align-content: space-between !important} .align-content-md-around {-ms-flex-line-pack: distribute !important;align-content: space-around !important} .align-content-md-stretch {-ms-flex-line-pack: stretch !important;align-content: stretch !important} .align-self-md-auto {-ms-flex-item-align: auto !important;align-self: auto !important} .align-self-md-start {-ms-flex-item-align: start !important;align-self: flex-start !important} .align-self-md-end {-ms-flex-item-align: end !important;align-self: flex-end !important} .align-self-md-center {-ms-flex-item-align: center !important;align-self: center !important} .align-self-md-baseline {-ms-flex-item-align: baseline !important;align-self: baseline !important} .align-self-md-stretch {-ms-flex-item-align: stretch !important;align-self: stretch !important} } @media (min-width: 992px) { .flex-lg-row {-ms-flex-direction: row !important;flex-direction: row !important} .flex-lg-column {-ms-flex-direction: column !important;flex-direction: column !important} .flex-lg-row-reverse {-ms-flex-direction: row-reverse !important;flex-direction: row-reverse !important} .flex-lg-column-reverse {-ms-flex-direction: column-reverse !important;flex-direction: column-reverse !important} .flex-lg-wrap {-ms-flex-wrap: wrap !important;flex-wrap: wrap !important} .flex-lg-nowrap {-ms-flex-wrap: nowrap !important;flex-wrap: nowrap !important} .flex-lg-wrap-reverse {-ms-flex-wrap: wrap-reverse !important;flex-wrap: wrap-reverse !important} .flex-lg-fill {-ms-flex: 1 1 auto !important;flex: 1 1 auto !important} .flex-lg-grow-0 {-ms-flex-positive: 0 !important;flex-grow: 0 !important} .flex-lg-grow-1 {-ms-flex-positive: 1 !important;flex-grow: 1 !important} .flex-lg-shrink-0 {-ms-flex-negative: 0 !important;flex-shrink: 0 !important} .flex-lg-shrink-1 {-ms-flex-negative: 1 !important;flex-shrink: 1 !important} .justify-content-lg-start {-ms-flex-pack: start !important;justify-content: flex-start !important} .justify-content-lg-end {-ms-flex-pack: end !important;justify-content: flex-end !important} .justify-content-lg-center {-ms-flex-pack: center !important;justify-content: center !important} .justify-content-lg-between {-ms-flex-pack: justify !important;justify-content: space-between !important} .justify-content-lg-around {-ms-flex-pack: distribute !important;justify-content: space-around !important} .align-items-lg-start {-ms-flex-align: start !important;align-items: flex-start !important} .align-items-lg-end {-ms-flex-align: end !important;align-items: flex-end !important} .align-items-lg-center {-ms-flex-align: center !important;align-items: center !important} .align-items-lg-baseline {-ms-flex-align: baseline !important;align-items: baseline !important} .align-items-lg-stretch {-ms-flex-align: stretch !important;align-items: stretch !important} .align-content-lg-start {-ms-flex-line-pack: start !important;align-content: flex-start !important} .align-content-lg-end {-ms-flex-line-pack: end !important;align-content: flex-end !important} .align-content-lg-center {-ms-flex-line-pack: center !important;align-content: center !important} .align-content-lg-between {-ms-flex-line-pack: justify !important;align-content: space-between !important} .align-content-lg-around {-ms-flex-line-pack: distribute !important;align-content: space-around !important} .align-content-lg-stretch {-ms-flex-line-pack: stretch !important;align-content: stretch !important} .align-self-lg-auto {-ms-flex-item-align: auto !important;align-self: auto !important} .align-self-lg-start {-ms-flex-item-align: start !important;align-self: flex-start !important} .align-self-lg-end {-ms-flex-item-align: end !important;align-self: flex-end !important} .align-self-lg-center {-ms-flex-item-align: center !important;align-self: center !important} .align-self-lg-baseline {-ms-flex-item-align: baseline !important;align-self: baseline !important} .align-self-lg-stretch {-ms-flex-item-align: stretch !important;align-self: stretch !important} } @media (min-width: 1200px) { .flex-xl-row {-ms-flex-direction: row !important;flex-direction: row !important} .flex-xl-column {-ms-flex-direction: column !important;flex-direction: column !important} .flex-xl-row-reverse {-ms-flex-direction: row-reverse !important;flex-direction: row-reverse !important} .flex-xl-column-reverse {-ms-flex-direction: column-reverse !important;flex-direction: column-reverse !important} .flex-xl-wrap {-ms-flex-wrap: wrap !important;flex-wrap: wrap !important} .flex-xl-nowrap {-ms-flex-wrap: nowrap !important;flex-wrap: nowrap !important} .flex-xl-wrap-reverse {-ms-flex-wrap: wrap-reverse !important;flex-wrap: wrap-reverse !important} .flex-xl-fill {-ms-flex: 1 1 auto !important;flex: 1 1 auto !important} .flex-xl-grow-0 {-ms-flex-positive: 0 !important;flex-grow: 0 !important} .flex-xl-grow-1 {-ms-flex-positive: 1 !important;flex-grow: 1 !important} .flex-xl-shrink-0 {-ms-flex-negative: 0 !important;flex-shrink: 0 !important} .flex-xl-shrink-1 {-ms-flex-negative: 1 !important;flex-shrink: 1 !important} .justify-content-xl-start {-ms-flex-pack: start !important;justify-content: flex-start !important} .justify-content-xl-end {-ms-flex-pack: end !important;justify-content: flex-end !important} .justify-content-xl-center {-ms-flex-pack: center !important;justify-content: center !important} .justify-content-xl-between {-ms-flex-pack: justify !important;justify-content: space-between !important} .justify-content-xl-around {-ms-flex-pack: distribute !important;justify-content: space-around !important} .align-items-xl-start {-ms-flex-align: start !important;align-items: flex-start !important} .align-items-xl-end {-ms-flex-align: end !important;align-items: flex-end !important} .align-items-xl-center {-ms-flex-align: center !important;align-items: center !important} .align-items-xl-baseline {-ms-flex-align: baseline !important;align-items: baseline !important} .align-items-xl-stretch {-ms-flex-align: stretch !important;align-items: stretch !important} .align-content-xl-start {-ms-flex-line-pack: start !important;align-content: flex-start !important} .align-content-xl-end {-ms-flex-line-pack: end !important;align-content: flex-end !important} .align-content-xl-center {-ms-flex-line-pack: center !important;align-content: center !important} .align-content-xl-between {-ms-flex-line-pack: justify !important;align-content: space-between !important} .align-content-xl-around {-ms-flex-line-pack: distribute !important;align-content: space-around !important} .align-content-xl-stretch {-ms-flex-line-pack: stretch !important;align-content: stretch !important} .align-self-xl-auto {-ms-flex-item-align: auto !important;align-self: auto !important} .align-self-xl-start {-ms-flex-item-align: start !important;align-self: flex-start !important} .align-self-xl-end {-ms-flex-item-align: end !important;align-self: flex-end !important} .align-self-xl-center {-ms-flex-item-align: center !important;align-self: center !important} .align-self-xl-baseline {-ms-flex-item-align: baseline !important;align-self: baseline !important} .align-self-xl-stretch {-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} } .overflow-auto {overflow: auto !important} .overflow-hidden {overflow: hidden !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;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0} .sr-only-focusable:active, .sr-only-focusable:focus {position: static;width: auto;height: auto;overflow: visible;clip: auto;white-space: normal} .shadow-sm {box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important} .shadow {box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important} .shadow-lg {box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important} .shadow-none {box-shadow: none !important} .w-25 {width: 25% !important} .w-50 {width: 50% !important} .w-75 {width: 75% !important} .w-100 {width: 100% !important} .w-auto {width: auto !important} .h-25 {height: 25% !important} .h-50 {height: 50% !important} .h-75 {height: 75% !important} .h-100 {height: 100% !important} .h-auto {height: auto !important} .mw-100 {max-width: 100% !important} .mh-100 {max-height: 100% !important} .min-vw-100 {min-width: 100vw !important} .min-vh-100 {min-height: 100vh !important} .vw-100 {width: 100vw !important} .vh-100 {height: 100vh !important} .stretched-link::after {position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 1;pointer-events: auto;content: "";background-color: rgba(0, 0, 0, 0)} .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: .25rem !important} .mt-1, .my-1 {margin-top: .25rem !important} .mr-1, .mx-1 {margin-right: .25rem !important} .mb-1, .my-1 {margin-bottom: .25rem !important} .ml-1, .mx-1 {margin-left: .25rem !important} .m-2 {margin: .5rem !important} .mt-2, .my-2 {margin-top: .5rem !important} .mr-2, .mx-2 {margin-right: .5rem !important} .mb-2, .my-2 {margin-bottom: .5rem !important} .ml-2, .mx-2 {margin-left: .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: .25rem !important} .pt-1, .py-1 {padding-top: .25rem !important} .pr-1, .px-1 {padding-right: .25rem !important} .pb-1, .py-1 {padding-bottom: .25rem !important} .pl-1, .px-1 {padding-left: .25rem !important} .p-2 {padding: .5rem !important} .pt-2, .py-2 {padding-top: .5rem !important} .pr-2, .px-2 {padding-right: .5rem !important} .pb-2, .py-2 {padding-bottom: .5rem !important} .pl-2, .px-2 {padding-left: .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-n1 {margin: -.25rem !important} .mt-n1, .my-n1 {margin-top: -.25rem !important} .mr-n1, .mx-n1 {margin-right: -.25rem !important} .mb-n1, .my-n1 {margin-bottom: -.25rem !important} .ml-n1, .mx-n1 {margin-left: -.25rem !important} .m-n2 {margin: -.5rem !important} .mt-n2, .my-n2 {margin-top: -.5rem !important} .mr-n2, .mx-n2 {margin-right: -.5rem !important} .mb-n2, .my-n2 {margin-bottom: -.5rem !important} .ml-n2, .mx-n2 {margin-left: -.5rem !important} .m-n3 {margin: -1rem !important} .mt-n3, .my-n3 {margin-top: -1rem !important} .mr-n3, .mx-n3 {margin-right: -1rem !important} .mb-n3, .my-n3 {margin-bottom: -1rem !important} .ml-n3, .mx-n3 {margin-left: -1rem !important} .m-n4 {margin: -1.5rem !important} .mt-n4, .my-n4 {margin-top: -1.5rem !important} .mr-n4, .mx-n4 {margin-right: -1.5rem !important} .mb-n4, .my-n4 {margin-bottom: -1.5rem !important} .ml-n4, .mx-n4 {margin-left: -1.5rem !important} .m-n5 {margin: -3rem !important} .mt-n5, .my-n5 {margin-top: -3rem !important} .mr-n5, .mx-n5 {margin-right: -3rem !important} .mb-n5, .my-n5 {margin-bottom: -3rem !important} .ml-n5, .mx-n5 {margin-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: .25rem !important} .mt-sm-1, .my-sm-1 {margin-top: .25rem !important} .mr-sm-1, .mx-sm-1 {margin-right: .25rem !important} .mb-sm-1, .my-sm-1 {margin-bottom: .25rem !important} .ml-sm-1, .mx-sm-1 {margin-left: .25rem !important} .m-sm-2 {margin: .5rem !important} .mt-sm-2, .my-sm-2 {margin-top: .5rem !important} .mr-sm-2, .mx-sm-2 {margin-right: .5rem !important} .mb-sm-2, .my-sm-2 {margin-bottom: .5rem !important} .ml-sm-2, .mx-sm-2 {margin-left: .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: .25rem !important} .pt-sm-1, .py-sm-1 {padding-top: .25rem !important} .pr-sm-1, .px-sm-1 {padding-right: .25rem !important} .pb-sm-1, .py-sm-1 {padding-bottom: .25rem !important} .pl-sm-1, .px-sm-1 {padding-left: .25rem !important} .p-sm-2 {padding: .5rem !important} .pt-sm-2, .py-sm-2 {padding-top: .5rem !important} .pr-sm-2, .px-sm-2 {padding-right: .5rem !important} .pb-sm-2, .py-sm-2 {padding-bottom: .5rem !important} .pl-sm-2, .px-sm-2 {padding-left: .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-n1 {margin: -.25rem !important} .mt-sm-n1, .my-sm-n1 {margin-top: -.25rem !important} .mr-sm-n1, .mx-sm-n1 {margin-right: -.25rem !important} .mb-sm-n1, .my-sm-n1 {margin-bottom: -.25rem !important} .ml-sm-n1, .mx-sm-n1 {margin-left: -.25rem !important} .m-sm-n2 {margin: -.5rem !important} .mt-sm-n2, .my-sm-n2 {margin-top: -.5rem !important} .mr-sm-n2, .mx-sm-n2 {margin-right: -.5rem !important} .mb-sm-n2, .my-sm-n2 {margin-bottom: -.5rem !important} .ml-sm-n2, .mx-sm-n2 {margin-left: -.5rem !important} .m-sm-n3 {margin: -1rem !important} .mt-sm-n3, .my-sm-n3 {margin-top: -1rem !important} .mr-sm-n3, .mx-sm-n3 {margin-right: -1rem !important} .mb-sm-n3, .my-sm-n3 {margin-bottom: -1rem !important} .ml-sm-n3, .mx-sm-n3 {margin-left: -1rem !important} .m-sm-n4 {margin: -1.5rem !important} .mt-sm-n4, .my-sm-n4 {margin-top: -1.5rem !important} .mr-sm-n4, .mx-sm-n4 {margin-right: -1.5rem !important} .mb-sm-n4, .my-sm-n4 {margin-bottom: -1.5rem !important} .ml-sm-n4, .mx-sm-n4 {margin-left: -1.5rem !important} .m-sm-n5 {margin: -3rem !important} .mt-sm-n5, .my-sm-n5 {margin-top: -3rem !important} .mr-sm-n5, .mx-sm-n5 {margin-right: -3rem !important} .mb-sm-n5, .my-sm-n5 {margin-bottom: -3rem !important} .ml-sm-n5, .mx-sm-n5 {margin-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: .25rem !important} .mt-md-1, .my-md-1 {margin-top: .25rem !important} .mr-md-1, .mx-md-1 {margin-right: .25rem !important} .mb-md-1, .my-md-1 {margin-bottom: .25rem !important} .ml-md-1, .mx-md-1 {margin-left: .25rem !important} .m-md-2 {margin: .5rem !important} .mt-md-2, .my-md-2 {margin-top: .5rem !important} .mr-md-2, .mx-md-2 {margin-right: .5rem !important} .mb-md-2, .my-md-2 {margin-bottom: .5rem !important} .ml-md-2, .mx-md-2 {margin-left: .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: .25rem !important} .pt-md-1, .py-md-1 {padding-top: .25rem !important} .pr-md-1, .px-md-1 {padding-right: .25rem !important} .pb-md-1, .py-md-1 {padding-bottom: .25rem !important} .pl-md-1, .px-md-1 {padding-left: .25rem !important} .p-md-2 {padding: .5rem !important} .pt-md-2, .py-md-2 {padding-top: .5rem !important} .pr-md-2, .px-md-2 {padding-right: .5rem !important} .pb-md-2, .py-md-2 {padding-bottom: .5rem !important} .pl-md-2, .px-md-2 {padding-left: .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-n1 {margin: -.25rem !important} .mt-md-n1, .my-md-n1 {margin-top: -.25rem !important} .mr-md-n1, .mx-md-n1 {margin-right: -.25rem !important} .mb-md-n1, .my-md-n1 {margin-bottom: -.25rem !important} .ml-md-n1, .mx-md-n1 {margin-left: -.25rem !important} .m-md-n2 {margin: -.5rem !important} .mt-md-n2, .my-md-n2 {margin-top: -.5rem !important} .mr-md-n2, .mx-md-n2 {margin-right: -.5rem !important} .mb-md-n2, .my-md-n2 {margin-bottom: -.5rem !important} .ml-md-n2, .mx-md-n2 {margin-left: -.5rem !important} .m-md-n3 {margin: -1rem !important} .mt-md-n3, .my-md-n3 {margin-top: -1rem !important} .mr-md-n3, .mx-md-n3 {margin-right: -1rem !important} .mb-md-n3, .my-md-n3 {margin-bottom: -1rem !important} .ml-md-n3, .mx-md-n3 {margin-left: -1rem !important} .m-md-n4 {margin: -1.5rem !important} .mt-md-n4, .my-md-n4 {margin-top: -1.5rem !important} .mr-md-n4, .mx-md-n4 {margin-right: -1.5rem !important} .mb-md-n4, .my-md-n4 {margin-bottom: -1.5rem !important} .ml-md-n4, .mx-md-n4 {margin-left: -1.5rem !important} .m-md-n5 {margin: -3rem !important} .mt-md-n5, .my-md-n5 {margin-top: -3rem !important} .mr-md-n5, .mx-md-n5 {margin-right: -3rem !important} .mb-md-n5, .my-md-n5 {margin-bottom: -3rem !important} .ml-md-n5, .mx-md-n5 {margin-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: .25rem !important} .mt-lg-1, .my-lg-1 {margin-top: .25rem !important} .mr-lg-1, .mx-lg-1 {margin-right: .25rem !important} .mb-lg-1, .my-lg-1 {margin-bottom: .25rem !important} .ml-lg-1, .mx-lg-1 {margin-left: .25rem !important} .m-lg-2 {margin: .5rem !important} .mt-lg-2, .my-lg-2 {margin-top: .5rem !important} .mr-lg-2, .mx-lg-2 {margin-right: .5rem !important} .mb-lg-2, .my-lg-2 {margin-bottom: .5rem !important} .ml-lg-2, .mx-lg-2 {margin-left: .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: .25rem !important} .pt-lg-1, .py-lg-1 {padding-top: .25rem !important} .pr-lg-1, .px-lg-1 {padding-right: .25rem !important} .pb-lg-1, .py-lg-1 {padding-bottom: .25rem !important} .pl-lg-1, .px-lg-1 {padding-left: .25rem !important} .p-lg-2 {padding: .5rem !important} .pt-lg-2, .py-lg-2 {padding-top: .5rem !important} .pr-lg-2, .px-lg-2 {padding-right: .5rem !important} .pb-lg-2, .py-lg-2 {padding-bottom: .5rem !important} .pl-lg-2, .px-lg-2 {padding-left: .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-n1 {margin: -.25rem !important} .mt-lg-n1, .my-lg-n1 {margin-top: -.25rem !important} .mr-lg-n1, .mx-lg-n1 {margin-right: -.25rem !important} .mb-lg-n1, .my-lg-n1 {margin-bottom: -.25rem !important} .ml-lg-n1, .mx-lg-n1 {margin-left: -.25rem !important} .m-lg-n2 {margin: -.5rem !important} .mt-lg-n2, .my-lg-n2 {margin-top: -.5rem !important} .mr-lg-n2, .mx-lg-n2 {margin-right: -.5rem !important} .mb-lg-n2, .my-lg-n2 {margin-bottom: -.5rem !important} .ml-lg-n2, .mx-lg-n2 {margin-left: -.5rem !important} .m-lg-n3 {margin: -1rem !important} .mt-lg-n3, .my-lg-n3 {margin-top: -1rem !important} .mr-lg-n3, .mx-lg-n3 {margin-right: -1rem !important} .mb-lg-n3, .my-lg-n3 {margin-bottom: -1rem !important} .ml-lg-n3, .mx-lg-n3 {margin-left: -1rem !important} .m-lg-n4 {margin: -1.5rem !important} .mt-lg-n4, .my-lg-n4 {margin-top: -1.5rem !important} .mr-lg-n4, .mx-lg-n4 {margin-right: -1.5rem !important} .mb-lg-n4, .my-lg-n4 {margin-bottom: -1.5rem !important} .ml-lg-n4, .mx-lg-n4 {margin-left: -1.5rem !important} .m-lg-n5 {margin: -3rem !important} .mt-lg-n5, .my-lg-n5 {margin-top: -3rem !important} .mr-lg-n5, .mx-lg-n5 {margin-right: -3rem !important} .mb-lg-n5, .my-lg-n5 {margin-bottom: -3rem !important} .ml-lg-n5, .mx-lg-n5 {margin-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: .25rem !important} .mt-xl-1, .my-xl-1 {margin-top: .25rem !important} .mr-xl-1, .mx-xl-1 {margin-right: .25rem !important} .mb-xl-1, .my-xl-1 {margin-bottom: .25rem !important} .ml-xl-1, .mx-xl-1 {margin-left: .25rem !important} .m-xl-2 {margin: .5rem !important} .mt-xl-2, .my-xl-2 {margin-top: .5rem !important} .mr-xl-2, .mx-xl-2 {margin-right: .5rem !important} .mb-xl-2, .my-xl-2 {margin-bottom: .5rem !important} .ml-xl-2, .mx-xl-2 {margin-left: .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: .25rem !important} .pt-xl-1, .py-xl-1 {padding-top: .25rem !important} .pr-xl-1, .px-xl-1 {padding-right: .25rem !important} .pb-xl-1, .py-xl-1 {padding-bottom: .25rem !important} .pl-xl-1, .px-xl-1 {padding-left: .25rem !important} .p-xl-2 {padding: .5rem !important} .pt-xl-2, .py-xl-2 {padding-top: .5rem !important} .pr-xl-2, .px-xl-2 {padding-right: .5rem !important} .pb-xl-2, .py-xl-2 {padding-bottom: .5rem !important} .pl-xl-2, .px-xl-2 {padding-left: .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-n1 {margin: -.25rem !important} .mt-xl-n1, .my-xl-n1 {margin-top: -.25rem !important} .mr-xl-n1, .mx-xl-n1 {margin-right: -.25rem !important} .mb-xl-n1, .my-xl-n1 {margin-bottom: -.25rem !important} .ml-xl-n1, .mx-xl-n1 {margin-left: -.25rem !important} .m-xl-n2 {margin: -.5rem !important} .mt-xl-n2, .my-xl-n2 {margin-top: -.5rem !important} .mr-xl-n2, .mx-xl-n2 {margin-right: -.5rem !important} .mb-xl-n2, .my-xl-n2 {margin-bottom: -.5rem !important} .ml-xl-n2, .mx-xl-n2 {margin-left: -.5rem !important} .m-xl-n3 {margin: -1rem !important} .mt-xl-n3, .my-xl-n3 {margin-top: -1rem !important} .mr-xl-n3, .mx-xl-n3 {margin-right: -1rem !important} .mb-xl-n3, .my-xl-n3 {margin-bottom: -1rem !important} .ml-xl-n3, .mx-xl-n3 {margin-left: -1rem !important} .m-xl-n4 {margin: -1.5rem !important} .mt-xl-n4, .my-xl-n4 {margin-top: -1.5rem !important} .mr-xl-n4, .mx-xl-n4 {margin-right: -1.5rem !important} .mb-xl-n4, .my-xl-n4 {margin-bottom: -1.5rem !important} .ml-xl-n4, .mx-xl-n4 {margin-left: -1.5rem !important} .m-xl-n5 {margin: -3rem !important} .mt-xl-n5, .my-xl-n5 {margin-top: -3rem !important} .mr-xl-n5, .mx-xl-n5 {margin-right: -3rem !important} .mb-xl-n5, .my-xl-n5 {margin-bottom: -3rem !important} .ml-xl-n5, .mx-xl-n5 {margin-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} } .text-monospace {font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important} .text-justify {text-align: justify !important} .text-wrap {white-space: normal !important} .text-nowrap {white-space: nowrap !important} .text-truncate {overflow: hidden;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} } .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-lighter {font-weight: lighter !important} .font-weight-normal {font-weight: 400 !important} .font-weight-bold {font-weight: 700 !important} .font-weight-bolder {font-weight: bolder !important} .font-italic {font-style: italic !important} .text-white {color: #fff !important} .text-primary {color: #007bff !important} a.text-primary:focus, a.text-primary:hover {color: #0056b3 !important} .text-secondary {color: #6c757d !important} a.text-secondary:focus, a.text-secondary:hover {color: #494f54 !important} .text-success {color: #28a745 !important} a.text-success:focus, a.text-success:hover {color: #19692c !important} .text-info {color: #17a2b8 !important} a.text-info:focus, a.text-info:hover {color: #0f6674 !important} .text-warning {color: #ffc107 !important} a.text-warning:focus, a.text-warning:hover {color: #ba8b00 !important} .text-danger {color: #dc3545 !important} a.text-danger:focus, a.text-danger:hover {color: #a71d2a !important} .text-light {color: #f8f9fa !important} a.text-light:focus, a.text-light:hover {color: #cbd3da !important} .text-dark {color: #343a40 !important} a.text-dark:focus, a.text-dark:hover {color: #121416 !important} .text-body {color: #212529 !important} .text-muted {color: #6c757d !important} .text-black-50 {color: rgba(0, 0, 0, .5) !important} .text-white-50 {color: rgba(255, 255, 255, .5) !important} .text-hide {font: 0/0 a;color: transparent;text-shadow: none;background-color: transparent;border: 0} .text-decoration-none {text-decoration: none !important} .text-break {word-break: break-word !important;overflow-wrap: break-word !important} .text-reset {color: inherit !important} .visible {visibility: visible !important} .invisible {visibility: hidden !important} @media print { *, ::after, ::before {text-shadow: none !important;box-shadow: none !important} a:not(.btn) {text-decoration: underline} abbr[title]::after {content: " (" attr(title) ")"} pre {white-space: pre-wrap !important} blockquote, pre {border: 1px solid #adb5bd;page-break-inside: avoid} thead {display: table-header-group} img, tr {page-break-inside: avoid} h2, h3, p {orphans: 3;widows: 3} h2, h3 {page-break-after: avoid} @page { size: a3 } body {min-width: 992px !important} .container {min-width: 992px !important} .navbar {display: none} .badge {border: 1px solid #000} .table {border-collapse: collapse !important} .table td, .table th {background-color: #fff !important} .table-bordered td, .table-bordered th {border: 1px solid #dee2e6 !important} .table-dark {color: inherit} .table-dark tbody + tbody, .table-dark td, .table-dark th, .table-dark thead th {border-color: #dee2e6} .table .thead-dark th {color: inherit;border-color: #dee2e6} } /*# sourceMappingURL=bootstrap.min.css.map */ /* http://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css *//* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ""; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* http://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css */ @charset 'UTF-8'; /* Slider */ .slick-loading .slick-list { background: #fff url("/assets/img/reusable/ajax-loader.gif") center center no-repeat; } /* Icons */ @font-face { font-family: "slick"; font-weight: normal; font-style: normal; src: url("./fonts/slick.eot"); src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg"); } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir="rtl"] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: "←"; } [dir="rtl"] .slick-prev:before { content: "→"; } .slick-next { right: -25px; } [dir="rtl"] .slick-next { right: auto; left: -25px; } .slick-next:before { content: "→"; } [dir="rtl"] .slick-next:before { content: "←"; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: "slick"; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: "•"; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } /* http://oxrana.etc-ohrana.ru/assets/css/main.css *//* body */ html {font-size: 16px;} body { font-family: "Montserrat", sans-serif; font-size: 16px; } .container { max-width: 1365px; position: relative;} .accent {color: #e58138;} :focus { outline-style: none; outline-width: 0 !important; outline-color: unset !important;} a {color: #000; text-decoration: none;} a:hover {color: #000;} .button {min-width: 13.75rem;border: none; box-shadow: 0 1px 6px #00000029;text-align: center;font: Bold 0.813rem/0.938rem Montserrat;letter-spacing: 0; color: #fff;text-transform: uppercase; border-radius: 10px; padding: 0.875rem 1.563rem; transition: .3s;} button:focus { outline-color: #e58138;} a.button:hover {color: #fff; text-decoration: none;} .accent-button {background-color: #e58138;} .button:hover, .accent-button:hover {box-shadow: 4px 4px 6px #00000038;} .accent-button:active {box-shadow: none;} input[type="submit"] {min-width: 13.75rem; outline: none;} input, textarea, select {width: 15rem; box-shadow: 0 1px 6px #00000029;border: 1px solid #fff; text-align: center; outline-color: #e58138; border-radius: 10px; padding: 0.539rem 1.563rem;background: #fff;} .title {display: block; margin: 3.125rem 0; font-weight: 500; text-align: center; font-size: 2.25rem; line-height: 3.25rem; color: #000;} .invisible {width: 0;} .navbar {padding: .5rem 0;} .dropdown-item.active, .dropdown-item:active { background-color: #e58038;} .bg-gray {background: url("../img/reusable/bg/bg-section.jpg") no-repeat center center; background-size: cover;} .bg-banner {background: url("../img/reusable/bg/bg-banner2.png") no-repeat center center; background-size: cover;} .bg-home {background: url("../img/reusable/bg/bg-home.jpg") no-repeat center center; background-size: cover;} .bg-dark {background: url("../img/reusable/bg/bg-dark.jpg") no-repeat center center; background-size: cover;} .bg-section {background: url("../img/reusable/bg/bg-section.jpg") no-repeat center center; background-size: cover;} .region-select {padding: 0 2rem 0 0; font-weight: bold; width: auto; box-shadow: none; border: 0; text-align: left; outline-color: unset; background: url("/assets/img/reusable/icons/down-black.svg") no-repeat; cursor: pointer; background-size: 11%; background-position: right; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .region-select option {font-size: .7em; font-weight: 500;} h1 .region-select {color: #fff; background: url("/assets/img/reusable/icons/down-white.svg") no-repeat; background-size: 11%; background-position: right; -webkit-appearance: none; -moz-appearance: none; appearance: none;} h1 .region-select option {color: #000;} .h-60vh {height: 60vh; width: 100%; } .max-50px {max-width: 50px; max-height: 50px; height: 100%; width: 100%; min-width: 20px; min-height: 20px; } .max-w-220px {max-width: 220px; height: 100%; width: 100%; } .max-h-200px {max-height: 200px; } .max-w-600px {max-width: 600px; height: 100%; width: 100%; } .max-w-90 {max-width: 90%;} .max-w-15px {max-width: 15px;} .mt--2rem {margin-top: -2rem;} .fw-400 {font-weight: 400;} .fw-500 {font-weight: 500;} .fw-600 {font-weight: 600;} .tooltip-inner img {max-width: 100%} .text-light-gray {color: #c5c5c5} .grecaptcha-badge {visibility: hidden; position: absolute !important;} .fix {clear: both; display: block;} .underline {text-decoration: underline;} .noHoverUnderline:hover {text-decoration: none;} .hoverZoom {transition: .3s; transform: scale(1)} .hoverZoom:hover {transition: .3s; transform: scale(1.1)} .tooltip.show {opacity: 1 !important;} .Chevron { position: relative; display: inline-block; margin-bottom: -10px; margin-left: 5px; height: 20px; cursor: pointer; /*height should be double border*/} .Chevron:before, .Chevron:after { position: absolute; display: block; content: ""; border: 10px solid transparent; /*adjust size*/} .Chevron:before { top: 0; border-top-color: #000; /*Chevron Color*/} .Chevron:after { top: -4px; /*adjust thickness*/ border-top-color: #fff; /*Match background colour*/} #breadcrumbs .breadcrumb {margin: 30px 0; background: transparent; padding-left: 0;} #breadcrumbs .breadcrumb a {padding: 15px; font-size: 0.9rem; line-height: 1rem;color: #8d8d8d;} #breadcrumbs .breadcrumb li svg {width: 6px; height: 10px;} #breadcrumbs .breadcrumb li:first-child a {padding-left: 0;} #breadcrumbs .breadcrumb a:hover {color: #000; text-decoration: none;} #breadcrumbs .breadcrumb li:last-child a:hover {color: #8d8d8d; text-decoration: none; cursor: auto;} #breadcrumbs .breadcrumb li span {font-size: 0.9rem; line-height: 1rem; color: #8d8d8d;} .pointer {cursor: pointer;} /* .header */ .header { position: fixed; top: 0; width: 100%; z-index: 1000;} .header__top { background: #c9c9c9; height: 35px;} .header__top ul { display: flex; justify-content: flex-end; list-style-type: none; padding-top: 5px; padding-inline-start: 0;} .header__top li { position: relative; margin-left: 2.5rem; } .header__top a { color: #000; font-size: 0.875rem; } .header__top .region:after { border-color: #000 transparent transparent; border-style: solid; border-width: 4px 4px 0; content: ""; height: 0; position: absolute; right: -12px; top: 50%; width: 0; } .header__bottom { background: #fff; padding-bottom: 1.25rem; padding-top: 1.25rem;} .header__bottom .bg-light { background-color: #fff !important; } .header__bottom .navbar-light .navbar-nav .active > .nav-link { color: #e58138; font-weight: bold; } .header__bottom .dropdown-toggle::after {display: none;} .header__bottom .navbar-light .navbar-nav .nav-link {font-size: 1.25rem; color: #000;transition: color .3s ease;} .header__bottom .navbar-light .navbar-nav .nav-link:hover {color: #e58138} .header__bottom #navbarNavDropdown {justify-content: center;} .header__bottom li { margin-left: 2rem; margin-right: 1rem;} .navbar-toggler {background: transparent !important; height: 37px; border-color: #c9c9c9 !important;} .navbar-toggler:hover { background: transparent !important;} .navbar-toggler .icon-bar { width: 22px; transition: all 0.2s; height: 1px; background: #c9c9c9; display: block;} .navbar-toggler .top-bar { transform: rotate(45deg); transform-origin: 45% 45%;} .navbar-toggler .middle-bar { opacity: 0;} .navbar-toggler .bottom-bar { transform: rotate(-45deg); transform-origin: 45% 45%;} .navbar-toggler.collapsed .top-bar { transform: rotate(0) translateY(8px);} .navbar-toggler.collapsed .middle-bar { opacity: 1;} .navbar-toggler.collapsed .bottom-bar { transform: rotate(0) translateY(-8px);} .navbar-toggler.collapsed .icon-bar { width: 22px; transition: all 0.2s; height: 1px; background: #c9c9c9; display: block;} .navbar-toggler.collapsed {outline: none;} /* main-page START .main */ /* .hero */ .hero {background-repeat: no-repeat; background-position: center center;-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .main .hero { margin-top: 2rem; position: relative; height: calc(100vh - 170px); display: flex; flex-direction: column; align-items: center; justify-content: center;} .main .hero .title {font-size: 4.375rem; line-height: 5.625rem;color: #fff;text-transform: uppercase; margin-bottom: 5rem; font-weight: 600; text-align: center;} .main .hero .subtitle {position: absolute; bottom: -30px; height: 130px; width: 100%; background: transparent linear-gradient(180deg, #ffffff00 0%, #fff 50%) 0 0 no-repeat padding-box; display: flex; justify-content: center; align-items: center;} .main .hero h1 {display: flex; justify-content: center; flex-direction: column; align-items: center; color: #747474; font-size: 1.875rem; line-height: 2.5rem; margin-top: 1.875rem;} /* .client-type */ .client-type {padding-top: 7.8125rem; padding-bottom: 7.8125rem; } .client-type .container {justify-content: space-between; display: flex;} .client-type__item {width: 32%;min-width: 280px; padding: 3.4375rem 1.25rem 3.125rem 1.875rem; background: #e58138; transition: .3s ease; display: flex; flex-direction: column; justify-content: space-between;align-items: start;box-shadow: 0 3px 6px #00000029;} .client-type__item:nth-child(2) {background: #ff9345;} .client-type__item:hover {text-decoration: none;box-shadow: 5px 5px 6px #00000029;} .client-type__item:hover svg {transform: translateX(5px); transition: .3s ease;} .client-type__title {font-size: 1.5rem; line-height: 1.8125rem; text-transform: uppercase; color: #fff; display: block; margin-bottom: 1.25rem;} .client-type__subtitle {min-height: 43px; font-size: 1.125rem; line-height: 1.375rem; color: #fff; display: block; margin-bottom: 2.5rem;} .client-type__item button { background: transparent; border: none; padding: 0;} .client-type__button {font-weight: 600;font-size: 0.875rem; line-height: 1.125rem;text-transform: uppercase; color: #fff; display: block;} .client-type__button:hover {color: #fff;} .client-type__item:hover .client-type__button, .client-type__button:hover {text-decoration: underline;} .client-type__button svg {transition: .3s ease; margin-top: -2px;} /* .about */ .about {padding: 3rem 0 6rem; margin-bottom: 6rem;} .about .container {min-height: 500px;} .about .title {margin-bottom: 5rem;} .about img {float: left; padding-right: 2.5rem; padding-bottom: 2rem;width: 50%;} .about p {font-size: 1.2rem; line-height: 1.8rem; padding-left: 1rem;} /*.experience*/ .experience {padding-bottom: 7rem} .experience .container {display: flex; flex-wrap: wrap;} .experience__item {display: flex; align-items: center;justify-content: center; padding-top: 5rem} .experience__item svg {margin-right: 1.0625rem; min-width: 60px;} .experience__item span {display: block; min-width: 240px;} /*.question*/ .question { padding: 3rem 0 13rem; background-color: #fcfafb; } .question .title {margin-bottom: 3rem;} .question .container {position: relative;} .question img {width: auto; max-height: 80vh; display: block; margin: 0 auto; padding-top: 50px;} .question ul {justify-content: space-between;} .question .tab-content > .tab-pane {background: #fff;} .question .nav-tabs .nav-link { border-top-left-radius: 8px; border-top-right-radius: 8px;} .question .nav-tabs .nav-item {width: 20%; text-align: center;} .question .questionDescr {display: none; padding: 3rem; padding-right: 10%;} .question .showDescr {position: relative; display: none; transition: .3s;} .question .showDescr { display: block; position: absolute; right: 0; left: 0; cursor: pointer; bottom: -4rem; width: 30%; margin: 0 auto; background: #e58038; box-shadow: 0 1px 6px #00000029;text-align: center; font: Bold 0.813rem/0.938rem Montserrat;letter-spacing: 0; color: #fff;text-transform: uppercase; border-radius: 10px; padding: 0.875rem 1.563rem; transition: .3s;} .question .showDescr:hover {box-shadow: 4px 4px 6px #00000038; transition: .3s;} .question .showDescr:before { content: ""; border: 20px solid transparent; border-bottom: 20px solid #e58038; position: absolute; top: -35px; left: 50%; transform: translateX(-50%);} @keyframes carAnimation { 0% { left: -20%;} 100% { left: 82%;} } .carousel__text {display: block; max-width: 15rem; position: absolute; background: #fffc; color: #666;} .carousel__text b {font-size: 2.5rem; display: block; color: #666; } .first-slide-text-1 {left: 10%; top: 38%;} .first-slide-text-2 {right: 7%; top: 25%;} .second-slide-text-1 {left: 29%; top: 48%;} .second-slide-text-2 {right: 1%; top: 40%;} .third-slide-text-1 {right: 17%; top: 18%;} .third-slide-text-2 {right: 7%; top: 60%;} .third-slide-text-3 {left: 50%; top: 2%; transform: translateX(-50%);} .third-slide-text-4 {left: 11%; top: 42%;} .forth-slide-text-1 {left: 25%; top: 40%;} .forth-slide-text-2 {left: 60%; top: 10%;} .forth-slide-text-3 {right: 5%; top: 52%;} /* .history */ .history {padding-bottom: 18.625rem;} .history .container {position: relative;} .history .carousel-indicators {bottom: -8.75rem;} .history .carousel-indicators li { border-top: 1px dashed #70707070; transition: .3s ease; width: 25%; opacity: 1; position: relative;} .history .carousel-indicators span {margin-left: -2.875rem; color: #70707070; font-size: 2.25rem; line-height: 2.75rem;} .history .carousel-indicators span.last {position: relative;right: -103%; top: -3.0625rem; transition: .3s ease; } .history .carousel-indicators .active span, .history .carousel-indicators .active span.last, .history .carousel-indicators .active + li > span {color: #e58138;} .history .carousel-indicators .active + li > span.last {color: #70707070;} .history .carousel-indicators .history__up {position: relative;top: -5rem;} .history .carousel-indicators .history__down {position: relative;top: 1.875rem;} .history__circle {width: 10px;height: 10px;background: #e58138; border-radius: 50%; margin: -5px 0 0 -7px; opacity: 1;} .history__circle-last { position: relative; right: -103%; top: -3.0625rem} .history .carousel-indicators li.active { border-top: 1px solid #e58138; transition: .3s ease;} .history__car svg { display: none;} .active .history__car svg {display: block; position: absolute; top: -40px; width: 60px; height: 54px; animation: carAnimation linear 4s; animation-fill-mode: forwards; -o-animation: carAnimation linear 4s; -o-animation-fill-mode: forwards; -ms-animation: carAnimation linear 4s; -ms-animation-fill-mode: forwards; -moz-animation: carAnimation linear 4s; -moz-animation-fill-mode: forwards; -webkit-animation: carAnimation linear 4s; -webkit-animation-fill-mode: forwards;} .history__text {display: block; max-width: 15rem; position: absolute; background: #fffc; color: #666;} .history__text b {font-size: 2.5rem; display: block; color: #666; } .first-slide-text-1 {left: 10%; top: 38%;} .first-slide-text-2 {right: 7%; top: 25%;} .second-slide-text-1 {left: 29%; top: 48%;} .second-slide-text-2 {right: 1%; top: 40%;} .third-slide-text-1 {right: 17%; top: 18%;} .third-slide-text-2 {right: 7%; top: 60%;} .third-slide-text-3 {left: 50%; top: 2%; transform: translateX(-50%);} .third-slide-text-4 {left: 11%; top: 42%;} .forth-slide-text-1 {left: 25%; top: 40%;} .forth-slide-text-2 {left: 60%; top: 10%;} .forth-slide-text-3 {right: 5%; top: 52%;} /* .mob-app */ .mob-app { padding-bottom: 7rem;} .mob-app .title {margin-bottom: 1.5rem;} .mob-app .subtitle {display: block; text-align: center; font-size: 1.25rem; line-height: 1.5rem; color: #8d8d8d;} .mob-app__wrapper {max-width: 900px; display: flex; justify-content: center; margin: 0 auto; margin-top: 5rem;} .mob-app__wrapper img {max-width: 280px; margin-right: 100px;} .mob-app__text { padding-top: 3rem;} .mob-app__title {font-size: 1.875rem; line-height: 3.25rem; font-weight: 500; margin-bottom: 3rem; display: block;} .mob-app__subtitle {font-size: 1.25rem; line-height: 2.125rem; } /* main-page END */ /* reusable blocks on pages START*/ /* .hero */ .hero { /*margin-top: 8.75rem;*/ margin-top: 95px; position: relative; height: 400px; display: flex; flex-direction: column; background-color: #8d8d8d; align-items: center; justify-content: center;} .hero .title {font-size: 3.375rem; line-height: 4.625rem;color: #fff;text-transform: uppercase; margin-bottom: 1rem; font-weight: 600; text-align: center;} /* .places */ .main .places {padding-top: 4rem;} .places { transform: scale(0.9); } .places a {width: 25%; margin-bottom: 3rem; position: relative; text-align: center; text-decoration: none; transition: .3s ease} .places a svg {transition: .3s;} .places a:hover svg {transform: scale(0.9); transition: .3s;} /*.places a:hover span{color: #E58138;}*/ .places .poligon { height: 169px; width: 192px; margin: 0 auto; background-image: url("../img/reusable/poligon.svg"); text-align: center; display: flex; justify-content: center; flex-direction: column; align-items: center; background-size: cover;background-position: center;} .places .poligon svg {width: 60%;height: 60%;} .places .row {justify-content: center; margin-bottom: 6rem; } .places span {position: relative; bottom: -0.4rem; font-size: 1.5rem; color: #000; } /* banners */ .banner {padding-top: 3.125rem; padding-bottom: 3.75rem;box-shadow: 0 3px 6px #00000029; position: relative;} .banner .container {text-align: center;} .banner input, .banner textarea {margin: 10px; opacity: 0.6; border: 1px solid #fff;} .banner input[type="submit"] {opacity: 1; border: none} .banner__title { margin-bottom: 3.125rem; line-height: 1.8;} .banner__subtitle { font-size: 1.75rem; margin-bottom: 2rem; font-weight: 500;} .banner-offer b {color: #e58138; white-space: nowrap;} .banner-offer .banner__title {margin-bottom: 0.625rem; } .banner-offer .container {display: flex;flex-direction: column;} .banner-offer h2 {font-size: 1.7rem; line-height: 1.6rem; margin-bottom: 1rem; font-weight: 400;} .banner-contact input:not([type="submit"]), .banner-contact textarea {opacity: 0.8; border-color: #e3e3e3; text-align: left;} .banner-contact .message {width: 31.7rem;} .banner-contact__contacts {padding-bottom: 5rem; text-align: left; font-size: 1.25rem; line-height: 1.5rem;} .banner-contact__contacts a, .modal__contacts a {font-size: 1.875rem; line-height: 3.25rem; color: #e58138; font-weight: 500;} .banner-contact__contacts svg, .modal__contacts svg {padding: 3px 0 3px 0; margin-right: 20px; cursor: pointer; transition: .3s ease;} .banner-contact__contacts svg:hover, .modal__contacts svg:hover {transform: scale(1.1)} /* .steps-form */ .steps-form {padding: 4.375rem 0; background-color: #fcfafb;} .steps-form .container {background: #fff; box-shadow: 0 6px 10px #0000001a;border-radius: 10px; height: 900px; overflow: hidden;} .steps-form .row { justify-content: center; margin: 0;} .steps-form .title { font-size: 2.25rem;} .steps-form label, .steps-form span {font-size: 1.25rem;} .steps-form select, .steps-form input {font-size: 1rem;} .steps-form .button, .steps-form .res-btn-gray {font-size: 0.9rem; font-weight: 500;} .steps-form #buttonSubmit {display: none;} .steps-form__item {padding: 1.25rem; display: flex; flex-direction: column; align-items: center; border-radius: 10px; border: 2px solid transparent; width: 12rem; height: 11rem; margin: 30px; text-align: center;cursor: pointer; transition: .3s;} .steps-form__item span {font-size: 1.25rem; line-height: 1.5rem; margin-top: 20px;} .steps-form .button {padding: 0.875rem 2.563rem; margin-top: 3rem;} .steps-form__item img {width: 40%; transition: .3s;} .steps-form__item.active, .steps-form__item.active:hover {box-shadow: 0 6px 10px #0000001a;border: 2px solid #e58138;border-radius: 10px; transition: .3s} .steps-form__item.active img {width: 50%; transition: .3s;} .steps-form__item.active span {font-weight: 600; color: #000; transition: .3s;} .steps-form__item:hover {box-shadow: 0 6px 10px #0000001a;border: 2px solid #8d8d8d;border-radius: 10px; transition: .3s;} .steps-form .res-form-one input {width: 1px; height: 1px;} /*.steps-form .res-form-one input:checked{width: 100px; height: 100px; visibility: visible!important;} // если чекед неправильно передается в форму */ .steps-form .res-steps-container {position: absolute; bottom: 5%; width: 100%;padding: 0 20%;} .steps-form .res-steps { width: 25%; text-align: center; float: left;margin-left: -1px;} .steps-form .res-steps:first-child { margin-left: 0;} .steps-form .res-steps .res-step-bar { height: 5px; width: 100%; background: #8d8d8d;} .steps-form .res-progress-title { text-align: center; font-size: 2.25rem;line-height: 52px; padding-top: 10px; display: none; font-weight: 500; transition: .3s;} .steps-form .res-step-form { position: absolute;width: 80%; height: 100%; left: 0; width: 100%; padding: 0 20%;} .steps-form .res-step-form h3 { margin: 10px 0; color: #8d8d8d; font-size: 18px} .steps-form .res-step-form .form-horizontal label { font-weight: normal} .steps-form .res-form-two, .steps-form .res-form-three, .steps-form .res-form-final, .steps-form .res-form-four { left: 150%;} .steps-form .step-form__buttons {position: absolute; bottom: 18%; left: 0;right: 0;} .steps-form .active .res-step-bar { background: #e58138 !important;} .steps-form .res-step-bar.first {border-top-left-radius: 20px; border-bottom-left-radius: 20px;} .steps-form .res-step-bar.last { border-top-right-radius: 20px; border-bottom-right-radius: 20px;} .steps-form .active .res-progress-title { display: block;transition: .3s;} .steps-form .res-btn-gray {box-shadow: 0px 1px 6px #00000029; border: 1px solid #c9c9c9; background: #fff; color: #000; text-transform: uppercase; font-weight: 100; margin-right: 10px;} .steps-form .res-btn-gray:hover { box-shadow: 3px 3px 6px #00000038;} .steps-form form span:not[class="title"] {font-size: 1.25rem;} .steps-form .custom-radio { width: 14px; height: 14px; margin-top: 20px; position: relative; background: #fff; border-radius: 50px; border: 1px solid #c9c9c9;} .object-page .steps-form .custom-radio {margin-left: 40px;} .steps-form .custom-radio label { width: 13px; height: 13px; cursor: pointer; position: absolute; left: 4px; top: -7px; border-radius: 50px; transition: .2s;} .steps-form .custom-radio label:after { content: ""; width: 10px; height: 10px; position: absolute; top: 8px; left: -3px; background: #ff9345;opacity: 0; border-radius: 50px; transition: .2s;} .steps-form .custom-radio label:hover::after { opacity: 0.3; transition: .2s;} .steps-form .custom-radio input[type=radio] { visibility: hidden;} .steps-form .custom-radio input[type=radio]:checked + label:after { opacity: 1;} .steps-form .custom-radio label span {margin-left: 20px;transition: .2s; white-space: nowrap;} .steps-form .custom-radio input[type=radio]:checked + label span {font-weight: 600; transition: .2s;} .steps-form .res-form-two .col-6.IYur-obj {padding-left: 15px;} .steps-form .res-form-two .IYur-obj span { margin-bottom: 20px;} .steps-form .res-form-two .IYur-obj .row {margin-bottom: 40px;} .steps-form .res-form-two .IYur-qty {align-items: center} .steps-form .res-form-two .IYur-qty span {margin-bottom: 20px;} .steps-form .res-form-two .obj-custom {white-space: normal; position: absolute; top: 30px; text-align: center; min-width: 17rem; left: -9rem;} .steps-form .res-form-two .col-6 {padding-left: 17%; margin-top: 20px; margin-bottom: 30px;} .steps-form .qty {display: flex; flex-direction: column;} .steps-form .qty__item {margin-bottom: 40px;} .steps-form .qty__item span {display: block; margin-bottom: 10px;} .steps-form .qtyTotal {margin: 0 0.625rem; width: 3.75rem; height: 2.875rem; box-shadow: 0px 1px 6px #00000029; border: 1px solid #c9c9c9; border-radius: 0.625rem; padding: 0.3125rem;} .steps-form .qtyPlus {background: url("../img/reusable/icons/plus.svg") no-repeat center center;} .steps-form .qtyMinus {background: url("../img/reusable/icons/minus.svg") no-repeat center center;} .steps-form .qtyPlus, .steps-form .qtyMinus { width: 2rem; height: 2rem; color: transparent; background-size: cover; transition: .3s; cursor: pointer; box-shadow: none; border-radius: 8px; padding: 0;} .steps-form .qtyPlus:hover, .steps-form .qtyMinus:hover {box-shadow: 3px 3px 3px #0000001a; transition: .3s;cursor: pointer;} .steps-form .qtyPlus:active, .steps-form .qtyMinus:active {box-shadow: none; transition: .3s;cursor: pointer;} .steps-form .range {padding: 0 15% 30px;} .steps-form .range .valeurPrix { text-align: center; margin-top: 30px;} .steps-form .range-slider { position: relative; width: 100%;} .steps-form .range-slider .input-range { -webkit-appearance: none; width: 100%; height: 5px; border-radius: 5px; background: #c9c9c9; outline: none; padding: 0; box-shadow: none;} .steps-form .range-slider .input-range::-webkit-slider-thumb { -webkit-appearance: none; width: 17px; height: 17px; border-radius: 50%; border: 1px solid #8d8d8d; background: #ff9345; cursor: pointer; -webkit-transition: background .15s ease-in-out; transition: background .15s ease-in-out;} .steps-form .range-slider .input-range::-moz-range-thumb { width: 17px; height: 17px; border: 0; border-radius: 50%; background: #ff9345; cursor: pointer; -webkit-transition: background .15s ease-in-out; transition: background .15s ease-in-out;} .steps-form .range-slider .input-range::-webkit-slider-thumb:hover, .steps-form .range-slider .input-range:active::-webkit-slider-thumb, .steps-form .range-slider .input-range::-moz-range-thumb:hover, .steps-form .range-slider .input-range:active::-moz-range-thumb { background: #ff9345;} .steps-form .range-slider .range-value { display: inline-block; position: relative; width: 10rem; height: 3rem; color: #000; font-size: 1.4375rem; font-weight: bold; line-height: 2rem; text-align: center;border-radius: 10px; background: #fff; padding: 0.625rem; box-shadow: 0px 1px 6px #00000029; border: 1px solid #c9c9c9;} .steps-form .range ::-moz-range-track { background: #c9c9c9; border: 0;} .steps-form .range input::-moz-focus-inner { border: 0;} .steps-form .res-form-three .row {min-height: 29rem; padding-top: 15%;} .steps-form .res-form-three .col-6 {padding-left: 15%;} .steps-form .custom-checkbox { width: 17px; height: 17px; margin-top: 20px; position: relative; background: #fff 0% 0% no-repeat padding-box; border: 1px solid #c9c9c9; border-radius: 3px;} .steps-form .custom-checkbox label { width: 13px; height: 13px; cursor: pointer; position: absolute; left: 4px; top: -7px; border-radius: 50px; transition: .2s; font-weight: 500;} .steps-form .custom-checkbox label:after { content: url(../img/reusable/icons/tick.svg); position: absolute; top: 50%; left: 50%;opacity: 0; transition: .2s; color: #ff9345; font-size: 24px; font-weight: 100;transform: translateX(-63%) translateY(-32%) scale(0.75);} .steps-form .custom-checkbox label:hover::after { opacity: 0.25; transition: .2s;} .steps-form .custom-checkbox input[type=checkbox] { visibility: hidden;} .steps-form .custom-checkbox input[type=checkbox]:checked + label:after { opacity: 1; } .steps-form .custom-checkbox label span {height: 50px; margin-left: 20px;margin-top: 2px; display: block; transition: font-weight .2s; white-space: nowrap; font-weight: 400;} .steps-form .custom-checkbox input[type=checkbox]:checked + label span {font-weight: 600; transition: font-weight .2s;} .steps-form .res-contact .col-6 {padding-left: 15%;} .steps-form .res-contact textarea, .steps-form .res-contact select, .steps-form .res-contact span, .steps-form .res-contact .row input {max-height: 43px; margin-bottom: 2rem; } .steps-form .res-contact .subtitle {max-height: 100%; font-size: 1.25rem; line-height: 1.5rem; color: #000; max-width: 41.25rem; display: block; margin: 0 auto; margin-bottom: 7rem; margin-top: 3rem; width: 100%;} .steps-form .res-contact .row span {font-size: 14px; white-space: nowrap; margin-right: 20px; display: inline;} .steps-form .res-contact select {display: inline; padding-left: 10px; padding-right: 10px; width: 150px;} .steps-form .res-contact .row input {width: 21.5rem;} .steps-form .res-form-two .res-contact .title {max-height: unset; margin-bottom: 120px;} .steps-form .res-form-two .res-contact .row { margin-bottom: 30px;} .steps-form .res-form-two, .steps-form .res-form-four {height: 100%;} .steps-form .final__text {width: 100%; min-height: 100%; position: absolute; top: 0; bottom: 0; right: 0; left: 0; text-align: center; display: flex; justify-content: center; align-items: center; font-size: 2.5rem; padding: 0 10%; max-height: 100%;} .steps-form-final-img {height: fit-content; max-width: 250px; min-width: 150px; margin-left: 15px; max-height: 150px;} .steps-form-final-wrap {display: flex; justify-content: space-between; padding: 15px 40px; padding-right: 20px; border: 1px solid #e58138; margin: 20px; margin: 0 20px; margin-bottom: -1px;} .steps-form-final-wrap span { display: flex; align-items: center;} .steps-form-final-wrap #pills-tabContent small span.accent{ display: inline; font-size: inherit;} .steps-form-final-wrap .nav-pills .nav-link.active { color: #000; background-color: #0000; border: 1px solid #333;} .steps-form-final-wrap + br {display: none;} .steps-form-scroll {overflow-y: auto !important;} .steps-form-final-sum {font-size: 2rem !important; font-weight: bold; color: #e58138;} /* carousels */ .carousel-control-prev-icon { width: 5rem; height: 5rem; background-image: url("../img/reusable/icons/prev.svg")} .carousel-control-next-icon { width: 5rem; height: 5rem;background-image: url("../img/reusable/icons/next.svg")} /* sliders */ .slick-arrow {position: absolute; top: 45%; cursor: pointer; transition: .3s ease;} .slider__prev, .slider__prev2 {left: -2.5rem; display: none;} .slider__prev:hover, .slider__prev2:hover {left: -2.7rem; transition: .3s ease;} .slider__next, .slider__next2 {right: -2.5rem; display: none;} .slider__next:hover, .slider__next2:hover {right: -2.7rem; transition: .3s ease;} .slick-arrow.slider__prev, .slick-arrow.slider__next, .slick-arrow.slider__prev2, .slick-arrow.slider__next2 {display: block;} .slider .slick-dots li.slick-active button:before {background: #e58138; color: transparent;} .slider__next svg, .slider__prev svg, .slider__next2 svg, .slider__prev2 svg {width: 2.5rem;height: 2.5rem; } .slider .slick-dots {bottom: -2.5rem;} .slick-dots li {height: 10px;} /*.workers */ .workers {padding-top: 5rem;padding-bottom: 3.75rem; position: relative;} .workers-slider {margin-left: 3.75rem;margin-right: 3.75rem;} .workers .slider span, .workers .slider b {text-align: left;} .workers img {width: 100%; height: 218px; object-fit: cover; object-position: center;} .workers .slick-slide > div {width: 90%;} .workers .slider__next:hover { right: 2.5rem; } .workers .slider__prev:hover { right: 0.5rem; } .workers .slider .slick-dots { bottom: -5rem;} /* .rating */ .rating {margin-top: 0; margin-bottom: 10rem; padding-top: 3.75rem; border-top: 0.0625rem solid #c9c9c9} .rating__item {max-width: 21rem; text-align: center;} .rating__item span {font-size: 1.25rem; line-height: 1.25rem;} .rating__item b {font-size: 2.25rem; line-height: 2.75rem; margin-top: 0.625rem; margin-bottom: 0.625rem;} .rating__stars {margin: 0 auto;} .rating__stars svg {margin: 2px;} /* .projects */ .projects { padding-bottom: 10rem;} .projects .wrap ul {padding: 0; height: 500px; width: 58%; margin: 0 auto; list-style: none; position: relative;} .projects .wrap ul li { cursor: pointer; position: absolute; transition: all 0.6s ease-in; opacity: 0; width: 552px; height: 370px; z-index: -1; box-shadow: 0px 3px 6px #00000029; overflow: hidden; border-radius: 8px;} .projects .wrap ul li img { width: 100%; height: 520px; cursor: pointer; border-radius: 8px; transition: .3s;} .projects .wrap ul li.active:hover img {transform: scale(1.1); transition: .3s;} .projects .wrap li.active { z-index: 999; opacity: 1; height: 517px; width: 768px;box-shadow: 0px 3px 10px #00000040;} .projects .wrap li.prev { transform: translateX(-60%) translateY(20%) scale(0.8); opacity: 1; z-index: 2;} .projects .wrap li.next { transform: translateX(100%) translateY(20%) scale(0.8); opacity: 1; z-index: 2;} .projects .project {display: block; height: 0; padding: 0; position: absolute; left: 0; right: 0;bottom: 0; background: #00000091; color: #fff; text-align: center; border-radius: 0 0 8px 8px; transition: .6s ease; cursor: pointer; opacity: 0; } .projects li.next .project {text-align: right; font-weight: 500;} .projects li.next:hover .project {height: 60px; opacity: 1; text-align: right; padding-right: 15%;} .projects li.prev .project {text-align: left; font-weight: 500;} .projects li.prev:hover .project {height: 60px; opacity: 1; text-align: left; padding-left: 15%;} .projects .active .project { height: 180px; padding-top: 20px; padding-bottom: 20px; opacity: 1;} /*.projects li.active:hover .project { height: 100%;}*/ .projects .project__title {font-size: 1.25rem; line-height: 1.5rem;} .projects .active .project__title {font-size: 2rem; line-height: 1.5rem;} .projects .project__wrapper {display: flex; justify-content: space-between; padding-left: 0.75rem; padding-right: 1.75rem; padding-top: 1.5rem;} .projects .data {text-align: left; opacity: 0;} .projects .active .data {opacity: 1;} .projects .data .line {height: 2px; width: 90px; background: #e58138;} .projects .data b {font-size: 1.8rem; line-height: 3rem;} .projects .data span {font-size: 1.25rem; line-height: 1.125rem;} .projects__link {display: none} .projects__link:hover {text-decoration: none;} .projects .active .projects__link {display: block; position: absolute; top: 0;bottom: 0;right: 0;left: 0;} .projects .project__more {padding-top: 0; height: 0; font-size: 20px; margin-bottom: -30px; z-index: 11111; position: relative; color: #000; border-radius: 10px;font-weight: 500; opacity: 0; transition: opacity 1s;} .projects .active:hover .project__more {height: 100%; opacity: 1; transition: opacity 1s;} /* .info */ .info {padding-bottom: 5rem;} .info .card {border: none;} .info .card-header {cursor: pointer; font-size: 1.25rem; line-height: 2.125rem; font-weight: 600; background: transparent; border-top: 1px solid #efefef; color: #e58138; transition: .3s ease;} .info .info-articles_title {margin: 0;padding: 0; display: inline; font-size: 1.25rem; line-height: 2.125rem; font-weight: 600;} .info .accordion > .card > .card-header {margin-bottom: 0;} .info .card-header[aria-expanded="true"] {color: #000; background: #efefef;} .info .card-body {font-size: 1.125rem; line-height: 1.75rem;} .info .card-body .fw-500 {font-weight: 500;} .info .info__title {font-size: 2.25rem; line-height: 3.25rem; font-weight: bold;} .info .info__title > div { margin-left: 1.25rem;} .info .card-header[aria-expanded="true"] { background: transparent; color: #e58138; border: none;} .info .card-header {background: transparent; color: #000; border: none;} .info .card-header svg {transform: rotate(-90deg); transition: .3s;} .info .card-header svg .asa { fill: #000; } .info .card-header[aria-expanded="true"] svg {transform: rotate(0deg); transition: .3s;} .info .card-header[aria-expanded="true"] svg .asa { fill: #e58138; } .info .accordion > .card > .card-header {border-bottom: none;} .info tr {border-bottom: 1px solid #6060602b; border-top: 1px solid #6060602b;} .info td:last-child {white-space: nowrap;} .info td:first-child {border-right: 1px solid #6060602b;;} /* .how-works */ .how-works {margin-bottom: 12.5rem;} .how-works .title {margin-top: 10rem; margin-bottom: 5rem;} .how__item {padding-left: 10%;} .how__item span {max-width: 260px; } .how__img {height: 230px;display: flex; align-items: flex-end;} .how-works .wrapper {position: relative; margin-top: 20px; margin-bottom: 20px;} .how-works .wrapper svg {position: absolute; left: -50px; top: 5px;} .how-works .wrapper svg + span {font-size: 1.875rem; line-height: 3.25rem; font-weight: 500; color: #e58138;} .how-works .wrapper span {font-size: 1rem; line-height: 1.1875rem;} .how-works .how-works__arrow {border: 1px dashed #b4b4b4; width: 80%; position: absolute; margin-top: 27px; margin-left: 43%;} .how-works .how-works__arrow svg {position: absolute; left: unset; right: -8px; top: -6px; } /* equipment */ .equipment { min-height: 400px; margin-bottom: 10.5rem;} .equipment .row {justify-content: space-between} .equipment li { color: #e58138; font-size: 20px; margin-bottom: 20px;} .equipment li span { color: #000; font-size: 1.125rem; line-height: 1.125rem; white-space: nowrap;} .equipment_img { position: relative;} .equipment_img-filter { filter: blur(3px);} .equipment_img-left { width: 100px; position: absolute; top: 60px; left: 5px; cursor: pointer;} .equipment_img-mini { width: 70px; position: absolute; top: 0; left: 69px; cursor: pointer;} .equipment_img-keyboard { width: 270px; position: absolute; top: 65px; left: 100px; cursor: pointer;} .equipment_img-kit { width: 320px; position: absolute; top: 20px; left: 170px; cursor: pointer;} .equipment_img-center { width: 100px; position: absolute; top: 130px; left: 410px; cursor: pointer;} .equipment_img-phone { width: 130px; position: absolute; top: 5px; left: 501px; cursor: pointer;} .equipment_img-sticker { width: 190px; position: absolute; top: 60px; left: 581px; cursor: pointer;} .equipment_img-left:hover, .equipment_img-phone:hover, .equipment_img-keyboard:hover, .equipment_img-mini:hover, .equipment_img-kit:hover, .equipment_img-center:hover, .equipment_img-sticker:hover { z-index: 1;} .equipment .groupPrice { margin-top: 70px; color: #726e84; font-size: 17px; letter-spacing: -.2px; font-weight: bold; text-align: left;} .equipment .groupPrice .partLeft { position: relative;} .equipment .more-btn { border: 3px solid #999; padding: 5px 20px; margin-top: 10px; text-align: center;} .equipment .more-btn a { color: #999; display: flex; align-items: center; justify-content: center;} .equipment .row > div { margin-top: 1.5rem;} /* .reviews */ .reviews {margin-bottom: 10rem;} .reviews .container {position: relative;} .slick-dots li button:before {width: 8px; height: 8px; border: 1px solid #e58138; border-radius: 50%; background: #fff; opacity: 1; color: transparent;} .reviews__item {height: 360px; display: flex; flex-direction: column; align-items: end; justify-content: space-between; border: 2px solid #e58138; margin: 5px; min-height: 24.4rem; padding: 3.125rem 2.5rem 2.5rem 1.875rem;transition: .3s ease; overflow: hidden;} .reviews__item:hover { text-decoration: none; box-shadow: 5px 5px 6px #00000029;} .reviews__item svg {transition: .3s ease;} .reviews__item:hover svg { transform: translateX(5px); transition: .3s ease;} .reviews__header {display: flex; margin-bottom: 25px;} .reviews__header img {width: 110px; height: 110px; margin-right: 24px;} .reviews__title span {margin-bottom: 10px; display: block; font-size: 1.2rem; line-height: 1.8125rem; color: #e58138; text-transform: uppercase; font-weight: bold;} .reviews__title small {font-size: 1.125rem; line-height: 1.375rem; color: #707070;} .reviews__body {margin-bottom: 30px; font-size: 1.125rem; line-height: 1.375rem; color: #000;} .reviews__button {font-size: 14px; line-height: 18px; font-weight: bold; color: #e58138; text-transform: uppercase;} /* footer */ .footer {background: #efefef; padding-top: 3.125rem; padding-bottom: 1rem;} .footer .col-2 { flex: 0 0 19%; max-width: 19%;} .footer ul {list-style: none; padding: 0;} .footer__title {display: block; margin-bottom: 10px;font-size: 18px;line-height: 34px;color: #000; font-weight: 600;} .footer li a {font-size: 18px; line-height: 34px; color: #333; white-space: nowrap; text-decoration: none; } .footer__contacts svg {margin-top: -4px;} .footer__social svg { transition: .3s ease;} .footer__social svg:hover {transform: scale(1.2)} .footer .copyright {float: right; font-size: 12px; padding-right: 5px;} /* reusable blocks on pages END */ /* faq-page START */ .faq .hero {background: url("../img/faq-page/bg.png") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .faq .navigation {padding-top: 7.8125rem; padding-bottom: 7.8125rem; } .faq .navigation .container {justify-content: space-between; display: flex; } .faq .navigation__item {width: 32%;min-width: 280px; padding: 3.4375rem 1.25rem 3.125rem 1.875rem; background: #e58138; transition: .3s ease; display: flex; flex-direction: column; justify-content: space-between;align-items: start;box-shadow: 0 3px 6px #00000029;} .faq .navigation__item:nth-child(2) {background: #ff9345;} .faq .navigation__item:hover {text-decoration: none;box-shadow: 5px 5px 6px #00000029;} .faq .navigation__item:hover svg {transform: translateX(5px); transition: .3s ease;} .faq .navigation__title {font-size: 1.5rem; line-height: 1.8125rem; text-transform: uppercase; color: #fff; display: block; margin-bottom: 1.25rem;} .faq .navigation__subtitle {display: flex; flex-direction: column;} .faq .navigation__subtitle * { font-size: 1rem; line-height: 1.375rem; color: #fff; display: block; font-weight: 500;} .faq .navigation__item button { background: transparent; border: none; padding: 0;} .faq .navigation__button {font-weight: 600;font-size: 0.875rem; line-height: 1.125rem;text-transform: uppercase; color: #fff; display: block;} .faq .navigation__button:hover {color: #fff;} .faq .navigation__item:hover .faq .navigation__button, .faq .navigation__button:hover {text-decoration: underline;} .faq .navigation__button svg {transition: .3s ease; margin-top: -2px;} .faq .navigation__subtitle ul {padding-left: 0;} .faq .navigation__subtitle li {margin-bottom: 15px;} /* faq-page END*/ /* 404 page START */ .page-404 { min-height: 80vh; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 10rem 1rem;} .page-404 a {display: flex; justify-content: center; flex-direction: column;} .page-404 a:hover {text-decoration: none;} .page-404 a * { margin: 0 auto; margin-top: 1.875rem; margin-bottom: 1.875rem; max-width: 100%;} .page-404 span { max-width: 13.75rem; margin: 0 auto;} .page-404 h1 { font-size: 4.375rem; line-height: 5.625rem; color: #e58138; text-align: center; } /* 404 page END */ /* security-page START */ .security-page .projects {padding-top: 5rem;} #portal-img {max-width: 20rem; width: 50%; margin-top: 2rem; margin-bottom: 2rem;} /* security-page END */ /* .object-page START */ .object-page .reviews {margin-bottom: 0;} .object-page .rating {margin-top: 0;padding-top: 2.75rem; border: none; margin-bottom: 10rem;} .object-page .banner-question {margin-bottom: 10rem;} .object-page .places .complex-sistem svg { width: 100%; height: 80%; margin-top: -15px; margin-left: -8px;} .object-page .preview {background-color: #fff; padding-bottom: 5rem;} .object-page .hd div {transition: .3s;} .object-page .hd .descBlock {opacity: 0;transition: .3s;} .object-page .hd .plusX + .descBlock {opacity: 1;transition: .3s;} .object-page .hd .descBlock._1 { top: 2%; left: 45%;} .object-page .hd .divPlus._1 { left: 96%; top: 1%;} .object-page .hd .descBlock._2 { top: 10%; left: 41%;} .object-page .hd .divPlus._2 { left: 91%; top: 9%;} .object-page .hd .divPlus._3 { left: 96%; top: 15.8%;} .object-page .hd .descBlock._3 { top: 17%; left: 45%;} .object-page .hd .divPlus._4 { left: 75%; top: 6%;} .object-page .hd .descBlock._4 { top: 7.5%; left: 35%;} .object-page .hd .divPlus._5 { left: 73%; top: 17.4%;} .object-page .hd .descBlock._5 { top: 19%; left: 35%;} .object-page .hd .divPlus._6 { left: 65%; top: 9%;} .object-page .hd .descBlock._6 { top: 10.5%; left: 34%;} .object-page .hd .divPlus._7 { left: 40%; top: 10%;} .object-page .hd .descBlock._7 { top: 11.3%; left: 30%;} .object-page .hd .divPlus._8 { left: 15%; top: 14%;} .object-page .hd .descBlock._8 { top: 15.2%; left: 10%;} .object-page .hd .divPlus._9 { left: 7%; top: 6%;} .object-page .hd .descBlock._9 { top: 7.5%; left: 2%;} .object-page .hd .divPlus._10 { left: 41.8%; top: 41.6%;} .object-page .hd .descBlock._10 { top: 43%; left: 28%;} .object-page .hd .divPlus._11 { left: 35%; top: 51%;} .object-page .hd .descBlock._11 { top: 52.5%; left: 20%;} .object-page .hd .divPlus._12 { left: 21.5%; top: 82.5%;} .object-page .hd .descBlock._12 { top: 61.5%; left: 14%;} .object-page .hd .divPlus._13 { left: 51%; top: 81.5%;} .object-page .hd .descBlock._13 { top: 63%; left: 33%;} .object-page .hd .divPlus._14 { left: 89%; top: 86.5%;} .object-page .hd .descBlock._14 { top: 54%; left: 37.7%;} .object-page .hd .descBlock._3-1 { top: 24%; left: 2.3%;} .object-page .hd .divPlus._3-1 { left: 1%; top: 47.5%;} .object-page .hd .descBlock._3-2 { top: 17.5%; left: 5.8%;} .object-page .hd .divPlus._3-2 { left: 4.5%; top: 16%;} .object-page .hd .divPlus._3-3 { left: 10%; top: 47.5%;} .object-page .hd .descBlock._3-3 { top: 33%; left: 11.5%;} .object-page .hd .divPlus._3-4 { left: 10%; top: 78%;} .object-page .hd .descBlock._3-4 { top: 40%; left: 11.5%;} .object-page .hd .divPlus._3-5 { left: 35%; top: 47.5%;} .object-page .hd .descBlock._3-5 { top: 25%; left: 36.2%;} .object-page .hd .divPlus._3-6 { left: 40%; top: 78%;} .object-page .hd .descBlock._3-6 { top: 33.5%; left: 41.5%;} .object-page .hd .divPlus._3-7 { left: 55%; top: 47.5%;} .object-page .hd .descBlock._3-7 { top: 26.5%; left: 3.8%;} .object-page .hd .divPlus._3-8 { left: 65%; top: 56.5%;} .object-page .hd .descBlock._3-8 { top: 18%; left: 40%;} .object-page .hd .divPlus._3-9 { left: 65%; top: 86%;} .object-page .hd .descBlock._3-9 { top: 37.2%; left: 13.7%;} .object-page .hd .divPlus._3-10 { left: 82%; top: 77%;} .object-page .hd .descBlock._3-10 { top: 35%; left: 30.7%;} .object-page .hd .divPlus._3-11 { left: 81.7%; top: 10%;} .object-page .hd .descBlock._3-11 { top: 12.2%; left: 30.5%;} .object-page .hd .divPlus._3-12 { left: 88%; top: 47.5%;} .object-page .hd .descBlock._3-12 { top: 33%; left: 36.7%;} .object-page .hd .divPlus._3-13 { left: 94%; top: 86%;} .object-page .hd .descBlock._3-13 { top: 26.7%; left: 42.5%;} .object-page .hd .divPlus._3-14 { left: 1%; top: 63%;} .object-page .hd .descBlock._3-14 { top: 42%; left: 2.3%;} .object-page .container.homeSolutionsHouse { margin-top: 60px; background: url("/assets/img/object-page/house/SmartHomeTrees.png") no-repeat; background-position: bottom 0 right 0;} .object-page .container.homeSolutionsHouse2 { margin-top: 60px; background-position: bottom 0 right 0;} .object-page p.learnMore { color: #e4701e; font-size: 14px; font-weight: 600;} .object-page .dbSideText { padding: 120px 130px 0 30px; background: url("/assets/img/object-page/house/SmartHomeClouds.png"); background-repeat: no-repeat; background-position: top right; animation: animatedBackground 250s linear infinite; -moz-animation: animatedBackground 250s linear infinite; -webkit-animation: animatedBackground 250s linear infinite; -ms-animation: animatedBackground 250s linear infinite; -o-animation: animatedBackground 250s linear infinite;} .object-page .dbSideText2 { padding: 0px 50px 0 0px; background-repeat: no-repeat; background-position: top right; animation: animatedBackground 250s linear infinite; -moz-animation: animatedBackground 250s linear infinite; -webkit-animation: animatedBackground 250s linear infinite; -ms-animation: animatedBackground 250s linear infinite; -o-animation: animatedBackground 250s linear infinite;} .object-page .dbSideText3 { padding: 140px 50px 0 0px; background: url("/assets/img/object-page/house/SmartHomeClouds.png"); background-repeat: no-repeat; background-position: top right; animation: animatedBackground 250s linear infinite; -moz-animation: animatedBackground 250s linear infinite; -webkit-animation: animatedBackground 250s linear infinite; -ms-animation: animatedBackground 250s linear infinite; -o-animation: animatedBackground 250s linear infinite;} /*rollover elements*/ .object-page .hd { position: relative;} .object-page .hd .smartHomeIG { width: 100%;} .object-page .divPlus { width: 20px; height: 20px; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; position: absolute;} .object-page .divPlus:hover { cursor: pointer;} .object-page .plusX { -webkit-transform: rotate(45deg) scale(1.5); -moz-transform: rotate(45deg) scale(1.5); -ms-transform: rotate(45deg) scale(1.5); -o-transform: rotate(45deg) scale(1.5); zoom: 1; z-index: 7; filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.9914448613738104, M12=-0.13052619222005157, M21=0.13052619222005157, M22=0.9914448613738104, sizingMethod="auto expand");} .object-page .hd .adc-circle-plus:hover { cursor: pointer;} .object-page .hd .descBlock { position: absolute; border: 3px solid #e4701e; padding: 20px; top: 0; left: 0; background-color: #fff; max-width: 346px; display: none; z-index: 6; -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.3);} .object-page .hd .descBlock.p_water { top: 31%; left: 36%;} .object-page .hd .divPlus.water { left: 78%; top: 58%;} .object-page .hd .descBlock.p_camera { top: 28%; left: 54%;} .object-page .hd .descBlock.p_gas { top: 59%; left: 39%;} .object-page .hd .divPlus.gas { left: 38%; top: 58%;} .object-page .hd .divPlus.street-camera { left: 96%; top: 28%;} .object-page .hd .divPlus.door-bell-camera { left: 0.1%; top: 90%;} .object-page .hd .descBlock.doorBellCamera { top: 60.2%; left: 1.2%;} .object-page .hd .divPlus.smart-lock { left: 4.4%; top: 90%;} .object-page .hd .descBlock.smartLock { top: 70%; left: 5.8%;} .object-page .hd .divPlus.security-panel {left: 12.5%; top: 78%;} .object-page .hd .descBlock.securityPanel { top: 66%; left: 14%;} .object-page .hd .divPlus.mayak { left: 0.1%; top: 53.5%;} .object-page .hd .descBlock.p_mayak { top: 55%; left: 1.5%;} .object-page .hd .divPlus.smart-thermostat { left: 48%; top: 78%;} .object-page .hd .descBlock.smartThermostat { top: 63%; left: 49.3%;} .object-page .hd .divPlus.image-sensor { left: 4.4%; top: 53.5%;} .object-page .hd .descBlock.imageSensor { top: 54.5%; left: 5.5%;} .object-page .hd .divPlus.smoke-detector { left: 53.6%; top: 50.5%;} .object-page .hd .descBlock.smokeDetector { top: 23%; left: 54.5%;} .object-page .hd .divPlus.garage-door { left: 82.5%; top: 76%;} .object-page .hd .descBlock.garageDoor { top: 77%; left: 42%;} .object-page .hd .divPlus.video-camera { left: 48.5%; top: 27%;} .object-page .hd .descBlock.videoCamera { top: 28%; left: 8%;} .object-page .hd .divPlus.temp-sensor { left: 85.5%; top: 28%;} .object-page .hd .descBlock.tempSensor { top: 29%; left: 44.5%;} .object-page .hd .divPlus.water-sensor { left: 38%; top: 45%;} .object-page .hd .descBlock.waterSensor { top: 46%; left: 39%;} .object-page .hd .divPlus.light-control { left: 16%; top: 9%;} .object-page .hd .descBlock.lightControl { top: 10%; left: 17%;} .object-page .hd .divPlus.window-sensor { left: 53%; top: 6%;} .object-page .hd .descBlock.windowSensor { top: 7.5%; left: 11%;} .object-page .hd .descBlock .dbClose { color: #e4701e; position: absolute; right: 10px; font-size: 18px; transition: .2s;} .object-page .hd .descBlock .dbClose:hover { font-size: 22px;} .object-page .hd .descBlock .dbTitle { font-size: 24px; color: #e4701e; display: flex;} .object-page .hd .descBlock .dbTitle img { margin-right: 5px; max-width: 26px; max-height: 26px;} .object-page .hd .descBlock .dbClose:hover { cursor: pointer;} .object-page .hd .descBlock .dbLearnMore { padding-top: 24px;} .object-page .hd .descBlock .dbLearnMore a { color: #e4701e; font-weight: bold;} .object-page .hd .descBlock .dbLearnMore a:hover { text-decoration: none;} .adc-circle-plus:after { content: ""; display: inline-block; width: 13px; height: 13px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; background-color: #fff; z-index: 1; top: 4px; left: 3px; position: absolute; transition: .2s;} .adc-circle-plus.plusActive:after { width: 23px; height: 23px;} .adc-circle-plus:before { z-index: 5; position: absolute;} @media (max-width: 980px) { .object-page .dbSideText {padding-right: 30px} .object-page .hd {margin-left: 50px;} .object-page .hd .descBlock.windowSensor {left: -7.5%} .object-page .hd .descBlock.videoCamera {left: -12%} .object-page .hd .descBlock.tempSensor {left: 25.5%} .object-page .hd .descBlock.smokeDetector {left: -6.5%; top: 51.5%} .object-page .hd .descBlock.securityPanel {top: 33%;} .object-page .hd .descBlock.smartThermostat {top: 28.5%;left: -12%} .object-page .hd .descBlock.doorBellCamera {top: 60%} .object-page .hd .descBlock.smartLock {top: 57%;} .object-page .hd .descBlock.garageDoor {left: 22%;} .object-page .hd .divPlus.door-bell-camera {left: -.5%;} .object-page .container.homeSolutionsHouse {background: None;} } @media (max-width: 949px) { .object-page .divPlus {width: 15px;} .object-page .dbSideText {background: none;padding-top: 0;} .object-page .hd .descBlock.windowSensor {left: -25.5%} .object-page .hd .descBlock.videoCamera {left: -30%;} .object-page .hd .descBlock.tempSensor {left: 7.5%} .object-page .hd .descBlock.smokeDetector {left: -24.5%} .object-page .hd .descBlock.doorBellCamera {top: 52%} .object-page .hd .descBlock.smartLock {top: 46%;left: 6.5%} .object-page .hd .descBlock.securityPanel {top: 17%} .object-page .hd .descBlock.smartThermostat {top: 12.5%;left: -30%} .object-page .hd .descBlock.garageDoor {left: 4%} .object-page .hd .divPlus.smart-lock {left: 5%;} .object-page .hd .divPlus.door-bell-camera {left: 0;} .object-page .hd .divPlus.smart-thermostat {left: 47.5%;top: 76.5%;} .object-page .hd .divPlus.security-panel {top: 76%;} .object-page .hd .divPlus.water-sensor {left: 37%;top: 44%;} .object-page .hd .descBlock.waterSensor {top: 45%} .object-page .hd .divPlus.smoke-detector {left: 53%;} } @media (max-width: 767px) { .object-page .container.homeSolutionsHouse {display: none;} } /* .object-page END */ /* #contacts-page START */ .map { max-height: 600px; position: relative;} .map #map { height: 774px; } .map__adress { background: #fff; margin-top: -570px; margin-left: 100px; padding: 10px 20px 10px 40px; position: absolute; box-shadow: 0px 0px 6px #00000029; border-radius: 8px; font-size: 14px;} .map__adress.map__scheme {width: 50%; margin-top: -190px;} .map__adress ul {list-style-type: none; padding: 0; margin: 0;} .map__adress li {margin-bottom: 20px; position: relative; font-size: 14px;} .map__adress a {color: #000; text-decoration: none; font-size: 14px;} .map__adress a:hover {color: #000; text-decoration: none;} .map__adress svg {position: absolute; left: -25px; top: 6px; width: 15px; height: 15px;} .map__adress .map__title {font-size: 24px; line-height: 60px; font-weight: bold; margin-bottom: 10px; text-align: left;} .map__adress.map__rating { margin-top: -460px; margin-left: 84%; width: 160px; display: flex; justify-content: center; align-items: center; height: 220px; padding: 0;} /*.map__balloon{ box-shadow: 0px 3px 10px #00000040;}*/ .map *[class$="balloon__layout"] { border-right: 6px;border-radius: 6px; position: relative; overflow: visible; box-shadow: 0px 3px 10px #00000040;} .map *[class$="custom-scroll"] {border-radius: 6px !important; } .map *[class$="balloon__content"] {border-radius: 6px !important;margin: 0;} .map__hint {border-radius: 6px !important;display: flex; justify-content: center; align-items: center; position: relative; } .map *[class$="-hint"], .map *[class$="-hint__text"] {border-radius: 6px !important; box-shadow: 0px 3px 10px #00000040;} /* #contacts-page END */ /* #about-page START */ #about-page .about p {font-size: 20px; line-height: 34px; margin-bottom: 35px; font-weight: 500;} #about-page .types-work { margin-bottom: 15rem;} #about-page .types__wrapper {display: flex;justify-content: space-between;} #about-page .types__item {width: 32%; min-width: 280px; padding: 3.4375rem 1.25rem 3.125rem 1.875rem; background: #e58138; transition: .3s ease; display: flex;justify-content: center; align-items: center; background-size: cover; margin-bottom: 50px;} #about-page .types__item:hover { box-shadow: 5px 5px 10px #00000029;text-decoration: none;} #about-page .types__item:nth-child(1) {background-image: url("/assets/img/about-page/types-work-1.jpg")} #about-page .types__item:nth-child(2) {background-image: url("/assets/img/about-page/types-work-2.jpg")} #about-page .types__item:nth-child(3) {background-image: url("/assets/img/about-page/types-work-3.jpg")} #about-page .types__item .title {color: #fff; font-weight: bold;background: #e5813838;box-shadow: 0 0 20px #e5813838;} #about-page .types__text {padding: 30px 0 30px 10%; box-shadow: 0px 0px 10px #00000029; border-radius: 10px;} #about-page .types__text ul {height: 14.375rem; font-size: 1.875rem; color: #e58138; display: flex; flex-direction: column; justify-content: space-around;flex-wrap: wrap; padding: 0;} #about-page .types__text a {font-size: 1.5rem; color: #333;} #about-page .types__text a:hover {text-decoration: none;} #about-page .types-work { margin-bottom: 15rem;} #about-page .video {margin-bottom: 10rem;} #about-page .video .item {margin: 1rem; border: 5px solid #c9c9c9; line-height: 0;} #about-page .video iframe, #about-page .video img {width: 25rem;height: 15rem; line-height: 0;} #about-page .partners {margin-bottom: 15rem;} #about-page .partners__wrapper {padding: 10px;} #about-page .partners__item {height: 200px; width: 100%; margin-bottom: 20px; padding: 20px; box-shadow: 0px 0px 6px #00000029;} #about-page .partners img {object-fit: cover; max-height: 100%;} #about-page .project-map {max-height: 683px;} #about-page .map .map__container {background: none;} #about-page .map__balloon { z-index: 999; opacity: 1; height: 200px; width: 300px;box-shadow: 0px 3px 10px #00000040;} #about-page .map *[class$="balloon__layout"] {width: 350px; height: 230px; border-right: 6px; margin: 0;padding: 0; border-radius: 6px; position: relative; overflow: visible;} #about-page .map *[class$="custom-scroll"] {border-radius: 6px !important;} #about-page .map *[class$="balloon__content"] {padding: 0 !important; border-radius: 6px !important;margin: 0;} #about-page .map *[class$="balloon__close"] {right: 4px; top: -30px;} #about-page .map *[class$="__close-button"] {position: absolute;z-index: 999999; opacity: 1; border-radius: 50%; background-size: 15px;} #about-page .map__balloon img {width: 340px; height: 220px; position: absolute; top: 5px; right: 5px; left: 5px;bottom: 5px; border-radius: 6px;} #about-page .map .project {display: block; padding: 15px 10px; position: absolute; background: #00000091; color: #fff; text-align: center; border-radius: 0 0 6px 6px; cursor: pointer; height: auto; opacity: 1; top: 100px; left: 5px;right: 5px;bottom: 5px;} #about-page .map .project__wrapper {display: flex; justify-content: space-between; padding-top: 1rem;} #about-page .map__balloon .project__title {font-size: 1.3rem; line-height: 1.5rem; font-weight: 700;} #about-page .map .data {text-align: left; opacity: 1; line-height: 1;} #about-page .map__balloon .data .line {height: 2px; width: 100%; background: #e58138;} #about-page .map__balloon .data b {font-size: 1.4rem; line-height: 2.5rem; white-space: nowrap;} #about-page .map__balloon .data span {font-size: 1rem; line-height: 1rem;} #about-page .map__balloon .data small {font-weight: 600;} #about-page .map__balloon .project__more {padding-top: 20%; font-size: 30px;} #about-page .map__hint {width: 150px;height: 100px; margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; position: relative;} #about-page .map__hint img {width: 110%; margin-left: -10px; border-radius: 6px;} #about-page .map__hint .project { height: 50px; margin-top: -45px; width: 110%; margin-left: -15px; padding-top: 20px; padding-bottom: 20px; opacity: 1; font-weight: 600; font-size: 0.8rem;} /* #about-page END */ /* #article-page START */ #article-page .article {margin-bottom: 100px;} #article-page .date {padding: 0 0 20px 0; display: block; font-size: 14px;line-height: 18px;color: #8d8d8d;text-transform: uppercase;} #article-page .article__img {float: left; margin: 0 25px 25px 0; max-height: 40vh;} #article-page .short-text, #article-page .long-text {font-size: 1.125rem;line-height: 1.75rem;} /* #article-page END */ /* #articleS-page START */ #articles-page .articles__item {justify-content: space-between; padding: 1rem; margin: 50px 0; transition: .3s;} #articles-page .articles__item:hover {text-decoration: none; transition: .3s;} #articles-page .articles__img {border-radius: 8px;min-width: 25rem; height: 18.75rem; margin-right: 3.75rem;box-shadow: 0rem 0rem 0.375rem #00000029; transition: .3s;} #articles-page .articles__item:hover .articles__img { transition: .3s; transform: scale(1.01);} #articles-page .date {padding: 0 0 1.25rem 0; display: block; font-size: 0.875rem;line-height: 1.125rem;color: #8d8d8d;text-transform: uppercase;} #articles-page .articles__title {padding: 0 0 1.25rem 0; display: block; font-size: 1.25rem;line-height: 2.125rem;color: #000;font-weight: 500;} #articles-page .short-text {padding: 0 0 1.25rem 0; display: block; font-size: 1.125rem;line-height: 1.75rem;} #articles-page .button {font-size: 0.875rem;line-height: 1.125rem;color: #e58138; font-weight: bold;text-transform: uppercase; background: transparent; border: none; box-shadow: none; text-align: left; padding-left: 0;} #articles-page .articles__item svg { transition: .3s ease;} #articles-page .articles__item:hover svg { transform: translateX(5px); transition: .3s ease;} /* #articleS-page END */ /* #teh-ser-page START */ #teh-ser-page .hero {background-image: url(/assets/img/reusable/bg/hero-bg-1.jpg);} .teh-ser-for {margin: 6.25rem 0 10rem;} .teh-ser-for__wrapper { display: flex; flex-wrap: wrap; justify-content: center;} .teh-ser-for__item {width: 18%; max-height: 100px; padding: 10px; margin: 10px; box-shadow: 0px 0px 6px #00000029;} .teh-ser-for img {width: 100%; height: 100%;} .teh-ser__subtitle { margin-bottom: 1.5rem; font-size: 1.125rem; line-height: 1.75rem;} .teh-ser__subtitle b { margin-bottom: 2.5rem; font-size: 1.2rem;} #teh-ser-page ul { /* color: #e58138 */} #teh-ser-page li {margin-bottom: 20px; max-width: 86%} #teh-ser-page li span {font-size: 1.125rem;line-height: 1.5rem; color: #000;} #teh-ser-page .col-md-6 {padding-right: 8%;} #teh-ser-page .teh-ser__pluses {padding-top: 10rem; padding-bottom: 5rem; } #teh-ser-page .teh-ser__pluses a {width: 24%; position: relative; text-align: center; text-decoration: none; transition: .3s ease;transform: scale(0.9); } #teh-ser-page .teh-ser__pluses a svg { transform: scale(0.9); } #teh-ser-page .teh-ser__pluses .poligon { height: 169px; width: 192px; margin: 0 auto; background-image: url("../img/reusable/poligon.svg"); text-align: center; display: flex; justify-content: center; flex-direction: column; align-items: center; background-size: cover;background-position: center;} #teh-ser-page .teh-ser__pluses .poligon svg {width: 60%;height: 60%;} #teh-ser-page .teh-ser__pluses .row {justify-content: center; margin-bottom: 6rem; } #teh-ser-page .teh-ser__pluses span {position: relative; bottom: -0.4rem; font-size: 1.4rem; color: #000; transition: color .3s ease} .teh-ser__title {display: block; font-weight: 600; margin-bottom: 2.5rem; font-size: 2.25rem; text-transform: uppercase; color: #e58138;} .teh-ser-for .teh-ser__title {margin-bottom: 4.5rem; } #teh-ser-page .teh-ser__pluses .teh-ser__title {margin-bottom: 6rem; font-size: 2.25rem; text-transform: uppercase; color: #e58138;} #teh-ser-page .banner.bg-home .title {padding: 10px; background: #ffffff30; border-radius: 10px;} #teh-ser-page .banner__title {padding-left: 0; padding-right: 0; font-size: 1.7rem; margin: 1rem 0;} #teh-ser-page .banner {padding: 1rem; } #teh-ser-page .bg-banner {padding: 3rem 10px; margin-bottom: 10rem;} /*#teh-ser-page .bg-banner.bg-dark{background: url("/assets/img/reusable/bg/bg-dark.jpg") no-repeat center center; background-size: cover;}*/ #teh-ser-page .teh-ser__workers {margin-bottom: 10rem;} #teh-ser-page .teh-ser__workers li {font-weight: 500;} .teh-ser__price {margin: 0 0 10rem 0;} .teh-ser__price .item {margin: .6rem; padding-bottom: 20px; width: 31%; border: 2px solid #ff9345;} .teh-ser__price .price__title {padding: 20px; font-size: 1.5rem; line-height: 29px; color: #fff; text-align: center; background: #e58138; font-weight: 600; width: 100%; display: block; margin-bottom: 20px;} .teh-ser__price ul { padding: 0 5px 0 40px;} .teh-ser__price li:first-child { font-size: 1.4rem; list-style-type: none; margin-bottom: 0;} .fire-page .teh-ser__price ul { margin-bottom: 30px;} .fire-page .teh-ser__price li { margin-left: 25px;} .fire-page .teh-ser__price li:first-child { color: #e58138; margin-left: 0; margin-bottom: 10px;} .teh-ser__price li {margin-bottom: 10px; font-size: 1rem;} .teh-ser__price li span b {white-space: nowrap;} /* #teh-ser-page END */ .partners .title {display: block; font-weight: 600; margin-bottom: 2.5rem; font-size: 2.25rem; text-transform: uppercase; color: #e58138;} .partners {margin-bottom: 5rem;} .partners__wrapper {padding: 10px;} .partners__item {height: 200px; width: 100%; margin-bottom: 20px; padding: 20px; box-shadow: 0px 0px 6px #00000029;} .partners img {object-fit: cover; max-height: 100%;} /* .sitemap-page START */ #sitemap-page ul { list-style-type: none;margin: 0;} #sitemap-page li {margin: 5px; color: #e58138;} #sitemap-page a {font-weight: 500;} #sitemap-page .info .card-body {padding-top: 0;} #sitemap-page .subtitle {margin-top: 20px; display: block;} #sitemap-page .card-body > ul > li ul {border-left: 1px dashed #66666650;} /* sitemap-page END */ /* #clients-page START */ #clients-page .pay {margin-bottom: 6rem;} #clients-page .pay .pay__first {margin-bottom: 4rem;} #clients-page .pay .container {display: flex; justify-content: space-evenly } #clients-page .pay .pay__item {transition: .3s; cursor: pointer; padding: 10px;} #clients-page .pay .pay__item:hover {text-decoration: none; color: #e58138;transition: .3s;} #clients-page .pay .pay__wrapper {display: flex;justify-content: center; align-items: center; width: 13.5rem; height: 11.375rem; padding: 1.25rem; background: #fff; box-shadow: 0px 0px 10px #00000031; border-radius: 10px; opacity: 1;transition: .3s;} #clients-page .pay .pay__item:hover .pay__wrapper {box-shadow: 0px 0px 20px #00000036;transition: .3s;} #clients-page .pay img, #clients-page .pay svg {width: auto; height: auto; max-width: 100%; max-height: 100%;} #clients-page .pay .visa {width: 120%;} #clients-page .pay .pay__item span {margin-top: 1.5rem; font-size: 1.375rem; line-height: 1.875rem; text-align: center; display: block; max-width: 13.5rem;font-weight: 500;} #clients-page .pay .pay__second img { max-width: 116px; width: 100%; height: auto;} #clients-page .banner-contact {margin-top: 5rem;} #clients-page .contract .contract__wrapper {margin-bottom: 1.25rem; max-width: 250px; padding: 1.25rem 1.25rem 0 0.4rem;box-shadow: 0 0 10px #00000031; border-radius: 0.625rem; background: #fff;} #clients-page .contract .contract__item {width: 18%;} #clients-page .contract .container span {font-size: 1.4rem;line-height: 1.8rem; margin-bottom: 1rem;} #clients-page .contract .button {color: #000; box-shadow: 0px 1px 6px #00000029; border: 1px solid #ff9345;border-radius: 0.625rem; font-size: 0.875rem; text-transform: uppercase;font-weight: 100; line-height: 1.125rem; width: 12.5rem; margin: 0 auto;} #clients-page .contract a {transition: .3s;} #clients-page .contract a:hover {transform: scale(1.03); transition: .3s;} #clients-page .contract .button:hover {transform: scale(1);box-shadow: 4px 4px 10px #00000049;transition: .3s; } #pay-slider .step__item {display: none;} #pay-slider .step__item:first-child {display: flex;} #pay-slider .step__text, #pay-slider .step {display: block;width: 630px;;} #pay-slider .img-wrapper {border: 2px solid #ff9345; border-radius: 10px; overflow: hidden;} #pay-slider .slick-dots li {width: 10px;} /*#modal-body .slick-arrow{ background: #ffffffb3; border-radius: 130%; height: 50px; width: 50px;}*/ /* #clients-page END */ /* #catalog-page START */ #catalog .device-types {margin: 1rem 1rem 5rem;} #catalog .device-types .container {background: #fff; border: 1px solid #8d8d8d; border-radius: 10px;} #catalog .device-types .title {font-size: 1.5rem;line-height: 1.8125rem;font-weight: bold;} #catalog .device-types ul {padding-left: 0; display: flex;flex-wrap: wrap; justify-content: center; list-style-type: none;} #catalog .device-types label {cursor: pointer;} #catalog .custom-checkbox input[type=checkbox] { visibility: hidden;} #catalog .custom-checkbox input[type=radio] { visibility: hidden;} #catalog .custom-checkbox input[type=checkbox] + label svg { opacity: 0; transition: .1s; height: 27px; width: 27px; position: absolute; top: 8px; left: -4px;} #catalog .custom-checkbox input[type=radio] + label svg { opacity: 0; transition: .1s; height: 27px; width: 27px; position: absolute; top: 8px; left: -4px;} #catalog .custom-checkbox input[type=checkbox]:checked + label svg { opacity: 1; } #catalog .custom-checkbox input[type=radio]:checked + label svg { opacity: 1; } #catalog .device-types input.d-none:checked + label {border: 2px solid #ff9345; transition: .3s;} #catalog .device-types input.d-none:checked + label svg {transform: scale(1.05);transition: .3s;} #catalog .device-type {width: 14.0625rem; height: 12.1875rem; padding: 1rem;margin: 1rem 1rem 2rem; display: flex; flex-direction: column; align-items: center; justify-content: space-around; text-align: center; background: #fff; box-shadow: 0rem 0.375rem 0.625rem #0000001a; border-radius: 0.625rem;border: 2px solid transparent; } #catalog .device-type:hover {text-decoration: none;transition: .3s;} #catalog .device-type svg {height: 5.625rem;width: auto;transition: .3s; fill: #000000bf;} #catalog .device-type:hover svg {transform: scale(1.05);transition: .3s;} #catalog .device-type.active svg {transition: .3s; transform: scale(1.1); fill: #000;} #catalog .device-type span {font-size: 1rem; line-height: 1.1875rem; font-weight: 500;letter-spacing: 0; color: #8d8d8d;transition: .3s;} #catalog .device-type.active span {color: #000;transition: .3s;} #catalog .device-type svg#audio { width: 2.5rem; transform: rotate(370deg); margin-top: -1.25rem; margin-left: -0.625rem;} #catalog .device-type svg#fire-escape2 {margin-right: -2.5rem;} #catalog .device-parameters {margin-bottom: 5rem;} #catalog .device-parameter {margin-bottom: 1rem; min-width: 220px; padding: 1.875rem 2.5rem; box-shadow: 0px 0px 10px #00000033; border-radius: 10px;} #catalog .device-parameter .title {margin: 0; margin-bottom: 2rem; font-size: 1.5rem; font-weight: bold; line-height: 1.8125rem;text-align: left;} #catalog .device-parameter .subtitle {margin: 2rem 0 1rem; display: block; font-size: 20px; font-weight: 500; text-align: left;} #catalog .custom-checkbox { width: 17px; height: 17px; margin-top: 20px; position: relative; background: #fff 0% 0% no-repeat padding-box; border: 1px solid #c9c9c9; border-radius: 3px;} #catalog .custom-checkbox label { width: 13px; height: 13px; cursor: pointer; position: absolute; left: 4px; top: -7px; border-radius: 50px; transition: .1s; font-weight: 500;} #catalog .custom-checkbox label:after { content: url(../img/reusable/icons/tick.svg); position: absolute; top: 50%; left: 50%;opacity: 0; transition: .1s; color: #ff9345; font-size: 24px; font-weight: 100;transform: translateX(-63%) translateY(-32%) scale(0.75);} #catalog .custom-checkbox label:hover::after { opacity: 0.5; transition: .1s;} #catalog .custom-checkbox input[type=checkbox] { visibility: hidden;} #catalog .custom-checkbox input[type=radio] { visibility: hidden;} #catalog .custom-checkbox input[type=checkbox]:checked + label:after { opacity: 1; } #catalog .custom-checkbox input[type=radio]:checked + label:after { opacity: 1; } #catalog .custom-checkbox label span {margin-left: 20px;margin-top: 2px; display: block;transition: .1s; font-size: 1.25rem; white-space: nowrap; font-weight: 400;} #catalog .custom-checkbox input[type=checkbox]:checked + label span {font-weight: 600; transition: .1s;} #catalog .custom-checkbox input[type=radio]:checked + label span {font-weight: 600; transition: .1s;} #catalog .device__wrapper {display: flex;flex-wrap: wrap;} #catalog .device__item {text-align: center; margin-bottom: 0.5rem; border: 1px solid #e5813845; transform: scale(0.95); padding: 15px;} #catalog .device__item span {display: block;} #catalog .device__item:hover {text-decoration: none;} #catalog .device__item img {margin-bottom: 1rem; width: auto; height: auto; max-width: 200px; max-height: 200px; transition: .3s;} #catalog .device__item:hover img {transform: scale(1.1);transition: .3s;} /* #catalog-page END */ /* #projects-page START */ #projects .device-types {margin: 1rem 1rem 5rem;} #projects .device-types .container {background: #fff; border: 1px solid #8d8d8d; border-radius: 10px; padding: .5rem;} #projects .device-types .title {font-size: 1.5rem;line-height: 1.8125rem;font-weight: bold;} #projects .device-types ul {padding-left: 0; margin: 0; display: flex;flex-wrap: wrap; justify-content: center; list-style-type: none;} #projects .device-types li {width: 33.333%;display: flex;justify-content: center;} #projects .device-types label { cursor: pointer;} #projects .device-type {width: 95%; height: 2rem; padding: 2rem 5px;margin: .5rem; display: flex; background: #c9c9c9; flex-direction: column; align-items: center; justify-content: space-around; text-align: center; text-transform: uppercase; box-shadow: 0px 1px 6px #00000029; border-radius: 10px; color: #000; font-weight: 500;font-size: 1.5rem;} #projects input:checked + .device-type {transition: .3s; background: #ff9345; color: #fff; font-weight: 600;} #projects .device-type:hover {text-decoration: none;transition: .3s;} #projects .device-type svg {height: 5.625rem;width: auto;transition: .3s; fill: #000000bf;} #projects .device-type.active svg {transition: .3s; transform: scale(1.1); fill: #000;} #projects .device-parameters {margin-bottom: 5rem;} #projects .device-parameter {margin-bottom: 1rem; min-width: 220px; padding: 1.875rem 2.5rem; box-shadow: 0px 0px 10px #00000033; border-radius: 10px;} #projects .device-parameter .title {margin: 0; margin-bottom: 2rem; font-size: 1.5rem; font-weight: bold; line-height: 1.8125rem;text-align: left;} #projects .device-parameter .subtitle {margin: 2rem 0 1rem; display: block; font-size: 20px; font-weight: 500; text-align: left;} #projects .custom-checkbox { width: 17px; height: 17px; margin-top: 20px; position: relative; background: #fff 0% 0% no-repeat padding-box; border: 1px solid #c9c9c9; border-radius: 3px;} #projects .custom-checkbox label { width: 13px; height: 13px; cursor: pointer; position: absolute; left: 4px; top: -7px; border-radius: 50px; transition: .1s; font-weight: 500;} #projects .custom-checkbox label:after { content: url(../img/reusable/icons/tick.svg); position: absolute; top: 50%; left: 50%;opacity: 0; transition: .1s; color: #ff9345; font-size: 24px; font-weight: 100;transform: translateX(-63%) translateY(-32%) scale(0.75);} #projects .custom-checkbox label:hover::after { opacity: 0.5; transition: .1s;} #projects .custom-checkbox input[type=radio], #projects .custom-checkbox input[type=checkbox] { visibility: hidden;} #projects .custom-checkbox input[type=radio]:checked + label:after, #projects .custom-checkbox input[type=checkbox]:checked + label:after { opacity: 1; } #projects .custom-checkbox label span {margin-left: 20px;margin-top: 2px; display: block;transition: .1s; font-size: 1.25rem; white-space: nowrap; font-weight: 400;} #projects .custom-checkbox input[type=radio]:checked + label span, #projects .custom-checkbox input[type=checkbox]:checked + label span {font-weight: 600; transition: .1s;} #projects .device__wrapper {display: flex;flex-wrap: wrap;} #projects .device__item {text-align: center; margin-bottom: 2rem; display: none; } #projects .device__item span {display: block;} #projects .device__item:hover {text-decoration: none;} #projects .device__item img {width: 80%; margin-bottom: 1rem; transition: .3s; } #projects .device__item:hover img {transform: scale(1.1);transition: .3s;} /* #projects-page END */ /* #calc-page START */ #calc section.calc {position: relative; } #kit {margin-top: 0; background: transparent; padding-bottom: 0; margin-bottom: 6rem;} #kit .accent {color: #666; font-size: 1.2rem;} #kit .accent:hover {color: #333;} #kit .active, #kit .active:hover {color: #e58138;} #kit .slick-slider .title {font-size: 1.8rem; margin-bottom: 1rem;} #calc .equipment__text ul {margin-top: 2rem;} #kit .slick-dots {bottom: 80px;} #kit .nav-tabs .nav-item { width: 50%;} #kit .equipment__wrapper {margin: 0; width: 0;} #kit .equipment__text {width: 40%;} #kit .kit-slider, /*#kit .kit-slider2 {border-bottom: 2px solid #dee2e6;}*/ #kit .kit-slider-nav img, #kit .kit-slider2-nav img {padding: 0;} #kit .kit-slider-nav .slick-slide, #kit .kit-slider2-nav .slick-slide {min-width: 12rem; width: 12rem !important;} #kit .kit-slider-nav .slick-slide .calc-type, #kit .kit-slider2-nav .slick-slide .calc-type {height: 5rem; min-width: 11rem; width: 11rem !important; margin: 2rem; position: relative;border: 2px solid #dee2e6; transition: .3s; border-radius: 10px;} #kit .kit-slider-nav .slick-slide .calc-type:hover, #kit .kit-slider2-nav .slick-slide .calc-type:hover {text-decoration: none; box-shadow: 4px 4px 6px #00000038;} #kit .kit-slider-nav .slick-slide .calc-type.active, #kit .kit-slider2-nav .slick-slide .calc-type.active {border: 1px solid #dee2e6; transition: .3s;} #kit .kit-slider-nav .slick-current .calc-type, #kit .kit-slider2-nav .slick-current .calc-type, #kit .kit-slider-nav .slick-current .calc-type.active, #kit .kit-slider2-nav .slick-current .calc-type.active {border: 2px solid #ff9345; transition: .3s;} #kit .kit-slider-nav .slick-slide .calc-type:before, #kit .kit-slider2-nav .slick-slide .calc-type:before { content: ""; border: 10px solid transparent; border-bottom: 7px solid #e58038; position: absolute; top: -17px; left: 50%; transform: translateX(-50%); transition: .3s; opacity: 0;} #kit .kit-slider-nav .slick-track, #kit .kit-slider2-nav .slick-track {width: 100% !important; transform: none !important; display: flex; justify-content: center; max-width: 520px;} #kit .kit-slider-nav .slick-current .calc-type:before, #kit .kit-slider2-nav .slick-current .calc-type:before {opacity: 1;} #kit .equipment {margin-bottom: 0;} #kit .equipment_img {position: absolute;} #kit .equipment_img-kit { width: 390px; left: 200px; top: unset; bottom: -350px; } #kit .equipment_img-left { width: 100px; top: unset; bottom: -350px; left: 100px;} #kit .equipment_img-left2 { width: 100px; top: unset; bottom: -350px; left: 0px;} #kit .equipment_img-right { width: 100px; top: unset; bottom: -350px; left: 590px; position: absolute; cursor: pointer;} #kit .equipment_img-right2 { width: 100px; top: unset; bottom: -350px; left: 670px; position: absolute; cursor: pointer;} #kit .equipment_img-left-top { width: 100px; top: 0; left: 150px; position: absolute; cursor: pointer;} #kit .equipment_img-left2-top { width: 100px; top: 0; left: 0px; position: absolute; cursor: pointer;} /*#kit .equipment_img-right-top{ width: 100px; top: 0; left: 490px; position: absolute; cursor: pointer;}*/ /*#kit .equipment_img-right2-top{ width: 100px; top: 0; left: 590px; position: absolute; cursor: pointer;}*/ #kit .equipment_img-sticker { width: 150px; top: unset; left: 580px; bottom: -170px;} #kit .equipment_img-phone { width: 100px; top: unset; left: 605px; bottom: -355px; z-index: 1;} #kit .equipment_img-mini { width: 70px; left: 70px; top: 40px;} #kit .equipment_img-fire-exit { width: 200px; top: 40px; left: 0px; position: absolute; cursor: pointer;} #kit .equipment_img-fire { width: 120px; top: unset; bottom: -350px; left: 100px;} #kit .equipment_img-fire2 { width: 120px; top: unset; bottom: -350px; left: 0px;} #kit .equipment_img-left:hover, #kit .equipment_img-left2:hover, #kit .equipment_img-left-top:hover, #kit .equipment_img-left2-top:hover, #kit .equipment_img-right:hover, #kit .equipment_img-right2:hover, /*#kit .equipment_img-right-top:hover,*/ /*#kit .equipment_img-right2-top:hover,*/ #kit .equipment_img-phone:hover, #kit .equipment_img-fire-exit:hover, #kit .equipment_img-keyboard:hover, #kit .equipment_img-mini:hover, #kit .equipment_img-fire:hover, #kit .equipment_img-fire2:hover, #kit .equipment_img-kit:hover { z-index: 1;} #calc .slick-dots li.slick-active button:before {color: transparent; background: #e58138;} #calc .slick-dots li button:before {width: 10px;height: 10px;} #kit .container.first { transform: scale(1); display: flex; flex-direction: column-reverse;} #kit .container.first .nav-tabs .nav-link { border-radius: 8px; border-bottom-right-radius: 8px; border: solid 1px #dee2e6; border-top: 0;} #kit .container.first .nav-tabs .nav-link.active {border-color: #e58138;} #kit .container.first #kit-1-tab {border-top: solid 1px #e58138; } #kit .container.first #kit-1-tab.active {border-top: none; border-bottom: 5px solid #e58138; color: #000000; } #kit .container.first #kit-2-tab {border-top: solid 1px #e58138;} #kit .container.first #kit-2-tab.active {border-top: none; border-bottom: 5px solid #e58138; color: #000000; } #kit .kit-slider-nav {border: none; border-left: solid 1px #e58139; border-right: solid 1px #e58139;} #kit .kit-slider2-nav {border: none; border-right: solid 1px #e58139; border-left: solid 1px #e58139; } #kit .tab-pane {position: relative;} #kit .container.first .nav-tabs .nav-link { border-radius: 0; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; border-top: 0; border-bottom: solid 1px #dee2e6; } #kit .container.first .nav-tabs {border: none;} /*#calc .tab-pane{border: 1px solid transparent; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; border-color: #fff #fff #dee2e6;}*/ #kit .preloader-wrap { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background: #fff; } #kit .preloader-loading {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} #kit .preloader-text { color: #e58138; display: inline-block; margin-left: 5px;} #kit .preloader-bounceball { position: relative; display: inline-block; height: 37px; width: 15px;} #kit .preloader-bounceball:before { position: absolute; content: ""; display: block; top: 0; width: 15px; height: 15px; border-radius: 50%; background-color: #e58138; transform-origin: 50%; animation: bounce 500ms alternate infinite ease; } #floatingCirclesG { position: relative; width: 125px; height: 125px; margin: auto; transform: scale(0.6); -o-transform: scale(0.6); -ms-transform: scale(0.6); -webkit-transform: scale(0.6); -moz-transform: scale(0.6);} .f_circleG { position: absolute; background-color: rgb(255, 255, 255); height: 22px; width: 22px; border-radius: 12px; -o-border-radius: 12px; -ms-border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; animation-name: f_fadeG; -o-animation-name: f_fadeG; -ms-animation-name: f_fadeG; -webkit-animation-name: f_fadeG; -moz-animation-name: f_fadeG; animation-duration: 0.472s; -o-animation-duration: 0.472s; -ms-animation-duration: 0.472s; -webkit-animation-duration: 0.472s; -moz-animation-duration: 0.472s; animation-iteration-count: infinite; -o-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-direction: normal; -o-animation-direction: normal; -ms-animation-direction: normal; -webkit-animation-direction: normal; -moz-animation-direction: normal;} #frotateG_01 { left: 0; top: 51px; animation-delay: 0.1795s; -o-animation-delay: 0.1795s; -ms-animation-delay: 0.1795s; -webkit-animation-delay: 0.1795s; -moz-animation-delay: 0.1795s;} #frotateG_02 { left: 15px; top: 15px; animation-delay: 0.236s; -o-animation-delay: 0.236s; -ms-animation-delay: 0.236s; -webkit-animation-delay: 0.236s; -moz-animation-delay: 0.236s;} #frotateG_03 { left: 51px; top: 0; animation-delay: 0.2925s; -o-animation-delay: 0.2925s; -ms-animation-delay: 0.2925s; -webkit-animation-delay: 0.2925s; -moz-animation-delay: 0.2925s;} #frotateG_04 { right: 15px; top: 15px; animation-delay: 0.349s; -o-animation-delay: 0.349s; -ms-animation-delay: 0.349s; -webkit-animation-delay: 0.349s; -moz-animation-delay: 0.349s;} #frotateG_05 { right: 0; top: 51px; animation-delay: 0.4055s; -o-animation-delay: 0.4055s; -ms-animation-delay: 0.4055s; -webkit-animation-delay: 0.4055s; -moz-animation-delay: 0.4055s;} #frotateG_06 { right: 15px; bottom: 15px; animation-delay: 0.472s; -o-animation-delay: 0.472s; -ms-animation-delay: 0.472s; -webkit-animation-delay: 0.472s; -moz-animation-delay: 0.472s;} #frotateG_07 { left: 51px; bottom: 0; animation-delay: 0.5285s; -o-animation-delay: 0.5285s; -ms-animation-delay: 0.5285s; -webkit-animation-delay: 0.5285s; -moz-animation-delay: 0.5285s;} #frotateG_08 { left: 15px; bottom: 15px; animation-delay: 0.585s; -o-animation-delay: 0.585s; -ms-animation-delay: 0.585s; -webkit-animation-delay: 0.585s; -moz-animation-delay: 0.585s;} @keyframes f_fadeG { 0% { background-color: rgb(229, 129, 56); } 100% { background-color: rgb(255, 255, 255); } } @-o-keyframes f_fadeG { 0% { background-color: rgb(229, 129, 56); } 100% { background-color: rgb(255, 255, 255); } } @-ms-keyframes f_fadeG { 0% { background-color: rgb(229, 129, 56); } 100% { background-color: rgb(255, 255, 255); } } @-webkit-keyframes f_fadeG { 0% { background-color: rgb(229, 129, 56); } 100% { background-color: rgb(255, 255, 255); } } @-moz-keyframes f_fadeG { 0% { background-color: rgb(229, 129, 56); } 100% { background-color: rgb(255, 255, 255); } } #calc .banner-question h2 {font-size: 1.5rem; line-height: 1.5rem; font-weight: 400;} #calc .calc__note {position: absolute; left: 50%; top: 0; transform: translateX(-50%); } #calc .calc__note .container {;background: #ffffffc2;} .calc-descr {margin-bottom: 5rem;} .calc-descr a:hover { text-decoration: none} .calc-descr i {margin-right: 25px;} .calc-descr strong, .calc-descr b {font-weight: 500;} .calc-descr ul {list-style: none; padding-left: 0; padding-top: 1rem;} .calc-descr li {margin-bottom: 1rem; font-size: 1.3rem; line-height: 1.5rem;} .calc-descr-how li {width: 25%; margin: 3rem 0;} .calc-descr svg {width: 5rem; height: 5rem; margin-bottom: 1rem;} #calc .banner {margin-bottom: 8rem;} .calc .device-types {margin: 1rem 1rem 5rem;} .calc .device-types .container {background: #fff; border: 1px solid #8d8d8d; border-radius: 10px;} .calc .device-types ul {padding-left: 0; display: flex; justify-content: center; list-style-type: none;} .calc .calc-type {width: 9.375rem; height: 8.125rem; padding: 1rem;margin: 1rem 1rem 2rem; display: flex; flex-direction: column; align-items: center; justify-content: space-between; text-align: center; background: #fff; box-shadow: 0rem 0.375rem 0.625rem #0000001a; border-radius: 0.625rem;border: 2px solid transparent; cursor: pointer;} .calc input:checked + .calc-type {border: 2px solid #ff9345; transition: .3s;} .calc .calc-type:hover {text-decoration: none;transition: .3s;} .calc .calc-type svg {width: 3.5rem;transition: .3s; fill: #000000bf;} .calc .calc-type img {width: 100%;transition: .3s; } .calc input:checked + .calc-type svg, .calc input:checked + .calc-type img {transition: .3s; transform: scale(1.1); fill: #000;} .calc .calc-type span {font-size: 1rem; line-height: 1.1875rem; font-weight: 500;letter-spacing: 0; color: #8d8d8d;transition: .3s;} .calc .calc-type small {color: #8d8d8d; font-size: 0.8rem;} .calc input:checked + .calc-type span, .calc input:checked + .calc-type small {color: #000;transition: .3s;} .calc .calc-type svg#audio { width: 2.5rem; transform: rotate(370deg); margin-top: -1.25rem; margin-left: -0.625rem;} .calc .calc-type svg#fire-escape2 {margin-right: -2.5rem;} .calc .calc-types.first {padding-right: 15px;} .calc .center {padding: 0 15px; border-left: 1px solid #212121; border-right: 1px solid #212121;} .calc .center .calc-type {width: 7.1875rem;} .calc .calc-types.last {width: 100%; padding: 0 30px;} .calc .calc-types.last .title {margin-bottom: 1rem;} .calc .device-parameters {margin-bottom: 5rem;} .calc .device-parameter {margin-bottom: 1rem; min-width: 220px; padding: 1.875rem 2.5rem; box-shadow: 0px 0px 10px #00000033; border-radius: 10px;} .calc .device-parameter .title {margin: 0; margin-bottom: 2rem; font-size: 1.5rem; font-weight: bold; line-height: 1.8125rem;text-align: left;} .calc .device-parameter .subtitle {margin: 2rem 0 1rem; display: block; font-size: 20px; font-weight: 500; text-align: left;} .calc .custom-checkbox { width: 30px; height: 30px; margin-top: 13px; position: relative; background: #fff 0% 0% no-repeat padding-box; border: 1px solid #c9c9c9; border-radius: 4px;} .calc .custom-checkbox label { width: 13px; height: 13px; cursor: pointer; position: absolute; left: 4px; top: -7px; border-radius: 50px; transition: .1s; font-weight: 500;} /*.calc .custom-checkbox label:after{ content: url(../img/reusable/icons/tick.svg); position: absolute; top: 50%; left: 50%;opacity: 0;*/ /* transition: .1s; color: #ff9345; font-size: 30px; font-weight: 100;transform: translateX(-50%) translateY(-32%) scale(1);}*/ /*.calc .custom-checkbox label:hover::after{ opacity: 0.5; transition: .1s;}*/ .calc .custom-checkbox input[type=checkbox] { visibility: hidden;} .calc .custom-checkbox input[type=checkbox] + label svg { opacity: 0; transition: .1s; height: 27px; width: 27px; position: absolute; top: 8px; left: -4px;} .calc .custom-checkbox input[type=checkbox]:checked + label svg { opacity: 1; } .calc .custom-checkbox label span {margin-left: 27px;margin-top: 7px; display: block;transition: .1s; font-size: 1rem; white-space: nowrap; font-weight: 400;} .calc .custom-checkbox input[type=checkbox]:checked + label span {font-weight: 600; transition: .1s;} .calc .device__wrapper {display: flex;flex-wrap: wrap;} .calc .device-list {margin-bottom: 2rem;} .calc .device-list .col-md-5 { flex: 0 0 37%; max-width: 37%; float: right; margin-left: auto; padding-right: 0;} .calc .device__item {text-align: left; margin-bottom: 2rem; transition: .3s;} .calc .device__item:hover {text-decoration: none;} .calc .device__item img {width: 80%; margin-bottom: 1rem; transition: .3s;} .calc .device__item:hover img {transform: scale(1.1);transition: .3s;} .calc .device-price .title {text-align: left; font-weight: bold;; font-size: 1.5rem;line-height: 1.5rem; margin: 0; margin-bottom: 1.5rem;} .calc .device-price span {display: block; font-size: 1.25rem;line-height: 1.5rem; font-weight: 500; white-space: nowrap;} .calc .device-total {margin-top: 3rem; margin-bottom: 8rem;padding: 0 2.5rem; font-size: 1.875rem; line-height: 2.3125rem;} .calc .device-total a {margin: 0 auto; width: 13.75rem; display: inherit;} #calc .device-question {padding: 1.875rem 10px;} #calc .device-question .title {text-align: center; font-weight: 500;; font-size: 1.5rem;line-height: 1.5rem; margin: 0; margin-bottom: 1.5rem;} #calc .device-question input:not([type="submit"]) {max-width: 50%; border: 1px solid #8d8d8d; opacity: 0.5;} #calc .device-question input:first-child {margin-right: 10px; margin-left: -5px;} .calc .device-list table input {box-shadow: none;} .calc .qty {display: flex; align-items: center;} .calc .qty div, .calc .qty input {height: 2.25rem; max-width: 50px; padding: 0;} .calc .qty .qtyPlus {background: url("../img/reusable/icons/plus.svg") no-repeat center center;} .calc .qty .qtyMinus {background: url("../img/reusable/icons/minus.svg") no-repeat center center;} .calc .qty .qtyMinus, .calc .qty .qtyPlus {width: 1.4rem; min-width: 1.4rem; height: 1.4rem; border-radius: 8px; color: transparent; transition: .3s;cursor: pointer; background-size: cover; border-radius: 5px; border: none;} .calc .qty small {display: block; margin-left: 10px; margin-top: 5px;} .calc table {position: relative;} .calc table thead th {padding-bottom: 40px; border: none;} .calc table th[scope="row"] {border: none; position: relative;} .calc table tr[class^="for"] th {padding: 0; text-align: left; padding-right: 10px;} .calc table tr[class^="for"] th:after {content: ""; left: 95%; position: absolute; height: 100%; width: 20px; border-left: 1px solid #8d8d8d;} .calc table tr[class^="for"].first th:after {border-top: 1px solid #8d8d8d; border-top-left-radius: 20px} .calc table tr[class^="for"].last th:after {border-bottom: 1px solid #8d8d8d; border-bottom-left-radius: 20px} .calc .sensorPrice {min-width: 100px;} #calc #catalog .device-type {width: auto; height: auto; padding: 0;margin: 0;box-shadow: none; border: none;} .calc .calc-info { max-width: 1.5rem; margin: 0.3rem; cursor: pointer;} .calc #abonFireSecrion table {width: 100%;} .calc #abonFireSecrion th {font-size: 1rem; padding: 7px;} .calc #abonFireSecrion td {font-size: 1.2rem;padding: 7px;} .calc #abonFireSecrion input[type='radio']:after { width: 15px; height: 15px; border-radius: 15px; top: -2px; left: -1px; position: relative; background-color: #d1d3d1; content: ''; display: inline-block; visibility: visible; border: 2px solid white; cursor: pointer; } .calc #abonFireSecrion input[type='radio']:checked:after { width: 15px; height: 15px; border-radius: 15px; top: -2px; left: -1px; position: relative; background-color: #e58138; content: ''; display: inline-block; visibility: visible; border: 2px solid white; cursor: pointer; } #order-modal #calc-form {position: inherit;} #order-modal #calc-form .thanks {top: 0; position: absolute; width: 100%; left: 0; right: 0; background: #fff; bottom: 0; z-index: 1;} /* #calc-page END */ #landing .banner {margin-bottom: 13rem;} #landing .projects {margin-bottom: 10em;} #landing .partners {margin-bottom: 13em;} #landing #kit {margin-bottom: 13rem;} /* Modal Window START */ .modal .close {right: 0; top: -10px;font-size: 3.5rem; font-weight: 100; position: absolute; padding: 0; cursor: pointer; z-index: 9999999;} .modal .modal-dialog {max-width: 840px; width: 80%; margin: 0 auto; box-shadow: unset;} .modal .modal__title {font-size: 2.25rem; line-height: 2.5rem; margin-bottom: 2.5rem; font-weight: 500;display: block; margin-top: 3.125rem; text-align: center;} .modal .order-title {font-size: 1.5rem; line-height: 1.5rem; font-weight: 500; color: #666; display: block; margin-bottom: 1rem; text-align: center;} .modal .order-name, .modal .order-system, .modal .order-price {font-size: 1.6rem; line-height: 1.6rem; font-weight: 500; color: #333; } .modal input:not([type="submit"]), .modal textarea {opacity: 0.8; border-color: #e3e3e3; text-align: left;} .modal .message {width: 29rem;} .modal__contacts { padding-bottom: 5rem; text-align: left; font-size: 1.25rem; line-height: 1.5rem;} .modal__contacts span {line-height: 1.5;} .modal__contacts a {font-size: 1.875rem; line-height: 3.25rem; color: #e58138; font-weight: 500;} .modal__contacts svg {margin-right: 10px; cursor: pointer; transition: .3s ease; width: 15%;} .modal__contacts button:hover svg {transform: scale(1.1)} .modal-body {padding: 3rem;} .modal #pay-slider .img-wrapper, .modal #pay-slider .step__text {margin-bottom: 2rem; font-size: 1.4rem; line-height: 2rem;} .modal #pay-slider .step {font-size: 2.25rem;} .modal #pay-slider + .slider__next {right: 0;} .modal #pay-slider + .slider__next + .slider__prev {left: 0;} #master-artboard, #master-artboard1 {width: 3.5rem;} .modal #pay-slider li {color: #e58138; margin-bottom: 10px;} .modal #pay-slider span {color: #000; line-height: 1;} .modal .modal-credit .modal-credit__title {margin-bottom: 2rem; margin-top: 4rem; font-weight: 500; text-align: center; font-size: 2rem; line-height: 1.5rem; display: block;} .modal .credit-more, .modal #credit-more { cursor: pointer; text-align: left; margin-bottom: 0rem; display: block; width: max-content; max-width: 292px; margin-top: 5rem;} .modal #credit-info {display: none; text-align: left;} .modal .modal-paper .pay-paper:hover {text-decoration: none; } .modal .modal-paper .pay-paper img {width: 50%; margin: 2rem; box-shadow: 0 1px 6px #00000029; transition: .3s;} .modal .modal-paper .pay-paper:hover img {box-shadow: 4px 4px 6px #00000038; transition: .3s;} .modal .modal-paper .credit-more {width: 100%; color: #000; max-width: 375px; border: 1px solid #6663;} .modal .modal-paper .credit-more.button:hover {box-shadow: 4px 4px 6px #00000038;} .modal .modal-paper #credit-info .button {margin: 10px;} .modal button.goToInn.button.accent-button {margin-bottom: 0;} /* Modal Window END */ #button-up { display: none; right: 100px; margin: 0; position: fixed; bottom: 30px; outline: none; width: 50px; height: 50px; cursor: pointer;} #button-up svg {width: 100%; display: block; margin: 0 auto;} /* @media */ @media screen and (max-width: 1500px) { html {font-size: 13px;} .container {max-width: 1100px;} .header__bottom { padding-bottom: 0.25rem; padding-top: 0.6rem; } .hero h1 { font-size: 3rem; line-height: 4.625rem;} .places { padding-bottom: 0; transform: scale(0.8); } .places .row { justify-content: center; margin-bottom: 3.5rem;} .places span { bottom: 0; } .banner { padding-top: 0.125rem; padding-bottom: 2.75rem; } .banner .container { transform: scale(0.9); } .steps-form { padding: 4.375rem 0;} .steps-form .container { transform: scale(0.9); max-width: 1060px;} .client-type .container {padding: 0;} .about {margin-bottom: 5rem; padding-top: 1rem; padding-bottom: 0;} .about .container {transform: scale(0.9); min-width: 1110px;} .experience { padding-bottom: 5rem;} .experience .container {min-width: 100%; transform: scale(0.9);} .question { padding: 3rem 0 10rem;} .question .container {transform: scale(0.9); min-width: 1100px;} .question img { max-height: 90vh;} .history .carousel {max-width: 990px; margin: 0 auto;} .history__text {max-width: 200px; font-size: 0.9rem;} .history__text b {font-size: 1.5rem; } .workers .container {transform: scale(1); min-width: 1130px; } .first-slide-text-1 {left: 8%; } .third-slide-text-1 {top: 13%;} .third-slide-text-2 {right: 10%; top: 50%;} .forth-slide-text-1 {left: 25%; top: 40%;} .forth-slide-text-2 {left: 60%; top: 10%;} .forth-slide-text-3 {right: 5%; top: 52%;} /*.history .carousel-control-next-icon{position: absolute; right: 0;}*/ /*.history .carousel-control-prev-icon{position: absolute; left: 0;}*/ .projects {padding-bottom: 0;} .projects .container {width: 900px;} .projects .project { display: block; height: 60px; padding-top: 20px; padding-bottom: 20px;} .projects .active .project {height: 160px;} .projects .wrap li.active {height: auto; width: 100%;} .projects .wrap li.next {transform: translateX(290px) scale(0.6); } .projects .wrap li.prev {transform: translateX(-330px) scale(0.6);} .projects .data b { font-size: 1.2rem; line-height: 2rem; margin-top: 7px; display: inline-block; } .projects .data span {font-size: 0.9rem; white-space: nowrap;} .projects .project__wrapper { padding-left: 5px; padding-right: 35px;} .projects .wrap ul li img { height: 400px;} .mob-app__wrapper {transform: scale(0.8)} .how-works .title {margin-top: 10rem; margin-bottom: 0;} .how-works .container {transform: scale(0.8)} .equipment {margin-bottom: 5rem;} .equipment__text { width: 50%;} .equipment__wrapper {width: 50%; margin-left: -115px;transform: scale(0.8);} .equipment .row > div {margin-top: 0;} .equipment li {margin-bottom: 10px;} .equipment li span {white-space: unset;} .footer__title {font-size: 15px;} .footer li a {font-size: 15px; display: block; margin-bottom: 10px; line-height: 22px; white-space: unset;} .footer__social li a {display: inline;white-space: nowrap; line-height: 35px;} .footer__social li a svg {margin-right: 3px;} .steps-form .container {height: 800px;} #projects .device__item img {} .teh-ser__price li { font-size: 1.2rem; line-height: 1.6rem; } } @media screen and (max-width: 1200px) { /*html{ font-size: 14px; }*/ .container {max-width: 990px;} .header__bottom li { margin-left: 1rem; margin-right: 1rem; } .main .hero .title { line-height: 4.625rem; font-size: 4rem;} .places { padding-bottom: 4.875rem; } .places .row { margin-bottom: 3.5rem; transform: scale(1); } .about .container { transform: scale(0.8); min-width: 100%; } .question .container { transform: scale(1); min-width: 100%; } .workers .container { min-width: 100%; max-width: 100%; } .workers img { width: 90%;} .how-works .wrapper {margin-top: 5px; margin-bottom: 5px} .equipment .row {flex-direction: column;} .equipment__wrapper {height: 300px; width: 100%; margin-left: 100px; transform: scale(1);} .equipment__text { width: 100%; padding-left: 17%; } .reviews__header img { width: 90px; height: 90px; margin-right: 15px; } .reviews__item { max-height: 280px; min-height: 280px; display: flex; justify-content: space-between; flex-direction: column; margin: 5px; padding: 15px;} .slider__next {right: -10px;} .slider__prev {left: -10px;} .slider__next:hover {right: -10px;} .slider__prev:hover {left: -10px;} /* #contacts-page */ .map__adress {margin-left: 50px; margin-bottom: 0; font-size: 13px;} .map__adress .map__title { font-size: 22px; line-height: 40px;} .map__adress a {font-size: 12px;} .map__adress li {margin-bottom: 15px;} .map__adress.map__rating { margin-top: -590px; margin-left: 83%;} .calc .device-types .container {flex-wrap: wrap;} .calc .calc-types.first {width: 50%;} .calc .calc-types.center {width: 50%; border-right: none;} .calc .calc-types.last {margin-bottom: 40px;} .calc .calc-types.last .col-6 {display: flex; justify-content: space-between; flex: 0 0 100%; max-width: 100%;} .calc .custom-checkbox {margin-right: 18%;} .calc .qty input {max-width: 30px;} .calc .device-price span {font-size: 1.1rem;} .calc .device-total {font-size: 1.7rem;} .calc .table td, .calc .table th {line-height: 1;} #kit .equipment__text {padding: 0; padding-top: 1rem; width: 40%;} #kit .equipment__wrapper {transform: scale(0.8)} #kit .equipment .row {flex-direction: row;} .teh-ser__price ul {padding-left: 25px;} } @media screen and (max-width: 991px) { body {overflow-x: hidden;} .header__top svg {width: 20px; height: 20px;} .header__bottom {padding: 5px 0;} .header__bottom li { margin: 0 auto; } .header__bottom li .button { width: 170px; margin-top: 15px;} .header__bottom .navbar-nav {text-align: center;} .dropdown-menu { border-top: 0; border-left: 0; border-right: 0; text-align: center; transition: .3s ease; } .main .hero { margin-top: 5rem; background-image: url(../img/main-page/mob-hero.jpeg) !important; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .main .hero h1 { font-size: 1.3rem; line-height: 1.7rem;} .main .hero .title {line-height: 3.5rem; font-size: 3.4rem; background: transparent linear-gradient(10deg, #c1ac8b57 -100%, #c1ac8b57 360%) 0 0 no-repeat padding-box; -webkit-box-shadow: 0 0 10px 10px #c1ac8b57; -moz-box-shadow: 0 0 10px 10px #c1ac8b57; box-shadow: 0 0 10px 10px #c1ac8b57;} .steps-form .res-form-two .IYur-obj {padding-left: 0;} .places { padding-bottom: 2rem;} .places .poligon { height: 7.6rem; width: 9rem;} .object-page .places .complex-sistem svg {margin-left: 0;} .client-type .container {justify-content: center; flex-wrap: wrap;} .client-type__item {padding: 2rem 1.25rem 2rem 1.875rem; margin: 1rem;} .about {padding: 1rem 0 0;} .about .title {margin-bottom: 0;} .about img { padding-right: 0; margin: 0 auto; display: block; float: none; max-width: 500px; width: 70%;} .question { margin-top: 4.75rem; } .question .showDescr {bottom: -6rem; min-width: 200px;} #question-carousel {flex-direction: column-reverse; align-items: normal;} #question-carousel .carousel-inner {width: 100%;} #question-carousel .carousel-indicators { margin-top: 20px; width: 100%;} #question-carousel .carousel-indicators > li {height: 80px; min-width: 180px; margin: 5px;} #question-carousel .carousel-indicators > li img {width: 50%;} .projects .container {width: 500px;} .projects .project { display: block; height: 60px; padding-top: 20px; padding-bottom: 20px;} .projects .active .project {height: 160px;} .projects .wrap ul {width: 100%;} .projects .wrap ul li { transition: all 0s; transform: scale(0.2)} .projects .wrap li.active {height: auto; width: 100%;transform: scale(1)} .projects .wrap li.next {transform: translateX(20px) translateY(50%) scale(0.2);} .projects .wrap li.next2 {transform: translateX(140px) translateY(50%) scale(0.2); opacity: 1; z-index: 1;} .projects .wrap li.prev {transform: translateX(-100px) translateY(50%) scale(0.2);} .projects .wrap li.prev2 {transform: translateX(-220px) translateY(50%) scale(0.2); opacity: 1; z-index: 1;} .projects .wrap ul li img {height: 25rem; min-height: 100%;} .projects .data b { font-size: 1.2rem; line-height: 2rem; margin-top: 7px; display: inline-block; white-space: nowrap;} .projects .data small {font-weight: 600; font-size: 70%;} .projects .data span {font-size: 0.9rem; white-space: nowrap;} .projects .active .project {display: block;} .projects .project {display: none;} .projects .project__wrapper { padding-left: 5px; padding-right: 35px;} .rating__item {transform: scale(0.8);} /*.workers .container{ transform: scale(1);}*/ .workers .slick-arrow.slider__prev {left: 20px;} .workers .slick-arrow.slider__next {right: 20px;} .slick-initialized .slick-slide { display: flex; justify-content: center; } .page-404 {padding: 10rem 1rem;} .faq .navigation .container {flex-wrap: wrap; justify-content: space-around;} .faq .navigation__item { width: 44%; min-width: 320px; margin: 20px;} .history {padding-bottom: 70px;} .history .container { display: flex; justify-content: space-around; min-height: 200px;} .history .carousel {margin-top: 100px;} .history .carousel-inner {margin-top: 60px;} .history .carousel-item {min-height: 100px; } .history .carousel-item img {display: none;} .history .carousel-indicators span {font-size: 1.6rem; margin-left: -2.125rem;} .history .carousel-indicators {bottom: auto; position: relative;} .history__text {max-width: 23%;font-size: 1.2rem; position: relative;margin-bottom: 15px;} .history__text b {font-size: 2rem; display: block; color: #666;} .first-slide-text-1 {left: 15px; top: auto;} .first-slide-text-2 {left: 15px; top: auto;} .second-slide-text-1 {left: 15px; top: auto;} .second-slide-text-2 {left: 15px; top: auto;} .third-slide-text-1 {left: 15px; top: auto;} .third-slide-text-2 {left: 15px; top: auto;} .third-slide-text-3 {left: 15px; top: auto; transform: translate(0)} .third-slide-text-4 {left: 15px; top: auto;} .forth-slide-text-1 {left: 15px; top: auto;} .forth-slide-text-2 {left: 15px; top: auto;} .forth-slide-text-3 {left: 15px; top: auto;} .banner-contact__contacts {align-items: center;} .banner-contact form {margin-bottom: 5rem;} .how-works .container { transform: translateX(-15px) scale(1); } .how__img {width: 180px; transform: scale(0.6) translateX(-60px);margin-bottom: -60px;} .how-works .wrapper {margin-top: 5px; margin-bottom: 5px} .how-works .wrapper svg {width: 30px; left: -40px;} .how-works .wrapper svg + span { font-size: 1.5rem;} .how__item span {font-size: 0.875rem;} .how-works .how-works__arrow { width: 50%; margin-top: 23px; margin-left: 65%; } .how-works .how-works__arrow svg {right: -18px; left: unset;} .equipment__wrapper {margin: 0;} .equipment__text {padding-left: 10%;} .footer .container {flex-wrap: wrap; } .footer .col-2, .footer .col-3 { flex: 0 0 260px; max-width: 260px; margin-bottom: 30px;} .footer a { white-space: nowrap;} /*#contacts-page*/ .map {max-height: 800px;} .map #map {height: 800px;} .map__adress {margin: 0; top: 10px;left: 10px;} .map__adress.map__scheme { width: 95%; margin: 0; padding-left: 10px; right: 2.5%; top: unset; left: unset; bottom: 15px;} .map__adress.map__rating { margin: 0; top: 10px; right: 10px; width: 100px; height: 140px; left: unset;} .map__adress.map__rating img { width: 90%;} #about-page .map { max-height: 900px; } #about-page .types__wrapper {margin-bottom: 2.25rem; flex-wrap: wrap; justify-content: center;} #about-page .types__wrapper a {margin: 0.625rem;} #about-page .types__wrapper .title {font-size: 2rem;} #about-page .types__text ul { padding-left: 28%;height: auto;line-height: 24px;} #about-page .types__text li {margin-bottom: 15px;} #article-page .article__wrapper {display: flex; flex-direction: column;justify-content: center; align-items: center;} #article-page .article__img { margin-right: 0; max-width: 100%; padding-right: 25px; float: none;} #catalog .device-parameter { padding: 1.5rem 0 1.5rem 1rem;} #catalog .device-type { width: 11rem; height: 12rem; padding: 0.5rem 0.5rem 1rem; margin: 0.5rem 0.5rem 1rem;} #catalog .device-type svg { height: 5rem;} .calc-descr .container {padding: 10% 5%;} .calc-descr p { padding: 10%;} #kit .equipment__text { width: 100%;} #kit .equipment__wrapper {transform: scale(0.6); margin-top: -3rem;} #kit .equipment .row {flex-direction: column;} #kit .container.first { flex-direction: column; } #kit .kit-slider-nav { border: none; } #kit .kit-slider2-nav { border: none; } #kit .container.first #kit-1-tab, #kit .container.first #kit-2-tab {position: relative;border: 1px solid #dee2e6; border-radius: 8px; color: #666; background-color: #fff} #kit .container.first #kit-1-tab.active, #kit .container.first #kit-2-tab.active { border: 1px solid #dee2e6; border-radius: 8px; color: white; background-color: #e58138} #kit .container.first #kit-1-tab.active:before, #kit .container.first #kit-2-tab.active:before { content: ""; border: 10px solid transparent; border-bottom: 7px solid #e58038; position: absolute; bottom: -17px; left: 50%; transform: translateX(-50%) rotate(180deg); transition: .3s; opacity: 1; z-index: 9;} #kit .kit-slider-nav .slick-slide .calc-type:before, #kit .kit-slider2-nav .slick-slide .calc-type:before { top: 23px; left: -9px; transform: translateX(-50%) rotate(-90deg);} #kit .kit-slider, #kit .kit-slider2 {border: none;} #calc .device-question {display: none;} #kit .kit-slider-nav, #kit .kit-slider2-nav {position: absolute; top: 0; bottom: 0; right: 0; background: #fff;} #kit .kit-slider-nav .slick-list, #kit .kit-slider2-nav .slick-list {padding: 10px !important;} #kit .kit-slider-nav .slick-track, #kit .kit-slider2-nav .slick-track {display: flex; flex-direction: column; margin-top: 15%;} #projects .device-type {font-size: 1.2rem;} .teh-ser__price .item { width: 47.7%;} #modal #pay-slider li span {font-size: 1.2rem;} #modal #pay-slider .step__text {max-width: 100%} } @media screen and (max-width: 768px) { .hero .title { font-size: 3rem;} .breadcrumb {display: none;} .question { margin-top: 0; padding-bottom: 15rem;} .question .nav-tabs {display: flex; flex-wrap: wrap; justify-content: end;} .question .nav-tabs .nav-link {margin: 0;border: 0;padding: 5px 12px;border-radius: 5px; } .question .nav-tabs .nav-item {width: auto; margin: 3px; font-size: 1rem; border: none; box-shadow: 0 1px 6px #00000029; text-align: center; letter-spacing: 0; border-radius: 5px; transition: .3s; } .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {background: #e58138; width: 100%; height: 100%; color: #fff;} .mob-app__wrapper img {margin-right: 10px;} .about { padding-bottom: 3rem; margin-bottom: 3rem;} .about .title { margin-bottom: 0; } .about .container { min-height: auto; } .equipment__wrapper { height: auto; margin-bottom: 20px;} .reviews__item { max-height: 240px; min-height: 240px; } .reviews__header { display: flex; margin-bottom: 15px; } .reviews__header img { width: 70px; height: 70px; margin-right: 15px; } .reviews__title { line-height: 0; } .reviews__title span { margin-bottom: 5px; font-size: 1.2rem; line-height: 1.4rem; } .reviews__title small { font-size: 1rem; } .reviews__body { margin-bottom: 20px; font-size: 1rem; } .reviews__button { font-size: 12px; } .steps-form .res-step-form { transform: translateX(0);} .steps-form .res-progress-title {font-size: 2.1rem;} .steps-form .res-form-two .col-6, .steps-form .res-form-two .col-6.IYur-obj {padding-left: 13%;} .steps-form .res-step-form {padding: 0;} .steps-form .final__text {font-size: 2rem;} .steps-form .row {margin: 0;} .places a {line-height: 1;} .places .poligon {margin-bottom: 0.625rem;} .places span {font-size: 1.2rem;} #about-page .types__text ul { padding-left: 20%;} #article-page .date { padding: 5px 0 20px 0;} #articles-page .articles__item {flex-direction: column; margin-bottom: 70px;} #articles-page .articles__wrapper {margin-top: 20px;} #articles-page .articles__img {min-width: auto; width: 60%; height: auto;} #modal .modal__contacts a {font-size: 1.6rem;} #modal .banner input {margin: 5px;} #modal .modal__title { font-size: 2rem; margin-top: 2rem;} #modal .modal__contacts { padding-bottom: 3rem; align-items: center;} #modal .modal-body {padding: 10px;} #modal #pay-slider + .slick-arrow, #modal #pay-slider + .slick-arrow + .slick-arrow { top: 30%;} #modal .pay-paper {display: flex;flex-direction: column; justify-content: center; align-items: center;} #pay-slider .slick-dots li { width: 0px; } #clients-page .pay {margin-top: 100px; margin-bottom: 5rem;} #clients-page .pay .pay__item {max-width: 11rem;} #clients-page .pay .pay__wrapper {width: 10rem; height: 8rem;} #clients-page .pay .pay__item span {word-break: break-word; margin-top: 1.1rem;font-size: 1.2rem; line-height: 1.6rem;} #clients-page .pay .pay__first { margin-bottom: 5rem; } #clients-page .pay .pay__second img {max-width: 100px;} #clients-page .contract .contract__item {max-width: 115px; width: auto;} #clients-page .contract .contract__wrapper {padding: 5px 5px 0 0;} #clients-page .contract .contract__item img {width: 100%;} #clients-page .contract .container span { font-size: 1.1rem; line-height: 1.6rem;} #clients-page .contract .button {width: 100%;min-width: auto; padding: 5px; font-size: 0.76rem; border-radius: 0.3rem;} .calc .calc-types.first, .calc .calc-types.center {width: 100%; border: none;} .calc .custom-checkbox { margin-right: 50%; } .calc .calc-types.last {padding-left: 0;} .calc .calc-types.last .col-6 {flex-wrap: wrap; justify-content: space-around;} .calc table tr[class^="for"] th {position: relative; padding: 0; text-align: left;} .calc table tr[class^="for"] th span {transform: rotate(-90deg) translateX(-15%); position: absolute; left: 0; padding-left: .75rem;} .calc table tr.for-intercom th span {left: -38px;} .calc table tr.for-accident th span {left: -43px;} .calc table tr.for-control th span, .calc table tr.for-button th span, .calc table tr.for-fire th span {left: -45px;} .calc table tr.for-notification th span {left: -54px;} .calc table tr.for-guard th span {left: -68px;} .calc table tr.for-video th span {left: -80px;} .calc .table th:nth-child(2), .calc .table td:nth-child(2), .calc .table th:nth-child(3), .calc .table td:nth-child(3) {padding-right: 0;} .calc .table th:nth-child(4), .calc .table td:nth-child(4) {padding-left: 0;} .calc .sensorPrice {min-width: 100px;} .calc .qty {justify-content: flex-end;} .calc .calc-types.last .col-6 { align-items: center; justify-content: space-between; flex: 0 0 50%; max-width: 50%; } .calc-descr .container { padding: 1rem; } #kit .kit-slider-nav, #kit .kit-slider2-nav {position: relative; top: -600px; bottom: unset; right: unset; } #kit .calc-type span {font-size: 1.2rem;} #kit #myTabContent {margin-top: 100px;} #kit .kit-slider-nav .slick-list, #kit .kit-slider2-nav .slick-list {padding: 0px !important;} #kit .kit-slider-nav .slick-track, #kit .kit-slider2-nav .slick-track { flex-direction: row; margin-top: 0;} #kit .nav-tabs .nav-item {width: 48%; } #kit .active, #kit .active:hover { color: #333; } #kit .equipment__wrapper {min-height: 230px;} #kit {margin-bottom: 0;} #kit .kit-slider-nav .slick-slide .calc-type:before, #kit .kit-slider2-nav .slick-slide .calc-type:before { top: 100%; left: 50%; transform: translateX(-50%) rotate(180deg); transition: .3s;} #kit .kit-slider, #kit .kit-slider2 { border-bottom: 2px solid #dee2e6;} #projects .device-types { margin: 1rem; } #projects .device-types li { width: 100%;} .teh-ser-for__item { width: 30%;} #teh-ser-page .teh-ser__pluses a {transform: scale(0.7)} #teh-ser-page .teh-ser__pluses .teh-ser__title { margin-bottom: 2rem;} #teh-ser-page .teh-ser__pluses .row {margin-bottom: 0;} #teh-ser-page .banner__title {line-height: 1.3;} #teh-ser-page .banner.bg-banner b {display: block; margin-bottom: 10px; } .teh-ser__price .item { width: 100%; } .teh-ser__price .item br { display: none; } #teh-ser-page .teh-ser__pluses a { width: 38%;} .teh-ser-for {margin-bottom: 6rem;} #teh-ser-page .teh-ser__workers {padding-left: 5%;} .teh-ser__title, #teh-ser-page .teh-ser__pluses .teh-ser__title, .partners .title {font-size: 2rem;} .steps-form-final-wrap span { font-size: 1rem; } } @media screen and (max-width: 575px) { /* body */ .hero {height: 200px;} .hero .title { font-size: 2.375rem; line-height: 2.625rem;} section .title {padding-left: 10px; padding-right: 10px;} .title { margin: 1.125rem 0; font-size: 2rem; line-height: 2rem; font-weight: 500; color: #333;} input, textarea {font-size: 1rem;} input {padding: 0.4rem 1.563rem;} .button {padding: 0.757rem 1.563rem;} /* banner */ .banner {padding: 1.5rem 0 3rem;} .banner input { margin: 5px;} .banner__subtitle {font-size: 1.2rem;} .banner-contact .message, .banner-contact input { width: 18.75rem;} .banner-offer h2 { font-size: 1.2rem; line-height: 1.4rem;} /* .header */ .header__top .container {padding-left: 17px; padding-right: 6px;} .header__top ul { display: flex; justify-content: space-between;} .header__top li { position: relative; margin-left: 0;margin-right: 2rem;} .header__top li:last-child { position: relative; margin: 0;} .header__bottom .container {padding-left: 6px; padding-right: 6px;} .header__bottom .navbar {padding: 0;} .header__bottom .navbar-nav {padding-bottom: 10px;} .navbar-brand {width: 180px;} .navbar-brand img {width: 100%;} /* main-page START */ /* .hero */ .main .hero {height: calc(100vh - 100px); justify-content: start;padding-top: 70px; padding-left: 10px; padding-right: 10px;} .main .hero .title {line-height: 3.6rem;font-size: 2.6rem; margin-bottom: 4rem;} .main .hero h1 { padding-left: 10px; padding-right: 10px; font-size: 1.2rem;line-height: 1.7rem;text-align: center;} .main .hero h1 span {font-size: 1.3rem;} .main .hero .subtitle {bottom: -1px;} /* .places */ .places {padding-top: 4rem;padding-bottom: 3rem; transform: scale(1);} .places .poligon { height: 5.6rem; width: 6rem; margin-bottom: 0;} .places span {font-size: 1.1rem; bottom: -0.4rem;} .places .row { justify-content: space-evenly; margin-bottom: 3.875rem; } .places a { width: 26%; line-height: 1; margin-bottom: 2rem;} /*.steps-form*/ .steps-form .container {padding: 1rem 1rem 4rem;height: 600px;} .steps-form .title {margin-bottom: 4rem;} .steps-form__item { width: 10rem; height: 9rem; margin: 3%;} .steps-form__item { padding: 1rem;} .steps-form__item span { font-size: 1.2rem;} .steps-form svg {min-height: 38px;} .steps-form label, .steps-form span, .steps-form .button, .steps-form .res-progress-title { transform: scale(0.9);} .steps-form__item span {line-height: 1.3rem; margin-top: 10px;} .steps-form label { margin: 0;} .steps-form .custom-radio {margin-top: 10px;} .object-page .steps-form .custom-radio {margin-top: 10px; /*margin-left: 6rem;*/ } .steps-form .qty__item {margin-bottom: 10px;} .steps-form .range .valeurPrix {margin-top: 10px;} .steps-form .range {padding-bottom: 0;} .steps-form .res-form-three .row { min-height: 19rem; padding-top: 5%; } .steps-form .res-form-three .col-6 { padding-left: 6%; } .steps-form .res-form-two .title {margin-bottom: 1rem;} .steps-form .res-form-two .col-6 {margin-bottom: 0;padding-left: 10%;} .steps-form .res-form-two .col-6.IYur-obj {padding-left: 10px;} .steps-form .res-form-two .res-contact .title {margin-bottom: 30px;} .steps-form .res-form-two .res-contact .row {margin-bottom: 0;} .steps-form .res-form-two .res-contact .button {margin-top: 2rem;} .steps-form .res-contact .subtitle {margin: 2rem 0 3rem;} .steps-form .res-contact .button {margin-top: 2rem;} .steps-form .res-contact .row input {width: 21rem;} .steps-form .res-steps-container { bottom: 0%; padding: 0 5%; } .steps-form .res-btn-gray {margin-right: 0;} .steps-form .qtyPlus, .steps-form .qtyMinus { width: 2rem; height: 2rem;cursor: pointer;} .steps-form .qtyTotal { width: 3.5rem; height: 2.5rem;} .steps-form .IYur-obj.col-6 {padding-left: 15px; flex: 0 0 58.333333%; max-width: 58.333333%;} .steps-form .IYur-qty {padding-right: 0; flex: 0 0 41.666667%; max-width: 41.666667%;} .steps-form .custom-radio label:after {left: 50%; top: 50%; transform: translateX(-105%) translateY(20%);} .steps-form .custom-checkbox label:after {transform: translateX(-70%) translateY(-30%) scale(0.8);} /* .client-type */ .client-type { padding-top: 6rem; padding-bottom: 6rem; } .client-type__item { padding: 1.8rem 1rem 1.5rem 1.4rem;} .client-type__subtitle { min-height: 30px;} /* .about */ .about .title { margin-bottom: 3rem; } .about .container { transform: scale(1);} .about p {font-size: 1rem; line-height: 1.7rem; padding-left: 0;} /*.experience*/ .experience__item {min-width: 310px; padding-top: 1.8rem; padding-left: 25px; padding-right: 10px; font-size: 1rem;} .experience__item svg {width: 50px;} /*.question*/ .question .nav-tabs {justify-content: center; } .question .title { margin-bottom: 2rem; } .question .nav-link.active + .showDescr {bottom: -6rem; } .question .questionDescr {padding: 3rem 0; font-size: 1rem;} #question-carousel .carousel-inner {max-height: 150px; min-height: 150px; } #question-carousel .carousel-indicators > li {height: 30px; min-width: 120px; } #question-carousel .carousel-indicators > li img {display: none;} #question-carousel .carousel-indicators > li a {font-size: 1rem;} /* .history */ .history .container {min-height: 140px;} .history__text {font-size: 0.9rem; display: block;max-width: 150px; margin-right: 10px;} .history__text b {font-size: 1.4rem; line-height: 1.4rem; margin-bottom: 7px;} .history .carousel-indicators {margin-left: 25px;margin-right: 25px;} .history .carousel-indicators span {font-size: 1.3rem;} .history .carousel-indicators .history__down {top: 0.3rem; left: 15px;} .history .carousel-indicators .history__up {top: -3.5rem; left: 15px;} .history .carousel-indicators span.last {right: -123%; top: -2.5rem; left: auto;} .active .history__car svg {width: 40px; top: -37px;} .history__circle { width: 6px; height: 6px; margin: -4px 0 0 -6px;} .history__circle-last {top: -2.9rem;} @keyframes carAnimation { 0% { left: -30%;} 100% { left: 73%; } } .workers {font-size: 14px;} .workers .title {margin-bottom: 3rem;} .workers .container { transform: scale(1);} /*.projects*/ .projects {min-height: 580px; margin-bottom: 6rem; padding-top: 3rem;background: url("../img/reusable/bg/bg-section.jpg") no-repeat center center; background-size: cover;} .projects .title {margin-bottom: 3rem;} .projects .container { width: 100%; } .projects .wrap ul {height: auto;} .projects .wrap ul li {width: 100%; height: auto;} .projects .wrap li.active {margin-top: 0px; } .projects .wrap li.next {transform: translateX(14%) translateY(68%) scale(0.2);} .projects .wrap li.next2 {transform: translateX(40%) translateY(68%) scale(0.2); opacity: 1; z-index: 1;} .projects .wrap li.prev {transform: translateX(-14%) translateY(68%) scale(0.2);} .projects .wrap li.prev2 {transform: translateX(-40%) translateY(68%) scale(0.2); opacity: 1; z-index: 1;} .projects .active .project__title { font-size: 1.5rem; } .rating {flex-wrap: wrap; padding-bottom: 3rem; margin-bottom: 3rem;} .mob-app {padding-bottom: 3rem;} .mob-app .title {margin-bottom: -1rem;} .mob-app__wrapper {flex-direction: column; align-items: center; text-align: center;} .mob-app__wrapper {margin-top: 0;} .mob-app__title { font-size: 1.8rem; line-height: 2.2rem; margin-bottom: 2rem;} .mob-app__wrapper img { max-width: 200px; max-height: 300px;} .banner-contact {padding-bottom: 0;} .banner-contact__contacts span {font-weight: 500;} .how-works { margin-bottom: 8.5rem; } .how-works .container { transform: translateX(-35px) scale(1); } .how__img {width: 60px; height: 100px; transform: scale(1.2) translateX(5px); margin-bottom: -30px;} .how__img svg { height: 100px;} .how-works .wrapper {margin-bottom: -5px; margin-top: 10px;} .how-works .wrapper svg {display: none;} .how-works .how-works__arrow {border: none; margin-top: 83px; margin-left: 60%; } .how-works .how-works__arrow svg {display: block; top: -70px; width: 15px; height: 15px;} .how-works .wrapper svg + span { font-size: 1.1rem; } .how__item span { font-size: 0.8rem; min-width: 90px; } .equipment__text {padding-left: 0;} .equipment li { margin-bottom: 15px; font-size: 14px;} .equipment li span { font-size: 15px;} .reviews__item { max-height: 240px; min-height: 240px; display: flex; justify-content: space-between; flex-direction: column;border: 1px solid #e58138; margin: 5px; padding: 15px;} .reviews__header { display: flex; margin-bottom: 15px; } .reviews__header img { width: 70px; height: 70px; margin-right: 15px; } .reviews__title { line-height: 0; } .reviews__title span { margin-bottom: 5px; font-size: 1.2rem; line-height: 1.4rem; } .reviews__title small { font-size: 1rem; } .reviews__body { margin-bottom: 20px; font-size: 1rem; } .reviews__button { font-size: 12px; } /* .page-404 */ .page-404 h1 { font-size: 2.2rem; line-height: 2.625rem; font-weight: 600;} .page-404 a * {margin: 0 auto;} /*.object-page*/ .object-page .rating {margin-bottom: 5rem;} /*#contacts-page*/ .map__adress.map__rating {display: none;} #about-page .types__text ul { padding-left: 5px;} #about-page .types__text a {font-size: 1.3rem;} #about-page .map { max-height: 75vh; } #about-page .map #map { height: 60vh; } #about-page .partners__item { height: 130px;} #about-page .partners__item img {max-width: 80%} #about-page .video .item {width: 100%; margin: 5px; border: 3px solid #e5813891;} #about-page .video iframe, #about-page .video img {width: 100%;height: 12rem;} .teh-ser__title, #teh-ser-page .teh-ser__pluses .teh-ser__title, .teh-ser-for .teh-ser__title {font-size: 1.8rem; line-height: 1.2; margin-bottom: 2rem;} #teh-ser-page .teh-ser__subtitle a {white-space: nowrap;} #teh-ser-page .row {padding-right: 0;} #teh-ser-page .col-md-6 {padding-right: 0;} #teh-ser-page p {font-size: 1rem;} .teh-ser-for__item {width: 47%;margin: 4px;} #teh-ser-page .banner__title {font-size: 1.5rem;} #teh-ser-page .teh-ser__pluses .poligon { height: 5.6rem; width: 6rem;} #teh-ser-page .teh-ser__pluses span {font-size: 1rem; line-height: 1.2;} #teh-ser-page .teh-ser__pluses a { width: 50%;transform: scale(1); margin-bottom: 35px; line-height: 1;} #teh-ser-page li {line-height: 1.2;} #teh-ser-page li span {font-size: 1.1rem;} #teh-ser-page .teh-ser__workers .container {padding: 0 5px 0 0;} #teh-ser-page .teh-ser__workers {padding-left: 15px;} .teh-ser__price .wrapper {margin: 0 -20px;} .teh-ser__price ul { padding: 0px 5px 0 25px; } .partners .title {font-size: 1.8rem; line-height: 1.2; margin-bottom: 2rem;} .partners__item { height: 130px;} .partners__item img {max-width: 80%} #sitemap-page .card-header, #sitemap-page .card-body {padding: 0; margin-top: 10px;} #sitemap-page ul {padding-left: 20px;} #sitemap-page li {margin-bottom: 10px; line-height: 1;} #sitemap-page .card-body > ul > li ul {padding-left: 25px;} #modal .button.accent-button {margin-bottom: 40px; margin-top: -20px;} #catalog .device__item { font-size: 1rem; line-height: 1.3rem; } #catalog .device-types {margin: 1rem;} #catalog .device__item img { width: 100%;} #projects .device-type { width: 100%; padding: 1.5rem 5px; margin: 0.3rem; background: #c9c9c9; text-align: center; border-radius: 6px; font-size: 0.8rem; } #projects .device__item img { width: 100%;} #projects .device__item { font-size: 1rem; line-height: 1.3rem; } .faq .card-header {font-weight: 500;} .faq .card-header.info__title {font-weight: 600;} #kit .equipment__wrapper { transform: scale(0.48); margin-top: -3rem; } #kit .equipment li { margin-bottom: 7px; } #kit .kit-slider-nav .slick-slide .calc-type, #kit .kit-slider2-nav .slick-slide .calc-type { height: 4rem; min-width: 6rem; width: 7rem !important; margin: 1rem 0;} #kit .kit-slider-nav .slick-slide, #kit .kit-slider2-nav .slick-slide { min-width: 7.5rem; width: 7.5rem !important; } .calc-descr-how { margin-bottom: 7rem; padding: 0;} .calc-descr-how li { width: 50%; margin: 2rem 0; } #calc section.calc {padding-top: 3rem;} .calc .sensorName {font-size: 14px;} .calc .sensorPrice {font-size: 15px;} .calc .device__item svg {margin-left: -10px;} .calc .kit-slider-nav, .calc .kit-slider2-nav {top: -500px;} .calc .table th:nth-child(2), .calc .table td:nth-child(2), .calc .table th:nth-child(3), .calc .table td:nth-child(3) { padding-right: 0; flex-direction: column;} .calc .qty { justify-content: center; } .calc thead {display: none;} .calc .device__item td:nth-child(2) { border-top: 1px solid #dee2e6; } .calc .table td { border-top: none; } .calc .table td b {color: #e58138; font-weight: bolder; } .calc .device__item td:nth-child(2) span { max-width: 50%; display: block;} .calc .table td:nth-child(3) {left: 62%; padding: 0; font-weight: 500; text-align: left; position: absolute; margin-top: 10px;} .calc .table td:nth-child(4) {padding: 3px; position: relative;} .calc .table td:nth-child(4) > div {top: 2px; position: absolute; right: 30px;} .calc .calc-types { transform: scale(0.8) translateY(-15%);} .calc .device-types ul { flex-wrap: nowrap;} .calc .calc-types.center, .calc .calc-types.last {margin-top: -70px;} .calc .calc-type { border: 2px solid #9e9e9e78;} .calc .calc-types.last .col-6 { align-items: center; margin-left: -10px; justify-content: space-between; flex: 0 0 50%; max-width: 50%; } .calc .custom-checkbox label span {margin-top: 10px;} .calc .device-types .container { height: 480px; } .calc .device-price .title { font-size: 1.3rem; padding-left: 0;} .calc .device__item {position: relative;} .calc .device__item {text-align: left;} .calc .device-types { margin: 1rem 1rem 2rem; } .calc table {margin-bottom: 2rem; } #kit .kit-slider2-nav, #kit .kit-slider-nav { top: -550px; } #kit .calc-type span {font-size: 1.1rem;} #article-page .article__img {width: 100%;} #button-up { right: 27px; bottom: 100px;} .steps-form-final-wrap { flex-direction: column-reverse; align-items: center; padding: 5px; padding-top: 10px;} .steps-form-final-img { max-width: 150px; min-width: 100px; margin-left: 0; margin-bottom: 10px; } .steps-form-final-wrap span {text-align: center} } @media screen and (max-width: 400px) { .hero .title { font-size: 1.9rem; line-height: 2.5rem; } .title {font-size: 1.8rem;} .places span { font-size: 0.85rem; font-weight: 500;} .places a {line-height: 0.85rem;} .info .card-header { font-size: 1.15rem; line-height: 1.7rem;} .info .card-body { font-size: 1rem; line-height: 1.5rem; } .steps-form .container {height: 540px;} .steps-form .title {margin-top: 0; font-size: 1.99rem; font-weight: 500;padding: 0; } .steps-form .res-progress-title { font-size: 1.8rem; padding-top: 0; } .steps-form .res-form-two .col-6 { padding-left: 15px; } .steps-form .range { padding: 0 5%; } .steps-form .button { min-width: 10rem; margin-top: 2rem;} .steps-form .custom-checkbox label span {letter-spacing: -0.5px; } .steps-form .res-form-three .col-6 { padding-left: 0; flex: 0 0 45%; max-width: 45%;} .steps-form .res-contact .subtitle {margin: 0 0 3rem;} .steps-form .res-contact .title {margin-bottom: 1rem;} .steps-form .button {max-width: 10rem; padding: 0.875rem 0; } .steps-form .res-progress-title { font-size: 1.7rem; line-height: 3.4rem; } .steps-form .IYur-obj.col-6 { padding-left: 10px; flex: 0 0 70%; max-width: 70%; } .steps-form .res-form-two .IYur-qty { margin-bottom: 10px;padding-left: 20px; flex: 0 0 30%; max-width: 30%;} .steps-form .IYur-qty .qty__item {display: flex;flex-direction: column; align-items: center;} .steps-form .IYur-qty .qtyPlus, .steps-form .IYur-qty .qtyMinus {margin: 5px;cursor: pointer;} .steps-form .qtyTotal { width: 2.5rem;} .steps-form .IYur-qty .qty__item {padding-left: 15px;} .steps-form .res-form-two .IYur-qty span { margin-bottom: 5px;} #video .steps-form .step-form__buttons .button { min-width: 100%; position: absolute; left: 0; } .info .info-articles_title { font-size: 1.15rem; line-height: 1.725rem;} .info .card-header, .info .card-body {padding-left: 0; padding-right: 0;} #about-page .types-work { margin-bottom: 12rem; } #about-page .about p { font-size: 1.1rem; line-height: 1.4rem; } #about-page .types__text { padding: 20px 0 10px 10%;} #about-page .types__text a { font-size: 1.1rem; line-height: 1rem; } #about-page .types__text ul { font-size: 1.3rem;} #about-page .types__text li { margin-bottom: 5px; } #about-page .map__balloon, #about-page .map *[class$="balloon__layout"] { width: 300px; height: 200px;} #about-page .map__balloon img { width: 290px; height: 190px;} #about-page .map .project { padding: 10px 5px; top: 60px;} /* TODO iphone 5 bad balloon fix! */ #modal .modal-dialog {width: 90%;} #modal .modal__title { font-size: 1.5rem; margin-bottom: 0; line-height: 1.7rem; margin-bottom: 20px;} #modal .modal__contacts { padding-bottom: 1rem;} #modal #pay-slider li {line-height: 1;} #modal #pay-slider li span {font-size: 1rem;} #modal #pay-slider .step { font-size: 1.7rem; } #modal #pay-slider .step__text {padding-left: 20px;} #catalog .device-types .container {padding: 5px;} #catalog .device-type { width: 10rem; height: 10rem; padding: 0.5rem 0.5rem 1rem; margin: 5px; } #catalog .device-type svg { height: auto; width: 40px; display: block; } #catalog .device-type svg#audio { width: 1.7rem; margin-left: -1.625rem; transform: rotate(370deg) translateY(30px);} .calc-descr p { font-size: 1.2rem; line-height: 1.9rem; } .calc .device-types .container {padding: 5px;} .calc .calc-types.center {padding: 0;} .calc .calc-types.last .col-6:nth-child(1) {margin-left: -20px;} .calc .calc-types.last .col-6:nth-child(2) {margin-right: -30px; margin-left: 30px;} .calc .center .calc-type { width: 8rem; } .calc .center .calc-type span {font-size: 1.2rem;} .calc .calc-type small {font-size: .9rem} .calc .calc-type { width: 8.7rem; height: 8rem; padding: 1rem; margin: 0.4rem;} .calc .table td:nth-child(3) {display: block;} .calc .table th:nth-child(4) {display: none;} .calc .device-parameter {padding: 1.5rem 1rem;} .calc .device-total, .calc .device-price .title {padding: 0;} .calc .qty small {display: none;} .calc .device-price span { font-size: 0.9rem; } .calc .device__item svg { margin-left: -10px; max-width: 25px; } .calc .device__item td:nth-child(2) span { max-width: 15%; display: block; } .calc .table td:nth-child(3) { left: 50%;} .calc .table td:nth-child(4) > div { right: 15px; } .calc .calc-types.center, .calc .calc-types.last { margin-top: -45px; } .calc .device-total {margin-bottom: 2rem; margin-top: 1rem; font-size: 1.4rem;} .calc .device-parameter.device-price .mt-3 { margin-top: -0.1rem !important; } .calc .device-total a {margin-top: 2rem !important;} .calc .sensorPrice { font-size: 13px; } .calc .sensorName { font-size: 12px; } .calc-descr li {width: 49%;} .calc-descr li .button {min-width: 10rem;} .calc-descr li { margin-bottom: 4rem; font-size: 1.2rem;} #calc .banner { margin-bottom: 2rem; } #kit .equipment__wrapper { transform: scale(0.37); margin-top: -5rem;} #kit .equipment__text {padding: 0; margin-top: -2rem; margin-left: -10px;} #kit .nav-tabs {flex-wrap: nowrap;} #kit .nav-tabs a {font-size: 1rem;} #kit { margin-bottom: 0; } #kit .kit-slider2-nav, #kit .kit-slider-nav { top: -500px; } #kit .calc-type span {font-size: 1rem;} #kit .calc-type small {font-size: 70%} #calc .banner.banner-question.calc-descr {padding-bottom: 0; margin-bottom: 0;} #contacts-page .map *[class$="balloon__layout"], #contacts-page .map *[class$="custom-scroll"], #contacts-page .map *[class$="balloon__content"], #contacts-page .map *[class$="balloon"] {display: none;} #contacts-page .hero { background-position: 70%;} #article-page .article {font-size: 13px;} } .table-wrap { display: flex; text-align: center; background-color: #fff; padding: 2rem 2rem; color: #000; } .table tr td { padding: 7px; text-align: center; } @media screen and (max-width: 800px) { .table-wrap { overflow-x: scroll; } }