/* Start:/bitrix/templates/generator/css/vendor.css?17661454376314*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15;
/* 1 */
-webkit-text-size-adjust: 100%;
/* 2 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Render the `main` element consistently in IE.
*/
main {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
/* 1 */
height: 0;
/* 1 */
overflow: visible;
/* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none;
/* 1 */
text-decoration: underline;
/* 2 */
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
/* 2 */
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
/* 1 */
font-size: 100%;
/* 1 */
line-height: 1.15;
/* 1 */
margin: 0;
/* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input {
/* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
/* 1 */
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
-webkit-box-sizing: border-box;
box-sizing: border-box;
/* 1 */
color: inherit;
/* 2 */
display: table;
/* 1 */
max-width: 100%;
/* 1 */
padding: 0;
/* 3 */
white-space: normal;
/* 1 */
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type=checkbox],
[type=radio] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type=search] {
-webkit-appearance: textfield;
/* 1 */
outline-offset: -2px;
/* 2 */
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button;
/* 1 */
font: inherit;
/* 2 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}/*# sourceMappingURL=vendor.css.map */
/* End */
/* Start:/bitrix/templates/generator/css/main.css?1777971239622705*/
@charset "UTF-8";
:root {
--content-width: 1248px;
--container-offset: 1rem;
--container-width: calc(
var(--content-width) + (var(--container-offset) * 2)
);
}
span {
line-height: 1.5;
}
/* stylelint-disable */
/* stylelint-disable */
/* stylelint-disable */
.custom-checkbox__field:checked + .custom-checkbox__content::after {
opacity: 1;
}
.custom-checkbox__field:focus + .custom-checkbox__content::before {
outline: 2px solid #f00;
outline-offset: 2px;
}
.custom-checkbox__field:disabled + .custom-checkbox__content {
opacity: 0.4;
pointer-events: none;
}
/* stylelint-disable */
/* stylelint-disable */
/* stylelint-disable value-keyword-case */
@font-face {
font-family: 'Overpass';
src: url('/bitrix/templates/generator/css/../fonts/overpass-thin.woff2') format('woff2');
font-weight: 100;
font-display: swap;
font-style: normal;
}
@font-face {
font-family: 'Overpass';
src: url('/bitrix/templates/generator/css/../fonts/overpass-light.woff2') format('woff2');
font-weight: 300;
font-display: swap;
font-style: normal;
}
@font-face {
font-family: 'Overpass';
src: url('/bitrix/templates/generator/css/../fonts/overpass-regular.woff2') format('woff2');
font-weight: 400;
font-display: swap;
font-style: normal;
}
@font-face {
font-family: 'Overpass';
src: url('/bitrix/templates/generator/css/../fonts/overpass-semibold.woff2') format('woff2');
font-weight: 600;
font-display: swap;
font-style: normal;
}
@font-face {
font-family: 'Overpass';
src: url('/bitrix/templates/generator/css/../fonts/overpass-bold.woff2') format('woff2');
font-weight: 700;
font-display: swap;
font-style: normal;
}
@font-face {
font-family: 'Overpass';
src: url('/bitrix/templates/generator/css/../fonts/overpass-extrabold.woff2') format('woff2');
font-weight: 800;
font-display: swap;
font-style: normal;
}
@font-face {
font-family: 'lg';
src:
url('/bitrix/templates/generator/css/../fonts/lg.woff2?io9a6k') format('woff2'),
url('/bitrix/templates/generator/css/../fonts/lg.ttf?io9a6k') format('truetype'),
url('/bitrix/templates/generator/css/../fonts/lg.woff?io9a6k') format('woff'),
url('/bitrix/templates/generator/css/../fonts/lg.svg?io9a6k#lg') format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
.lg-icon {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'lg' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.lg-container {
font-family:
system-ui,
-apple-system,
'Segoe UI',
Roboto,
'Helvetica Neue',
Arial,
'Noto Sans',
'Liberation Sans',
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji',
'Segoe UI Symbol',
'Noto Color Emoji';
}
.lg-next,
.lg-prev {
background-color: rgba(0, 0, 0, 0.45);
border-radius: 2px;
color: #999;
cursor: pointer;
display: block;
font-size: 22px;
margin-top: -10px;
padding: 8px 10px 9px;
position: absolute;
top: 50%;
z-index: 1084;
outline: none;
border: none;
}
.lg-next.disabled,
.lg-prev.disabled {
opacity: 0 !important;
cursor: default;
}
.lg-next:hover:not(.disabled),
.lg-prev:hover:not(.disabled) {
color: #fff;
}
.lg-single-item .lg-next,
.lg-single-item .lg-prev {
display: none;
}
.lg-next {
right: 20px;
height: 48px;
width: 48px;
background-color: #fff;
border-radius: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.lg-next:before {
content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDggMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjM0Mzc5IDAuMzU1NTA1QzEuNjA1ODMgMC4zNTMyNzcgMS44NTgzOCAwLjQ1Mzc4IDIuMDQ2OTEgMC42MzU3NzhMNy43MDQxNCA2LjI5MzAxQzcuODkxNTggNi40ODA1MiA3Ljk5NzEgNi43MzQ5IDcuOTk3MTEgNy4wMDAwNEM3Ljk5NzExIDcuMjY1MTcgNy44OTE1NyA3LjUxOTU1IDcuNzA0MTQgNy43MDcwN0wyLjA0NjkxIDEzLjM2NDNDMS45NTQ3OCAxMy40NTk2IDEuODQ0NSAxMy41MzU2IDEuNzIyNjkgMTMuNTg3OUMxLjYwMDY5IDEzLjY0MDMgMS40Njg3NSAxMy42Njc4IDEuMzM1OTggMTMuNjY5QzEuMjAzMzkgMTMuNjcwMSAxLjA3MTk4IDEzLjY0NSAwLjk0OTI1NyAxMy41OTQ4QzAuODI2MzYgMTMuNTQ0NSAwLjcxNDA0OCAxMy40Njk5IDAuNjIwMTU1IDEzLjM3NkMwLjUyNjQ3NiAxMy4yODIyIDAuNDUyNTgyIDEzLjE3MDYgMC40MDIzODIgMTMuMDQ3OUMwLjM1MjExMyAxMi45MjUgMC4zMjcwMDkgMTIuNzkzIDAuMzI4MTYzIDEyLjY2MDJDMC4zMjkzNzkgMTIuNTI3NiAwLjM1Njg3MiAxMi4zOTYzIDAuNDA5MjE4IDEyLjI3NDVDMC40NjE1OTQgMTIuMTUyNiAwLjUzNzQ5MiAxMi4wNDI0IDAuNjMyODUxIDExLjk1MDJMNS41ODMwNSA3LjAwMDA0TDAuNjMyODUxIDIuMDQ5ODRDMC40NTA4MjEgMS44NjEyNyAwLjM1MDMxMiAxLjYwODgxIDAuMzUyNTc3IDEuMzQ2NzJDMC4zNTQ4NTYgMS4wODQ1MiAwLjQ2MDEzOCAwLjgzMzg4MiAwLjY0NTU0NiAwLjY0ODQ3NEMwLjgzMDk0NyAwLjQ2MzExIDEuMDgxNjIgMC4zNTc3ODMgMS4zNDM3OSAwLjM1NTUwNVoiIGZpbGw9IiM4MjhDOTciLz4KPC9zdmc+Cg==');
display: block;
width: 24px;
height: 24px;
}
.lg-prev {
left: 20px;
height: 48px;
width: 48px;
background-color: #fff;
border-radius: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.lg-prev:after {
content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDggMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMC4yOTI3ODcgNy43MDY5OEMwLjEwNTMxNiA3LjUxOTQ1IDAgNy4yNjUxNCAwIDYuOTk5OThDMCA2LjczNDgxIDAuMTA1MzE2IDYuNDgwNSAwLjI5Mjc4NyA2LjI5Mjk4TDUuOTQ5NzkgMC42MzU5NzdDNi4wNDIwMyAwLjU0MDQ2NyA2LjE1MjM4IDAuNDY0Mjg0IDYuMjc0MzggMC40MTE4NzVDNi4zOTYzOSAwLjM1OTQ2NiA2LjUyNzYxIDAuMzMxODggNi42NjAzOSAwLjMzMDcyNkM2Ljc5MzE2IDAuMzI5NTcyIDYuOTI0ODQgMC4zNTQ4NzQgNy4wNDc3NCAwLjQwNTE1NUM3LjE3MDY0IDAuNDU1NDM2IDcuMjgyMjkgMC41Mjk2ODkgNy4zNzYxOCAwLjYyMzU4MkM3LjQ3MDA3IDAuNzE3NDc1IDcuNTQ0MzMgMC44MjkxMjYgNy41OTQ2MSAwLjk1MjAyM0M3LjY0NDg5IDEuMDc0OTIgNy42NzAxOSAxLjIwNjYgNy42NjkwNCAxLjMzOTM4QzcuNjY3ODggMS40NzIxNiA3LjY0MDMgMS42MDMzOCA3LjU4Nzg5IDEuNzI1MzhDNy41MzU0OCAxLjg0NzM5IDcuNDU5MyAxLjk1NzczIDcuMzYzNzkgMi4wNDk5OEwyLjQxMzc5IDYuOTk5OThMNy4zNjM3OSAxMS45NUM3LjU0NTk0IDEyLjEzODYgNy42NDY3NCAxMi4zOTEyIDcuNjQ0NDYgMTIuNjUzNEM3LjY0MjE4IDEyLjkxNTYgNy41MzcwMSAxMy4xNjY0IDcuMzUxNjEgMTMuMzUxOEM3LjE2NjIgMTMuNTM3MiA2LjkxNTM4IDEzLjY0MjQgNi42NTMxOSAxMy42NDQ3QzYuMzkwOTkgMTMuNjQ2OSA2LjEzODM5IDEzLjU0NjEgNS45NDk3OSAxMy4zNjRMMC4yOTI3ODcgNy43MDY5OFoiIGZpbGw9IiM4MjhDOTciLz4KPC9zdmc+Cg==');
display: block;
margin-top: -2px;
}
@-webkit-keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@-webkit-keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
@keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
.lg-outer.lg-right-end .lg-object {
-webkit-animation: lg-right-end 0.3s;
animation: lg-right-end 0.3s;
position: relative;
}
.lg-outer.lg-left-end .lg-object {
-webkit-animation: lg-left-end 0.3s;
animation: lg-left-end 0.3s;
position: relative;
}
.lg-toolbar {
z-index: 1082;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.lg-media-overlap .lg-toolbar {
background-image: -webkit-gradient(
linear,
left bottom,
left top,
from(rgba(0, 0, 0, 0)),
to(rgba(0, 0, 0, 0.4))
);
background-image: linear-gradient(
0deg,
rgba(0, 0, 0, 0),
rgba(0, 0, 0, 0.4)
);
}
.lg-toolbar .lg-icon {
color: #999;
cursor: pointer;
float: right;
font-size: 24px;
height: 47px;
line-height: 27px;
padding: 10px 0;
text-align: center;
width: 50px;
text-decoration: none !important;
outline: medium none;
will-change: color;
-webkit-transition: color 0.2s linear;
transition: color 0.2s linear;
background: none;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.lg-toolbar .lg-icon.lg-icon-18 {
font-size: 1.125rem;
}
.lg-toolbar .lg-icon:hover {
color: #fff;
}
.lg-toolbar .lg-close:after {
content: '\e070';
}
.lg-toolbar .lg-maximize {
font-size: 22px;
}
.lg-toolbar .lg-maximize:after {
content: '\e90a';
}
.lg-toolbar .lg-download:after {
content: '\e0f2';
}
.lg-sub-html {
color: #eee;
font-size: 16px;
padding: 10px 40px;
text-align: center;
z-index: 1080;
opacity: 0;
-webkit-transition: opacity 0.2s ease-out 0s;
transition: opacity 0.2s ease-out 0s;
}
.lg-sub-html h4,
.lg-sub-html .h4 {
margin: 0;
font-size: 13px;
font-weight: bold;
}
.lg-sub-html p {
font-size: 0.75rem;
margin: 5px 0 0;
}
.lg-sub-html a {
color: inherit;
}
.lg-sub-html a:hover {
text-decoration: underline;
}
.lg-media-overlap .lg-sub-html {
background-image: -webkit-gradient(
linear,
left top,
left bottom,
from(rgba(0, 0, 0, 0)),
to(rgba(0, 0, 0, 0.6))
);
background-image: linear-gradient(
180deg,
rgba(0, 0, 0, 0),
rgba(0, 0, 0, 0.6)
);
}
.lg-item .lg-sub-html {
position: absolute;
bottom: 0;
right: 0;
left: 0;
}
.lg-error-msg {
font-size: 0.875rem;
color: #999;
}
.lg-counter {
color: #999;
display: inline-block;
font-size: 16px;
padding-left: 20px;
padding-top: 12px;
height: 47px;
vertical-align: middle;
}
.lg-closing .lg-toolbar,
.lg-closing .lg-prev,
.lg-closing .lg-next,
.lg-closing .lg-sub-html {
opacity: 0;
-webkit-transition:
-webkit-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s,
opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s,
color 0.08 linear;
-webkit-transition:
opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s,
color 0.08 linear,
-webkit-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s;
transition:
opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s,
color 0.08 linear,
-webkit-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s;
transition:
transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s,
opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s,
color 0.08 linear;
transition:
transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s,
opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s,
color 0.08 linear,
-webkit-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s;
}
body:not(.lg-from-hash)
.lg-outer.lg-start-zoom
.lg-item:not(.lg-zoomable)
.lg-img-wrap,
body:not(.lg-from-hash)
.lg-outer.lg-start-zoom
.lg-item:not(.lg-zoomable)
.lg-video-cont,
body:not(.lg-from-hash)
.lg-outer.lg-start-zoom
.lg-item:not(.lg-zoomable)
.lg-media-cont {
opacity: 0;
-ms-transform: scale3d(0.5, 0.5, 0.5);
-webkit-transform: scale3d(0.5, 0.5, 0.5);
transform: scale3d(0.5, 0.5, 0.5);
will-change: transform, opacity;
-webkit-transition:
-webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s,
opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
-webkit-transition:
opacity 250ms cubic-bezier(0, 0, 0.25, 1),
-webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s !important;
transition:
opacity 250ms cubic-bezier(0, 0, 0.25, 1),
-webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s !important;
transition:
transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s,
opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
transition:
transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s,
opacity 250ms cubic-bezier(0, 0, 0.25, 1),
-webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s !important;
}
body:not(.lg-from-hash)
.lg-outer.lg-start-zoom
.lg-item:not(.lg-zoomable).lg-complete
.lg-img-wrap,
body:not(.lg-from-hash)
.lg-outer.lg-start-zoom
.lg-item:not(.lg-zoomable).lg-complete
.lg-video-cont,
body:not(.lg-from-hash)
.lg-outer.lg-start-zoom
.lg-item:not(.lg-zoomable).lg-complete
.lg-media-cont {
opacity: 1;
-ms-transform: scale3d(1, 1, 1);
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
.lg-icon:focus-visible {
color: #fff;
border-radius: 3px;
outline: 1px dashed rgba(255, 255, 255, 0.6);
}
.lg-toolbar .lg-icon:focus-visible {
border-radius: 8px;
outline-offset: -5px;
}
.lg-group:after {
content: '';
display: table;
clear: both;
}
.lg-container {
display: none;
outline: none;
}
.lg-container.lg-show {
display: block;
}
.lg-on {
scroll-behavior: unset;
}
.lg-overlay-open {
overflow: hidden;
}
.lg-toolbar,
.lg-prev,
.lg-next,
.lg-pager-outer,
.lg-hide-sub-html .lg-sub-html {
opacity: 0;
will-change: transform, opacity;
-webkit-transition:
-webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s,
opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
-webkit-transition:
opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s,
-webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
transition:
opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s,
-webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
transition:
transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s,
opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
transition:
transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s,
opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s,
-webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-show-in .lg-toolbar,
.lg-show-in .lg-prev,
.lg-show-in .lg-next,
.lg-show-in .lg-pager-outer {
opacity: 1;
}
.lg-show-in.lg-hide-sub-html .lg-sub-html {
opacity: 1;
}
.lg-show-in .lg-hide-items .lg-prev {
opacity: 0;
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
.lg-show-in .lg-hide-items .lg-next {
opacity: 0;
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
.lg-show-in .lg-hide-items .lg-toolbar {
opacity: 0;
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
.lg-show-in .lg-hide-items.lg-hide-sub-html .lg-sub-html {
opacity: 0;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
.lg-outer {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 1150;
text-align: left;
opacity: 0.001;
outline: none;
will-change: auto;
overflow: hidden;
-webkit-transition: opacity 0.15s ease 0s;
transition: opacity 0.15s ease 0s;
}
.lg-outer * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.lg-outer.lg-zoom-from-image {
opacity: 1;
}
.lg-outer.lg-visible {
opacity: 1;
}
.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-prev-slide,
.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-next-slide,
.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-current {
-webkit-transition-duration: inherit !important;
transition-duration: inherit !important;
-webkit-transition-timing-function: inherit !important;
transition-timing-function: inherit !important;
}
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
-webkit-transition-duration: 0s !important;
transition-duration: 0s !important;
opacity: 1;
}
.lg-outer.lg-grab img.lg-object {
cursor: -webkit-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.lg-outer.lg-grabbing img.lg-object {
cursor: move;
cursor: -webkit-grabbing;
cursor: -o-grabbing;
cursor: -ms-grabbing;
cursor: grabbing;
}
.lg-outer .lg-content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.lg-outer .lg-inner {
width: 100%;
position: absolute;
left: 0;
top: 0;
bottom: 0;
-webkit-transition: opacity 0s;
transition: opacity 0s;
white-space: nowrap;
}
.lg-outer .lg-item {
display: none !important;
}
.lg-outer .lg-item:not(.lg-start-end-progress) {
background: url('/bitrix/templates/generator/css/../loading.gif') no-repeat scroll center center
transparent;
}
.lg-outer.lg-css3 .lg-prev-slide,
.lg-outer.lg-css3 .lg-current,
.lg-outer.lg-css3 .lg-next-slide {
display: inline-block !important;
}
.lg-outer.lg-css .lg-current {
display: inline-block !important;
}
.lg-outer .lg-item,
.lg-outer .lg-img-wrap {
display: inline-block;
text-align: center;
position: absolute;
width: 100%;
height: 100%;
}
.lg-outer .lg-item:before,
.lg-outer .lg-img-wrap:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.lg-outer .lg-img-wrap {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
white-space: nowrap;
font-size: 0;
}
.lg-outer .lg-item.lg-complete {
background-image: none;
}
.lg-outer .lg-item.lg-current {
z-index: 1060;
}
.lg-outer .lg-object {
display: inline-block;
vertical-align: middle;
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
position: relative;
}
.lg-outer .lg-empty-html.lg-sub-html,
.lg-outer .lg-empty-html .lg-sub-html {
display: none;
}
.lg-outer.lg-hide-download .lg-download {
opacity: 0.75;
pointer-events: none;
}
.lg-outer .lg-first-slide .lg-dummy-img {
position: absolute;
top: 50%;
left: 50%;
}
.lg-outer.lg-components-open:not(.lg-zoomed) .lg-components {
-webkit-transform: translate3d(0, 0%, 0);
transform: translate3d(0, 0%, 0);
opacity: 1;
}
.lg-outer.lg-components-open:not(.lg-zoomed) .lg-sub-html {
opacity: 1;
-webkit-transition: opacity 0.2s ease-out 0.15s;
transition: opacity 0.2s ease-out 0.15s;
}
.lg-outer .lg-media-cont {
text-align: center;
display: inline-block;
vertical-align: middle;
position: relative;
}
.lg-outer .lg-media-cont .lg-object {
width: 100% !important;
height: 100% !important;
}
.lg-outer .lg-has-iframe .lg-media-cont {
-webkit-overflow-scrolling: touch;
overflow: auto;
}
.lg-backdrop {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1040;
background-color: #000;
opacity: 0;
will-change: auto;
-webkit-transition: opacity 333ms ease-in 0s;
transition: opacity 333ms ease-in 0s;
}
.lg-backdrop.in {
opacity: 1;
}
.lg-css3.lg-no-trans .lg-prev-slide,
.lg-css3.lg-no-trans .lg-next-slide,
.lg-css3.lg-no-trans .lg-current {
-webkit-transition: none 0s ease 0s !important;
transition: none 0s ease 0s !important;
}
.lg-css3.lg-use-css3 .lg-item {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.lg-css3.lg-fade .lg-item {
opacity: 0;
}
.lg-css3.lg-fade .lg-item.lg-current {
opacity: 1;
}
.lg-css3.lg-fade .lg-item.lg-prev-slide,
.lg-css3.lg-fade .lg-item.lg-next-slide,
.lg-css3.lg-fade .lg-item.lg-current {
-webkit-transition: opacity 0.1s ease 0s;
transition: opacity 0.1s ease 0s;
}
.lg-css3.lg-use-css3 .lg-item.lg-start-progress {
-webkit-transition: -webkit-transform 1s
cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
transition: -webkit-transform 1s
cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
transition:
transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s,
-webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
}
.lg-css3.lg-use-css3 .lg-item.lg-start-end-progress {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1)
0s;
transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
transition:
transform 1s cubic-bezier(0, 0, 0.25, 1) 0s,
-webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item {
opacity: 0;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
-webkit-transition:
-webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s,
opacity 0.1s ease 0s;
-webkit-transition:
opacity 0.1s ease 0s,
-webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
transition:
opacity 0.1s ease 0s,
-webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
transition:
transform 1s cubic-bezier(0, 0, 0.25, 1) 0s,
opacity 0.1s ease 0s;
transition:
transform 1s cubic-bezier(0, 0, 0.25, 1) 0s,
opacity 0.1s ease 0s,
-webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-container {
display: none;
}
.lg-container.lg-show {
display: block;
}
.lg-container.lg-dragging-vertical .lg-backdrop {
-webkit-transition-duration: 0s !important;
transition-duration: 0s !important;
}
.lg-container.lg-dragging-vertical .lg-css3 .lg-item.lg-current {
-webkit-transition-duration: 0s !important;
transition-duration: 0s !important;
opacity: 1;
}
.lg-inline .lg-backdrop,
.lg-inline .lg-outer {
position: absolute;
}
.lg-inline .lg-backdrop {
z-index: 1;
}
.lg-inline .lg-outer {
z-index: 2;
}
.lg-inline .lg-maximize:after {
content: '\e909';
}
.lg-components {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
will-change: transform;
-webkit-transition: -webkit-transform 0.35s ease-out 0s;
transition: -webkit-transform 0.35s ease-out 0s;
transition: transform 0.35s ease-out 0s;
transition:
transform 0.35s ease-out 0s,
-webkit-transform 0.35s ease-out 0s;
z-index: 1080;
position: absolute;
bottom: 0;
right: 0;
left: 0;
}
.lg-outer .lg-video-cont {
text-align: center;
display: inline-block;
vertical-align: middle;
position: relative;
}
.lg-outer .lg-video-cont .lg-object {
width: 100% !important;
height: 100% !important;
}
.lg-outer .lg-has-iframe .lg-video-cont {
-webkit-overflow-scrolling: touch;
overflow: auto;
}
.lg-outer .lg-video-object {
position: absolute;
left: 0;
right: 0;
width: 100%;
height: 100%;
top: 0;
bottom: 0;
z-index: 3;
}
.lg-outer .lg-video-poster {
z-index: 1;
}
.lg-outer .lg-has-video .lg-video-object {
opacity: 0;
will-change: opacity;
-webkit-transition: opacity 0.3s ease-in;
transition: opacity 0.3s ease-in;
}
.lg-outer .lg-has-video.lg-video-loaded .lg-video-poster,
.lg-outer .lg-has-video.lg-video-loaded .lg-video-play-button {
opacity: 0 !important;
}
.lg-outer .lg-has-video.lg-video-loaded .lg-video-object {
opacity: 1;
}
@-webkit-keyframes lg-play-stroke {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35px;
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124px;
}
}
@keyframes lg-play-stroke {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35px;
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124px;
}
}
@-webkit-keyframes lg-play-rotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes lg-play-rotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.lg-video-play-button {
width: 18%;
max-width: 140px;
position: absolute;
top: 50%;
left: 50%;
z-index: 2;
cursor: pointer;
-webkit-transform: translate(-50%, -50%) scale(1);
-ms-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
will-change: opacity, transform;
-webkit-transition:
-webkit-transform 0.25s cubic-bezier(0.17, 0.88, 0.32, 1.28),
opacity 0.1s;
-webkit-transition:
opacity 0.1s,
-webkit-transform 0.25s cubic-bezier(0.17, 0.88, 0.32, 1.28);
transition:
opacity 0.1s,
-webkit-transform 0.25s cubic-bezier(0.17, 0.88, 0.32, 1.28);
transition:
transform 0.25s cubic-bezier(0.17, 0.88, 0.32, 1.28),
opacity 0.1s;
transition:
transform 0.25s cubic-bezier(0.17, 0.88, 0.32, 1.28),
opacity 0.1s,
-webkit-transform 0.25s cubic-bezier(0.17, 0.88, 0.32, 1.28);
}
.lg-video-play-button:hover .lg-video-play-icon-bg,
.lg-video-play-button:hover .lg-video-play-icon {
opacity: 1;
}
.lg-video-play-icon-bg {
fill: none;
stroke-width: 3%;
stroke: #fcfcfc;
opacity: 0.6;
will-change: opacity;
-webkit-transition: opacity 0.12s ease-in;
transition: opacity 0.12s ease-in;
}
.lg-video-play-icon-circle {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
fill: none;
stroke-width: 3%;
stroke: rgba(30, 30, 30, 0.9);
stroke-opacity: 1;
stroke-linecap: round;
stroke-dasharray: 200;
stroke-dashoffset: 200;
}
.lg-video-play-icon {
position: absolute;
width: 25%;
max-width: 120px;
left: 50%;
top: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
opacity: 0.6;
will-change: opacity;
-webkit-transition: opacity 0.12s ease-in;
transition: opacity 0.12s ease-in;
}
.lg-video-play-icon .lg-video-play-icon-inner {
fill: #fcfcfc;
}
.lg-video-loading .lg-video-play-icon-circle {
-webkit-animation:
lg-play-rotate 2s linear 0.25s infinite,
lg-play-stroke 1.5s ease-in-out 0.25s infinite;
animation:
lg-play-rotate 2s linear 0.25s infinite,
lg-play-stroke 1.5s ease-in-out 0.25s infinite;
}
.lg-video-loaded .lg-video-play-button {
opacity: 0;
-webkit-transform: translate(-50%, -50%) scale(0.7);
-ms-transform: translate(-50%, -50%) scale(0.7);
transform: translate(-50%, -50%) scale(0.7);
}
.swiffy-slider {
position: relative;
display: block;
width: 100%;
--swiffy-slider-snap-align: center;
--swiffy-slider-item-width: 100%;
--swiffy-slider-item-gap: 1rem;
--swiffy-slider-item-reveal: 0rem;
--swiffy-slider-item-ratio: 2/1;
--swiffy-slider-item-count: 1;
--swiffy-slider-nav-light: #fff;
--swiffy-slider-nav-dark: #333;
--swiffy-slider-nav-zoom: 1;
--swiffy-slider-track-opacity: 0.1;
--swiffy-slider-track-height: 0;
--swiffy-slider-nav-outside-size: 3.5rem;
--swiffy-slider-indicator-outside-size: 1.5rem;
--swiffy-slider-animation-duration: 0.75s;
--swiffy-slider-animation-delay: 0s;
--swiffy-slider-animation-timing: ease-in-out;
}
.swiffy-slider,
.swiffy-slider::after,
.swiffy-slider::before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.swiffy-slider ::-webkit-scrollbar {
height: var(--swiffy-slider-track-height);
}
.swiffy-slider ::-webkit-scrollbar-track {
background: rgba(0, 0, 0, var(--swiffy-slider-track-opacity));
}
.swiffy-slider ::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.4);
border-radius: 1rem;
}
.swiffy-slider ::-webkit-scrollbar-thumb:hover {
background: rgba(0, 0, 0, 0.6);
}
.slider-container {
--swiffy-slider-item-gap-totalwidth: calc(
var(--swiffy-slider-item-gap) *
(var(--swiffy-slider-item-count) - 1)
);
--swiffy-slider-item-width: calc(
(
100% - var(--swiffy-slider-item-reveal) -
var(--swiffy-slider-item-gap-totalwidth)
) /
var(--swiffy-slider-item-count)
);
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-scroll-snap-type: x mandatory;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
display: -ms-grid;
display: grid;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
grid: auto/auto-flow -webkit-max-content;
grid: auto/auto-flow max-content;
grid-auto-rows: 100%;
grid-auto-columns: var(--swiffy-slider-item-width);
grid-auto-flow: column;
grid-gap: var(--swiffy-slider-item-gap);
list-style: none;
margin: 0;
padding: 0;
scrollbar-width: none;
scrollbar-color: rgba(0, 0, 0, 0.4)
rgba(0, 0, 0, var(--swiffy-slider-track-opacity));
background-clip: padding-box;
}
.slider-container > * {
scroll-snap-align: var(--swiffy-slider-snap-align);
position: relative;
width: 100%;
height: 100%;
}
.slider-item-helper .slider-container > * {
background-size: cover;
background-color: #e1e1e1;
background-position: 50% 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.slider-item-helper:not(.slider-item-ratio) .slider-container > * {
min-height: 20rem;
}
.slider-item-ratio .slider-container > * > * {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.slider-item-ratio-contain .slider-container > * > * {
-o-object-fit: contain;
object-fit: contain;
}
.slider-item-ratio .slider-container > ::after {
display: block;
padding-top: calc(100% / (var(--swiffy-slider-item-ratio)));
content: '';
}
.slider-item-ratio-32x9 {
--swiffy-slider-item-ratio: 32/9;
}
.slider-item-ratio-21x9 {
--swiffy-slider-item-ratio: 21/9;
}
.slider-item-ratio-16x9 {
--swiffy-slider-item-ratio: 16/9;
}
.slider-item-ratio-4x3 {
--swiffy-slider-item-ratio: 4/3;
}
.slider-item-ratio-2x1 {
--swiffy-slider-item-ratio: 2/1;
}
.slider-item-ratio-1x1 {
--swiffy-slider-item-ratio: 1/1;
}
.slider-item-ratio-3x4 {
--swiffy-slider-item-ratio: 3/4;
}
.slider-nav-scrollbar {
--swiffy-slider-track-height: 0.5rem;
}
.slider-nav-scrollbar .slider-container {
scrollbar-width: thin;
}
.slider-nav-nodelay .slider-container {
scroll-behavior: auto;
}
.slider-indicators {
position: absolute;
right: 2rem;
bottom: 0;
left: 2rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0;
margin-bottom: 1rem;
list-style: none;
}
.slider-nav-scrollbar .slider-indicators {
margin-bottom: calc(1rem + var(--swiffy-slider-track-height));
}
.slider-indicators > .active {
opacity: 1;
}
.swiffy-slider.slider-indicators-outside .slider-nav {
margin-bottom: var(--swiffy-slider-indicator-outside-size);
}
.swiffy-slider.slider-indicators-outside {
padding-bottom: var(--swiffy-slider-indicator-outside-size);
}
.swiffy-slider.slider-indicators-outside .slider-indicators,
.swiffy-slider.slider-indicators-outside.slider-indicators {
margin-bottom: 0;
}
.slider-indicators > * {
-webkit-box-sizing: content-box;
box-sizing: content-box;
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
width: 2rem;
height: 0.2rem;
padding: 0;
border: 0.4rem solid transparent;
cursor: pointer;
background-color: #fff;
background-clip: padding-box;
opacity: 0.5;
-webkit-transition: opacity 0.4s ease;
transition: opacity 0.4s ease;
}
.slider-indicators-square .slider-indicators > *,
.slider-indicators-square.slider-indicators > * {
width: 0.5rem;
height: 0.5rem;
border: 0.4rem solid transparent;
}
.slider-indicators-round .slider-indicators > *,
.slider-indicators-round.slider-indicators > * {
width: 0.5rem;
height: 0.5rem;
border: 0.4rem solid transparent;
border-radius: 50%;
}
.slider-indicators-highlight .slider-indicators > .active,
.slider-indicators-highlight.slider-indicators > .active {
border: 0.33rem solid transparent;
padding: 0.07rem;
}
.slider-nav {
position: absolute;
top: 0;
left: 0;
bottom: 0;
border: 0;
background-color: transparent;
cursor: pointer;
padding: 0;
visibility: hidden;
opacity: 0.8;
-webkit-transition:
visibility 0.1s,
opacity 0.2s linear;
transition:
visibility 0.1s,
opacity 0.2s linear;
margin-bottom: var(--swiffy-slider-track-height);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 0.5rem;
-webkit-filter: drop-shadow(0 0 0.5rem rgba(0, 0, 0, 0.5));
filter: drop-shadow(0 0 0.5rem rgba(0, 0, 0, 0.5));
-webkit-transform: scale(var(--swiffy-slider-nav-zoom));
-ms-transform: scale(var(--swiffy-slider-nav-zoom));
transform: scale(var(--swiffy-slider-nav-zoom));
}
.slider-nav::after {
content: '';
-webkit-mask: url("data:image/svg+xml,");
mask: url("data:image/svg+xml,");
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--bs-yellow);
background-origin: content-box;
width: 8px;
height: 14px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.slider-nav-arrow .slider-nav::after {
-webkit-mask: url("data:image/svg+xml,");
mask: url("data:image/svg+xml,");
}
.slider-nav-chevron .slider-nav::after {
-webkit-mask: url("data:image/svg+xml,");
mask: url("data:image/svg+xml,");
}
.slider-nav-caret .slider-nav::after {
-webkit-mask: url("data:image/svg+xml,");
mask: url("data:image/svg+xml,");
}
.slider-nav-caretfill .slider-nav::after {
-webkit-mask: url("data:image/svg+xml,");
mask: url("data:image/svg+xml,");
}
.swiffy-slider:hover .slider-nav {
visibility: visible;
}
.swiffy-slider.slider-nav-autohide.slider-item-first-visible
.slider-nav:not(.slider-nav-next) {
visibility: hidden;
}
.swiffy-slider.slider-nav-autohide.slider-item-last-visible
.slider-nav.slider-nav-next {
visibility: hidden;
}
.slider-nav-outside .slider-container {
margin: 0 var(--swiffy-slider-nav-outside-size);
}
.slider-nav-outside .slider-nav {
padding: 0;
}
.swiffy-slider .slider-nav:hover {
opacity: 1;
}
.slider-nav-square .slider-nav {
padding: 0;
}
.slider-nav-round .slider-nav::before,
.slider-nav-square .slider-nav::before {
background-color: var(--swiffy-slider-nav-light);
}
.slider-nav-round .slider-nav::after,
.slider-nav-square .slider-nav::after {
background-color: var(--swiffy-slider-nav-dark);
width: 2rem;
height: 2rem;
margin: 0.5rem;
}
.slider-nav-round .slider-nav::before {
border-radius: 50%;
}
.slider-nav-round .slider-nav::after {
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath fill-rule='evenodd' d='M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8z'%3E%3C/path%3E%3C/svg%3E");
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath fill-rule='evenodd' d='M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8z'%3E%3C/path%3E%3C/svg%3E");
}
.slider-nav-dark .slider-nav::after {
background-color: var(--swiffy-slider-nav-dark);
}
.slider-nav-dark.slider-nav-round .slider-nav::before,
.slider-nav-dark.slider-nav-square .slider-nav::before {
background-color: var(--swiffy-slider-nav-dark);
}
.slider-nav-dark.slider-nav-round .slider-nav::after,
.slider-nav-dark.slider-nav-square .slider-nav::after {
background-color: var(--swiffy-slider-nav-light);
}
.slider-nav-sm {
--swiffy-slider-nav-zoom: 0.75;
--swiffy-slider-nav-outside-size: 2.5rem;
}
.slider-nav.slider-nav-next::after {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.slider-nav.slider-nav-next {
right: 0;
left: unset;
}
.slider-nav-visible .slider-nav {
visibility: visible;
}
.slider-nav-dark .slider-nav {
opacity: 0.6;
}
/* Кастомные кнопки навигации для слайдера в новости */
.news-gallery-image {
cursor: zoom-in;
}
@media (min-width: 768px){
.news-detail-slider-15{--swiffy-slider-item-count:1.5;}
}
.news-slider__wrapper .swiffy-slider .slider-nav {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 12px;
position: absolute;
width: 48px;
height: 48px;
top: calc(50% - 24px + 0.5px);
background: #ffffff;
box-shadow:
0 16px 32px -4px rgba(6, 27, 49, 0.1),
0 4px 4px -4px rgba(6, 27, 49, 0.05);
border-radius: 80px;
z-index: 2;
opacity: 1;
visibility: visible;
filter: none;
}
.news-slider__wrapper .swiffy-slider .slider-nav:not(.slider-nav-next) {
left: -24px;
right: auto;
}
.news-slider__wrapper .swiffy-slider .slider-nav.slider-nav-next {
right: -24px;
left: auto;
}
.news-slider__wrapper .swiffy-slider .slider-nav::after {
width: 7.67px;
height: 13.31px;
margin: 0;
background-color: #061b31;
}
.slider-indicators-dark .slider-indicators > *,
.slider-indicators-dark.slider-indicators > * {
-webkit-filter: invert(1);
filter: invert(1);
}
.slider-item-snapstart {
--swiffy-slider-snap-align: start;
}
.slider-item-nosnap {
--swiffy-slider-snap-align: unset;
}
.slider-item-nogap {
--swiffy-slider-item-gap: 0rem;
}
.slider-item-reveal {
--swiffy-slider-item-reveal: 8rem;
}
.slider-item-snapstart.slider-item-reveal {
--swiffy-slider-item-reveal: 4rem;
}
.slider-item-show2 {
--swiffy-slider-item-count: 2;
}
.slider-item-show3 {
--swiffy-slider-item-count: 3;
}
.slider-item-show4 {
--swiffy-slider-item-count: 4;
}
.slider-item-show5 {
--swiffy-slider-item-count: 5;
}
.slider-item-show6 {
--swiffy-slider-item-count: 6;
}
.slider-nav-mousedrag .slider-container {
cursor: -webkit-grab;
cursor: grab;
}
.slider-nav-mousedrag.dragging .slider-container {
-ms-scroll-snap-type: unset;
scroll-snap-type: unset;
scroll-behavior: unset;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
@media (hover: hover) {
.slider-nav-mousedrag .slider-container::after {
content: '';
position: absolute;
width: 100%;
height: 100%;
}
}
@media (prefers-reduced-motion: no-preference) {
.slider-nav-animation.slider-nav-animation-fast {
--swiffy-slider-animation-duration: 0.25s;
}
.slider-nav-animation.slider-nav-animation-slow {
--swiffy-slider-animation-duration: 1.25s;
}
.slider-nav-animation .slider-container > * > * {
-webkit-transition:
opacity var(--swiffy-slider-animation-duration)
var(--swiffy-slider-animation-timing),
-webkit-transform var(--swiffy-slider-animation-duration)
var(--swiffy-slider-animation-timing);
transition:
opacity var(--swiffy-slider-animation-duration)
var(--swiffy-slider-animation-timing),
-webkit-transform var(--swiffy-slider-animation-duration)
var(--swiffy-slider-animation-timing);
transition:
opacity var(--swiffy-slider-animation-duration)
var(--swiffy-slider-animation-timing),
transform var(--swiffy-slider-animation-duration)
var(--swiffy-slider-animation-timing);
transition:
opacity var(--swiffy-slider-animation-duration)
var(--swiffy-slider-animation-timing),
transform var(--swiffy-slider-animation-duration)
var(--swiffy-slider-animation-timing),
-webkit-transform var(--swiffy-slider-animation-duration)
var(--swiffy-slider-animation-timing);
-webkit-transition-delay: var(--swiffy-slider-animation-delay);
transition-delay: var(--swiffy-slider-animation-delay);
}
.slider-nav-animation .slider-container .slide-visible > * {
-webkit-transition:
opacity var(--swiffy-slider-animation-duration)
var(--swiffy-slider-animation-timing),
-webkit-transform var(--swiffy-slider-animation-duration)
var(--swiffy-slider-animation-timing);
transition:
opacity var(--swiffy-slider-animation-duration)
var(--swiffy-slider-animation-timing),
-webkit-transform var(--swiffy-slider-animation-duration)
var(--swiffy-slider-animation-timing);
transition:
opacity var(--swiffy-slider-animation-duration)
var(--swiffy-slider-animation-timing),
transform var(--swiffy-slider-animation-duration)
var(--swiffy-slider-animation-timing);
transition:
opacity var(--swiffy-slider-animation-duration)
var(--swiffy-slider-animation-timing),
transform var(--swiffy-slider-animation-duration)
var(--swiffy-slider-animation-timing),
-webkit-transform var(--swiffy-slider-animation-duration)
var(--swiffy-slider-animation-timing);
-webkit-transition-delay: var(--swiffy-slider-animation-delay);
transition-delay: var(--swiffy-slider-animation-delay);
}
.slider-nav-animation.slider-nav-animation-fadein
.slider-container
> *
> * {
opacity: 0.5;
}
.slider-nav-animation.slider-nav-animation-scale
.slider-container
> *
> * {
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
}
.slider-nav-animation.slider-nav-animation-appear
.slider-container
> *
> * {
opacity: 0.3;
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
}
.slider-nav-animation.slider-nav-animation-scaleup
.slider-container
> *
> * {
-webkit-transform: scale(0.25);
-ms-transform: scale(0.25);
transform: scale(0.25);
}
.slider-nav-animation.slider-nav-animation-zoomout
.slider-container
> * {
overflow: hidden;
}
.slider-nav-animation.slider-nav-animation-zoomout
.slider-container
> *
> * {
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
}
.slider-nav-animation.slider-nav-animation-turn
.slider-container
> *
> * {
-webkit-transform: rotateY(70deg);
transform: rotateY(70deg);
}
.slider-nav-animation.slider-nav-animation-slideup
.slider-container
> *
> * {
-webkit-transform: translateY(60%) scale(0.99);
-ms-transform: translateY(60%) scale(0.99);
transform: translateY(60%) scale(0.99);
}
.slider-nav-animation.slider-nav-animation-slideup
.slider-container {
overflow-y: hidden;
}
.slider-nav-animation .slider-container > .slide-visible > * {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
@media (min-width: 62rem) {
.slider-item-show2:not(.slider-item-snapstart)
.slider-container
> *,
.slider-item-show4:not(.slider-item-snapstart)
.slider-container
> *,
.slider-item-show6:not(.slider-item-snapstart)
.slider-container
> * {
scroll-snap-align: unset;
}
.slider-item-show2:not(.slider-item-snapstart)
.slider-container
> ::before,
.slider-item-show4:not(.slider-item-snapstart)
.slider-container
> ::before,
.slider-item-show6:not(.slider-item-snapstart)
.slider-container
> ::before {
content: ' ';
display: block;
position: absolute;
left: calc(var(--swiffy-slider-item-gap) / 2 * -1);
top: 0;
width: 1px;
height: 1px;
scroll-snap-align: var(--swiffy-slider-snap-align);
}
.slider-nav-outside-expand .slider-nav {
margin-left: -4rem;
}
.slider-nav-outside-expand .slider-nav.slider-nav-next {
margin-right: -4rem;
}
.slider-nav-sm.slider-nav-outside-expand .slider-nav {
margin-left: -3.5rem;
}
.slider-nav-sm.slider-nav-outside-expand
.slider-nav.slider-nav-next {
margin-right: -3.5rem;
}
.slider-indicators-sm.slider-indicators {
display: none;
}
}
@media (max-width: 62rem) {
.swiffy-slider {
--swiffy-slider-track-height: 0rem;
--swiffy-slider-item-reveal: 0rem;
--swiffy-slider-item-count: 1;
--swiffy-slider-nav-zoom: 0.875;
}
.swiffy-slider .slider-item-show2-sm {
--swiffy-slider-item-count: 2;
}
.slider-item-reveal {
--swiffy-slider-item-reveal: 4rem;
}
.slider-item-snapstart.slider-item-reveal {
--swiffy-slider-item-reveal: 2rem;
}
.slider-item-show6 .slider-container {
grid-auto-columns: calc(
25% - var(--swiffy-slider-item-gap) / 4 * 3
);
}
.slider-item-show6.slider-item-reveal .slider-container {
grid-auto-columns: calc(
25% - var(--swiffy-slider-item-gap) / 4 * 3 - 0.5rem
);
}
.slider-item-show6.slider-item-reveal .slider-container > * {
scroll-snap-align: unset;
}
.slider-item-show6.slider-item-reveal .slider-container > ::before {
content: ' ';
display: block;
position: absolute;
left: calc(var(--swiffy-slider-item-gap) / 2 * -1);
top: 0;
width: 1px;
height: 1px;
scroll-snap-align: center;
}
/* .slider-nav::after,
.slider-nav::before {
width: 2rem;
height: 2rem;
padding: 0.3rem;
} */
.slider-nav-round .slider-nav::after,
.slider-nav-square .slider-nav::after {
width: 1.75rem;
height: 1.75rem;
margin: 0.125rem;
}
.slider-nav-outside .slider-container,
.slider-nav-outside-expand .slider-container {
margin: 0 2rem;
}
.slider-nav-outside-expand .slider-container {
margin: 0 var(--swiffy-slider-nav-outside-size);
}
.slider-nav-outside-expand .slider-nav {
padding: 0;
}
.slider-indicators-round .slider-indicators > *,
.slider-indicators-round.slider-indicators > *,
.slider-indicators-square .slider-indicators > *,
.slider-indicators-square.slider-indicators > * {
width: 0.3rem;
height: 0.3rem;
}
.slider-indicators {
margin-bottom: 0.5rem;
display: none;
}
.slider-nav-scrollbar .slider-indicators {
margin-bottom: 0;
}
.slider-indicators > * {
width: 1rem;
height: 0.125rem;
border-width: 0.25rem;
}
.slider-indicators-sm .slider-indicators,
.slider-indicators-sm.slider-indicators {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
@media (max-width: 48rem) {
.slider-item-show6 .slider-container {
grid-auto-columns: calc(50% - var(--swiffy-slider-item-gap) / 2);
}
.slider-item-show6.slider-item-reveal .slider-container {
grid-auto-columns: calc(
50% - var(--swiffy-slider-item-gap) / 2 - 1.5rem
);
}
}
@media (hover: none) {
.swiffy-slider.slider-nav-touch .slider-nav {
visibility: visible;
}
.swiffy-slider:not(.slider-nav-touch).slider-nav-outside
.slider-container,
.swiffy-slider:not(.slider-nav-touch).slider-nav-outside-expand
.slider-container {
margin: 0 0;
}
.slider-item-nosnap-touch {
--swiffy-slider-snap-align: unset;
}
}
/*!
* Bootstrap v5.3.3 (https://getbootstrap.com/)
* Copyright 2011-2024 The Bootstrap Authors
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/
:root,
[data-bs-theme='light'] {
--bs-blue: #061b31;
--bs-indigo: #6610f2;
--bs-purple: #6f42c1;
--bs-pink: #d63384;
--bs-red: #ff0000;
--bs-orange: #fd7e14;
--bs-yellow: #ffbc38;
--bs-green: #2cb742;
--bs-teal: #20c997;
--bs-cyan: #27a7e7;
--bs-black: #000;
--bs-white: #fff;
--bs-gray: #828c97;
--bs-gray-dark: #343a40;
--bs-white-opacity: rgba(255, 255, 255, 0.7);
--bs-semi-gray: #e7e9eb;
--bs-gray-100: #f8f9fa;
--bs-gray-200: #e9ecef;
--bs-gray-300: #dee2e6;
--bs-gray-400: #ced4da;
--bs-gray-500: #adb5bd;
--bs-gray-600: #f2f3f4;
--bs-gray-700: #495057;
--bs-gray-800: #343a40;
--bs-gray-900: #212529;
--bs-primary: #061b31;
--bs-secondary: #f2f3f4;
--bs-success: #2cb742;
--bs-info: #27a7e7;
--bs-warning: #ffbc38;
--bs-danger: #ff0000;
--bs-light: #f8f9fa;
--bs-dark: #212529;
--bs-gray: #828c97;
--bs-dark-gray: #51606f;
--bs-white-opacity: rgba(255, 255, 255, 0.7);
--bs-background: #f6f7f8;
--bs-semi-gray: #e7e9eb;
--bs-primary-rgb: 6, 27, 49;
--bs-secondary-rgb: 242, 243, 244;
--bs-success-rgb: 44, 183, 66;
--bs-info-rgb: 39, 167, 231;
--bs-warning-rgb: 255, 188, 56;
--bs-danger-rgb: 255, 0, 0;
--bs-light-rgb: 248, 249, 250;
--bs-dark-rgb: 33, 37, 41;
--bs-gray-rgb: 130, 140, 151;
--bs-dark-gray-rgb: 81, 96, 111;
--bs-white-opacity-rgb: 255, 255, 255;
--bs-background-rgb: 246, 247, 248;
--bs-semi-gray-rgb: 231, 233, 235;
--bs-primary-text-emphasis: rgb(2.4, 10.8, 19.6);
--bs-secondary-text-emphasis: rgb(96.8, 97.2, 97.6);
--bs-success-text-emphasis: rgb(17.6, 73.2, 26.4);
--bs-info-text-emphasis: rgb(15.6, 66.8, 92.4);
--bs-warning-text-emphasis: rgb(102, 75.2, 22.4);
--bs-danger-text-emphasis: #660000;
--bs-light-text-emphasis: #495057;
--bs-dark-text-emphasis: #495057;
--bs-primary-bg-subtle: rgb(205, 209, 214);
--bs-secondary-bg-subtle: rgb(252, 253, 253);
--bs-success-bg-subtle: rgb(213, 241, 217);
--bs-info-bg-subtle: rgb(212, 237, 250);
--bs-warning-bg-subtle: #FFFBEB;
--bs-danger-bg-subtle: #ffcccc;
--bs-light-bg-subtle: rgb(252, 252, 253);
--bs-dark-bg-subtle: #ced4da;
--bs-primary-border-subtle: rgb(155, 164, 173);
--bs-secondary-border-subtle: rgb(250, 250, 251);
--bs-success-border-subtle: rgb(171, 226, 179);
--bs-info-border-subtle: rgb(169, 220, 245);
--bs-warning-border-subtle: rgb(255, 228, 175);
--bs-danger-border-subtle: #ff9999;
--bs-light-border-subtle: #e9ecef;
--bs-dark-border-subtle: #adb5bd;
--bs-white-rgb: 255, 255, 255;
--bs-black-rgb: 0, 0, 0;
--bs-font-sans-serif:
system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
'Noto Sans', 'Liberation Sans', Arial, sans-serif,
'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
'Noto Color Emoji';
--bs-font-monospace:
SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',
'Courier New', monospace;
--bs-gradient: linear-gradient(
180deg,
rgba(255, 255, 255, 0.15),
rgba(255, 255, 255, 0)
);
--bs-body-font-family: var(--bs-font-sans-serif);
--bs-body-font-size: 1rem;
--bs-body-font-weight: 400;
--bs-body-line-height: 1.5;
--bs-body-color: #212529;
--bs-body-color-rgb: 33, 37, 41;
--bs-body-bg: #fff;
--bs-body-bg-rgb: 255, 255, 255;
--bs-emphasis-color: #000;
--bs-emphasis-color-rgb: 0, 0, 0;
--bs-secondary-color: rgba(33, 37, 41, 0.75);
--bs-secondary-color-rgb: 33, 37, 41;
--bs-secondary-bg: #e9ecef;
--bs-secondary-bg-rgb: 233, 236, 239;
--bs-tertiary-color: rgba(33, 37, 41, 0.5);
--bs-tertiary-color-rgb: 33, 37, 41;
--bs-tertiary-bg: #f8f9fa;
--bs-tertiary-bg-rgb: 248, 249, 250;
--bs-heading-color: inherit;
--bs-link-color: #061b31;
--bs-link-color-rgb: 6, 27, 49;
--bs-link-decoration: underline;
--bs-link-hover-color: rgb(4.8, 21.6, 39.2);
--bs-link-hover-color-rgb: 5, 22, 39;
--bs-code-color: #d63384;
--bs-highlight-color: #212529;
--bs-highlight-bg: rgb(255, 241.6, 215.2);
--bs-border-width: 1px;
--bs-border-style: solid;
--bs-border-color: #dee2e6;
--bs-border-color-translucent: rgba(0, 0, 0, 0.175);
--bs-border-radius: 0.5rem;
--bs-border-radius-sm: 0.5rem;
--bs-border-radius-lg: 0.5rem;
--bs-border-radius-xl: 1rem;
--bs-border-radius-xxl: 1rem;
--bs-border-radius-2xl: var(--bs-border-radius-xxl);
--bs-border-radius-pill: 50rem;
--bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
--bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
--bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
--bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
--bs-focus-ring-width: 0.25rem;
--bs-focus-ring-opacity: 0.25;
--bs-focus-ring-color: rgba(6, 27, 49, 0.25);
--bs-form-valid-color: #2cb742;
--bs-form-valid-border-color: #2cb742;
--bs-form-invalid-color: #ff0000;
--bs-form-invalid-border-color: #ff0000;
}
[data-bs-theme='dark'] {
color-scheme: dark;
--bs-body-color: #dee2e6;
--bs-body-color-rgb: 222, 226, 230;
--bs-body-bg: #212529;
--bs-body-bg-rgb: 33, 37, 41;
--bs-emphasis-color: #fff;
--bs-emphasis-color-rgb: 255, 255, 255;
--bs-secondary-color: rgba(222, 226, 230, 0.75);
--bs-secondary-color-rgb: 222, 226, 230;
--bs-secondary-bg: #343a40;
--bs-secondary-bg-rgb: 52, 58, 64;
--bs-tertiary-color: rgba(222, 226, 230, 0.5);
--bs-tertiary-color-rgb: 222, 226, 230;
--bs-tertiary-bg: rgb(42.5, 47.5, 52.5);
--bs-tertiary-bg-rgb: 43, 48, 53;
--bs-primary-text-emphasis: rgb(105.6, 118.2, 131.4);
--bs-secondary-text-emphasis: rgb(247.2, 247.8, 248.4);
--bs-success-text-emphasis: rgb(128.4, 211.8, 141.6);
--bs-info-text-emphasis: rgb(125.4, 202.2, 240.6);
--bs-warning-text-emphasis: rgb(255, 214.8, 135.6);
--bs-danger-text-emphasis: #ff6666;
--bs-light-text-emphasis: #f8f9fa;
--bs-dark-text-emphasis: #dee2e6;
--bs-primary-bg-subtle: rgb(1.2, 5.4, 9.8);
--bs-secondary-bg-subtle: rgb(48.4, 48.6, 48.8);
--bs-success-bg-subtle: rgb(8.8, 36.6, 13.2);
--bs-info-bg-subtle: rgb(7.8, 33.4, 46.2);
--bs-warning-bg-subtle: rgb(51, 37.6, 11.2);
--bs-danger-bg-subtle: #330000;
--bs-light-bg-subtle: #343a40;
--bs-dark-bg-subtle: #1a1d20;
--bs-primary-border-subtle: rgb(3.6, 16.2, 29.4);
--bs-secondary-border-subtle: rgb(145.2, 145.8, 146.4);
--bs-success-border-subtle: rgb(26.4, 109.8, 39.6);
--bs-info-border-subtle: rgb(23.4, 100.2, 138.6);
--bs-warning-border-subtle: rgb(153, 112.8, 33.6);
--bs-danger-border-subtle: #990000;
--bs-light-border-subtle: #495057;
--bs-dark-border-subtle: #343a40;
--bs-heading-color: inherit;
--bs-link-color: rgb(105.6, 118.2, 131.4);
--bs-link-hover-color: rgb(135.48, 145.56, 156.12);
--bs-link-color-rgb: 106, 118, 131;
--bs-link-hover-color-rgb: 135, 146, 156;
--bs-code-color: rgb(230.4, 132.6, 181.2);
--bs-highlight-color: #dee2e6;
--bs-highlight-bg: rgb(102, 75.2, 22.4);
--bs-border-color: #495057;
--bs-border-color-translucent: rgba(255, 255, 255, 0.15);
--bs-form-valid-color: rgb(128.4, 211.8, 141.6);
--bs-form-valid-border-color: rgb(128.4, 211.8, 141.6);
--bs-form-invalid-color: #ff6666;
--bs-form-invalid-border-color: #ff6666;
}
*,
*::before,
*::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media (prefers-reduced-motion: no-preference) {
:root {
scroll-behavior: smooth;
}
}
body {
margin: 0;
font-family: var(--bs-body-font-family);
font-size: var(--bs-body-font-size);
font-weight: var(--bs-body-font-weight);
line-height: var(--bs-body-line-height);
color: var(--bs-body-color);
text-align: var(--bs-body-text-align);
background-color: var(--bs-body-bg);
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
hr {
margin: 1rem 0;
color: inherit;
border: 0;
border-top: var(--bs-border-width) solid;
opacity: 0.25;
}
h6,
.h6,
h5,
.h5,
h4,
.h4,
h3,
.h3,
h2,
.h2,
h1,
.h1 {
margin-top: 0;
margin-bottom: 0.5rem;
font-weight: 500;
line-height: 1.2;
color: var(--bs-heading-color);
}
h1,
.h1 {
font-size: calc(1.375rem + 1.5vw);
}
h2,
.h2 {
font-size: calc(1.325rem + 0.9vw);
}
h3,
.h3 {
font-size: calc(1.3rem + 0.6vw);
}
h4,
.h4 {
font-size: calc(1.1rem + 0.3vw);
}
@media (min-width: 768px) {
h1,
.h1 {
font-size: 40px;
}
h2,
.h2 {
font-size: 1.8rem;
margin-top: 1.7rem;
}
h3,
.h3 {
font-size: 1.5rem;
}
h4,
.h4 {
font-size: 1.25rem;
}
}
h5,
.h5 {
font-size: 1.15rem;
}
h6,
.h6 {
font-size: 1rem;
}
p {
margin-top: 0;
margin-bottom: 1rem;
}
abbr[title] {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
cursor: help;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
}
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit;
}
ol,
ul {
padding-left: 2rem;
}
ol,
ul,
dl {
margin-top: 0;
margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0;
}
dt {
font-weight: 700;
}
dd {
margin-bottom: 0.5rem;
margin-left: 0;
}
blockquote {
margin: 0 0 1rem;
}
b,
strong {
font-weight: bolder;
}
small,
.small {
font-size: 0.875em;
}
mark,
.mark {
padding: 0.1875em;
color: var(--bs-highlight-color);
background-color: var(--bs-highlight-bg);
}
sub,
sup {
position: relative;
font-size: 0.75em;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
a {
color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
text-decoration: underline;
}
/*
Рефакторинг ссылок: hover-эффекты для ссылок, сброс стилей для невалидных ссылок и уточнение специфичности классов.
Все комментарии на русском языке по правилам проекта.
*/
a:not(.btn):not(.block-industry):hover {
--bs-link-color-rgb: var(--bs-link-hover-color-rgb);
/* цвет ссылки изменяется через CSS переменную, без прямого указания цвета */
}
/* Сброс стилей для неактивных ссылок без href и класса */
a:not([href]):not([class]),
a:not([href]):not([class]):hover {
color: inherit;
text-decoration: none;
}
pre,
code,
kbd,
samp {
font-family: var(--bs-font-monospace);
font-size: 1em;
}
pre {
display: block;
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
font-size: 0.875em;
}
pre code {
font-size: inherit;
color: inherit;
word-break: normal;
}
code {
font-size: 0.875em;
color: var(--bs-code-color);
word-wrap: break-word;
}
a > code {
color: inherit;
}
kbd {
padding: 0.1875rem 0.375rem;
font-size: 0.875em;
color: var(--bs-body-bg);
background-color: var(--bs-body-color);
border-radius: 0.25rem;
}
kbd kbd {
padding: 0;
font-size: 1em;
}
figure {
margin: 0 0 1rem;
}
img,
svg {
vertical-align: middle;
}
table {
caption-side: bottom;
border-collapse: collapse;
}
caption {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
color: var(--bs-secondary-color);
text-align: left;
}
th {
text-align: inherit;
text-align: -webkit-match-parent;
}
thead,
tbody,
tfoot,
tr,
td,
th {
border-color: inherit;
border-style: solid;
border-width: 0;
}
label {
display: inline-block;
}
button {
border-radius: 0;
}
button:focus:not(:focus-visible) {
outline: 0;
}
input,
button,
select,
optgroup,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
button,
select {
text-transform: none;
}
[role='button'] {
cursor: pointer;
}
select {
word-wrap: normal;
}
select:disabled {
opacity: 1;
}
[list]:not([type='date']):not([type='datetime-local']):not(
[type='month']
):not([type='week']):not(
[type='time']
)::-webkit-calendar-picker-indicator {
display: none !important;
}
button,
[type='button'],
[type='reset'],
[type='submit'] {
-webkit-appearance: button;
}
button:not(:disabled),
[type='button']:not(:disabled),
[type='reset']:not(:disabled),
[type='submit']:not(:disabled) {
cursor: pointer;
}
::-moz-focus-inner {
padding: 0;
border-style: none;
}
textarea {
resize: vertical;
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
legend {
float: left;
width: 100%;
padding: 0;
margin-bottom: 0.5rem;
font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
legend {
font-size: 1.5rem;
}
}
legend {
line-height: inherit;
}
legend + * {
clear: left;
}
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
padding: 0;
}
::-webkit-inner-spin-button {
height: auto;
}
[type='search'] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
direction: ltr;
}
*/
::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-color-swatch-wrapper {
padding: 0;
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}
::file-selector-button {
font: inherit;
-webkit-appearance: button;
}
output {
display: inline-block;
}
iframe {
border: 0;
}
summary {
display: list-item;
cursor: pointer;
}
progress {
vertical-align: baseline;
}
[hidden] {
display: none !important;
}
.lead {
font-size: 1.25rem;
font-weight: 300;
}
.display-1 {
font-size: calc(1.625rem + 4.5vw);
}
@media (min-width: 1200px) {
.display-1 {
font-size: 5rem;
}
}
.display-1 {
font-weight: 300;
line-height: 1.2;
}
.display-2 {
font-size: calc(1.575rem + 3.9vw);
}
@media (min-width: 1200px) {
.display-2 {
font-size: 4.5rem;
}
}
.display-2 {
font-weight: 300;
line-height: 1.2;
}
.display-3 {
font-size: calc(1.525rem + 3.3vw);
}
@media (min-width: 1200px) {
.display-3 {
font-size: 4rem;
}
}
.display-3 {
font-weight: 300;
line-height: 1.2;
}
.display-4 {
font-size: calc(1.475rem + 2.7vw);
}
@media (min-width: 1200px) {
.display-4 {
font-size: 3.5rem;
}
}
.display-4 {
font-weight: 300;
line-height: 1.2;
}
.display-5 {
font-size: calc(1.425rem + 2.1vw);
}
@media (min-width: 1200px) {
.display-5 {
font-size: 3rem;
}
}
.display-5 {
font-weight: 300;
line-height: 1.2;
}
.display-6 {
font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
.display-6 {
font-size: 2.5rem;
}
}
.display-6 {
font-weight: 300;
line-height: 1.2;
}
.list-unstyled {
padding-left: 0;
list-style: none;
}
.list-inline {
padding-left: 0;
list-style: none;
}
.list-inline-item {
display: inline-block;
}
.list-inline-item:not(:last-child) {
margin-right: 0.5rem;
}
.initialism {
font-size: 0.875em;
text-transform: uppercase;
}
.blockquote {
margin-bottom: 1rem;
font-size: 1.25rem;
}
.blockquote > :last-child {
margin-bottom: 0;
}
.blockquote-footer {
margin-top: -1rem;
margin-bottom: 1rem;
font-size: 0.875em;
color: #f2f3f4;
}
.blockquote-footer::before {
content: '— ';
}
.img-fluid {
max-width: 100%;
height: auto;
}
.img-thumbnail {
padding: 0.25rem;
background-color: var(--bs-body-bg);
border: var(--bs-border-width) solid var(--bs-border-color);
border-radius: var(--bs-border-radius);
max-width: 100%;
height: auto;
}
.figure {
display: inline-block;
}
.figure-img {
margin-bottom: 0.5rem;
line-height: 1;
}
.figure-caption {
font-size: 0.875em;
color: var(--bs-secondary-color);
}
.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
width: 100%;
padding-right: calc(var(--bs-gutter-x) * 0.5);
padding-left: calc(var(--bs-gutter-x) * 0.5);
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.container-sm,
.container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container-md,
.container-sm,
.container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container-lg,
.container-md,
.container-sm,
.container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container-xl,
.container-lg,
.container-md,
.container-sm,
.container {
max-width: 1140px;
}
}
@media (min-width: 1400px) {
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm,
.container {
max-width: 1320px;
}
}
.row {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: calc(-1 * var(--bs-gutter-y));
margin-right: calc(-0.5 * var(--bs-gutter-x));
margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
max-width: 100%;
padding-right: calc(var(--bs-gutter-x) * 0.5);
padding-left: calc(var(--bs-gutter-x) * 0.5);
margin-top: var(--bs-gutter-y);
}
.col {
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
}
.row-cols-auto > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.row-cols-1 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
.row-cols-2 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.row-cols-3 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333333%;
}
.row-cols-4 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.row-cols-5 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 20%;
}
.row-cols-6 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66666667%;
}
.col-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.col-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 8.33333333%;
}
.col-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66666667%;
}
.col-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.col-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333333%;
}
.col-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 41.66666667%;
}
.col-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.col-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 58.33333333%;
}
.col-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 66.66666667%;
}
.col-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 75%;
}
.col-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 83.33333333%;
}
.col-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 91.66666667%;
}
.col-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
.offset-1 {
margin-left: 8.33333333%;
}
.offset-2 {
margin-left: 16.66666667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.33333333%;
}
.offset-5 {
margin-left: 41.66666667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.33333333%;
}
.offset-8 {
margin-left: 66.66666667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.33333333%;
}
.offset-11 {
margin-left: 91.66666667%;
}
.g-0,
.gx-0 {
--bs-gutter-x: 0;
}
.g-0,
.gy-0 {
--bs-gutter-y: 0;
}
.g-1,
.gx-1 {
--bs-gutter-x: 0.25rem;
}
.g-1,
.gy-1 {
--bs-gutter-y: 0.25rem;
}
.g-2,
.gx-2 {
--bs-gutter-x: 0.5rem;
}
.g-2,
.gy-2 {
--bs-gutter-y: 0.5rem;
}
.g-3,
.gx-3 {
--bs-gutter-x: 0.75rem;
}
.g-3,
.gy-3 {
--bs-gutter-y: 0.75rem;
}
.g-4,
.gx-4 {
--bs-gutter-x: 1rem;
}
.g-4,
.gy-4 {
--bs-gutter-y: 1rem;
}
.g-5,
.gx-5 {
--bs-gutter-x: 1.25rem;
}
.g-5,
.gy-5 {
--bs-gutter-y: 1.25rem;
}
.g-6,
.gx-6 {
--bs-gutter-x: 1.5rem;
}
.g-6,
.gy-6 {
--bs-gutter-y: 1.5rem;
}
.g-7,
.gx-7 {
--bs-gutter-x: 1.875rem;
}
.g-7,
.gy-7 {
--bs-gutter-y: 1.875rem;
}
.g-8,
.gx-8 {
--bs-gutter-x: 2rem;
}
.g-8,
.gy-8 {
--bs-gutter-y: 2rem;
}
.g-9,
.gx-9 {
--bs-gutter-x: 3rem;
}
.g-9,
.gy-9 {
--bs-gutter-y: 3rem;
}
.g-10,
.gx-10 {
--bs-gutter-x: 4rem;
}
.g-10,
.gy-10 {
--bs-gutter-y: 4rem;
}
.g-11,
.gx-11 {
--bs-gutter-x: 4.375rem;
}
.g-11,
.gy-11 {
--bs-gutter-y: 4.375rem;
}
.g-12,
.gx-12 {
--bs-gutter-x: 0.625rem;
}
.g-12,
.gy-12 {
--bs-gutter-y: 0.625rem;
}
@media (min-width: 576px) {
.col-sm {
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
}
.row-cols-sm-auto > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.row-cols-sm-1 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
.row-cols-sm-2 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.row-cols-sm-3 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333333%;
}
.row-cols-sm-4 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.row-cols-sm-5 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 20%;
}
.row-cols-sm-6 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66666667%;
}
.col-sm-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.col-sm-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 8.33333333%;
}
.col-sm-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66666667%;
}
.col-sm-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.col-sm-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333333%;
}
.col-sm-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 41.66666667%;
}
.col-sm-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.col-sm-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 58.33333333%;
}
.col-sm-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 66.66666667%;
}
.col-sm-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 75%;
}
.col-sm-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 83.33333333%;
}
.col-sm-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 91.66666667%;
}
.col-sm-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
.offset-sm-0 {
margin-left: 0;
}
.offset-sm-1 {
margin-left: 8.33333333%;
}
.offset-sm-2 {
margin-left: 16.66666667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.33333333%;
}
.offset-sm-5 {
margin-left: 41.66666667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.33333333%;
}
.offset-sm-8 {
margin-left: 66.66666667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.33333333%;
}
.offset-sm-11 {
margin-left: 91.66666667%;
}
.g-sm-0,
.gx-sm-0 {
--bs-gutter-x: 0;
}
.g-sm-0,
.gy-sm-0 {
--bs-gutter-y: 0;
}
.g-sm-1,
.gx-sm-1 {
--bs-gutter-x: 0.25rem;
}
.g-sm-1,
.gy-sm-1 {
--bs-gutter-y: 0.25rem;
}
.g-sm-2,
.gx-sm-2 {
--bs-gutter-x: 0.5rem;
}
.g-sm-2,
.gy-sm-2 {
--bs-gutter-y: 0.5rem;
}
.g-sm-3,
.gx-sm-3 {
--bs-gutter-x: 0.75rem;
}
.g-sm-3,
.gy-sm-3 {
--bs-gutter-y: 0.75rem;
}
.g-sm-4,
.gx-sm-4 {
--bs-gutter-x: 1rem;
}
.g-sm-4,
.gy-sm-4 {
--bs-gutter-y: 1rem;
}
.g-sm-5,
.gx-sm-5 {
--bs-gutter-x: 1.25rem;
}
.g-sm-5,
.gy-sm-5 {
--bs-gutter-y: 1.25rem;
}
.g-sm-6,
.gx-sm-6 {
--bs-gutter-x: 1.5rem;
}
.g-sm-6,
.gy-sm-6 {
--bs-gutter-y: 1.5rem;
}
.g-sm-7,
.gx-sm-7 {
--bs-gutter-x: 1.875rem;
}
.g-sm-7,
.gy-sm-7 {
--bs-gutter-y: 1.875rem;
}
.g-sm-8,
.gx-sm-8 {
--bs-gutter-x: 2rem;
}
.g-sm-8,
.gy-sm-8 {
--bs-gutter-y: 2rem;
}
.g-sm-9,
.gx-sm-9 {
--bs-gutter-x: 3rem;
}
.g-sm-9,
.gy-sm-9 {
--bs-gutter-y: 3rem;
}
.g-sm-10,
.gx-sm-10 {
--bs-gutter-x: 4rem;
}
.g-sm-10,
.gy-sm-10 {
--bs-gutter-y: 4rem;
}
.g-sm-11,
.gx-sm-11 {
--bs-gutter-x: 4.375rem;
}
.g-sm-11,
.gy-sm-11 {
--bs-gutter-y: 4.375rem;
}
.g-sm-12,
.gx-sm-12 {
--bs-gutter-x: 0.625rem;
}
.g-sm-12,
.gy-sm-12 {
--bs-gutter-y: 0.625rem;
}
}
@media (min-width: 768px) {
.col-md {
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
}
.row-cols-md-auto > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.row-cols-md-1 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
.row-cols-md-2 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.row-cols-md-3 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333333%;
}
.row-cols-md-4 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.row-cols-md-5 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 20%;
}
.row-cols-md-6 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66666667%;
}
.col-md-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.col-md-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 8.33333333%;
}
.col-md-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66666667%;
}
.col-md-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.col-md-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333333%;
}
.col-md-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 41.66666667%;
}
.col-md-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.col-md-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 58.33333333%;
}
.col-md-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 66.66666667%;
}
.col-md-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 75%;
}
.col-md-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 83.33333333%;
}
.col-md-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 91.66666667%;
}
.col-md-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
.offset-md-0 {
margin-left: 0;
}
.offset-md-1 {
margin-left: 8.33333333%;
}
.offset-md-2 {
margin-left: 16.66666667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.33333333%;
}
.offset-md-5 {
margin-left: 41.66666667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.33333333%;
}
.offset-md-8 {
margin-left: 66.66666667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.33333333%;
}
.offset-md-11 {
margin-left: 91.66666667%;
}
.g-md-0,
.gx-md-0 {
--bs-gutter-x: 0;
}
.g-md-0,
.gy-md-0 {
--bs-gutter-y: 0;
}
.g-md-1,
.gx-md-1 {
--bs-gutter-x: 0.25rem;
}
.g-md-1,
.gy-md-1 {
--bs-gutter-y: 0.25rem;
}
.g-md-2,
.gx-md-2 {
--bs-gutter-x: 0.5rem;
}
.g-md-2,
.gy-md-2 {
--bs-gutter-y: 0.5rem;
}
.g-md-3,
.gx-md-3 {
--bs-gutter-x: 0.75rem;
}
.g-md-3,
.gy-md-3 {
--bs-gutter-y: 0.75rem;
}
.g-md-4,
.gx-md-4 {
--bs-gutter-x: 1rem;
}
.g-md-4,
.gy-md-4 {
--bs-gutter-y: 1rem;
}
.g-md-5,
.gx-md-5 {
--bs-gutter-x: 1.25rem;
}
.g-md-5,
.gy-md-5 {
--bs-gutter-y: 1.25rem;
}
.g-md-6,
.gx-md-6 {
--bs-gutter-x: 1.5rem;
}
.g-md-6,
.gy-md-6 {
--bs-gutter-y: 1.5rem;
}
.g-md-7,
.gx-md-7 {
--bs-gutter-x: 1.875rem;
}
.g-md-7,
.gy-md-7 {
--bs-gutter-y: 1.875rem;
}
.g-md-8,
.gx-md-8 {
--bs-gutter-x: 2rem;
}
.g-md-8,
.gy-md-8 {
--bs-gutter-y: 2rem;
}
.g-md-9,
.gx-md-9 {
--bs-gutter-x: 3rem;
}
.g-md-9,
.gy-md-9 {
--bs-gutter-y: 3rem;
}
.g-md-10,
.gx-md-10 {
--bs-gutter-x: 4rem;
}
.g-md-10,
.gy-md-10 {
--bs-gutter-y: 4rem;
}
.g-md-11,
.gx-md-11 {
--bs-gutter-x: 4.375rem;
}
.g-md-11,
.gy-md-11 {
--bs-gutter-y: 4.375rem;
}
.g-md-12,
.gx-md-12 {
--bs-gutter-x: 0.625rem;
}
.g-md-12,
.gy-md-12 {
--bs-gutter-y: 0.625rem;
}
}
@media (min-width: 992px) {
.col-lg {
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
}
.row-cols-lg-auto > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.row-cols-lg-1 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
.row-cols-lg-2 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.row-cols-lg-3 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333333%;
}
.row-cols-lg-4 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.row-cols-lg-5 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 20%;
}
.row-cols-lg-6 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66666667%;
}
.col-lg-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.col-lg-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 8.33333333%;
}
.col-lg-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66666667%;
}
.col-lg-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.col-lg-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333333%;
}
.col-lg-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 41.66666667%;
}
.col-lg-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.col-lg-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 58.33333333%;
}
.col-lg-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 66.66666667%;
}
.col-lg-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 75%;
}
.col-lg-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 83.33333333%;
}
.col-lg-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 91.66666667%;
}
.col-lg-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
.offset-lg-0 {
margin-left: 0;
}
.offset-lg-1 {
margin-left: 8.33333333%;
}
.offset-lg-2 {
margin-left: 16.66666667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.33333333%;
}
.offset-lg-5 {
margin-left: 41.66666667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.33333333%;
}
.offset-lg-8 {
margin-left: 66.66666667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.33333333%;
}
.offset-lg-11 {
margin-left: 91.66666667%;
}
.g-lg-0,
.gx-lg-0 {
--bs-gutter-x: 0;
}
.g-lg-0,
.gy-lg-0 {
--bs-gutter-y: 0;
}
.g-lg-1,
.gx-lg-1 {
--bs-gutter-x: 0.25rem;
}
.g-lg-1,
.gy-lg-1 {
--bs-gutter-y: 0.25rem;
}
.g-lg-2,
.gx-lg-2 {
--bs-gutter-x: 0.5rem;
}
.g-lg-2,
.gy-lg-2 {
--bs-gutter-y: 0.5rem;
}
.g-lg-3,
.gx-lg-3 {
--bs-gutter-x: 0.75rem;
}
.g-lg-3,
.gy-lg-3 {
--bs-gutter-y: 0.75rem;
}
.g-lg-4,
.gx-lg-4 {
--bs-gutter-x: 1rem;
}
.g-lg-4,
.gy-lg-4 {
--bs-gutter-y: 1rem;
}
.g-lg-5,
.gx-lg-5 {
--bs-gutter-x: 1.25rem;
}
.g-lg-5,
.gy-lg-5 {
--bs-gutter-y: 1.25rem;
}
.g-lg-6,
.gx-lg-6 {
--bs-gutter-x: 1.5rem;
}
.g-lg-6,
.gy-lg-6 {
--bs-gutter-y: 1.5rem;
}
.g-lg-7,
.gx-lg-7 {
--bs-gutter-x: 1.875rem;
}
.g-lg-7,
.gy-lg-7 {
--bs-gutter-y: 1.875rem;
}
.g-lg-8,
.gx-lg-8 {
--bs-gutter-x: 2rem;
}
.g-lg-8,
.gy-lg-8 {
--bs-gutter-y: 2rem;
}
.g-lg-9,
.gx-lg-9 {
--bs-gutter-x: 3rem;
}
.g-lg-9,
.gy-lg-9 {
--bs-gutter-y: 3rem;
}
.g-lg-10,
.gx-lg-10 {
--bs-gutter-x: 4rem;
}
.g-lg-10,
.gy-lg-10 {
--bs-gutter-y: 4rem;
}
.g-lg-11,
.gx-lg-11 {
--bs-gutter-x: 4.375rem;
}
.g-lg-11,
.gy-lg-11 {
--bs-gutter-y: 4.375rem;
}
.g-lg-12,
.gx-lg-12 {
--bs-gutter-x: 0.625rem;
}
.g-lg-12,
.gy-lg-12 {
--bs-gutter-y: 0.625rem;
}
}
@media (min-width: 1200px) {
.col-xl {
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
}
.row-cols-xl-auto > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.row-cols-xl-1 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
.row-cols-xl-2 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.row-cols-xl-3 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333333%;
}
.row-cols-xl-4 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.row-cols-xl-5 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 20%;
}
.row-cols-xl-6 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66666667%;
}
.col-xl-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.col-xl-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 8.33333333%;
}
.col-xl-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66666667%;
}
.col-xl-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.col-xl-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333333%;
}
.col-xl-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 41.66666667%;
}
.col-xl-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.col-xl-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 58.33333333%;
}
.col-xl-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 66.66666667%;
}
.col-xl-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 75%;
}
.col-xl-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 83.33333333%;
}
.col-xl-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 91.66666667%;
}
.col-xl-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
.offset-xl-0 {
margin-left: 0;
}
.offset-xl-1 {
margin-left: 8.33333333%;
}
.offset-xl-2 {
margin-left: 16.66666667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.33333333%;
}
.offset-xl-5 {
margin-left: 41.66666667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.33333333%;
}
.offset-xl-8 {
margin-left: 66.66666667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.33333333%;
}
.offset-xl-11 {
margin-left: 91.66666667%;
}
.g-xl-0,
.gx-xl-0 {
--bs-gutter-x: 0;
}
.g-xl-0,
.gy-xl-0 {
--bs-gutter-y: 0;
}
.g-xl-1,
.gx-xl-1 {
--bs-gutter-x: 0.25rem;
}
.g-xl-1,
.gy-xl-1 {
--bs-gutter-y: 0.25rem;
}
.g-xl-2,
.gx-xl-2 {
--bs-gutter-x: 0.5rem;
}
.g-xl-2,
.gy-xl-2 {
--bs-gutter-y: 0.5rem;
}
.g-xl-3,
.gx-xl-3 {
--bs-gutter-x: 0.75rem;
}
.g-xl-3,
.gy-xl-3 {
--bs-gutter-y: 0.75rem;
}
.g-xl-4,
.gx-xl-4 {
--bs-gutter-x: 1rem;
}
.g-xl-4,
.gy-xl-4 {
--bs-gutter-y: 1rem;
}
.g-xl-5,
.gx-xl-5 {
--bs-gutter-x: 1.25rem;
}
.g-xl-5,
.gy-xl-5 {
--bs-gutter-y: 1.25rem;
}
.g-xl-6,
.gx-xl-6 {
--bs-gutter-x: 1.5rem;
}
.g-xl-6,
.gy-xl-6 {
--bs-gutter-y: 1.5rem;
}
.g-xl-7,
.gx-xl-7 {
--bs-gutter-x: 1.875rem;
}
.g-xl-7,
.gy-xl-7 {
--bs-gutter-y: 1.875rem;
}
.g-xl-8,
.gx-xl-8 {
--bs-gutter-x: 2rem;
}
.g-xl-8,
.gy-xl-8 {
--bs-gutter-y: 2rem;
}
.g-xl-9,
.gx-xl-9 {
--bs-gutter-x: 3rem;
}
.g-xl-9,
.gy-xl-9 {
--bs-gutter-y: 3rem;
}
.g-xl-10,
.gx-xl-10 {
--bs-gutter-x: 4rem;
}
.g-xl-10,
.gy-xl-10 {
--bs-gutter-y: 4rem;
}
.g-xl-11,
.gx-xl-11 {
--bs-gutter-x: 4.375rem;
}
.g-xl-11,
.gy-xl-11 {
--bs-gutter-y: 4.375rem;
}
.g-xl-12,
.gx-xl-12 {
--bs-gutter-x: 0.625rem;
}
.g-xl-12,
.gy-xl-12 {
--bs-gutter-y: 0.625rem;
}
}
@media (min-width: 1400px) {
.col-xxl {
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
}
.row-cols-xxl-auto > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.row-cols-xxl-1 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
.row-cols-xxl-2 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.row-cols-xxl-3 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333333%;
}
.row-cols-xxl-4 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.row-cols-xxl-5 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 20%;
}
.row-cols-xxl-6 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66666667%;
}
.col-xxl-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.col-xxl-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 8.33333333%;
}
.col-xxl-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66666667%;
}
.col-xxl-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.col-xxl-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333333%;
}
.col-xxl-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 41.66666667%;
}
.col-xxl-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.col-xxl-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 58.33333333%;
}
.col-xxl-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 66.66666667%;
}
.col-xxl-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 75%;
}
.col-xxl-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 83.33333333%;
}
.col-xxl-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 91.66666667%;
}
.col-xxl-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
.offset-xxl-0 {
margin-left: 0;
}
.offset-xxl-1 {
margin-left: 8.33333333%;
}
.offset-xxl-2 {
margin-left: 16.66666667%;
}
.offset-xxl-3 {
margin-left: 25%;
}
.offset-xxl-4 {
margin-left: 33.33333333%;
}
.offset-xxl-5 {
margin-left: 41.66666667%;
}
.offset-xxl-6 {
margin-left: 50%;
}
.offset-xxl-7 {
margin-left: 58.33333333%;
}
.offset-xxl-8 {
margin-left: 66.66666667%;
}
.offset-xxl-9 {
margin-left: 75%;
}
.offset-xxl-10 {
margin-left: 83.33333333%;
}
.offset-xxl-11 {
margin-left: 91.66666667%;
}
.g-xxl-0,
.gx-xxl-0 {
--bs-gutter-x: 0;
}
.g-xxl-0,
.gy-xxl-0 {
--bs-gutter-y: 0;
}
.g-xxl-1,
.gx-xxl-1 {
--bs-gutter-x: 0.25rem;
}
.g-xxl-1,
.gy-xxl-1 {
--bs-gutter-y: 0.25rem;
}
.g-xxl-2,
.gx-xxl-2 {
--bs-gutter-x: 0.5rem;
}
.g-xxl-2,
.gy-xxl-2 {
--bs-gutter-y: 0.5rem;
}
.g-xxl-3,
.gx-xxl-3 {
--bs-gutter-x: 0.75rem;
}
.g-xxl-3,
.gy-xxl-3 {
--bs-gutter-y: 0.75rem;
}
.g-xxl-4,
.gx-xxl-4 {
--bs-gutter-x: 1rem;
}
.g-xxl-4,
.gy-xxl-4 {
--bs-gutter-y: 1rem;
}
.g-xxl-5,
.gx-xxl-5 {
--bs-gutter-x: 1.25rem;
}
.g-xxl-5,
.gy-xxl-5 {
--bs-gutter-y: 1.25rem;
}
.g-xxl-6,
.gx-xxl-6 {
--bs-gutter-x: 1.5rem;
}
.g-xxl-6,
.gy-xxl-6 {
--bs-gutter-y: 1.5rem;
}
.g-xxl-7,
.gx-xxl-7 {
--bs-gutter-x: 1.875rem;
}
.g-xxl-7,
.gy-xxl-7 {
--bs-gutter-y: 1.875rem;
}
.g-xxl-8,
.gx-xxl-8 {
--bs-gutter-x: 2rem;
}
.g-xxl-8,
.gy-xxl-8 {
--bs-gutter-y: 2rem;
}
.g-xxl-9,
.gx-xxl-9 {
--bs-gutter-x: 3rem;
}
.g-xxl-9,
.gy-xxl-9 {
--bs-gutter-y: 3rem;
}
.g-xxl-10,
.gx-xxl-10 {
--bs-gutter-x: 4rem;
}
.g-xxl-10,
.gy-xxl-10 {
--bs-gutter-y: 4rem;
}
.g-xxl-11,
.gx-xxl-11 {
--bs-gutter-x: 4.375rem;
}
.g-xxl-11,
.gy-xxl-11 {
--bs-gutter-y: 4.375rem;
}
.g-xxl-12,
.gx-xxl-12 {
--bs-gutter-x: 0.625rem;
}
.g-xxl-12,
.gy-xxl-12 {
--bs-gutter-y: 0.625rem;
}
}
.g-grid {
display: -ms-grid;
display: grid;
gap: var(--bs-gutter-x, 1.5rem);
-ms-grid-columns: (1fr) [var(--bs-rows-cols, 12)];
grid-template-columns: repeat(var(--bs-rows-cols, 12), 1fr);
}
@media (min-width: 576px) {
.g-grid-sm {
display: -ms-grid;
display: grid;
gap: var(--bs-gutter-x, 1.5rem);
-ms-grid-columns: (1fr) [var(--bs-rows-cols, 12)];
grid-template-columns: repeat(var(--bs-rows-cols, 12), 1fr);
}
}
@media (min-width: 768px) {
.g-grid-md {
display: -ms-grid;
display: grid;
gap: var(--bs-gutter-x, 1.5rem);
-ms-grid-columns: (1fr) [var(--bs-rows-cols, 12)];
grid-template-columns: repeat(var(--bs-rows-cols, 12), 1fr);
}
}
@media (min-width: 992px) {
.g-grid-lg {
display: -ms-grid;
display: grid;
gap: var(--bs-gutter-x, 1.5rem);
-ms-grid-columns: (1fr) [var(--bs-rows-cols, 12)];
grid-template-columns: repeat(var(--bs-rows-cols, 12), 1fr);
}
}
@media (min-width: 1200px) {
.g-grid-xl {
display: -ms-grid;
display: grid;
gap: var(--bs-gutter-x, 1.5rem);
-ms-grid-columns: (1fr) [var(--bs-rows-cols, 12)];
grid-template-columns: repeat(var(--bs-rows-cols, 12), 1fr);
}
}
@media (min-width: 1400px) {
.g-grid-xxl {
display: -ms-grid;
display: grid;
gap: var(--bs-gutter-x, 1.5rem);
-ms-grid-columns: (1fr) [var(--bs-rows-cols, 12)];
grid-template-columns: repeat(var(--bs-rows-cols, 12), 1fr);
}
}
.container-grid {
--bs-rows-cols: 6;
display: -ms-grid;
display: grid;
gap: var(--bs-gutter-x, 1.5rem);
-ms-grid-columns: (1fr) [var(--bs-rows-cols, 12)];
grid-template-columns: repeat(var(--bs-rows-cols, 12), 1fr);
}
@media (min-width: 576px) {
.container-grid--sm {
--bs-rows-cols: 6;
display: -ms-grid;
display: grid;
gap: var(--bs-gutter-x, 1.5rem);
-ms-grid-columns: (1fr) [var(--bs-rows-cols, 12)];
grid-template-columns: repeat(var(--bs-rows-cols, 12), 1fr);
}
}
@media (min-width: 768px) {
.container-grid--md {
--bs-rows-cols: 6;
display: -ms-grid;
display: grid;
gap: var(--bs-gutter-x, 1.5rem);
-ms-grid-columns: (1fr) [var(--bs-rows-cols, 12)];
grid-template-columns: repeat(var(--bs-rows-cols, 12), 1fr);
}
}
@media (min-width: 992px) {
.container-grid--lg {
--bs-rows-cols: 6;
display: -ms-grid;
display: grid;
gap: var(--bs-gutter-x, 1.5rem);
-ms-grid-columns: (1fr) [var(--bs-rows-cols, 12)];
grid-template-columns: repeat(var(--bs-rows-cols, 12), 1fr);
}
}
@media (min-width: 1200px) {
.container-grid--xl {
--bs-rows-cols: 6;
display: -ms-grid;
display: grid;
gap: var(--bs-gutter-x, 1.5rem);
-ms-grid-columns: (1fr) [var(--bs-rows-cols, 12)];
grid-template-columns: repeat(var(--bs-rows-cols, 12), 1fr);
}
}
@media (min-width: 1400px) {
.container-grid--xxl {
--bs-rows-cols: 6;
display: -ms-grid;
display: grid;
gap: var(--bs-gutter-x, 1.5rem);
-ms-grid-columns: (1fr) [var(--bs-rows-cols, 12)];
grid-template-columns: repeat(var(--bs-rows-cols, 12), 1fr);
}
}
.table {
--bs-table-color-type: initial;
--bs-table-bg-type: initial;
--bs-table-color-state: initial;
--bs-table-bg-state: initial;
--bs-table-color: var(--bs-emphasis-color);
--bs-table-bg: var(--bs-body-bg);
--bs-table-border-color: var(--bs-border-color);
--bs-table-accent-bg: transparent;
--bs-table-striped-color: var(--bs-emphasis-color);
--bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
--bs-table-active-color: var(--bs-emphasis-color);
--bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
--bs-table-hover-color: var(--bs-emphasis-color);
--bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
width: 100%;
margin-bottom: 1rem;
vertical-align: top;
border-color: var(--bs-table-border-color);
}
.table > :not(caption) > * > * {
padding: 0.5rem 0.5rem;
color: var(
--bs-table-color-state,
var(--bs-table-color-type, var(--bs-table-color))
);
background-color: var(--bs-table-bg);
border-bottom-width: var(--bs-border-width);
-webkit-box-shadow: inset 0 0 0 9999px
var(
--bs-table-bg-state,
var(--bs-table-bg-type, var(--bs-table-accent-bg))
);
box-shadow: inset 0 0 0 9999px
var(
--bs-table-bg-state,
var(--bs-table-bg-type, var(--bs-table-accent-bg))
);
}
.table > tbody {
vertical-align: inherit;
}
.table > thead {
vertical-align: bottom;
}
.table-group-divider {
border-top: calc(var(--bs-border-width) * 2) solid currentcolor;
}
.caption-top {
caption-side: top;
}
.table-sm > :not(caption) > * > * {
padding: 0.25rem 0.25rem;
}
.table-bordered > :not(caption) > * {
border-width: var(--bs-border-width) 0;
}
.table-bordered > :not(caption) > * > * {
border-width: 0 var(--bs-border-width);
}
.table-borderless > :not(caption) > * > * {
border-bottom-width: 0;
}
.table-borderless > :not(:first-child) {
border-top-width: 0;
}
.table-striped > tbody > tr:nth-of-type(odd) > * {
--bs-table-color-type: var(--bs-table-striped-color);
--bs-table-bg-type: var(--bs-table-striped-bg);
}
.table-striped-columns > :not(caption) > tr > :nth-child(even) {
--bs-table-color-type: var(--bs-table-striped-color);
--bs-table-bg-type: var(--bs-table-striped-bg);
}
.table-active {
--bs-table-color-state: var(--bs-table-active-color);
--bs-table-bg-state: var(--bs-table-active-bg);
}
.table-hover > tbody > tr:hover > * {
--bs-table-color-state: var(--bs-table-hover-color);
--bs-table-bg-state: var(--bs-table-hover-bg);
}
/* Таблицы внутри .table-container — без доп. классов в разметке */
.table-container table {
--bs-table-color-type: initial;
--bs-table-bg-type: initial;
--bs-table-color-state: initial;
--bs-table-bg-state: initial;
--bs-table-color: var(--bs-emphasis-color);
--bs-table-bg: var(--bs-body-bg);
--bs-table-border-color: var(--bs-border-color);
--bs-table-accent-bg: transparent;
--bs-table-striped-color: var(--bs-emphasis-color);
--bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
--bs-table-active-color: var(--bs-emphasis-color);
--bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
--bs-table-hover-color: var(--bs-emphasis-color);
--bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
width: 100%;
margin-bottom: 1rem;
vertical-align: top;
border-color: var(--bs-table-border-color);
border-radius: var(--bs-border-radius-xl);
border-collapse: separate;
border-spacing: 0;
overflow: hidden;
}
@media (min-width: 768px) {
.table-container table {
border-radius: 1.5rem;
}
}
.table-container table > :not(caption) > * > * {
padding: 0.5rem 0.5rem;
color: var(
--bs-table-color-state,
var(--bs-table-color-type, var(--bs-table-color))
);
background-color: var(--bs-table-bg);
border-bottom-width: var(--bs-border-width);
-webkit-box-shadow: inset 0 0 0 9999px
var(
--bs-table-bg-state,
var(--bs-table-bg-type, var(--bs-table-accent-bg))
);
box-shadow: inset 0 0 0 9999px
var(
--bs-table-bg-state,
var(--bs-table-bg-type, var(--bs-table-accent-bg))
);
}
.table-container table > tbody {
vertical-align: inherit;
}
.table-container table > thead {
vertical-align: bottom;
}
/* zebra = table-striped (только внутри .table-container) */
.table-container table.zebra > tbody > tr:nth-of-type(odd) > * {
--bs-table-color-type: var(--bs-table-striped-color);
--bs-table-bg-type: var(--bs-table-striped-bg);
}
.table-primary {
--bs-table-color: #000;
--bs-table-bg: rgb(205.2, 209.4, 213.8);
--bs-table-border-color: rgb(164.16, 167.52, 171.04);
--bs-table-striped-bg: rgb(194.94, 198.93, 203.11);
--bs-table-striped-color: #000;
--bs-table-active-bg: rgb(184.68, 188.46, 192.42);
--bs-table-active-color: #000;
--bs-table-hover-bg: rgb(189.81, 193.695, 197.765);
--bs-table-hover-color: #000;
color: var(--bs-table-color);
border-color: var(--bs-table-border-color);
}
.table-secondary {
--bs-table-color: #000;
--bs-table-bg: rgb(252.4, 252.6, 252.8);
--bs-table-border-color: rgb(201.92, 202.08, 202.24);
--bs-table-striped-bg: rgb(239.78, 239.97, 240.16);
--bs-table-striped-color: #000;
--bs-table-active-bg: rgb(227.16, 227.34, 227.52);
--bs-table-active-color: #000;
--bs-table-hover-bg: rgb(233.47, 233.655, 233.84);
--bs-table-hover-color: #000;
color: var(--bs-table-color);
border-color: var(--bs-table-border-color);
}
.table-success {
--bs-table-color: #000;
--bs-table-bg: rgb(212.8, 240.6, 217.2);
--bs-table-border-color: rgb(170.24, 192.48, 173.76);
--bs-table-striped-bg: rgb(202.16, 228.57, 206.34);
--bs-table-striped-color: #000;
--bs-table-active-bg: rgb(191.52, 216.54, 195.48);
--bs-table-active-color: #000;
--bs-table-hover-bg: rgb(196.84, 222.555, 200.91);
--bs-table-hover-color: #000;
color: var(--bs-table-color);
border-color: var(--bs-table-border-color);
}
.table-info {
--bs-table-color: #000;
--bs-table-bg: rgb(211.8, 237.4, 250.2);
--bs-table-border-color: rgb(169.44, 189.92, 200.16);
--bs-table-striped-bg: rgb(201.21, 225.53, 237.69);
--bs-table-striped-color: #000;
--bs-table-active-bg: rgb(190.62, 213.66, 225.18);
--bs-table-active-color: #000;
--bs-table-hover-bg: rgb(195.915, 219.595, 231.435);
--bs-table-hover-color: #000;
color: var(--bs-table-color);
border-color: var(--bs-table-border-color);
}
.table-warning {
--bs-table-color: #000;
--bs-table-bg: rgb(255, 241.6, 215.2);
--bs-table-border-color: rgb(204, 193.28, 172.16);
--bs-table-striped-bg: rgb(242.25, 229.52, 204.44);
--bs-table-striped-color: #000;
--bs-table-active-bg: rgb(229.5, 217.44, 193.68);
--bs-table-active-color: #000;
--bs-table-hover-bg: rgb(235.875, 223.48, 199.06);
--bs-table-hover-color: #000;
color: var(--bs-table-color);
border-color: var(--bs-table-border-color);
}
.table-danger {
--bs-table-color: #000;
--bs-table-bg: #ffcccc;
--bs-table-border-color: rgb(204, 163.2, 163.2);
--bs-table-striped-bg: rgb(242.25, 193.8, 193.8);
--bs-table-striped-color: #000;
--bs-table-active-bg: rgb(229.5, 183.6, 183.6);
--bs-table-active-color: #000;
--bs-table-hover-bg: rgb(235.875, 188.7, 188.7);
--bs-table-hover-color: #000;
color: var(--bs-table-color);
border-color: var(--bs-table-border-color);
}
.table-light {
--bs-table-color: #000;
--bs-table-bg: #f8f9fa;
--bs-table-border-color: rgb(198.4, 199.2, 200);
--bs-table-striped-bg: rgb(235.6, 236.55, 237.5);
--bs-table-striped-color: #000;
--bs-table-active-bg: rgb(223.2, 224.1, 225);
--bs-table-active-color: #000;
--bs-table-hover-bg: rgb(229.4, 230.325, 231.25);
--bs-table-hover-color: #000;
color: var(--bs-table-color);
border-color: var(--bs-table-border-color);
}
.table-dark {
--bs-table-color: #fff;
--bs-table-bg: #212529;
--bs-table-border-color: rgb(77.4, 80.6, 83.8);
--bs-table-striped-bg: rgb(44.1, 47.9, 51.7);
--bs-table-striped-color: #fff;
--bs-table-active-bg: rgb(55.2, 58.8, 62.4);
--bs-table-active-color: #fff;
--bs-table-hover-bg: rgb(49.65, 53.35, 57.05);
--bs-table-hover-color: #fff;
color: var(--bs-table-color);
border-color: var(--bs-table-border-color);
}
.table-responsive {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
@media (max-width: 575.98px) {
.table-responsive-sm {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
}
@media (max-width: 767.98px) {
.table-responsive-md {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
}
@media (max-width: 991.98px) {
.table-responsive-lg {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
}
@media (max-width: 1199.98px) {
.table-responsive-xl {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
}
@media (max-width: 1399.98px) {
.table-responsive-xxl {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
}
.form-label {
margin-bottom: 0.5rem;
}
.col-form-label {
padding-top: calc(0.375rem + var(--bs-border-width));
padding-bottom: calc(0.375rem + var(--bs-border-width));
margin-bottom: 0;
font-size: inherit;
line-height: 1.5;
}
.col-form-label-lg {
padding-top: calc(0.5rem + var(--bs-border-width));
padding-bottom: calc(0.5rem + var(--bs-border-width));
font-size: 1.25rem;
}
.col-form-label-sm {
padding-top: calc(0.25rem + var(--bs-border-width));
padding-bottom: calc(0.25rem + var(--bs-border-width));
font-size: 0.875rem;
}
.form-text {
margin-top: 0.25rem;
font-size: 0.875em;
color: var(--bs-secondary-color);
}
.form-control {
display: block;
width: 100%;
padding: 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: var(--bs-blue);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: var(--bs-background);
background-clip: padding-box;
border: 1px solid #ececec;
border-radius: var(--bs-border-radius);
-webkit-transition:
border-color 0.15s ease-in-out,
-webkit-box-shadow 0.15s ease-in-out;
transition:
border-color 0.15s ease-in-out,
-webkit-box-shadow 0.15s ease-in-out;
transition:
border-color 0.15s ease-in-out,
box-shadow 0.15s ease-in-out;
transition:
border-color 0.15s ease-in-out,
box-shadow 0.15s ease-in-out,
-webkit-box-shadow 0.15s ease-in-out;
}
.form-control:focus,
.form-control:active {
border-color: #f59e0b !important;
outline: 0 !important;
-webkit-box-shadow: 0 0 0 0.25rem rgba(245, 158, 11, 0.25) !important;
box-shadow: 0 0 0 0.25rem rgba(245, 158, 11, 0.25) !important;
}
@media (prefers-reduced-motion: reduce) {
.form-control {
-webkit-transition: none;
transition: none;
}
}
.form-control[type='file'] {
overflow: hidden;
}
.form-control[type='file']:not(:disabled):not([readonly]) {
cursor: pointer;
}
.form-control:focus {
color: var(--bs-body-color);
background-color: var(--bs-body-bg);
border-color: rgb(130.5, 141, 152);
outline: 0;
-webkit-box-shadow: 0 0 0 0.25rem rgba(6, 27, 49, 0.25);
box-shadow: 0 0 0 0.25rem rgba(6, 27, 49, 0.25);
}
.form-control::-webkit-date-and-time-value {
min-width: 85px;
height: 1.5em;
margin: 0;
}
.form-control::-webkit-datetime-edit {
display: block;
padding: 0;
}
.form-control::-webkit-input-placeholder {
color: var(--bs-secondary-color);
opacity: 1;
}
.form-control::-moz-placeholder {
color: var(--bs-secondary-color);
opacity: 1;
}
.form-control:-ms-input-placeholder {
color: var(--bs-secondary-color);
opacity: 1;
}
.form-control::-ms-input-placeholder {
color: var(--bs-secondary-color);
opacity: 1;
}
.form-control::placeholder {
color: var(--bs-secondary-color);
opacity: 1;
}
.form-control:disabled {
background-color: var(--bs-secondary-bg);
opacity: 1;
}
.form-control::-webkit-file-upload-button {
padding: 0.375rem 0.75rem;
margin: -0.375rem -0.75rem;
-webkit-margin-end: 0.75rem;
margin-inline-end: 0.75rem;
color: var(--bs-body-color);
background-color: var(--bs-tertiary-bg);
pointer-events: none;
border-color: inherit;
border-style: solid;
border-width: 0;
border-inline-end-width: var(--bs-border-width);
border-radius: 0;
-webkit-transition:
color 0.15s ease-in-out,
background-color 0.15s ease-in-out,
border-color 0.15s ease-in-out,
-webkit-box-shadow 0.15s ease-in-out;
transition:
color 0.15s ease-in-out,
background-color 0.15s ease-in-out,
border-color 0.15s ease-in-out,
-webkit-box-shadow 0.15s ease-in-out;
transition:
color 0.15s ease-in-out,
background-color 0.15s ease-in-out,
border-color 0.15s ease-in-out,
box-shadow 0.15s ease-in-out;
transition:
color 0.15s ease-in-out,
background-color 0.15s ease-in-out,
border-color 0.15s ease-in-out,
box-shadow 0.15s ease-in-out,
-webkit-box-shadow 0.15s ease-in-out;
}
.form-control::file-selector-button {
padding: 0.375rem 0.75rem;
margin: -0.375rem -0.75rem;
-webkit-margin-end: 0.75rem;
margin-inline-end: 0.75rem;
color: var(--bs-body-color);
background-color: var(--bs-tertiary-bg);
pointer-events: none;
border-color: inherit;
border-style: solid;
border-width: 0;
border-inline-end-width: var(--bs-border-width);
border-radius: 0;
-webkit-transition:
color 0.15s ease-in-out,
background-color 0.15s ease-in-out,
border-color 0.15s ease-in-out,
-webkit-box-shadow 0.15s ease-in-out;
transition:
color 0.15s ease-in-out,
background-color 0.15s ease-in-out,
border-color 0.15s ease-in-out,
-webkit-box-shadow 0.15s ease-in-out;
transition:
color 0.15s ease-in-out,
background-color 0.15s ease-in-out,
border-color 0.15s ease-in-out,
box-shadow 0.15s ease-in-out;
transition:
color 0.15s ease-in-out,
background-color 0.15s ease-in-out,
border-color 0.15s ease-in-out,
box-shadow 0.15s ease-in-out,
-webkit-box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.form-control::-webkit-file-upload-button {
-webkit-transition: none;
transition: none;
}
.form-control::file-selector-button {
-webkit-transition: none;
transition: none;
}
}
.form-control:hover:not(:disabled):not(
[readonly]
)::-webkit-file-upload-button {
background-color: var(--bs-secondary-bg);
}
.form-control:hover:not(:disabled):not(
[readonly]
)::file-selector-button {
background-color: var(--bs-secondary-bg);
}
.form-control-plaintext {
display: block;
width: 100%;
padding: 0.375rem 0;
margin-bottom: 0;
line-height: 1.5;
color: var(--bs-body-color);
background-color: transparent;
border: solid transparent;
border-width: var(--bs-border-width) 0;
}
.form-control-plaintext:focus {
outline: 0;
}
.form-control-plaintext.form-control-sm,
.form-control-plaintext.form-control-lg {
padding-right: 0;
padding-left: 0;
}
.form-control-sm {
min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
border-radius: var(--bs-border-radius-sm);
}
.form-control-sm::-webkit-file-upload-button {
padding: 0.25rem 0.5rem;
margin: -0.25rem -0.5rem;
-webkit-margin-end: 0.5rem;
margin-inline-end: 0.5rem;
}
.form-control-sm::file-selector-button {
padding: 0.25rem 0.5rem;
margin: -0.25rem -0.5rem;
-webkit-margin-end: 0.5rem;
margin-inline-end: 0.5rem;
}
.form-control-lg {
min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
padding: 0.5rem 1rem;
font-size: 1.25rem;
border-radius: var(--bs-border-radius-lg);
}
.form-control-lg::-webkit-file-upload-button {
padding: 0.5rem 1rem;
margin: -0.5rem -1rem;
-webkit-margin-end: 1rem;
margin-inline-end: 1rem;
}
.form-control-lg::file-selector-button {
padding: 0.5rem 1rem;
margin: -0.5rem -1rem;
-webkit-margin-end: 1rem;
margin-inline-end: 1rem;
}
textarea.form-control {
min-height: calc(
1.5em + 0.75rem + calc(var(--bs-border-width) * 2)
);
}
textarea.form-control-sm {
min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
}
textarea.form-control-lg {
min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
}
.form-control-color {
width: 3rem;
height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
padding: 0.375rem;
}
.form-control-color:not(:disabled):not([readonly]) {
cursor: pointer;
}
.form-control-color::-moz-color-swatch {
border: 0 !important;
border-radius: var(--bs-border-radius);
}
.form-control-color::-webkit-color-swatch {
border: 0 !important;
border-radius: var(--bs-border-radius);
}
.form-control-color.form-control-sm {
height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
}
.form-control-color.form-control-lg {
height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
}
.form-select {
--bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
display: block;
width: 100%;
padding: 0.375rem 2.25rem 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: var(--bs-body-color);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: var(--bs-body-bg);
background-image:
var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
background-repeat: no-repeat;
background-position: right 0.75rem center;
background-size: 16px 12px;
border: var(--bs-border-width) solid var(--bs-border-color);
border-radius: var(--bs-border-radius);
-webkit-transition:
border-color 0.15s ease-in-out,
-webkit-box-shadow 0.15s ease-in-out;
transition:
border-color 0.15s ease-in-out,
-webkit-box-shadow 0.15s ease-in-out;
transition:
border-color 0.15s ease-in-out,
box-shadow 0.15s ease-in-out;
transition:
border-color 0.15s ease-in-out,
box-shadow 0.15s ease-in-out,
-webkit-box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.form-select {
-webkit-transition: none;
transition: none;
}
}
.form-select:focus {
border-color: rgb(130.5, 141, 152);
outline: 0;
-webkit-box-shadow: 0 0 0 0.25rem rgba(6, 27, 49, 0.25);
box-shadow: 0 0 0 0.25rem rgba(6, 27, 49, 0.25);
}
.form-select[multiple],
.form-select[size]:not([size='1']) {
padding-right: 0.75rem;
background-image: none;
}
.form-select:disabled {
background-color: var(--bs-secondary-bg);
}
.form-select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 var(--bs-body-color);
}
.form-select-sm {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
padding-left: 0.5rem;
font-size: 0.875rem;
border-radius: var(--bs-border-radius-sm);
}
.form-select-lg {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 1rem;
font-size: 1.25rem;
border-radius: var(--bs-border-radius-lg);
}
[data-bs-theme='dark'] .form-select {
--bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}
.form-check {
display: block;
min-height: 1.5rem;
padding-left: 1.5em;
margin-bottom: 0.125rem;
}
.form-check .form-check-input {
float: left;
margin-left: -1.5em;
}
.form-check-reverse {
padding-right: 1.5em;
padding-left: 0;
text-align: right;
}
.form-check-reverse .form-check-input {
float: right;
margin-right: -1.5em;
margin-left: 0;
}
.form-check-input {
--bs-form-check-bg: var(--bs-body-bg);
-ms-flex-negative: 0;
flex-shrink: 0;
width: 1em;
height: 1em;
margin-top: 0.25em;
vertical-align: top;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: var(--bs-form-check-bg);
background-image: var(--bs-form-check-bg-image);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
border: var(--bs-border-width) solid var(--bs-border-color);
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
.form-check-input[type='checkbox'] {
border-radius: 0.25em;
}
.form-check-input[type='radio'] {
border-radius: 50%;
}
.form-check-input:active {
-webkit-filter: brightness(90%);
filter: brightness(90%);
}
.form-check-input:focus {
border-color: rgb(130.5, 141, 152);
outline: 0;
-webkit-box-shadow: 0 0 0 0.25rem rgba(6, 27, 49, 0.25);
box-shadow: 0 0 0 0.25rem rgba(6, 27, 49, 0.25);
}
.form-check-input:checked {
background-color: #061b31;
border-color: #061b31;
}
.form-check-input:checked[type='checkbox'] {
--bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
.form-check-input:checked[type='radio'] {
--bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
.form-check-input[type='checkbox']:indeterminate {
background-color: #061b31;
border-color: #061b31;
--bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check-input:disabled {
pointer-events: none;
-webkit-filter: none;
filter: none;
opacity: 0.5;
}
.form-check-input[disabled] ~ .form-check-label,
.form-check-input:disabled ~ .form-check-label {
cursor: default;
opacity: 0.5;
}
.form-switch {
padding-left: 2.5em;
}
.form-switch .form-check-input {
--bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
width: 2em;
margin-left: -2.5em;
background-image: var(--bs-form-switch-bg);
background-position: left center;
border-radius: 2em;
-webkit-transition: background-position 0.15s ease-in-out;
transition: background-position 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.form-switch .form-check-input {
-webkit-transition: none;
transition: none;
}
}
.form-switch .form-check-input:focus {
--bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgb%28130.5, 141, 152%29'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
background-position: right center;
--bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.form-switch.form-check-reverse {
padding-right: 2.5em;
padding-left: 0;
}
.form-switch.form-check-reverse .form-check-input {
margin-right: -2.5em;
margin-left: 0;
}
.form-check-inline {
display: inline-block;
margin-right: 1rem;
}
.btn-check {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none;
}
.btn-check[disabled] + .btn,
.btn-check:disabled + .btn {
pointer-events: none;
-webkit-filter: none;
filter: none;
opacity: 0.4;
}
[data-bs-theme='dark']
.form-switch
.form-check-input:not(:checked):not(:focus) {
--bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e");
}
.form-range {
width: 100%;
height: 1.5rem;
padding: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: transparent;
}
.form-range:focus {
outline: 0;
}
.form-range:focus::-webkit-slider-thumb {
-webkit-box-shadow:
0 0 0 1px #fff,
0 0 0 0.25rem rgba(6, 27, 49, 0.25);
box-shadow:
0 0 0 1px #fff,
0 0 0 0.25rem rgba(6, 27, 49, 0.25);
}
.form-range:focus::-moz-range-thumb {
box-shadow:
0 0 0 1px #fff,
0 0 0 0.25rem rgba(6, 27, 49, 0.25);
}
.form-range::-moz-focus-outer {
border: 0;
}
.form-range::-webkit-slider-thumb {
width: 1rem;
height: 1rem;
margin-top: -0.25rem;
-webkit-appearance: none;
appearance: none;
background-color: #061b31;
border: 0;
border-radius: 1rem;
-webkit-transition:
background-color 0.15s ease-in-out,
border-color 0.15s ease-in-out,
-webkit-box-shadow 0.15s ease-in-out;
transition:
background-color 0.15s ease-in-out,
border-color 0.15s ease-in-out,
-webkit-box-shadow 0.15s ease-in-out;
transition:
background-color 0.15s ease-in-out,
border-color 0.15s ease-in-out,
box-shadow 0.15s ease-in-out;
transition:
background-color 0.15s ease-in-out,
border-color 0.15s ease-in-out,
box-shadow 0.15s ease-in-out,
-webkit-box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.form-range::-webkit-slider-thumb {
-webkit-transition: none;
transition: none;
}
}
.form-range::-webkit-slider-thumb:active {
background-color: rgb(180.3, 186.6, 193.2);
}
.form-range::-webkit-slider-runnable-track {
width: 100%;
height: 0.5rem;
color: transparent;
cursor: pointer;
background-color: var(--bs-secondary-bg);
border-color: transparent;
border-radius: 1rem;
}
.form-range::-moz-range-thumb {
width: 1rem;
height: 1rem;
-moz-appearance: none;
appearance: none;
background-color: #061b31;
border: 0;
border-radius: 1rem;
-moz-transition:
background-color 0.15s ease-in-out,
border-color 0.15s ease-in-out,
box-shadow 0.15s ease-in-out;
transition:
background-color 0.15s ease-in-out,
border-color 0.15s ease-in-out,
box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.form-range::-moz-range-thumb {
-moz-transition: none;
transition: none;
}
}
.form-range::-moz-range-thumb:active {
background-color: rgb(180.3, 186.6, 193.2);
}
.form-range::-moz-range-track {
width: 100%;
height: 0.5rem;
color: transparent;
cursor: pointer;
background-color: var(--bs-secondary-bg);
border-color: transparent;
border-radius: 1rem;
}
.form-range:disabled {
pointer-events: none;
}
.form-range:disabled::-webkit-slider-thumb {
background-color: var(--bs-secondary-color);
}
.form-range:disabled::-moz-range-thumb {
background-color: var(--bs-secondary-color);
}
.form-floating {
position: relative;
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
height: calc(3.5rem + calc(var(--bs-border-width) * 2));
min-height: calc(3.5rem + calc(var(--bs-border-width) * 2));
line-height: 1.25;
}
.form-floating > label {
position: absolute;
top: 0;
left: 0;
z-index: 2;
height: 100%;
padding: 1rem 0.75rem;
overflow: hidden;
text-align: start;
text-overflow: ellipsis;
white-space: nowrap;
pointer-events: none;
border: var(--bs-border-width) solid transparent;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transition:
opacity 0.1s ease-in-out,
-webkit-transform 0.1s ease-in-out;
transition:
opacity 0.1s ease-in-out,
-webkit-transform 0.1s ease-in-out;
transition:
opacity 0.1s ease-in-out,
transform 0.1s ease-in-out;
transition:
opacity 0.1s ease-in-out,
transform 0.1s ease-in-out,
-webkit-transform 0.1s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.form-floating > label {
-webkit-transition: none;
transition: none;
}
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext {
padding: 1rem 0.75rem;
}
.form-floating > .form-control::-webkit-input-placeholder,
.form-floating > .form-control-plaintext::-webkit-input-placeholder {
color: transparent;
}
.form-floating > .form-control::-moz-placeholder,
.form-floating > .form-control-plaintext::-moz-placeholder {
color: transparent;
}
.form-floating > .form-control:-ms-input-placeholder,
.form-floating > .form-control-plaintext:-ms-input-placeholder {
color: transparent;
}
.form-floating > .form-control::-ms-input-placeholder,
.form-floating > .form-control-plaintext::-ms-input-placeholder {
color: transparent;
}
.form-floating > .form-control::placeholder,
.form-floating > .form-control-plaintext::placeholder {
color: transparent;
}
.form-floating > .form-control:not(:-moz-placeholder),
.form-floating > .form-control-plaintext:not(:-moz-placeholder) {
padding-top: 1.625rem;
padding-bottom: 0.625rem;
}
.form-floating > .form-control:not(:-ms-input-placeholder),
.form-floating > .form-control-plaintext:not(:-ms-input-placeholder) {
padding-top: 1.625rem;
padding-bottom: 0.625rem;
}
.form-floating > .form-control:focus,
.form-floating > .form-control:not(:placeholder-shown),
.form-floating > .form-control-plaintext:focus,
.form-floating > .form-control-plaintext:not(:placeholder-shown) {
padding-top: 1.625rem;
padding-bottom: 0.625rem;
}
.form-floating > .form-control:-webkit-autofill,
.form-floating > .form-control-plaintext:-webkit-autofill {
padding-top: 1.625rem;
padding-bottom: 0.625rem;
}
.form-floating > .form-select {
padding-top: 1.625rem;
padding-bottom: 0.625rem;
}
.form-floating > .form-control:not(:-moz-placeholder) ~ label {
color: rgba(var(--bs-body-color-rgb), 0.65);
transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:not(:-ms-input-placeholder) ~ label {
color: rgba(var(--bs-body-color-rgb), 0.65);
-ms-transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-select ~ label {
color: rgba(var(--bs-body-color-rgb), 0.65);
-webkit-transform: scale(0.85) translateY(-0.5rem)
translateX(0.15rem);
-ms-transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:not(:-moz-placeholder) ~ label::after {
position: absolute;
inset: 1rem 0.375rem;
z-index: -1;
height: 1.5em;
content: '';
background-color: var(--bs-body-bg);
border-radius: var(--bs-border-radius);
}
.form-floating
> .form-control:not(:-ms-input-placeholder)
~ label::after {
position: absolute;
inset: 1rem 0.375rem;
z-index: -1;
height: 1.5em;
content: '';
background-color: var(--bs-body-bg);
border-radius: var(--bs-border-radius);
}
.form-floating > .form-control:focus ~ label::after,
.form-floating > .form-control:not(:placeholder-shown) ~ label::after,
.form-floating > .form-control-plaintext ~ label::after,
.form-floating > .form-select ~ label::after {
position: absolute;
inset: 1rem 0.375rem;
z-index: -1;
height: 1.5em;
content: '';
background-color: var(--bs-body-bg);
border-radius: var(--bs-border-radius);
}
.form-floating > .form-control:-webkit-autofill ~ label {
color: rgba(var(--bs-body-color-rgb), 0.65);
-webkit-transform: scale(0.85) translateY(-0.5rem)
translateX(0.15rem);
transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control-plaintext ~ label {
border-width: var(--bs-border-width) 0;
}
.form-floating > :disabled ~ label,
.form-floating > .form-control:disabled ~ label {
color: #f2f3f4;
}
.form-floating > :disabled ~ label::after,
.form-floating > .form-control:disabled ~ label::after {
background-color: var(--bs-secondary-bg);
}
.input-group {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
width: 100%;
}
.input-group > .form-control,
.input-group > .form-select,
.input-group > .form-floating {
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 1%;
min-width: 0;
}
.input-group > .form-control:focus,
.input-group > .form-select:focus,
.input-group > .form-floating:focus-within {
z-index: 5;
}
.input-group .btn {
position: relative;
z-index: 2;
}
.input-group .btn:focus {
z-index: 5;
}
.input-group-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: var(--bs-body-color);
text-align: center;
white-space: nowrap;
background-color: var(--bs-tertiary-bg);
border: var(--bs-border-width) solid var(--bs-border-color);
border-radius: var(--bs-border-radius);
}
.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text,
.input-group-lg > .btn {
padding: 0.5rem 1rem;
font-size: 1.25rem;
border-radius: var(--bs-border-radius-lg);
}
.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text,
.input-group-sm > .btn {
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
border-radius: var(--bs-border-radius-sm);
}
.input-group-lg > .form-select,
.input-group-sm > .form-select {
padding-right: 3rem;
}
.input-group:not(.has-validation)
> :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(
.form-floating
),
.input-group:not(.has-validation)
> .dropdown-toggle:nth-last-child(n + 3),
.input-group:not(.has-validation)
> .form-floating:not(:last-child)
> .form-control,
.input-group:not(.has-validation)
> .form-floating:not(:last-child)
> .form-select {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group.has-validation
> :nth-last-child(n + 3):not(.dropdown-toggle):not(
.dropdown-menu
):not(.form-floating),
.input-group.has-validation > .dropdown-toggle:nth-last-child(n + 4),
.input-group.has-validation
> .form-floating:nth-last-child(n + 3)
> .form-control,
.input-group.has-validation
> .form-floating:nth-last-child(n + 3)
> .form-select {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group
> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(
.valid-feedback
):not(.invalid-tooltip):not(.invalid-feedback) {
margin-left: calc(var(--bs-border-width) * -1);
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.input-group > .form-floating:not(:first-child) > .form-control,
.input-group > .form-floating:not(:first-child) > .form-select {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.valid-feedback {
display: none;
width: 100%;
margin-top: 0.25rem;
font-size: 0.875em;
color: var(--bs-form-valid-color);
}
.valid-tooltip {
position: absolute;
top: 100%;
z-index: 5;
display: none;
max-width: 100%;
padding: 0.25rem 0.5rem;
margin-top: 0.1rem;
font-size: 0.875rem;
color: #fff;
background-color: var(--bs-success);
border-radius: var(--bs-border-radius);
}
.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
display: block;
}
.was-validated .form-control:valid,
.form-control.is-valid {
border-color: var(--bs-form-valid-border-color);
padding-right: calc(1.5em + 0.75rem);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%232cb742' d='M2.3 6.73.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(0.375em + 0.1875rem) center;
background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:valid:focus,
.form-control.is-valid:focus {
border-color: var(--bs-form-valid-border-color);
-webkit-box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}
.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
padding-right: calc(1.5em + 0.75rem);
background-position: top calc(0.375em + 0.1875rem) right
calc(0.375em + 0.1875rem);
}
.was-validated .form-select:valid,
.form-select.is-valid {
border-color: var(--bs-form-valid-border-color);
}
.was-validated .form-select:valid:not([multiple]):not([size]),
.was-validated .form-select:valid:not([multiple])[size='1'],
.form-select.is-valid:not([multiple]):not([size]),
.form-select.is-valid:not([multiple])[size='1'] {
--bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%232cb742' d='M2.3 6.73.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");
padding-right: 4.125rem;
background-position:
right 0.75rem center,
center right 2.25rem;
background-size:
16px 12px,
calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:valid:focus,
.form-select.is-valid:focus {
border-color: var(--bs-form-valid-border-color);
-webkit-box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}
.was-validated .form-control-color:valid,
.form-control-color.is-valid {
width: calc(3rem + calc(1.5em + 0.75rem));
}
.was-validated .form-check-input:valid,
.form-check-input.is-valid {
border-color: var(--bs-form-valid-border-color);
}
.was-validated .form-check-input:valid:checked,
.form-check-input.is-valid:checked {
background-color: var(--bs-form-valid-color);
}
.was-validated .form-check-input:valid:focus,
.form-check-input.is-valid:focus {
-webkit-box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}
.was-validated .form-check-input:valid ~ .form-check-label,
.form-check-input.is-valid ~ .form-check-label {
color: var(--bs-form-valid-color);
}
.form-check-inline .form-check-input ~ .valid-feedback {
margin-left: 0.5em;
}
.was-validated .input-group > .form-control:not(:focus):valid,
.input-group > .form-control:not(:focus).is-valid,
.was-validated .input-group > .form-select:not(:focus):valid,
.input-group > .form-select:not(:focus).is-valid,
.was-validated .input-group > .form-floating:not(:focus-within):valid,
.input-group > .form-floating:not(:focus-within).is-valid {
z-index: 3;
}
.invalid-feedback {
display: none;
width: 100%;
margin-top: 0.25rem;
font-size: 0.875em;
color: var(--bs-form-invalid-color);
}
.invalid-tooltip {
position: absolute;
top: 100%;
z-index: 5;
display: none;
max-width: 100%;
padding: 0.25rem 0.5rem;
margin-top: 0.1rem;
font-size: 0.875rem;
color: #fff;
background-color: var(--bs-danger);
border-radius: var(--bs-border-radius);
}
.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
display: block;
}
.was-validated .form-control:invalid,
.form-control.is-invalid {
border-color: var(--bs-form-invalid-border-color);
padding-right: calc(1.5em + 0.75rem);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23ff0000'%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='%23ff0000' stroke='none'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right calc(0.375em + 0.1875rem) center;
background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus {
border-color: var(--bs-form-invalid-border-color);
-webkit-box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}
.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
padding-right: calc(1.5em + 0.75rem);
background-position: top calc(0.375em + 0.1875rem) right
calc(0.375em + 0.1875rem);
}
.was-validated .form-select:invalid,
.form-select.is-invalid {
border-color: var(--bs-form-invalid-border-color);
}
.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple])[size='1'],
.form-select.is-invalid:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size='1'] {
--bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23ff0000'%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='%23ff0000' stroke='none'/%3e%3c/svg%3e");
padding-right: 4.125rem;
background-position:
right 0.75rem center,
center right 2.25rem;
background-size:
16px 12px,
calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:invalid:focus,
.form-select.is-invalid:focus {
border-color: var(--bs-form-invalid-border-color);
-webkit-box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}
.was-validated .form-control-color:invalid,
.form-control-color.is-invalid {
width: calc(3rem + calc(1.5em + 0.75rem));
}
.was-validated .form-check-input:invalid,
.form-check-input.is-invalid {
border-color: var(--bs-form-invalid-border-color);
}
.was-validated .form-check-input:invalid:checked,
.form-check-input.is-invalid:checked {
background-color: var(--bs-form-invalid-color);
}
.was-validated .form-check-input:invalid:focus,
.form-check-input.is-invalid:focus {
-webkit-box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}
.was-validated .form-check-input:invalid ~ .form-check-label,
.form-check-input.is-invalid ~ .form-check-label {
color: var(--bs-form-invalid-color);
}
.form-check-inline .form-check-input ~ .invalid-feedback {
margin-left: 0.5em;
}
.was-validated .input-group > .form-control:not(:focus):invalid,
.input-group > .form-control:not(:focus).is-invalid,
.was-validated .input-group > .form-select:not(:focus):invalid,
.input-group > .form-select:not(:focus).is-invalid,
.was-validated
.input-group
> .form-floating:not(:focus-within):invalid,
.input-group > .form-floating:not(:focus-within).is-invalid {
z-index: 4;
}
.btn {
--bs-btn-padding-x: 0.75rem;
--bs-btn-padding-y: 0.375rem;
--bs-btn-font-family: ;
--bs-btn-font-size: 1rem;
--bs-btn-font-weight: 400;
--bs-btn-line-height: 1.5;
--bs-btn-color: var(--bs-body-color);
--bs-btn-bg: transparent;
--bs-btn-border-width: var(--bs-border-width);
--bs-btn-border-color: transparent;
--bs-btn-border-radius: var(--bs-border-radius);
--bs-btn-hover-border-color: transparent;
--bs-btn-box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.15),
0 1px 1px rgba(0, 0, 0, 0.075);
--bs-btn-disabled-opacity: 0.4;
--bs-btn-focus-box-shadow: 0 0 0 0.25rem
rgba(var(--bs-btn-focus-shadow-rgb), 0.5);
display: inline-block;
padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
font-family: var(--bs-btn-font-family);
font-size: var(--bs-btn-font-size);
font-weight: var(--bs-btn-font-weight);
line-height: var(--bs-btn-line-height);
color: var(--bs-btn-color);
text-align: center;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
border-radius: var(--bs-btn-border-radius);
background-color: var(--bs-btn-bg);
-webkit-transition:
color 0.15s ease-in-out,
background-color 0.15s ease-in-out,
border-color 0.15s ease-in-out,
-webkit-box-shadow 0.15s ease-in-out;
transition:
color 0.15s ease-in-out,
background-color 0.15s ease-in-out,
border-color 0.15s ease-in-out,
-webkit-box-shadow 0.15s ease-in-out;
transition:
color 0.15s ease-in-out,
background-color 0.15s ease-in-out,
border-color 0.15s ease-in-out,
box-shadow 0.15s ease-in-out;
transition:
color 0.15s ease-in-out,
background-color 0.15s ease-in-out,
border-color 0.15s ease-in-out,
box-shadow 0.15s ease-in-out,
-webkit-box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.btn {
-webkit-transition: none;
transition: none;
}
}
.btn:hover {
color: var(--bs-btn-hover-color);
background-color: var(--bs-btn-hover-bg);
border-color: var(--bs-btn-hover-border-color);
}
.btn-check + .btn:hover {
color: var(--bs-btn-color);
background-color: var(--bs-btn-bg);
border-color: var(--bs-btn-border-color);
}
.btn:focus-visible {
color: var(--bs-btn-hover-color);
background-color: var(--bs-btn-hover-bg);
border-color: var(--bs-btn-hover-border-color);
outline: 0;
-webkit-box-shadow: var(--bs-btn-focus-box-shadow);
box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:focus-visible + .btn {
border-color: var(--bs-btn-hover-border-color);
outline: 0;
-webkit-box-shadow: var(--bs-btn-focus-box-shadow);
box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked + .btn,
:not(.btn-check) + .btn:active,
.btn:first-child:active,
.btn.active,
.btn.show {
color: var(--bs-btn-active-color);
background-color: var(--bs-btn-active-bg);
border-color: var(--bs-btn-active-border-color);
}
.btn-check:checked + .btn:focus-visible,
:not(.btn-check) + .btn:active:focus-visible,
.btn:first-child:active:focus-visible,
.btn.active:focus-visible,
.btn.show:focus-visible {
-webkit-box-shadow: var(--bs-btn-focus-box-shadow);
box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked:focus-visible + .btn {
-webkit-box-shadow: var(--bs-btn-focus-box-shadow);
box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn:disabled,
.btn.disabled,
fieldset:disabled .btn {
color: var(--bs-btn-disabled-color);
pointer-events: none;
background-color: var(--bs-btn-disabled-bg);
border-color: var(--bs-btn-disabled-border-color);
opacity: var(--bs-btn-disabled-opacity);
}
.btn-primary {
--bs-btn-color: #fff;
--bs-btn-bg: #061b31;
--bs-btn-border-color: #061b31;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: rgb(5.1, 22.95, 41.65);
--bs-btn-hover-border-color: rgb(4.8, 21.6, 39.2);
--bs-btn-focus-shadow-rgb: 43, 61, 80;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: rgb(4.8, 21.6, 39.2);
--bs-btn-active-border-color: rgb(4.5, 20.25, 36.75);
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #061b31;
--bs-btn-disabled-border-color: #061b31;
}
.btn-secondary {
--bs-btn-color: #000;
--bs-btn-bg: #f2f3f4;
--bs-btn-border-color: #f2f3f4;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: rgb(243.95, 244.8, 245.65);
--bs-btn-hover-border-color: rgb(243.3, 244.2, 245.1);
--bs-btn-focus-shadow-rgb: 206, 207, 207;
--bs-btn-active-color: #000;
--bs-btn-active-bg: rgb(244.6, 245.4, 246.2);
--bs-btn-active-border-color: rgb(243.3, 244.2, 245.1);
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #000;
--bs-btn-disabled-bg: #f2f3f4;
--bs-btn-disabled-border-color: #f2f3f4;
}
.btn-success {
--bs-btn-color: #000;
--bs-btn-bg: #2cb742;
--bs-btn-border-color: #2cb742;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: rgb(75.65, 193.8, 94.35);
--bs-btn-hover-border-color: rgb(65.1, 190.2, 84.9);
--bs-btn-focus-shadow-rgb: 37, 156, 56;
--bs-btn-active-color: #000;
--bs-btn-active-bg: rgb(86.2, 197.4, 103.8);
--bs-btn-active-border-color: rgb(65.1, 190.2, 84.9);
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #000;
--bs-btn-disabled-bg: #2cb742;
--bs-btn-disabled-border-color: #2cb742;
}
.btn-info {
--bs-btn-color: #000;
--bs-btn-bg: #27a7e7;
--bs-btn-border-color: #27a7e7;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: rgb(71.4, 180.2, 234.6);
--bs-btn-hover-border-color: rgb(60.6, 175.8, 233.4);
--bs-btn-focus-shadow-rgb: 33, 142, 196;
--bs-btn-active-color: #000;
--bs-btn-active-bg: rgb(82.2, 184.6, 235.8);
--bs-btn-active-border-color: rgb(60.6, 175.8, 233.4);
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #000;
--bs-btn-disabled-bg: #27a7e7;
--bs-btn-disabled-border-color: #27a7e7;
}
.btn-warning {
--bs-btn-color: #000;
--bs-btn-bg: #ffbc38;
--bs-btn-border-color: #ffbc38;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: rgb(255, 198.05, 85.85);
--bs-btn-hover-border-color: rgb(255, 194.7, 75.9);
--bs-btn-focus-shadow-rgb: 217, 160, 48;
--bs-btn-active-color: #000;
--bs-btn-active-bg: rgb(255, 201.4, 95.8);
--bs-btn-active-border-color: rgb(255, 194.7, 75.9);
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #000;
--bs-btn-disabled-bg: #ffbc38;
--bs-btn-disabled-border-color: #ffbc38;
}
.btn-danger {
--bs-btn-color: #000;
--bs-btn-bg: #ff0000;
--bs-btn-border-color: #ff0000;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: rgb(255, 38.25, 38.25);
--bs-btn-hover-border-color: rgb(255, 25.5, 25.5);
--bs-btn-focus-shadow-rgb: 217, 0, 0;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #ff3333;
--bs-btn-active-border-color: rgb(255, 25.5, 25.5);
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #000;
--bs-btn-disabled-bg: #ff0000;
--bs-btn-disabled-border-color: #ff0000;
}
.btn-light {
--bs-btn-color: #000;
--bs-btn-bg: #f8f9fa;
--bs-btn-border-color: #f8f9fa;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: rgb(210.8, 211.65, 212.5);
--bs-btn-hover-border-color: rgb(198.4, 199.2, 200);
--bs-btn-focus-shadow-rgb: 211, 212, 213;
--bs-btn-active-color: #000;
--bs-btn-active-bg: rgb(198.4, 199.2, 200);
--bs-btn-active-border-color: rgb(186, 186.75, 187.5);
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #000;
--bs-btn-disabled-bg: #f8f9fa;
--bs-btn-disabled-border-color: #f8f9fa;
}
.btn-dark {
--bs-btn-color: #fff;
--bs-btn-bg: #212529;
--bs-btn-border-color: #212529;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: rgb(66.3, 69.7, 73.1);
--bs-btn-hover-border-color: rgb(55.2, 58.8, 62.4);
--bs-btn-focus-shadow-rgb: 66, 70, 73;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: rgb(77.4, 80.6, 83.8);
--bs-btn-active-border-color: rgb(55.2, 58.8, 62.4);
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #212529;
--bs-btn-disabled-border-color: #212529;
}
.btn-gray {
--bs-btn-color: #000;
--bs-btn-bg: #828c97;
--bs-btn-border-color: #828c97;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: rgb(148.75, 157.25, 166.6);
--bs-btn-hover-border-color: rgb(142.5, 151.5, 161.4);
--bs-btn-focus-shadow-rgb: 111, 119, 128;
--bs-btn-active-color: #000;
--bs-btn-active-bg: rgb(155, 163, 171.8);
--bs-btn-active-border-color: rgb(142.5, 151.5, 161.4);
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #000;
--bs-btn-disabled-bg: #828c97;
--bs-btn-disabled-border-color: #828c97;
}
.btn-dark-gray {
--bs-btn-color: #fff;
--bs-btn-bg: #51606f;
--bs-btn-border-color: #51606f;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: rgb(68.85, 81.6, 94.35);
--bs-btn-hover-border-color: rgb(64.8, 76.8, 88.8);
--bs-btn-focus-shadow-rgb: 107, 120, 133;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: rgb(64.8, 76.8, 88.8);
--bs-btn-active-border-color: rgb(60.75, 72, 83.25);
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #51606f;
--bs-btn-disabled-border-color: #51606f;
}
.btn-white-opacity {
--bs-btn-color: #000;
--bs-btn-bg: rgba(255, 255, 255, 0.7);
--bs-btn-border-color: rgba(255, 255, 255, 0.7);
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: rgba(255, 255, 255, 0.745);
--bs-btn-hover-border-color: rgba(255, 255, 255, 0.73);
--bs-btn-focus-shadow-rgb: 192, 192, 192;
--bs-btn-active-color: #000;
--bs-btn-active-bg: rgba(255, 255, 255, 0.76);
--bs-btn-active-border-color: rgba(255, 255, 255, 0.73);
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #000;
--bs-btn-disabled-bg: rgba(255, 255, 255, 0.7);
--bs-btn-disabled-border-color: rgba(255, 255, 255, 0.7);
}
.btn-background {
--bs-btn-color: #000;
--bs-btn-bg: #f6f7f8;
--bs-btn-border-color: #f6f7f8;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: rgb(247.35, 248.2, 249.05);
--bs-btn-hover-border-color: rgb(246.9, 247.8, 248.7);
--bs-btn-focus-shadow-rgb: 209, 210, 211;
--bs-btn-active-color: #000;
--bs-btn-active-bg: rgb(247.8, 248.6, 249.4);
--bs-btn-active-border-color: rgb(246.9, 247.8, 248.7);
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #000;
--bs-btn-disabled-bg: #f6f7f8;
--bs-btn-disabled-border-color: #f6f7f8;
}
.btn-semi-gray {
--bs-btn-color: #000;
--bs-btn-bg: #e7e9eb;
--bs-btn-border-color: #e7e9eb;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: rgb(234.6, 236.3, 238);
--bs-btn-hover-border-color: rgb(233.4, 235.2, 237);
--bs-btn-focus-shadow-rgb: 196, 198, 200;
--bs-btn-active-color: #000;
--bs-btn-active-bg: rgb(235.8, 237.4, 239);
--bs-btn-active-border-color: rgb(233.4, 235.2, 237);
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #000;
--bs-btn-disabled-bg: #e7e9eb;
--bs-btn-disabled-border-color: #e7e9eb;
}
.btn-outline-primary {
--bs-btn-color: #061b31;
--bs-btn-border-color: #061b31;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #061b31;
--bs-btn-hover-border-color: #061b31;
--bs-btn-focus-shadow-rgb: 6, 27, 49;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #061b31;
--bs-btn-active-border-color: #061b31;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #061b31;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #061b31;
--bs-gradient: none;
}
.btn-outline-secondary {
--bs-btn-color: #f2f3f4;
--bs-btn-border-color: #f2f3f4;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #f2f3f4;
--bs-btn-hover-border-color: #f2f3f4;
--bs-btn-focus-shadow-rgb: 242, 243, 244;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #f2f3f4;
--bs-btn-active-border-color: #f2f3f4;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #f2f3f4;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #f2f3f4;
--bs-gradient: none;
}
.btn-outline-success {
--bs-btn-color: #2cb742;
--bs-btn-border-color: #2cb742;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #2cb742;
--bs-btn-hover-border-color: #2cb742;
--bs-btn-focus-shadow-rgb: 44, 183, 66;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #2cb742;
--bs-btn-active-border-color: #2cb742;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #2cb742;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #2cb742;
--bs-gradient: none;
}
.btn-outline-info {
--bs-btn-color: #27a7e7;
--bs-btn-border-color: #27a7e7;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #27a7e7;
--bs-btn-hover-border-color: #27a7e7;
--bs-btn-focus-shadow-rgb: 39, 167, 231;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #27a7e7;
--bs-btn-active-border-color: #27a7e7;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #27a7e7;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #27a7e7;
--bs-gradient: none;
}
.btn-outline-warning {
--bs-btn-color: #ffbc38;
--bs-btn-border-color: #ffbc38;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #ffbc38;
--bs-btn-hover-border-color: #ffbc38;
--bs-btn-focus-shadow-rgb: 255, 188, 56;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #ffbc38;
--bs-btn-active-border-color: #ffbc38;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #ffbc38;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #ffbc38;
--bs-gradient: none;
}
.btn-outline-danger {
--bs-btn-color: #ff0000;
--bs-btn-border-color: #ff0000;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #ff0000;
--bs-btn-hover-border-color: #ff0000;
--bs-btn-focus-shadow-rgb: 255, 0, 0;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #ff0000;
--bs-btn-active-border-color: #ff0000;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #ff0000;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #ff0000;
--bs-gradient: none;
}
.btn-outline-light {
--bs-btn-color: #f8f9fa;
--bs-btn-border-color: #f8f9fa;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #f8f9fa;
--bs-btn-hover-border-color: #f8f9fa;
--bs-btn-focus-shadow-rgb: 248, 249, 250;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #f8f9fa;
--bs-btn-active-border-color: #f8f9fa;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #f8f9fa;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #f8f9fa;
--bs-gradient: none;
}
.btn-outline-dark {
--bs-btn-color: #212529;
--bs-btn-border-color: #212529;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #212529;
--bs-btn-hover-border-color: #212529;
--bs-btn-focus-shadow-rgb: 33, 37, 41;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #212529;
--bs-btn-active-border-color: #212529;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #212529;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #212529;
--bs-gradient: none;
}
.btn-outline-gray {
--bs-btn-color: #828c97;
--bs-btn-border-color: #828c97;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #828c97;
--bs-btn-hover-border-color: #828c97;
--bs-btn-focus-shadow-rgb: 130, 140, 151;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #828c97;
--bs-btn-active-border-color: #828c97;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #828c97;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #828c97;
--bs-gradient: none;
}
.btn-outline-dark-gray {
--bs-btn-color: #51606f;
--bs-btn-border-color: #51606f;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #51606f;
--bs-btn-hover-border-color: #51606f;
--bs-btn-focus-shadow-rgb: 81, 96, 111;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #51606f;
--bs-btn-active-border-color: #51606f;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #51606f;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #51606f;
--bs-gradient: none;
}
.btn-outline-white-opacity {
--bs-btn-color: rgba(255, 255, 255, 0.7);
--bs-btn-border-color: rgba(255, 255, 255, 0.7);
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: rgba(255, 255, 255, 0.7);
--bs-btn-hover-border-color: rgba(255, 255, 255, 0.7);
--bs-btn-focus-shadow-rgb: 255, 255, 255;
--bs-btn-active-color: #000;
--bs-btn-active-bg: rgba(255, 255, 255, 0.7);
--bs-btn-active-border-color: rgba(255, 255, 255, 0.7);
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: rgba(255, 255, 255, 0.7);
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: rgba(255, 255, 255, 0.7);
--bs-gradient: none;
}
.btn-outline-background {
--bs-btn-color: #f6f7f8;
--bs-btn-border-color: #f6f7f8;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #f6f7f8;
--bs-btn-hover-border-color: #f6f7f8;
--bs-btn-focus-shadow-rgb: 246, 247, 248;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #f6f7f8;
--bs-btn-active-border-color: #f6f7f8;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #f6f7f8;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #f6f7f8;
--bs-gradient: none;
}
.btn-outline-semi-gray {
--bs-btn-color: #e7e9eb;
--bs-btn-border-color: #e7e9eb;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #e7e9eb;
--bs-btn-hover-border-color: #e7e9eb;
--bs-btn-focus-shadow-rgb: 231, 233, 235;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #e7e9eb;
--bs-btn-active-border-color: #e7e9eb;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #e7e9eb;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #e7e9eb;
--bs-gradient: none;
}
.btn-link {
--bs-btn-font-weight: 400;
--bs-btn-color: var(--bs-link-color);
--bs-btn-bg: transparent;
--bs-btn-border-color: transparent;
--bs-btn-hover-color: var(--bs-link-hover-color);
--bs-btn-hover-border-color: transparent;
--bs-btn-active-color: var(--bs-link-hover-color);
--bs-btn-active-border-color: transparent;
--bs-btn-disabled-color: #f2f3f4;
--bs-btn-disabled-border-color: transparent;
--bs-btn-box-shadow: 0 0 0 #000;
--bs-btn-focus-shadow-rgb: 43, 61, 80;
text-decoration: underline;
}
.btn-link:focus-visible {
color: var(--bs-btn-color);
}
.btn-link:hover {
color: var(--bs-btn-hover-color);
}
.btn-lg,
.btn-group-lg > .btn {
--bs-btn-padding-y: 0.5rem;
--bs-btn-padding-x: 1rem;
--bs-btn-font-size: 1.25rem;
--bs-btn-border-radius: var(--bs-border-radius-lg);
}
.btn-sm,
.btn-group-sm > .btn {
--bs-btn-padding-y: 0.25rem;
--bs-btn-padding-x: 0.5rem;
--bs-btn-font-size: 0.875rem;
--bs-btn-border-radius: var(--bs-border-radius-sm);
}
.fade {
-webkit-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
.fade {
-webkit-transition: none;
transition: none;
}
}
.fade:not(.show) {
opacity: 0;
}
.collapse:not(.show) {
display: none;
}
.collapsing {
height: 0;
overflow: hidden;
-webkit-transition: height 0.35s ease;
transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
.collapsing {
-webkit-transition: none;
transition: none;
}
}
.collapsing.collapse-horizontal {
width: 0;
height: auto;
-webkit-transition: width 0.35s ease;
transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
.collapsing.collapse-horizontal {
-webkit-transition: none;
transition: none;
}
}
.dropup,
.dropend,
.dropdown,
.dropstart,
.dropup-center,
.dropdown-center {
position: relative;
}
.dropdown-toggle {
white-space: nowrap;
}
.dropdown-toggle::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: '';
border-top: 0.3em solid;
border-right: 0.3em solid transparent;
border-bottom: 0;
border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
margin-left: 0;
}
.dropdown-menu {
--bs-dropdown-zindex: 1000;
--bs-dropdown-min-width: 10rem;
--bs-dropdown-padding-x: 0;
--bs-dropdown-padding-y: 0.5rem;
--bs-dropdown-spacer: 0.125rem;
--bs-dropdown-font-size: 1rem;
--bs-dropdown-color: var(--bs-body-color);
--bs-dropdown-bg: var(--bs-body-bg);
--bs-dropdown-border-color: var(--bs-border-color-translucent);
--bs-dropdown-border-radius: var(--bs-border-radius);
--bs-dropdown-border-width: var(--bs-border-width);
--bs-dropdown-inner-border-radius: calc(
var(--bs-border-radius) - var(--bs-border-width)
);
--bs-dropdown-divider-bg: var(--bs-border-color-translucent);
--bs-dropdown-divider-margin-y: 0.5rem;
--bs-dropdown-box-shadow: var(--bs-box-shadow);
--bs-dropdown-link-color: var(--bs-body-color);
--bs-dropdown-link-hover-color: var(--bs-body-color);
--bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
--bs-dropdown-link-active-color: #fff;
--bs-dropdown-link-active-bg: #061b31;
--bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
--bs-dropdown-item-padding-x: 1rem;
--bs-dropdown-item-padding-y: 0.25rem;
--bs-dropdown-header-color: #f2f3f4;
--bs-dropdown-header-padding-x: 1rem;
--bs-dropdown-header-padding-y: 0.5rem;
position: absolute;
z-index: var(--bs-dropdown-zindex);
display: none;
min-width: var(--bs-dropdown-min-width);
padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
margin: 0;
font-size: var(--bs-dropdown-font-size);
color: var(--bs-dropdown-color);
text-align: left;
list-style: none;
background-color: var(--bs-dropdown-bg);
background-clip: padding-box;
border: var(--bs-dropdown-border-width) solid
var(--bs-dropdown-border-color);
border-radius: var(--bs-dropdown-border-radius);
}
.dropdown-menu[data-bs-popper] {
top: 100%;
left: 0;
margin-top: var(--bs-dropdown-spacer);
}
.dropdown-menu-start {
--bs-position: start;
}
.dropdown-menu-start[data-bs-popper] {
right: auto;
left: 0;
}
.dropdown-menu-end {
--bs-position: end;
}
.dropdown-menu-end[data-bs-popper] {
right: 0;
left: auto;
}
@media (min-width: 576px) {
.dropdown-menu-sm-start {
--bs-position: start;
}
.dropdown-menu-sm-start[data-bs-popper] {
right: auto;
left: 0;
}
.dropdown-menu-sm-end {
--bs-position: end;
}
.dropdown-menu-sm-end[data-bs-popper] {
right: 0;
left: auto;
}
}
@media (min-width: 768px) {
.dropdown-menu-md-start {
--bs-position: start;
}
.dropdown-menu-md-start[data-bs-popper] {
right: auto;
left: 0;
}
.dropdown-menu-md-end {
--bs-position: end;
}
.dropdown-menu-md-end[data-bs-popper] {
right: 0;
left: auto;
}
}
@media (min-width: 992px) {
.dropdown-menu-lg-start {
--bs-position: start;
}
.dropdown-menu-lg-start[data-bs-popper] {
right: auto;
left: 0;
}
.dropdown-menu-lg-end {
--bs-position: end;
}
.dropdown-menu-lg-end[data-bs-popper] {
right: 0;
left: auto;
}
}
@media (min-width: 1200px) {
.dropdown-menu-xl-start {
--bs-position: start;
}
.dropdown-menu-xl-start[data-bs-popper] {
right: auto;
left: 0;
}
.dropdown-menu-xl-end {
--bs-position: end;
}
.dropdown-menu-xl-end[data-bs-popper] {
right: 0;
left: auto;
}
}
@media (min-width: 1400px) {
.dropdown-menu-xxl-start {
--bs-position: start;
}
.dropdown-menu-xxl-start[data-bs-popper] {
right: auto;
left: 0;
}
.dropdown-menu-xxl-end {
--bs-position: end;
}
.dropdown-menu-xxl-end[data-bs-popper] {
right: 0;
left: auto;
}
}
.dropup .dropdown-menu[data-bs-popper] {
top: auto;
bottom: 100%;
margin-top: 0;
margin-bottom: var(--bs-dropdown-spacer);
}
.dropup .dropdown-toggle::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: '';
border-top: 0;
border-right: 0.3em solid transparent;
border-bottom: 0.3em solid;
border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
margin-left: 0;
}
.dropend .dropdown-menu[data-bs-popper] {
top: 0;
right: auto;
left: 100%;
margin-top: 0;
margin-left: var(--bs-dropdown-spacer);
}
.dropend .dropdown-toggle::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: '';
border-top: 0.3em solid transparent;
border-right: 0;
border-bottom: 0.3em solid transparent;
border-left: 0.3em solid;
}
.dropend .dropdown-toggle:empty::after {
margin-left: 0;
}
.dropend .dropdown-toggle::after {
vertical-align: 0;
}
.dropstart .dropdown-menu[data-bs-popper] {
top: 0;
right: 100%;
left: auto;
margin-top: 0;
margin-right: var(--bs-dropdown-spacer);
}
.dropstart .dropdown-toggle::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: '';
}
.dropstart .dropdown-toggle::after {
display: none;
}
.dropstart .dropdown-toggle::before {
display: inline-block;
margin-right: 0.255em;
vertical-align: 0.255em;
content: '';
border-top: 0.3em solid transparent;
border-right: 0.3em solid;
border-bottom: 0.3em solid transparent;
}
.dropstart .dropdown-toggle:empty::after {
margin-left: 0;
}
.dropstart .dropdown-toggle::before {
vertical-align: 0;
}
.dropdown-divider {
height: 0;
margin: var(--bs-dropdown-divider-margin-y) 0;
overflow: hidden;
border-top: 1px solid var(--bs-dropdown-divider-bg);
opacity: 1;
}
.dropdown-item {
display: block;
width: 100%;
padding: var(--bs-dropdown-item-padding-y)
var(--bs-dropdown-item-padding-x);
clear: both;
font-weight: 400;
color: var(--bs-dropdown-link-color);
text-align: inherit;
text-decoration: none;
white-space: nowrap;
background-color: transparent;
border: 0;
border-radius: var(--bs-dropdown-item-border-radius, 0);
}
.dropdown-item:hover,
.dropdown-item:focus {
color: var(--bs-dropdown-link-hover-color);
background-color: var(--bs-dropdown-link-hover-bg);
}
.dropdown-item.active,
.dropdown-item:active {
color: var(--bs-dropdown-link-active-color);
text-decoration: none;
background-color: var(--bs-dropdown-link-active-bg);
}
.dropdown-item.disabled,
.dropdown-item:disabled {
color: var(--bs-dropdown-link-disabled-color);
pointer-events: none;
background-color: transparent;
}
.dropdown-menu.show {
display: block;
}
.dropdown-header {
display: block;
padding: var(--bs-dropdown-header-padding-y)
var(--bs-dropdown-header-padding-x);
margin-bottom: 0;
font-size: 0.875rem;
color: var(--bs-dropdown-header-color);
white-space: nowrap;
}
.dropdown-item-text {
display: block;
padding: var(--bs-dropdown-item-padding-y)
var(--bs-dropdown-item-padding-x);
color: var(--bs-dropdown-link-color);
}
.dropdown-menu-dark {
--bs-dropdown-color: #dee2e6;
--bs-dropdown-bg: #343a40;
--bs-dropdown-border-color: var(--bs-border-color-translucent);
--bs-dropdown-box-shadow: ;
--bs-dropdown-link-color: #dee2e6;
--bs-dropdown-link-hover-color: #fff;
--bs-dropdown-divider-bg: var(--bs-border-color-translucent);
--bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
--bs-dropdown-link-active-color: #fff;
--bs-dropdown-link-active-bg: #061b31;
--bs-dropdown-link-disabled-color: #adb5bd;
--bs-dropdown-header-color: #adb5bd;
}
.btn-group,
.btn-group-vertical {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.btn-group > .btn-check:checked + .btn,
.btn-group > .btn-check:focus + .btn,
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn-check:checked + .btn,
.btn-group-vertical > .btn-check:focus + .btn,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
z-index: 1;
}
.btn-toolbar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.btn-toolbar .input-group {
width: auto;
}
.btn-group {
border-radius: var(--bs-border-radius);
}
.btn-group > :not(.btn-check:first-child) + .btn,
.btn-group > .btn-group:not(:first-child) {
margin-left: calc(var(--bs-border-width) * -1);
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn.dropdown-toggle-split:first-child,
.btn-group > .btn-group:not(:last-child) > .btn {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.btn-group > .btn:nth-child(n + 3),
.btn-group > :not(.btn-check) + .btn,
.btn-group > .btn-group:not(:first-child) > .btn {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.dropdown-toggle-split {
padding-right: 0.5625rem;
padding-left: 0.5625rem;
}
.dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after,
.dropend .dropdown-toggle-split::after {
margin-left: 0;
}
.dropstart .dropdown-toggle-split::before {
margin-right: 0;
}
.btn-sm + .dropdown-toggle-split,
.btn-group-sm > .btn + .dropdown-toggle-split {
padding-right: 0.375rem;
padding-left: 0.375rem;
}
.btn-lg + .dropdown-toggle-split,
.btn-group-lg > .btn + .dropdown-toggle-split {
padding-right: 0.75rem;
padding-left: 0.75rem;
}
.btn-group-vertical {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
width: 100%;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
margin-top: calc(var(--bs-border-width) * -1);
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn ~ .btn,
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.nav {
--bs-nav-link-padding-x: 1rem;
--bs-nav-link-padding-y: 0.5rem;
--bs-nav-link-font-weight: ;
--bs-nav-link-color: var(--bs-link-color);
--bs-nav-link-hover-color: var(--bs-link-hover-color);
--bs-nav-link-disabled-color: var(--bs-secondary-color);
display: -webkit-box;
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: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
font-size: var(--bs-nav-link-font-size);
font-weight: var(--bs-nav-link-font-weight);
color: var(--bs-nav-link-color);
text-decoration: none;
background: none;
border: 0;
-webkit-transition:
color 0.15s ease-in-out,
background-color 0.15s ease-in-out,
border-color 0.15s ease-in-out;
transition:
color 0.15s ease-in-out,
background-color 0.15s ease-in-out,
border-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.nav-link {
-webkit-transition: none;
transition: none;
}
}
.nav-link:hover,
.nav-link:focus {
color: var(--bs-nav-link-hover-color);
}
.nav-link:focus-visible {
outline: 0;
-webkit-box-shadow: 0 0 0 0.25rem rgba(6, 27, 49, 0.25);
box-shadow: 0 0 0 0.25rem rgba(6, 27, 49, 0.25);
}
.nav-link.disabled,
.nav-link:disabled {
color: var(--bs-nav-link-disabled-color);
pointer-events: none;
cursor: default;
}
.nav-tabs {
--bs-nav-tabs-border-width: var(--bs-border-width);
--bs-nav-tabs-border-color: var(--bs-border-color);
--bs-nav-tabs-border-radius: var(--bs-border-radius);
--bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg)
var(--bs-secondary-bg) var(--bs-border-color);
--bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
--bs-nav-tabs-link-active-bg: var(--bs-body-bg);
--bs-nav-tabs-link-active-border-color: var(--bs-border-color)
var(--bs-border-color) var(--bs-body-bg);
border-bottom: none;
}
.nav-tabs .nav-link {
margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
border: none;
border-bottom: 1px solid transparent;
font-weight: 700;
font-size: 1.5rem;
color: rgba(6, 27, 49, 0.3);
padding-bottom: 14px;
}
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
isolation: isolate;
border-color: none;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
color: var(--bs-blue);
background-color: transparent;
border-color: none;
border-bottom: 1px solid var(--bs-yellow);
}
.nav-tabs .dropdown-menu {
margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.nav-pills {
--bs-nav-pills-border-radius: var(--bs-border-radius);
--bs-nav-pills-link-active-color: #fff;
--bs-nav-pills-link-active-bg: #061b31;
}
.nav-pills .nav-link {
border-radius: var(--bs-nav-pills-border-radius);
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
color: var(--bs-nav-pills-link-active-color);
background-color: var(--bs-nav-pills-link-active-bg);
}
.nav-underline {
--bs-nav-underline-gap: 1rem;
--bs-nav-underline-border-width: 0.125rem;
--bs-nav-underline-link-active-color: var(--bs-emphasis-color);
gap: var(--bs-nav-underline-gap);
}
.nav-underline .nav-link {
padding-right: 0;
padding-left: 0;
border-bottom: var(--bs-nav-underline-border-width) solid
transparent;
}
.nav-underline .nav-link:hover,
.nav-underline .nav-link:focus {
border-bottom-color: currentcolor;
}
.nav-underline .nav-link.active,
.nav-underline .show > .nav-link {
font-weight: 700;
color: var(--bs-nav-underline-link-active-color);
border-bottom-color: currentcolor;
}
.nav-fill > .nav-link,
.nav-fill .nav-item {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
text-align: center;
}
.nav-justified > .nav-link,
.nav-justified .nav-item {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
text-align: center;
}
.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
width: 100%;
}
.tab-content > .tab-pane {
display: none;
}
.tab-content > .active {
display: block;
}
.navbar {
--bs-navbar-padding-x: 0;
--bs-navbar-padding-y: 0.5rem;
--bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
--bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
--bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
--bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
--bs-navbar-brand-padding-y: 0.3125rem;
--bs-navbar-brand-margin-end: 1rem;
--bs-navbar-brand-font-size: 1.25rem;
--bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
--bs-navbar-brand-hover-color: rgba(
var(--bs-emphasis-color-rgb),
1
);
--bs-navbar-nav-link-padding-x: 0.5rem;
--bs-navbar-toggler-padding-y: 0.25rem;
--bs-navbar-toggler-padding-x: 0.75rem;
--bs-navbar-toggler-font-size: 1.25rem;
--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
--bs-navbar-toggler-border-color: rgba(
var(--bs-emphasis-color-rgb),
0.15
);
--bs-navbar-toggler-border-radius: var(--bs-border-radius);
--bs-navbar-toggler-focus-width: 0.25rem;
--bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
}
.navbar > .container,
.navbar > .container-fluid,
.navbar > .container-sm,
.navbar > .container-md,
.navbar > .container-lg,
.navbar > .container-xl,
.navbar > .container-xxl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: inherit;
flex-wrap: inherit;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.navbar-brand {
padding-top: var(--bs-navbar-brand-padding-y);
padding-bottom: var(--bs-navbar-brand-padding-y);
margin-right: var(--bs-navbar-brand-margin-end);
font-size: var(--bs-navbar-brand-font-size);
color: var(--bs-navbar-brand-color);
text-decoration: none;
white-space: nowrap;
}
.navbar-brand:hover,
.navbar-brand:focus {
color: var(--bs-navbar-brand-hover-color);
}
.navbar-nav {
--bs-nav-link-padding-x: 0;
--bs-nav-link-padding-y: 0.5rem;
--bs-nav-link-font-weight: ;
--bs-nav-link-color: var(--bs-navbar-color);
--bs-nav-link-hover-color: var(--bs-navbar-hover-color);
--bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
color: var(--bs-navbar-active-color);
}
.navbar-nav .dropdown-menu {
position: static;
}
.navbar-text {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
color: var(--bs-navbar-color);
}
.navbar-text a,
.navbar-text a:hover,
.navbar-text a:focus {
color: var(--bs-navbar-active-color);
}
.navbar-collapse {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.navbar-toggler {
padding: var(--bs-navbar-toggler-padding-y)
var(--bs-navbar-toggler-padding-x);
font-size: var(--bs-navbar-toggler-font-size);
line-height: 1;
color: var(--bs-navbar-color);
background-color: transparent;
border: var(--bs-border-width) solid
var(--bs-navbar-toggler-border-color);
border-radius: var(--bs-navbar-toggler-border-radius);
-webkit-transition: var(--bs-navbar-toggler-transition);
transition: var(--bs-navbar-toggler-transition);
}
@media (prefers-reduced-motion: reduce) {
.navbar-toggler {
-webkit-transition: none;
transition: none;
}
}
.navbar-toggler:hover {
text-decoration: none;
}
.navbar-toggler:focus {
text-decoration: none;
outline: 0;
-webkit-box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
}
.navbar-toggler-icon {
display: inline-block;
width: 1.5em;
height: 1.5em;
vertical-align: middle;
background-image: var(--bs-navbar-toggler-icon-bg);
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
}
.navbar-nav-scroll {
max-height: var(--bs-scroll-height, 75vh);
overflow-y: auto;
}
@media (min-width: 576px) {
.navbar-expand-sm {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.navbar-expand-sm .navbar-nav {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-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: var(--bs-navbar-nav-link-padding-x);
padding-left: var(--bs-navbar-nav-link-padding-x);
}
.navbar-expand-sm .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand-sm .navbar-collapse {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
.navbar-expand-sm .navbar-toggler {
display: none;
}
.navbar-expand-sm .offcanvas {
position: static;
z-index: auto;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
width: auto !important;
height: auto !important;
visibility: visible !important;
background-color: transparent !important;
border: 0 !important;
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important;
-webkit-transition: none;
transition: none;
}
.navbar-expand-sm .offcanvas .offcanvas-header {
display: none;
}
.navbar-expand-sm .offcanvas .offcanvas-body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
padding: 0;
overflow-y: visible;
}
}
@media (min-width: 768px) {
.navbar-expand-md {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.navbar-expand-md .navbar-nav {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-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: var(--bs-navbar-nav-link-padding-x);
padding-left: var(--bs-navbar-nav-link-padding-x);
}
.navbar-expand-md .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand-md .navbar-collapse {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
.navbar-expand-md .navbar-toggler {
display: none;
}
.navbar-expand-md .offcanvas {
position: static;
z-index: auto;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
width: auto !important;
height: auto !important;
visibility: visible !important;
background-color: transparent !important;
border: 0 !important;
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important;
-webkit-transition: none;
transition: none;
}
.navbar-expand-md .offcanvas .offcanvas-header {
display: none;
}
.navbar-expand-md .offcanvas .offcanvas-body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
padding: 0;
overflow-y: visible;
}
}
@media (min-width: 992px) {
.navbar-expand-lg {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.navbar-expand-lg .navbar-nav {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-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: var(--bs-navbar-nav-link-padding-x);
padding-left: var(--bs-navbar-nav-link-padding-x);
}
.navbar-expand-lg .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand-lg .navbar-collapse {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
.navbar-expand-lg .navbar-toggler {
display: none;
}
.navbar-expand-lg .offcanvas {
position: static;
z-index: auto;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
width: auto !important;
height: auto !important;
visibility: visible !important;
background-color: transparent !important;
border: 0 !important;
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important;
-webkit-transition: none;
transition: none;
}
.navbar-expand-lg .offcanvas .offcanvas-header {
display: none;
}
.navbar-expand-lg .offcanvas .offcanvas-body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
padding: 0;
overflow-y: visible;
}
}
@media (min-width: 1200px) {
.navbar-expand-xl {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.navbar-expand-xl .navbar-nav {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-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: var(--bs-navbar-nav-link-padding-x);
padding-left: var(--bs-navbar-nav-link-padding-x);
}
.navbar-expand-xl .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand-xl .navbar-collapse {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
.navbar-expand-xl .navbar-toggler {
display: none;
}
.navbar-expand-xl .offcanvas {
position: static;
z-index: auto;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
width: auto !important;
height: auto !important;
visibility: visible !important;
background-color: transparent !important;
border: 0 !important;
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important;
-webkit-transition: none;
transition: none;
}
.navbar-expand-xl .offcanvas .offcanvas-header {
display: none;
}
.navbar-expand-xl .offcanvas .offcanvas-body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
padding: 0;
overflow-y: visible;
}
}
@media (min-width: 1400px) {
.navbar-expand-xxl {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.navbar-expand-xxl .navbar-nav {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.navbar-expand-xxl .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-xxl .navbar-nav .nav-link {
padding-right: var(--bs-navbar-nav-link-padding-x);
padding-left: var(--bs-navbar-nav-link-padding-x);
}
.navbar-expand-xxl .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand-xxl .navbar-collapse {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
.navbar-expand-xxl .navbar-toggler {
display: none;
}
.navbar-expand-xxl .offcanvas {
position: static;
z-index: auto;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
width: auto !important;
height: auto !important;
visibility: visible !important;
background-color: transparent !important;
border: 0 !important;
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important;
-webkit-transition: none;
transition: none;
}
.navbar-expand-xxl .offcanvas .offcanvas-header {
display: none;
}
.navbar-expand-xxl .offcanvas .offcanvas-body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
padding: 0;
overflow-y: visible;
}
}
.navbar-expand {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.navbar-expand .navbar-nav {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
padding-right: var(--bs-navbar-nav-link-padding-x);
padding-left: var(--bs-navbar-nav-link-padding-x);
}
.navbar-expand .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand .navbar-collapse {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
.navbar-expand .navbar-toggler {
display: none;
}
.navbar-expand .offcanvas {
position: static;
z-index: auto;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
width: auto !important;
height: auto !important;
visibility: visible !important;
background-color: transparent !important;
border: 0 !important;
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important;
-webkit-transition: none;
transition: none;
}
.navbar-expand .offcanvas .offcanvas-header {
display: none;
}
.navbar-expand .offcanvas .offcanvas-body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
padding: 0;
overflow-y: visible;
}
.navbar-dark,
.navbar[data-bs-theme='dark'] {
--bs-navbar-color: rgba(255, 255, 255, 0.55);
--bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
--bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
--bs-navbar-active-color: #fff;
--bs-navbar-brand-color: #fff;
--bs-navbar-brand-hover-color: #fff;
--bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
[data-bs-theme='dark'] .navbar-toggler-icon {
--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.card {
--bs-card-spacer-y: 1rem;
--bs-card-spacer-x: 1rem;
--bs-card-title-spacer-y: 0.5rem;
--bs-card-title-color: ;
--bs-card-subtitle-color: ;
--bs-card-border-width: var(--bs-border-width);
--bs-card-border-color: var(--bs-border-color-translucent);
--bs-card-border-radius: var(--bs-border-radius);
--bs-card-box-shadow: ;
--bs-card-inner-border-radius: calc(
var(--bs-border-radius) - (var(--bs-border-width))
);
--bs-card-cap-padding-y: 0.5rem;
--bs-card-cap-padding-x: 1rem;
--bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
--bs-card-cap-color: ;
--bs-card-height: ;
--bs-card-color: ;
--bs-card-bg: var(--bs-body-bg);
--bs-card-img-overlay-padding: 1rem;
--bs-card-group-margin: 0.75rem;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
height: var(--bs-card-height);
color: var(--bs-body-color);
word-wrap: break-word;
background-color: var(--bs-card-bg);
background-clip: border-box;
border: var(--bs-card-border-width) solid
var(--bs-card-border-color);
border-radius: var(--bs-card-border-radius);
}
.card > hr {
margin-right: 0;
margin-left: 0;
}
.card > .list-group {
border-top: inherit;
border-bottom: inherit;
}
.card > .list-group:first-child {
border-top-width: 0;
border-top-left-radius: var(--bs-card-inner-border-radius);
border-top-right-radius: var(--bs-card-inner-border-radius);
}
.card > .list-group:last-child {
border-bottom-width: 0;
border-bottom-right-radius: var(--bs-card-inner-border-radius);
border-bottom-left-radius: var(--bs-card-inner-border-radius);
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
border-top: 0;
}
.card-body {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
color: var(--bs-card-color);
}
.card-title {
margin-bottom: var(--bs-card-title-spacer-y);
color: var(--bs-card-title-color);
}
.card-subtitle {
margin-top: calc(-0.5 * var(--bs-card-title-spacer-y));
margin-bottom: 0;
color: var(--bs-card-subtitle-color);
}
.card-text:last-child {
margin-bottom: 0;
}
.card-link + .card-link {
margin-left: var(--bs-card-spacer-x);
}
.card-header {
padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
margin-bottom: 0;
color: var(--bs-card-cap-color);
background-color: var(--bs-card-cap-bg);
border-bottom: var(--bs-card-border-width) solid
var(--bs-card-border-color);
}
.card-header:first-child {
border-radius: var(--bs-card-inner-border-radius)
var(--bs-card-inner-border-radius) 0 0;
}
.card-footer {
padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
color: var(--bs-card-cap-color);
background-color: var(--bs-card-cap-bg);
border-top: var(--bs-card-border-width) solid
var(--bs-card-border-color);
}
.card-footer:last-child {
border-radius: 0 0 var(--bs-card-inner-border-radius)
var(--bs-card-inner-border-radius);
}
.card-header-tabs {
margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
border-bottom: 0;
}
.card-header-tabs .nav-link.active {
background-color: var(--bs-card-bg);
border-bottom-color: var(--bs-card-bg);
}
.card-header-pills {
margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
}
.card-img-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: var(--bs-card-img-overlay-padding);
border-radius: var(--bs-card-inner-border-radius);
}
.card-img,
.card-img-top,
.card-img-bottom {
width: 100%;
}
.card-img,
.card-img-top {
border-top-left-radius: var(--bs-card-inner-border-radius);
border-top-right-radius: var(--bs-card-inner-border-radius);
}
.card-img,
.card-img-bottom {
border-bottom-right-radius: var(--bs-card-inner-border-radius);
border-bottom-left-radius: var(--bs-card-inner-border-radius);
}
.card-group > .card {
margin-bottom: var(--bs-card-group-margin);
}
@media (min-width: 576px) {
.card-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.card-group > .card {
-webkit-box-flex: 1;
-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-img-top,
.card-group > .card:not(:last-child) .card-header {
border-top-right-radius: 0;
}
.card-group > .card:not(:last-child) .card-img-bottom,
.card-group > .card:not(:last-child) .card-footer {
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-img-top,
.card-group > .card:not(:first-child) .card-header {
border-top-left-radius: 0;
}
.card-group > .card:not(:first-child) .card-img-bottom,
.card-group > .card:not(:first-child) .card-footer {
border-bottom-left-radius: 0;
}
}
.accordion {
--bs-accordion-color: var(--bs-body-color);
--bs-accordion-bg: #fafafa;
--bs-accordion-transition:
color 0.15s ease-in-out, background-color 0.15s ease-in-out,
border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,
border-radius 0.15s ease;
--bs-accordion-border-color: 0;
--bs-accordion-border-width: 0;
--bs-accordion-border-radius: 1.5rem;
--bs-accordion-inner-border-radius: 1.5rem;
--bs-accordion-btn-padding-x: 30px;
--bs-accordion-btn-padding-y: 1.25rem;
--bs-accordion-btn-color: var(--bs-body-color);
--bs-accordion-btn-bg: var(--bs-accordion-bg);
--bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.29266 7.70721C6.48019 7.89468 6.73449 8 6.99966 8C7.26482 8 7.51913 7.89468 7.70666 7.70721L13.3637 2.05021C13.4592 1.95797 13.5353 1.84762 13.5878 1.72562C13.6402 1.60361 13.6678 1.47239 13.6689 1.33961C13.6701 1.20684 13.6448 1.07516 13.5945 0.95226C13.5442 0.829364 13.4699 0.717711 13.3761 0.623818C13.2822 0.529926 13.1705 0.455673 13.0476 0.405392C12.9247 0.355111 12.793 0.329809 12.6603 0.330963C12.5275 0.332117 12.3963 0.359703 12.2743 0.412112C12.1522 0.464521 12.0419 0.540703 11.9497 0.636213L6.99966 5.58621L2.04966 0.636213C1.86105 0.454055 1.60845 0.35326 1.34626 0.355539C1.08406 0.357817 0.833247 0.462986 0.647839 0.648394C0.462431 0.833802 0.357261 1.08462 0.354983 1.34681C0.352704 1.60901 0.453498 1.86161 0.635657 2.05021L6.29266 7.70721Z' fill='%23061B31'/%3e%3c/svg%3e");
--bs-accordion-btn-icon-width: 14px;
--bs-accordion-btn-icon-transform: rotate(-180deg);
--bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.29266 7.70721C6.48019 7.89468 6.73449 8 6.99966 8C7.26482 8 7.51913 7.89468 7.70666 7.70721L13.3637 2.05021C13.4592 1.95797 13.5353 1.84762 13.5878 1.72562C13.6402 1.60361 13.6678 1.47239 13.6689 1.33961C13.6701 1.20684 13.6448 1.07516 13.5945 0.95226C13.5442 0.829364 13.4699 0.717711 13.3761 0.623818C13.2822 0.529926 13.1705 0.455673 13.0476 0.405392C12.9247 0.355111 12.793 0.329809 12.6603 0.330963C12.5275 0.332117 12.3963 0.359703 12.2743 0.412112C12.1522 0.464521 12.0419 0.540703 11.9497 0.636213L6.99966 5.58621L2.04966 0.636213C1.86105 0.454055 1.60845 0.35326 1.34626 0.355539C1.08406 0.357817 0.833247 0.462986 0.647839 0.648394C0.462431 0.833802 0.357261 1.08462 0.354983 1.34681C0.352704 1.60901 0.453498 1.86161 0.635657 2.05021L6.29266 7.70721Z' fill='white'/%3e%3c/svg%3e");
--bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem
rgba(6, 27, 49, 0.25);
--bs-accordion-body-padding-x: 30px;
--bs-accordion-body-padding-y: 1.25rem;
--bs-accordion-active-color: var(--bs-primary-text-emphasis);
--bs-accordion-active-bg: var(--bs-primary-bg-subtle);
}
.accordion-button {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
padding: var(--bs-accordion-btn-padding-y)
var(--bs-accordion-btn-padding-x);
font-size: 1rem;
color: var(--bs-accordion-btn-color);
text-align: left;
background-color: var(--bs-accordion-btn-bg);
border: 0;
border-radius: 0;
overflow-anchor: none;
-webkit-transition: var(--bs-accordion-transition);
transition: var(--bs-accordion-transition);
}
@media (prefers-reduced-motion: reduce) {
.accordion-button {
-webkit-transition: none;
transition: none;
}
}
.accordion-button:not(.collapsed) {
color: var(--bs-accordion-active-color);
background-color: var(--bs-accordion-active-bg);
-webkit-box-shadow: inset 0
calc(-1 * var(--bs-accordion-border-width)) 0
var(--bs-accordion-border-color);
box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0
var(--bs-accordion-border-color);
}
.accordion-button:not(.collapsed)::after {
background-image: var(--bs-accordion-btn-active-icon);
-webkit-transform: var(--bs-accordion-btn-icon-transform);
-ms-transform: var(--bs-accordion-btn-icon-transform);
transform: var(--bs-accordion-btn-icon-transform);
}
.accordion-button::after {
-ms-flex-negative: 0;
flex-shrink: 0;
width: var(--bs-accordion-btn-icon-width);
height: var(--bs-accordion-btn-icon-width);
margin-left: auto;
content: '';
background-image: var(--bs-accordion-btn-icon);
background-repeat: no-repeat;
background-size: var(--bs-accordion-btn-icon-width);
-webkit-transition: var(--bs-accordion-btn-icon-transition);
transition: var(--bs-accordion-btn-icon-transition);
}
@media (prefers-reduced-motion: reduce) {
.accordion-button::after {
-webkit-transition: none;
transition: none;
}
}
.accordion-button:hover {
z-index: 2;
}
.accordion-button:focus {
z-index: 3;
outline: 0;
-webkit-box-shadow: var(--bs-accordion-btn-focus-box-shadow);
box-shadow: var(--bs-accordion-btn-focus-box-shadow);
}
.accordion-header {
margin-bottom: 0;
}
.accordion-item {
color: var(--bs-accordion-color);
background-color: var(--bs-accordion-bg);
border: var(--bs-accordion-border-width) solid
var(--bs-accordion-border-color);
}
.accordion-item:first-of-type {
border-top-left-radius: var(--bs-accordion-border-radius);
border-top-right-radius: var(--bs-accordion-border-radius);
}
.accordion-item:first-of-type > .accordion-header .accordion-button {
border-top-left-radius: var(--bs-accordion-inner-border-radius);
border-top-right-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:not(:first-of-type) {
border-top: 0;
}
.accordion-item:last-of-type {
border-bottom-right-radius: var(--bs-accordion-border-radius);
border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.accordion-item:last-of-type
> .accordion-header
.accordion-button.collapsed {
border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:last-of-type > .accordion-collapse {
border-bottom-right-radius: var(--bs-accordion-border-radius);
border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.accordion-body {
padding: var(--bs-accordion-body-padding-y)
var(--bs-accordion-body-padding-x);
}
.accordion-flush > .accordion-item {
border-right: 0;
border-left: 0;
border-radius: 0;
}
.accordion-flush > .accordion-item:first-child {
border-top: 0;
}
.accordion-flush > .accordion-item:last-child {
border-bottom: 0;
}
.accordion-flush
> .accordion-item
> .accordion-header
.accordion-button,
.accordion-flush
> .accordion-item
> .accordion-header
.accordion-button.collapsed {
border-radius: 0;
}
.accordion-flush > .accordion-item > .accordion-collapse {
border-radius: 0;
}
[data-bs-theme='dark'] .accordion-button::after {
--bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%28105.6, 118.2, 131.4%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%28105.6, 118.2, 131.4%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.breadcrumb {
--bs-breadcrumb-padding-x: 0;
--bs-breadcrumb-padding-y: 0;
--bs-breadcrumb-margin-bottom: 1rem;
--bs-breadcrumb-bg: ;
--bs-breadcrumb-border-radius: ;
--bs-breadcrumb-divider-color: var(--bs-secondary-color);
--bs-breadcrumb-item-padding-x: 0.5rem;
--bs-breadcrumb-item-active-color: var(--bs-secondary-color);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: var(--bs-breadcrumb-padding-y)
var(--bs-breadcrumb-padding-x);
margin-bottom: var(--bs-breadcrumb-margin-bottom);
font-size: var(--bs-breadcrumb-font-size);
list-style: none;
background-color: var(--bs-breadcrumb-bg);
border-radius: var(--bs-breadcrumb-border-radius);
}
.breadcrumb-item + .breadcrumb-item {
padding-left: var(--bs-breadcrumb-item-padding-x);
}
.breadcrumb-item + .breadcrumb-item::before {
float: left;
padding-right: var(--bs-breadcrumb-item-padding-x);
color: var(--bs-breadcrumb-divider-color);
content: var(--bs-breadcrumb-divider, '/')
/* rtl: var(--bs-breadcrumb-divider, "/") */;
}
.breadcrumb-item.active {
color: var(--bs-breadcrumb-item-active-color);
}
.pagination {
--bs-pagination-padding-x: 0.75rem;
--bs-pagination-padding-y: 0.375rem;
--bs-pagination-font-size: 1rem;
--bs-pagination-color: var(--bs-link-color);
--bs-pagination-bg: var(--bs-body-bg);
--bs-pagination-border-width: var(--bs-border-width);
--bs-pagination-border-color: var(--bs-border-color);
--bs-pagination-border-radius: var(--bs-border-radius);
--bs-pagination-hover-color: var(--bs-link-hover-color);
--bs-pagination-hover-bg: var(--bs-tertiary-bg);
--bs-pagination-hover-border-color: var(--bs-border-color);
--bs-pagination-focus-color: var(--bs-link-hover-color);
--bs-pagination-focus-bg: var(--bs-secondary-bg);
--bs-pagination-focus-box-shadow: 0 0 0 0.25rem
rgba(6, 27, 49, 0.25);
--bs-pagination-active-color: #fff;
--bs-pagination-active-bg: #061b31;
--bs-pagination-active-border-color: #061b31;
--bs-pagination-disabled-color: var(--bs-secondary-color);
--bs-pagination-disabled-bg: var(--bs-secondary-bg);
--bs-pagination-disabled-border-color: var(--bs-border-color);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-left: 0;
list-style: none;
}
.page-link {
position: relative;
display: block;
padding: var(--bs-pagination-padding-y)
var(--bs-pagination-padding-x);
font-size: var(--bs-pagination-font-size);
color: var(--bs-pagination-color);
text-decoration: none;
background-color: var(--bs-pagination-bg);
border: var(--bs-pagination-border-width) solid
var(--bs-pagination-border-color);
-webkit-transition:
color 0.15s ease-in-out,
background-color 0.15s ease-in-out,
border-color 0.15s ease-in-out,
-webkit-box-shadow 0.15s ease-in-out;
transition:
color 0.15s ease-in-out,
background-color 0.15s ease-in-out,
border-color 0.15s ease-in-out,
-webkit-box-shadow 0.15s ease-in-out;
transition:
color 0.15s ease-in-out,
background-color 0.15s ease-in-out,
border-color 0.15s ease-in-out,
box-shadow 0.15s ease-in-out;
transition:
color 0.15s ease-in-out,
background-color 0.15s ease-in-out,
border-color 0.15s ease-in-out,
box-shadow 0.15s ease-in-out,
-webkit-box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.page-link {
-webkit-transition: none;
transition: none;
}
}
.page-link:hover {
z-index: 2;
color: var(--bs-pagination-hover-color);
background-color: var(--bs-pagination-hover-bg);
border-color: var(--bs-pagination-hover-border-color);
}
.page-link:focus {
z-index: 3;
color: var(--bs-pagination-focus-color);
background-color: var(--bs-pagination-focus-bg);
outline: 0;
-webkit-box-shadow: var(--bs-pagination-focus-box-shadow);
box-shadow: var(--bs-pagination-focus-box-shadow);
}
.page-link.active,
.active > .page-link {
z-index: 3;
color: var(--bs-pagination-active-color);
background-color: var(--bs-pagination-active-bg);
border-color: var(--bs-pagination-active-border-color);
}
.page-link.disabled,
.disabled > .page-link {
color: var(--bs-pagination-disabled-color);
pointer-events: none;
background-color: var(--bs-pagination-disabled-bg);
border-color: var(--bs-pagination-disabled-border-color);
}
.page-item:not(:first-child) .page-link {
margin-left: calc(var(--bs-border-width) * -1);
}
.page-item:first-child .page-link {
border-top-left-radius: var(--bs-pagination-border-radius);
border-bottom-left-radius: var(--bs-pagination-border-radius);
}
.page-item:last-child .page-link {
border-top-right-radius: var(--bs-pagination-border-radius);
border-bottom-right-radius: var(--bs-pagination-border-radius);
}
.pagination-lg {
--bs-pagination-padding-x: 1.5rem;
--bs-pagination-padding-y: 0.75rem;
--bs-pagination-font-size: 1.25rem;
--bs-pagination-border-radius: var(--bs-border-radius-lg);
}
.pagination-sm {
--bs-pagination-padding-x: 0.5rem;
--bs-pagination-padding-y: 0.25rem;
--bs-pagination-font-size: 0.875rem;
--bs-pagination-border-radius: var(--bs-border-radius-sm);
}
.badge {
--bs-badge-padding-x: 0.65em;
--bs-badge-padding-y: 0.35em;
--bs-badge-font-size: 0.75em;
--bs-badge-font-weight: 700;
--bs-badge-color: #fff;
--bs-badge-border-radius: var(--bs-border-radius);
display: inline-block;
padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
font-size: var(--bs-badge-font-size);
font-weight: var(--bs-badge-font-weight);
line-height: 1;
color: var(--bs-badge-color);
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: var(--bs-badge-border-radius);
}
.badge:empty {
display: none;
}
.btn .badge {
position: relative;
top: -1px;
}
.alert {
--bs-alert-bg: transparent;
--bs-alert-padding-x: 1rem;
--bs-alert-padding-y: 1rem;
--bs-alert-margin-bottom: 1rem;
--bs-alert-color: inherit;
--bs-alert-border-color: transparent;
--bs-alert-border: var(--bs-border-width) solid
var(--bs-alert-border-color);
--bs-alert-border-radius: var(--bs-border-radius);
--bs-alert-link-color: inherit;
position: relative;
padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
margin-bottom: var(--bs-alert-margin-bottom);
color: var(--bs-alert-color);
background-color: var(--bs-alert-bg);
border: var(--bs-alert-border);
border-radius: var(--bs-alert-border-radius);
}
.alert-heading {
color: inherit;
}
.alert-link {
font-weight: 700;
color: var(--bs-alert-link-color);
}
.alert-dismissible {
padding-right: 3rem;
}
.alert-dismissible .btn-close {
position: absolute;
top: 0;
right: 0;
z-index: 2;
padding: 1.25rem 1rem;
}
.alert-primary {
--bs-alert-color: var(--bs-primary-text-emphasis);
--bs-alert-bg: var(--bs-primary-bg-subtle);
--bs-alert-border-color: var(--bs-primary-border-subtle);
--bs-alert-link-color: var(--bs-primary-text-emphasis);
}
.alert-secondary {
--bs-alert-color: var(--bs-secondary-text-emphasis);
--bs-alert-bg: var(--bs-secondary-bg-subtle);
--bs-alert-border-color: var(--bs-secondary-border-subtle);
--bs-alert-link-color: var(--bs-secondary-text-emphasis);
}
.alert-success {
--bs-alert-color: var(--bs-success-text-emphasis);
--bs-alert-bg: var(--bs-success-bg-subtle);
--bs-alert-border-color: var(--bs-success-border-subtle);
--bs-alert-link-color: var(--bs-success-text-emphasis);
}
.alert-info {
--bs-alert-color: var(--bs-info-text-emphasis);
--bs-alert-bg: var(--bs-info-bg-subtle);
--bs-alert-border-color: var(--bs-info-border-subtle);
--bs-alert-link-color: var(--bs-info-text-emphasis);
}
.alert-warning {
--bs-alert-color: var(--bs-warning-text-emphasis);
--bs-alert-bg: var(--bs-warning-bg-subtle);
--bs-alert-border-color: var(--bs-warning-border-subtle);
--bs-alert-link-color: var(--bs-warning-text-emphasis);
}
.alert-danger {
--bs-alert-color: var(--bs-danger-text-emphasis);
--bs-alert-bg: var(--bs-danger-bg-subtle);
--bs-alert-border-color: var(--bs-danger-border-subtle);
--bs-alert-link-color: var(--bs-danger-text-emphasis);
}
.alert-light {
--bs-alert-color: var(--bs-light-text-emphasis);
--bs-alert-bg: var(--bs-light-bg-subtle);
--bs-alert-border-color: var(--bs-light-border-subtle);
--bs-alert-link-color: var(--bs-light-text-emphasis);
}
.alert-dark {
--bs-alert-color: var(--bs-dark-text-emphasis);
--bs-alert-bg: var(--bs-dark-bg-subtle);
--bs-alert-border-color: var(--bs-dark-border-subtle);
--bs-alert-link-color: var(--bs-dark-text-emphasis);
}
.alert-gray {
--bs-alert-color: var(--bs-gray-text-emphasis);
--bs-alert-bg: var(--bs-gray-bg-subtle);
--bs-alert-border-color: var(--bs-gray-border-subtle);
--bs-alert-link-color: var(--bs-gray-text-emphasis);
}
.alert-dark-gray {
--bs-alert-color: var(--bs-dark-gray-text-emphasis);
--bs-alert-bg: var(--bs-dark-gray-bg-subtle);
--bs-alert-border-color: var(--bs-dark-gray-border-subtle);
--bs-alert-link-color: var(--bs-dark-gray-text-emphasis);
}
.alert-white-opacity {
--bs-alert-color: var(--bs-white-opacity-text-emphasis);
--bs-alert-bg: var(--bs-white-opacity-bg-subtle);
--bs-alert-border-color: var(--bs-white-opacity-border-subtle);
--bs-alert-link-color: var(--bs-white-opacity-text-emphasis);
}
.alert-background {
--bs-alert-color: var(--bs-background-text-emphasis);
--bs-alert-bg: var(--bs-background-bg-subtle);
--bs-alert-border-color: var(--bs-background-border-subtle);
--bs-alert-link-color: var(--bs-background-text-emphasis);
}
.alert-semi-gray {
--bs-alert-color: var(--bs-semi-gray-text-emphasis);
--bs-alert-bg: var(--bs-semi-gray-bg-subtle);
--bs-alert-border-color: var(--bs-semi-gray-border-subtle);
--bs-alert-link-color: var(--bs-semi-gray-text-emphasis);
}
@-webkit-keyframes progress-bar-stripes {
0% {
background-position-x: 1rem;
}
}
@keyframes progress-bar-stripes {
0% {
background-position-x: 1rem;
}
}
.progress,
.progress-stacked {
--bs-progress-height: 1rem;
--bs-progress-font-size: 0.75rem;
--bs-progress-bg: var(--bs-secondary-bg);
--bs-progress-border-radius: var(--bs-border-radius);
--bs-progress-box-shadow: var(--bs-box-shadow-inset);
--bs-progress-bar-color: #fff;
--bs-progress-bar-bg: #061b31;
--bs-progress-bar-transition: width 0.6s ease;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: var(--bs-progress-height);
overflow: hidden;
font-size: var(--bs-progress-font-size);
background-color: var(--bs-progress-bg);
border-radius: var(--bs-progress-border-radius);
}
.progress-bar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
overflow: hidden;
color: var(--bs-progress-bar-color);
text-align: center;
white-space: nowrap;
background-color: var(--bs-progress-bar-bg);
-webkit-transition: var(--bs-progress-bar-transition);
transition: var(--bs-progress-bar-transition);
}
@media (prefers-reduced-motion: reduce) {
.progress-bar {
-webkit-transition: none;
transition: none;
}
}
.progress-bar-striped {
background-image: linear-gradient(
45deg,
rgba(255, 255, 255, 0.15) 25%,
transparent 25%,
transparent 50%,
rgba(255, 255, 255, 0.15) 50%,
rgba(255, 255, 255, 0.15) 75%,
transparent 75%,
transparent
);
background-size: var(--bs-progress-height) var(--bs-progress-height);
}
.progress-stacked > .progress {
overflow: visible;
}
.progress-stacked > .progress > .progress-bar {
width: 100%;
}
.progress-bar-animated {
-webkit-animation: 1s linear infinite progress-bar-stripes;
animation: 1s linear infinite progress-bar-stripes;
}
@media (prefers-reduced-motion: reduce) {
.progress-bar-animated {
-webkit-animation: none;
animation: none;
}
}
.list-group {
--bs-list-group-color: var(--bs-body-color);
--bs-list-group-bg: var(--bs-body-bg);
--bs-list-group-border-color: var(--bs-border-color);
--bs-list-group-border-width: var(--bs-border-width);
--bs-list-group-border-radius: var(--bs-border-radius);
--bs-list-group-item-padding-x: 1rem;
--bs-list-group-item-padding-y: 0.5rem;
--bs-list-group-action-color: var(--bs-secondary-color);
--bs-list-group-action-hover-color: var(--bs-emphasis-color);
--bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
--bs-list-group-action-active-color: var(--bs-body-color);
--bs-list-group-action-active-bg: var(--bs-secondary-bg);
--bs-list-group-disabled-color: var(--bs-secondary-color);
--bs-list-group-disabled-bg: var(--bs-body-bg);
--bs-list-group-active-color: #fff;
--bs-list-group-active-bg: #061b31;
--bs-list-group-active-border-color: #061b31;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
border-radius: var(--bs-list-group-border-radius);
}
.list-group-numbered {
list-style-type: none;
counter-reset: section;
}
.list-group-numbered > .list-group-item::before {
content: counters(section, '.') '. ';
counter-increment: section;
}
.list-group-item-action {
width: 100%;
color: var(--bs-list-group-action-color);
text-align: inherit;
}
.list-group-item-action:hover,
.list-group-item-action:focus {
z-index: 1;
color: var(--bs-list-group-action-hover-color);
text-decoration: none;
background-color: var(--bs-list-group-action-hover-bg);
}
.list-group-item-action:active {
color: var(--bs-list-group-action-active-color);
background-color: var(--bs-list-group-action-active-bg);
}
.list-group-item {
position: relative;
display: block;
padding: var(--bs-list-group-item-padding-y)
var(--bs-list-group-item-padding-x);
color: var(--bs-list-group-color);
text-decoration: none;
background-color: var(--bs-list-group-bg);
border: var(--bs-list-group-border-width) solid
var(--bs-list-group-border-color);
}
.list-group-item:first-child {
border-top-left-radius: inherit;
border-top-right-radius: inherit;
}
.list-group-item:last-child {
border-bottom-right-radius: inherit;
border-bottom-left-radius: inherit;
}
.list-group-item.disabled,
.list-group-item:disabled {
color: var(--bs-list-group-disabled-color);
pointer-events: none;
background-color: var(--bs-list-group-disabled-bg);
}
.list-group-item.active {
z-index: 2;
color: var(--bs-list-group-active-color);
background-color: var(--bs-list-group-active-bg);
border-color: var(--bs-list-group-active-border-color);
}
.list-group-item + .list-group-item {
border-top-width: 0;
}
.list-group-item + .list-group-item.active {
margin-top: calc(-1 * var(--bs-list-group-border-width));
border-top-width: var(--bs-list-group-border-width);
}
.list-group-horizontal {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.list-group-horizontal
> .list-group-item:first-child:not(:last-child) {
border-bottom-left-radius: var(--bs-list-group-border-radius);
border-top-right-radius: 0;
}
.list-group-horizontal
> .list-group-item:last-child:not(:first-child) {
border-top-right-radius: var(--bs-list-group-border-radius);
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: var(--bs-list-group-border-width);
border-left-width: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
margin-left: calc(-1 * var(--bs-list-group-border-width));
border-left-width: var(--bs-list-group-border-width);
}
@media (min-width: 576px) {
.list-group-horizontal-sm {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.list-group-horizontal-sm
> .list-group-item:first-child:not(:last-child) {
border-bottom-left-radius: var(--bs-list-group-border-radius);
border-top-right-radius: 0;
}
.list-group-horizontal-sm
> .list-group-item:last-child:not(:first-child) {
border-top-right-radius: var(--bs-list-group-border-radius);
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: var(--bs-list-group-border-width);
border-left-width: 0;
}
.list-group-horizontal-sm
> .list-group-item
+ .list-group-item.active {
margin-left: calc(-1 * var(--bs-list-group-border-width));
border-left-width: var(--bs-list-group-border-width);
}
}
@media (min-width: 768px) {
.list-group-horizontal-md {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.list-group-horizontal-md
> .list-group-item:first-child:not(:last-child) {
border-bottom-left-radius: var(--bs-list-group-border-radius);
border-top-right-radius: 0;
}
.list-group-horizontal-md
> .list-group-item:last-child:not(:first-child) {
border-top-right-radius: var(--bs-list-group-border-radius);
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: var(--bs-list-group-border-width);
border-left-width: 0;
}
.list-group-horizontal-md
> .list-group-item
+ .list-group-item.active {
margin-left: calc(-1 * var(--bs-list-group-border-width));
border-left-width: var(--bs-list-group-border-width);
}
}
@media (min-width: 992px) {
.list-group-horizontal-lg {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.list-group-horizontal-lg
> .list-group-item:first-child:not(:last-child) {
border-bottom-left-radius: var(--bs-list-group-border-radius);
border-top-right-radius: 0;
}
.list-group-horizontal-lg
> .list-group-item:last-child:not(:first-child) {
border-top-right-radius: var(--bs-list-group-border-radius);
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: var(--bs-list-group-border-width);
border-left-width: 0;
}
.list-group-horizontal-lg
> .list-group-item
+ .list-group-item.active {
margin-left: calc(-1 * var(--bs-list-group-border-width));
border-left-width: var(--bs-list-group-border-width);
}
}
@media (min-width: 1200px) {
.list-group-horizontal-xl {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.list-group-horizontal-xl
> .list-group-item:first-child:not(:last-child) {
border-bottom-left-radius: var(--bs-list-group-border-radius);
border-top-right-radius: 0;
}
.list-group-horizontal-xl
> .list-group-item:last-child:not(:first-child) {
border-top-right-radius: var(--bs-list-group-border-radius);
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: var(--bs-list-group-border-width);
border-left-width: 0;
}
.list-group-horizontal-xl
> .list-group-item
+ .list-group-item.active {
margin-left: calc(-1 * var(--bs-list-group-border-width));
border-left-width: var(--bs-list-group-border-width);
}
}
@media (min-width: 1400px) {
.list-group-horizontal-xxl {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.list-group-horizontal-xxl
> .list-group-item:first-child:not(:last-child) {
border-bottom-left-radius: var(--bs-list-group-border-radius);
border-top-right-radius: 0;
}
.list-group-horizontal-xxl
> .list-group-item:last-child:not(:first-child) {
border-top-right-radius: var(--bs-list-group-border-radius);
border-bottom-left-radius: 0;
}
.list-group-horizontal-xxl > .list-group-item.active {
margin-top: 0;
}
.list-group-horizontal-xxl > .list-group-item + .list-group-item {
border-top-width: var(--bs-list-group-border-width);
border-left-width: 0;
}
.list-group-horizontal-xxl
> .list-group-item
+ .list-group-item.active {
margin-left: calc(-1 * var(--bs-list-group-border-width));
border-left-width: var(--bs-list-group-border-width);
}
}
.list-group-flush {
border-radius: 0;
}
.list-group-flush > .list-group-item {
border-width: 0 0 var(--bs-list-group-border-width);
}
.list-group-flush > .list-group-item:last-child {
border-bottom-width: 0;
}
.list-group-item-primary {
--bs-list-group-color: var(--bs-primary-text-emphasis);
--bs-list-group-bg: var(--bs-primary-bg-subtle);
--bs-list-group-border-color: var(--bs-primary-border-subtle);
--bs-list-group-action-hover-color: var(--bs-emphasis-color);
--bs-list-group-action-hover-bg: var(--bs-primary-border-subtle);
--bs-list-group-action-active-color: var(--bs-emphasis-color);
--bs-list-group-action-active-bg: var(--bs-primary-border-subtle);
--bs-list-group-active-color: var(--bs-primary-bg-subtle);
--bs-list-group-active-bg: var(--bs-primary-text-emphasis);
--bs-list-group-active-border-color: var(
--bs-primary-text-emphasis
);
}
.list-group-item-secondary {
--bs-list-group-color: var(--bs-secondary-text-emphasis);
--bs-list-group-bg: var(--bs-secondary-bg-subtle);
--bs-list-group-border-color: var(--bs-secondary-border-subtle);
--bs-list-group-action-hover-color: var(--bs-emphasis-color);
--bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle);
--bs-list-group-action-active-color: var(--bs-emphasis-color);
--bs-list-group-action-active-bg: var(--bs-secondary-border-subtle);
--bs-list-group-active-color: var(--bs-secondary-bg-subtle);
--bs-list-group-active-bg: var(--bs-secondary-text-emphasis);
--bs-list-group-active-border-color: var(
--bs-secondary-text-emphasis
);
}
.list-group-item-success {
--bs-list-group-color: var(--bs-success-text-emphasis);
--bs-list-group-bg: var(--bs-success-bg-subtle);
--bs-list-group-border-color: var(--bs-success-border-subtle);
--bs-list-group-action-hover-color: var(--bs-emphasis-color);
--bs-list-group-action-hover-bg: var(--bs-success-border-subtle);
--bs-list-group-action-active-color: var(--bs-emphasis-color);
--bs-list-group-action-active-bg: var(--bs-success-border-subtle);
--bs-list-group-active-color: var(--bs-success-bg-subtle);
--bs-list-group-active-bg: var(--bs-success-text-emphasis);
--bs-list-group-active-border-color: var(
--bs-success-text-emphasis
);
}
.list-group-item-info {
--bs-list-group-color: var(--bs-info-text-emphasis);
--bs-list-group-bg: var(--bs-info-bg-subtle);
--bs-list-group-border-color: var(--bs-info-border-subtle);
--bs-list-group-action-hover-color: var(--bs-emphasis-color);
--bs-list-group-action-hover-bg: var(--bs-info-border-subtle);
--bs-list-group-action-active-color: var(--bs-emphasis-color);
--bs-list-group-action-active-bg: var(--bs-info-border-subtle);
--bs-list-group-active-color: var(--bs-info-bg-subtle);
--bs-list-group-active-bg: var(--bs-info-text-emphasis);
--bs-list-group-active-border-color: var(--bs-info-text-emphasis);
}
.list-group-item-warning {
--bs-list-group-color: var(--bs-warning-text-emphasis);
--bs-list-group-bg: var(--bs-warning-bg-subtle);
--bs-list-group-border-color: var(--bs-warning-border-subtle);
--bs-list-group-action-hover-color: var(--bs-emphasis-color);
--bs-list-group-action-hover-bg: var(--bs-warning-border-subtle);
--bs-list-group-action-active-color: var(--bs-emphasis-color);
--bs-list-group-action-active-bg: var(--bs-warning-border-subtle);
--bs-list-group-active-color: var(--bs-warning-bg-subtle);
--bs-list-group-active-bg: var(--bs-warning-text-emphasis);
--bs-list-group-active-border-color: var(
--bs-warning-text-emphasis
);
}
.list-group-item-danger {
--bs-list-group-color: var(--bs-danger-text-emphasis);
--bs-list-group-bg: var(--bs-danger-bg-subtle);
--bs-list-group-border-color: var(--bs-danger-border-subtle);
--bs-list-group-action-hover-color: var(--bs-emphasis-color);
--bs-list-group-action-hover-bg: var(--bs-danger-border-subtle);
--bs-list-group-action-active-color: var(--bs-emphasis-color);
--bs-list-group-action-active-bg: var(--bs-danger-border-subtle);
--bs-list-group-active-color: var(--bs-danger-bg-subtle);
--bs-list-group-active-bg: var(--bs-danger-text-emphasis);
--bs-list-group-active-border-color: var(--bs-danger-text-emphasis);
}
.list-group-item-light {
--bs-list-group-color: var(--bs-light-text-emphasis);
--bs-list-group-bg: var(--bs-light-bg-subtle);
--bs-list-group-border-color: var(--bs-light-border-subtle);
--bs-list-group-action-hover-color: var(--bs-emphasis-color);
--bs-list-group-action-hover-bg: var(--bs-light-border-subtle);
--bs-list-group-action-active-color: var(--bs-emphasis-color);
--bs-list-group-action-active-bg: var(--bs-light-border-subtle);
--bs-list-group-active-color: var(--bs-light-bg-subtle);
--bs-list-group-active-bg: var(--bs-light-text-emphasis);
--bs-list-group-active-border-color: var(--bs-light-text-emphasis);
}
.list-group-item-dark {
--bs-list-group-color: var(--bs-dark-text-emphasis);
--bs-list-group-bg: var(--bs-dark-bg-subtle);
--bs-list-group-border-color: var(--bs-dark-border-subtle);
--bs-list-group-action-hover-color: var(--bs-emphasis-color);
--bs-list-group-action-hover-bg: var(--bs-dark-border-subtle);
--bs-list-group-action-active-color: var(--bs-emphasis-color);
--bs-list-group-action-active-bg: var(--bs-dark-border-subtle);
--bs-list-group-active-color: var(--bs-dark-bg-subtle);
--bs-list-group-active-bg: var(--bs-dark-text-emphasis);
--bs-list-group-active-border-color: var(--bs-dark-text-emphasis);
}
.list-group-item-gray {
--bs-list-group-color: var(--bs-gray-text-emphasis);
--bs-list-group-bg: var(--bs-gray-bg-subtle);
--bs-list-group-border-color: var(--bs-gray-border-subtle);
--bs-list-group-action-hover-color: var(--bs-emphasis-color);
--bs-list-group-action-hover-bg: var(--bs-gray-border-subtle);
--bs-list-group-action-active-color: var(--bs-emphasis-color);
--bs-list-group-action-active-bg: var(--bs-gray-border-subtle);
--bs-list-group-active-color: var(--bs-gray-bg-subtle);
--bs-list-group-active-bg: var(--bs-gray-text-emphasis);
--bs-list-group-active-border-color: var(--bs-gray-text-emphasis);
}
.list-group-item-dark-gray {
--bs-list-group-color: var(--bs-dark-gray-text-emphasis);
--bs-list-group-bg: var(--bs-dark-gray-bg-subtle);
--bs-list-group-border-color: var(--bs-dark-gray-border-subtle);
--bs-list-group-action-hover-color: var(--bs-emphasis-color);
--bs-list-group-action-hover-bg: var(--bs-dark-gray-border-subtle);
--bs-list-group-action-active-color: var(--bs-emphasis-color);
--bs-list-group-action-active-bg: var(--bs-dark-gray-border-subtle);
--bs-list-group-active-color: var(--bs-dark-gray-bg-subtle);
--bs-list-group-active-bg: var(--bs-dark-gray-text-emphasis);
--bs-list-group-active-border-color: var(
--bs-dark-gray-text-emphasis
);
}
.list-group-item-white-opacity {
--bs-list-group-color: var(--bs-white-opacity-text-emphasis);
--bs-list-group-bg: var(--bs-white-opacity-bg-subtle);
--bs-list-group-border-color: var(--bs-white-opacity-border-subtle);
--bs-list-group-action-hover-color: var(--bs-emphasis-color);
--bs-list-group-action-hover-bg: var(
--bs-white-opacity-border-subtle
);
--bs-list-group-action-active-color: var(--bs-emphasis-color);
--bs-list-group-action-active-bg: var(
--bs-white-opacity-border-subtle
);
--bs-list-group-active-color: var(--bs-white-opacity-bg-subtle);
--bs-list-group-active-bg: var(--bs-white-opacity-text-emphasis);
--bs-list-group-active-border-color: var(
--bs-white-opacity-text-emphasis
);
}
.list-group-item-background {
--bs-list-group-color: var(--bs-background-text-emphasis);
--bs-list-group-bg: var(--bs-background-bg-subtle);
--bs-list-group-border-color: var(--bs-background-border-subtle);
--bs-list-group-action-hover-color: var(--bs-emphasis-color);
--bs-list-group-action-hover-bg: var(--bs-background-border-subtle);
--bs-list-group-action-active-color: var(--bs-emphasis-color);
--bs-list-group-action-active-bg: var(
--bs-background-border-subtle
);
--bs-list-group-active-color: var(--bs-background-bg-subtle);
--bs-list-group-active-bg: var(--bs-background-text-emphasis);
--bs-list-group-active-border-color: var(
--bs-background-text-emphasis
);
}
.list-group-item-semi-gray {
--bs-list-group-color: var(--bs-semi-gray-text-emphasis);
--bs-list-group-bg: var(--bs-semi-gray-bg-subtle);
--bs-list-group-border-color: var(--bs-semi-gray-border-subtle);
--bs-list-group-action-hover-color: var(--bs-emphasis-color);
--bs-list-group-action-hover-bg: var(--bs-semi-gray-border-subtle);
--bs-list-group-action-active-color: var(--bs-emphasis-color);
--bs-list-group-action-active-bg: var(--bs-semi-gray-border-subtle);
--bs-list-group-active-color: var(--bs-semi-gray-bg-subtle);
--bs-list-group-active-bg: var(--bs-semi-gray-text-emphasis);
--bs-list-group-active-border-color: var(
--bs-semi-gray-text-emphasis
);
}
.btn-close {
--bs-btn-close-color: #fff;
--bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
--bs-btn-close-opacity: 1;
--bs-btn-close-hover-opacity: 0.75;
--bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(6, 27, 49, 0.25);
--bs-btn-close-focus-opacity: 1;
--bs-btn-close-disabled-opacity: 0.25;
--bs-btn-close-white-filter: invert(1) grayscale(100%)
brightness(200%);
-webkit-box-sizing: content-box;
box-sizing: content-box;
width: 26px;
height: 26px;
padding: 0;
color: var(--bs-btn-close-color);
background-color: #B5BBC2;
background-image: var(--bs-btn-close-bg);
background-repeat: no-repeat;
background-position: center;
background-size: 30%;
border: 0;
border-radius: 100%;
opacity: var(--bs-btn-close-opacity);
}
.btn-close:hover {
color: var(--bs-btn-close-color);
text-decoration: none;
opacity: var(--bs-btn-close-hover-opacity);
}
.btn-close:focus {
outline: 0;
-webkit-box-shadow: var(--bs-btn-close-focus-shadow);
box-shadow: var(--bs-btn-close-focus-shadow);
opacity: var(--bs-btn-close-focus-opacity);
}
.btn-close:disabled,
.btn-close.disabled {
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
opacity: var(--bs-btn-close-disabled-opacity);
}
.btn-close-white {
-webkit-filter: var(--bs-btn-close-white-filter);
filter: var(--bs-btn-close-white-filter);
}
[data-bs-theme='dark'] .btn-close {
-webkit-filter: var(--bs-btn-close-white-filter);
filter: var(--bs-btn-close-white-filter);
}
.toast {
--bs-toast-zindex: 1090;
--bs-toast-padding-x: 0.75rem;
--bs-toast-padding-y: 0.5rem;
--bs-toast-spacing: 1.5rem;
--bs-toast-max-width: 350px;
--bs-toast-font-size: 0.875rem;
--bs-toast-color: ;
--bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85);
--bs-toast-border-width: var(--bs-border-width);
--bs-toast-border-color: var(--bs-border-color-translucent);
--bs-toast-border-radius: var(--bs-border-radius);
--bs-toast-box-shadow: var(--bs-box-shadow);
--bs-toast-header-color: var(--bs-secondary-color);
--bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85);
--bs-toast-header-border-color: var(--bs-border-color-translucent);
width: var(--bs-toast-max-width);
max-width: 100%;
font-size: var(--bs-toast-font-size);
color: var(--bs-toast-color);
pointer-events: auto;
background-color: var(--bs-toast-bg);
background-clip: padding-box;
border: var(--bs-toast-border-width) solid
var(--bs-toast-border-color);
-webkit-box-shadow: var(--bs-toast-box-shadow);
box-shadow: var(--bs-toast-box-shadow);
border-radius: var(--bs-toast-border-radius);
}
.toast.showing {
opacity: 0;
}
.toast:not(.show) {
display: none;
}
.toast-container {
--bs-toast-zindex: 1090;
position: absolute;
z-index: var(--bs-toast-zindex);
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
max-width: 100%;
pointer-events: none;
}
.toast-container > :not(:last-child) {
margin-bottom: var(--bs-toast-spacing);
}
.toast-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
color: var(--bs-toast-header-color);
background-color: var(--bs-toast-header-bg);
background-clip: padding-box;
border-bottom: var(--bs-toast-border-width) solid
var(--bs-toast-header-border-color);
border-top-left-radius: calc(
var(--bs-toast-border-radius) - var(--bs-toast-border-width)
);
border-top-right-radius: calc(
var(--bs-toast-border-radius) - var(--bs-toast-border-width)
);
}
.toast-header .btn-close {
margin-right: calc(-0.5 * var(--bs-toast-padding-x));
margin-left: var(--bs-toast-padding-x);
}
.toast-body {
padding: var(--bs-toast-padding-x);
word-wrap: break-word;
}
.modal {
--bs-modal-zindex: 1055;
--bs-modal-width: 500px;
--bs-modal-padding: 1rem;
--bs-modal-margin: 0.5rem;
--bs-modal-color: ;
--bs-modal-bg: var(--bs-body-bg);
--bs-modal-border-color: var(--bs-border-color-translucent);
--bs-modal-border-width: var(--bs-border-width);
--bs-modal-border-radius: var(--bs-border-radius-lg);
--bs-modal-box-shadow: var(--bs-box-shadow-sm);
--bs-modal-inner-border-radius: calc(
var(--bs-border-radius-lg) - (var(--bs-border-width))
);
--bs-modal-header-padding-x: 1rem;
--bs-modal-header-padding-y: 1rem;
--bs-modal-header-padding: 1rem 1rem;
--bs-modal-header-border-color: var(--bs-border-color);
--bs-modal-header-border-width: var(--bs-border-width);
--bs-modal-title-line-height: 1.5;
--bs-modal-footer-gap: 0.5rem;
--bs-modal-footer-bg: ;
--bs-modal-footer-border-color: var(--bs-border-color);
--bs-modal-footer-border-width: var(--bs-border-width);
position: fixed;
top: 0;
left: 0;
z-index: var(--bs-modal-zindex);
display: none;
width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
outline: 0;
}
.modal-dialog {
position: relative;
width: auto;
margin: var(--bs-modal-margin);
pointer-events: none;
}
.modal.fade .modal-dialog {
-webkit-transition: -webkit-transform 0.3s ease-out;
transition: -webkit-transform 0.3s ease-out;
transition: transform 0.3s ease-out;
transition:
transform 0.3s ease-out,
-webkit-transform 0.3s ease-out;
}
@media (prefers-reduced-motion: reduce) {
.modal.fade .modal-dialog {
-webkit-transition: none;
transition: none;
}
}
.modal.fade .modal-dialog {
-webkit-transform: translate(0, -50px);
-ms-transform: translate(0, -50px);
transform: translate(0, -50px);
}
.modal.show .modal-dialog {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.modal.modal-static .modal-dialog {
-webkit-transform: scale(1.02);
-ms-transform: scale(1.02);
transform: scale(1.02);
}
.modal-dialog-scrollable {
height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-dialog-scrollable .modal-content {
max-height: 100%;
overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
overflow-y: auto;
}
.modal-dialog-centered {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-content {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
color: var(--bs-modal-color);
pointer-events: auto;
background-color: var(--bs-modal-bg);
background-clip: padding-box;
border: var(--bs-modal-border-width) solid
var(--bs-modal-border-color);
border-radius: var(--bs-modal-border-radius);
outline: 0;
}
.modal-backdrop {
--bs-backdrop-zindex: 1050;
--bs-backdrop-bg: #000;
--bs-backdrop-opacity: 0.5;
position: fixed;
top: 0;
left: 0;
z-index: var(--bs-backdrop-zindex);
width: 100vw;
height: 100vh;
background-color: var(--bs-backdrop-bg);
}
.modal-backdrop.fade {
opacity: 0;
}
.modal-backdrop.show {
opacity: var(--bs-backdrop-opacity);
}
.modal-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: var(--bs-modal-header-padding);
border-bottom: var(--bs-modal-header-border-width) solid
var(--bs-modal-header-border-color);
border-top-left-radius: var(--bs-modal-inner-border-radius);
border-top-right-radius: var(--bs-modal-inner-border-radius);
}
/* .modal-header .btn-close {
padding: calc(var(--bs-modal-header-padding-y) * 0.5)
calc(var(--bs-modal-header-padding-x) * 0.5);
margin: calc(-0.5 * var(--bs-modal-header-padding-y))
calc(-0.5 * var(--bs-modal-header-padding-x))
calc(-0.5 * var(--bs-modal-header-padding-y)) auto;
} */
.modal-title {
margin-bottom: 0;
line-height: var(--bs-modal-title-line-height);
}
.modal-body {
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: var(--bs-modal-padding);
}
.modal-footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
padding: calc(
var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5
);
background-color: var(--bs-modal-footer-bg);
border-top: var(--bs-modal-footer-border-width) solid
var(--bs-modal-footer-border-color);
border-bottom-right-radius: var(--bs-modal-inner-border-radius);
border-bottom-left-radius: var(--bs-modal-inner-border-radius);
}
.modal-footer > * {
margin: calc(var(--bs-modal-footer-gap) * 0.5);
}
@media (min-width: 576px) {
.modal {
--bs-modal-margin: 1.75rem;
--bs-modal-box-shadow: var(--bs-box-shadow);
}
.modal-dialog {
width: 100%;
margin-right: auto;
margin-left: auto;
}
.modal-sm {
--bs-modal-width: 300px;
}
}
@media (min-width: 992px) {
.modal-dialog {
max-width: var(--bs-modal-width);
}
.modal-lg,
.modal-xl {
--bs-modal-width: 800px;
}
}
@media (min-width: 1200px) {
.modal-xl {
--bs-modal-width: 1140px;
}
}
.modal-fullscreen {
width: 100vw;
max-width: none;
height: 100%;
margin: 0;
}
.modal-fullscreen .modal-content {
height: 100%;
border: 0;
border-radius: 0;
}
.modal-fullscreen .modal-header,
.modal-fullscreen .modal-footer {
border-radius: 0;
}
.modal-fullscreen .modal-body {
overflow-y: auto;
}
@media (max-width: 575.98px) {
.modal-fullscreen-sm-down {
width: 100vw;
max-width: none;
height: 100%;
margin: 0;
}
.modal-fullscreen-sm-down .modal-content {
height: 100%;
border: 0;
border-radius: 0;
}
.modal-fullscreen-sm-down .modal-header,
.modal-fullscreen-sm-down .modal-footer {
border-radius: 0;
}
.modal-fullscreen-sm-down .modal-body {
overflow-y: auto;
}
}
@media (max-width: 767.98px) {
.modal-fullscreen-md-down {
width: 100vw;
max-width: none;
height: 100%;
margin: 0;
}
.modal-fullscreen-md-down .modal-content {
height: 100%;
border: 0;
border-radius: 0;
}
.modal-fullscreen-md-down .modal-header,
.modal-fullscreen-md-down .modal-footer {
border-radius: 0;
}
.modal-fullscreen-md-down .modal-body {
overflow-y: auto;
}
}
@media (max-width: 991.98px) {
.modal-fullscreen-lg-down {
width: 100vw;
max-width: none;
height: 100%;
margin: 0;
}
.modal-fullscreen-lg-down .modal-content {
height: 100%;
border: 0;
border-radius: 0;
}
.modal-fullscreen-lg-down .modal-header,
.modal-fullscreen-lg-down .modal-footer {
border-radius: 0;
}
.modal-fullscreen-lg-down .modal-body {
overflow-y: auto;
}
}
@media (max-width: 1199.98px) {
.modal-fullscreen-xl-down {
width: 100vw;
max-width: none;
height: 100%;
margin: 0;
}
.modal-fullscreen-xl-down .modal-content {
height: 100%;
border: 0;
border-radius: 0;
}
.modal-fullscreen-xl-down .modal-header,
.modal-fullscreen-xl-down .modal-footer {
border-radius: 0;
}
.modal-fullscreen-xl-down .modal-body {
overflow-y: auto;
}
}
@media (max-width: 1399.98px) {
.modal-fullscreen-xxl-down {
width: 100vw;
max-width: none;
height: 100%;
margin: 0;
}
.modal-fullscreen-xxl-down .modal-content {
height: 100%;
border: 0;
border-radius: 0;
}
.modal-fullscreen-xxl-down .modal-header,
.modal-fullscreen-xxl-down .modal-footer {
border-radius: 0;
}
.modal-fullscreen-xxl-down .modal-body {
overflow-y: auto;
}
}
.tooltip {
--bs-tooltip-zindex: 1080;
--bs-tooltip-max-width: 200px;
--bs-tooltip-padding-x: 0.5rem;
--bs-tooltip-padding-y: 0.25rem;
--bs-tooltip-margin: ;
--bs-tooltip-font-size: 0.875rem;
--bs-tooltip-color: var(--bs-body-bg);
--bs-tooltip-bg: var(--bs-emphasis-color);
--bs-tooltip-border-radius: var(--bs-border-radius);
--bs-tooltip-opacity: 0.9;
--bs-tooltip-arrow-width: 0.8rem;
--bs-tooltip-arrow-height: 0.4rem;
z-index: var(--bs-tooltip-zindex);
display: block;
margin: var(--bs-tooltip-margin);
font-family: var(--bs-font-sans-serif);
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;
white-space: normal;
word-spacing: normal;
line-break: auto;
font-size: var(--bs-tooltip-font-size);
word-wrap: break-word;
opacity: 0;
}
.tooltip.show {
opacity: var(--bs-tooltip-opacity);
}
.tooltip .tooltip-arrow {
display: block;
width: var(--bs-tooltip-arrow-width);
height: var(--bs-tooltip-arrow-height);
}
.tooltip .tooltip-arrow::before {
position: absolute;
content: '';
border-color: transparent;
border-style: solid;
}
.bs-tooltip-top .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^='top'] .tooltip-arrow {
bottom: calc(-1 * var(--bs-tooltip-arrow-height));
}
.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^='top']
.tooltip-arrow::before {
top: -1px;
border-width: var(--bs-tooltip-arrow-height)
calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
border-top-color: var(--bs-tooltip-bg);
}
/* rtl:begin:ignore */
.bs-tooltip-end .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^='right'] .tooltip-arrow {
left: calc(-1 * var(--bs-tooltip-arrow-height));
width: var(--bs-tooltip-arrow-height);
height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-end .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^='right']
.tooltip-arrow::before {
right: -1px;
border-width: calc(var(--bs-tooltip-arrow-width) * 0.5)
var(--bs-tooltip-arrow-height)
calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
border-right-color: var(--bs-tooltip-bg);
}
/* rtl:end:ignore */
.bs-tooltip-bottom .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^='bottom'] .tooltip-arrow {
top: calc(-1 * var(--bs-tooltip-arrow-height));
}
.bs-tooltip-bottom .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^='bottom']
.tooltip-arrow::before {
bottom: -1px;
border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5)
var(--bs-tooltip-arrow-height);
border-bottom-color: var(--bs-tooltip-bg);
}
/* rtl:begin:ignore */
.bs-tooltip-start .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^='left'] .tooltip-arrow {
right: calc(-1 * var(--bs-tooltip-arrow-height));
width: var(--bs-tooltip-arrow-height);
height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-start .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^='left']
.tooltip-arrow::before {
left: -1px;
border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0
calc(var(--bs-tooltip-arrow-width) * 0.5)
var(--bs-tooltip-arrow-height);
border-left-color: var(--bs-tooltip-bg);
}
/* rtl:end:ignore */
.tooltip-inner {
max-width: var(--bs-tooltip-max-width);
padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
color: var(--bs-tooltip-color);
text-align: center;
background-color: var(--bs-tooltip-bg);
border-radius: var(--bs-tooltip-border-radius);
}
.popover {
--bs-popover-zindex: 1070;
--bs-popover-max-width: 276px;
--bs-popover-font-size: 0.875rem;
--bs-popover-bg: var(--bs-body-bg);
--bs-popover-border-width: var(--bs-border-width);
--bs-popover-border-color: var(--bs-border-color-translucent);
--bs-popover-border-radius: var(--bs-border-radius-lg);
--bs-popover-inner-border-radius: calc(
var(--bs-border-radius-lg) - var(--bs-border-width)
);
--bs-popover-box-shadow: var(--bs-box-shadow);
--bs-popover-header-padding-x: 1rem;
--bs-popover-header-padding-y: 0.5rem;
--bs-popover-header-font-size: 1rem;
--bs-popover-header-color: inherit;
--bs-popover-header-bg: var(--bs-secondary-bg);
--bs-popover-body-padding-x: 1rem;
--bs-popover-body-padding-y: 1rem;
--bs-popover-body-color: var(--bs-body-color);
--bs-popover-arrow-width: 1rem;
--bs-popover-arrow-height: 0.5rem;
--bs-popover-arrow-border: var(--bs-popover-border-color);
z-index: var(--bs-popover-zindex);
display: block;
max-width: var(--bs-popover-max-width);
font-family: var(--bs-font-sans-serif);
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;
white-space: normal;
word-spacing: normal;
line-break: auto;
font-size: var(--bs-popover-font-size);
word-wrap: break-word;
background-color: var(--bs-popover-bg);
background-clip: padding-box;
border: var(--bs-popover-border-width) solid
var(--bs-popover-border-color);
border-radius: var(--bs-popover-border-radius);
}
.popover .popover-arrow {
display: block;
width: var(--bs-popover-arrow-width);
height: var(--bs-popover-arrow-height);
}
.popover .popover-arrow::before,
.popover .popover-arrow::after {
position: absolute;
display: block;
content: '';
border-color: transparent;
border-style: solid;
border-width: 0;
}
.bs-popover-top > .popover-arrow,
.bs-popover-auto[data-popper-placement^='top'] > .popover-arrow {
bottom: calc(
-1 * (var(--bs-popover-arrow-height)) -
var(--bs-popover-border-width)
);
}
.bs-popover-top > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^='top']
> .popover-arrow::before,
.bs-popover-top > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^='top']
> .popover-arrow::after {
border-width: var(--bs-popover-arrow-height)
calc(var(--bs-popover-arrow-width) * 0.5) 0;
}
.bs-popover-top > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^='top']
> .popover-arrow::before {
bottom: 0;
border-top-color: var(--bs-popover-arrow-border);
}
.bs-popover-top > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^='top']
> .popover-arrow::after {
bottom: var(--bs-popover-border-width);
border-top-color: var(--bs-popover-bg);
}
/* rtl:begin:ignore */
.bs-popover-end > .popover-arrow,
.bs-popover-auto[data-popper-placement^='right'] > .popover-arrow {
left: calc(
-1 * (var(--bs-popover-arrow-height)) -
var(--bs-popover-border-width)
);
width: var(--bs-popover-arrow-height);
height: var(--bs-popover-arrow-width);
}
.bs-popover-end > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^='right']
> .popover-arrow::before,
.bs-popover-end > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^='right']
> .popover-arrow::after {
border-width: calc(var(--bs-popover-arrow-width) * 0.5)
var(--bs-popover-arrow-height)
calc(var(--bs-popover-arrow-width) * 0.5) 0;
}
.bs-popover-end > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^='right']
> .popover-arrow::before {
left: 0;
border-right-color: var(--bs-popover-arrow-border);
}
.bs-popover-end > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^='right']
> .popover-arrow::after {
left: var(--bs-popover-border-width);
border-right-color: var(--bs-popover-bg);
}
/* rtl:end:ignore */
.bs-popover-bottom > .popover-arrow,
.bs-popover-auto[data-popper-placement^='bottom'] > .popover-arrow {
top: calc(
-1 * (var(--bs-popover-arrow-height)) -
var(--bs-popover-border-width)
);
}
.bs-popover-bottom > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^='bottom']
> .popover-arrow::before,
.bs-popover-bottom > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^='bottom']
> .popover-arrow::after {
border-width: 0 calc(var(--bs-popover-arrow-width) * 0.5)
var(--bs-popover-arrow-height);
}
.bs-popover-bottom > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^='bottom']
> .popover-arrow::before {
top: 0;
border-bottom-color: var(--bs-popover-arrow-border);
}
.bs-popover-bottom > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^='bottom']
> .popover-arrow::after {
top: var(--bs-popover-border-width);
border-bottom-color: var(--bs-popover-bg);
}
.bs-popover-bottom .popover-header::before,
.bs-popover-auto[data-popper-placement^='bottom']
.popover-header::before {
position: absolute;
top: 0;
left: 50%;
display: block;
width: var(--bs-popover-arrow-width);
margin-left: calc(-0.5 * var(--bs-popover-arrow-width));
content: '';
border-bottom: var(--bs-popover-border-width) solid
var(--bs-popover-header-bg);
}
/* rtl:begin:ignore */
.bs-popover-start > .popover-arrow,
.bs-popover-auto[data-popper-placement^='left'] > .popover-arrow {
right: calc(
-1 * (var(--bs-popover-arrow-height)) -
var(--bs-popover-border-width)
);
width: var(--bs-popover-arrow-height);
height: var(--bs-popover-arrow-width);
}
.bs-popover-start > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^='left']
> .popover-arrow::before,
.bs-popover-start > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^='left']
> .popover-arrow::after {
border-width: calc(var(--bs-popover-arrow-width) * 0.5) 0
calc(var(--bs-popover-arrow-width) * 0.5)
var(--bs-popover-arrow-height);
}
.bs-popover-start > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^='left']
> .popover-arrow::before {
right: 0;
border-left-color: var(--bs-popover-arrow-border);
}
.bs-popover-start > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^='left']
> .popover-arrow::after {
right: var(--bs-popover-border-width);
border-left-color: var(--bs-popover-bg);
}
/* rtl:end:ignore */
.popover-header {
padding: var(--bs-popover-header-padding-y)
var(--bs-popover-header-padding-x);
margin-bottom: 0;
font-size: var(--bs-popover-header-font-size);
color: var(--bs-popover-header-color);
background-color: var(--bs-popover-header-bg);
border-bottom: var(--bs-popover-border-width) solid
var(--bs-popover-border-color);
border-top-left-radius: var(--bs-popover-inner-border-radius);
border-top-right-radius: var(--bs-popover-inner-border-radius);
}
.popover-header:empty {
display: none;
}
.popover-body {
padding: var(--bs-popover-body-padding-y)
var(--bs-popover-body-padding-x);
color: var(--bs-popover-body-color);
}
.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;
-webkit-transition: -webkit-transform 0.6s ease-in-out;
transition: -webkit-transform 0.6s ease-in-out;
transition: transform 0.6s ease-in-out;
transition:
transform 0.6s ease-in-out,
-webkit-transform 0.6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.carousel-item {
-webkit-transition: none;
transition: none;
}
}
.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
display: block;
}
.carousel-item-next:not(.carousel-item-start),
.active.carousel-item-end {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
}
.carousel-item-prev:not(.carousel-item-end),
.active.carousel-item-start {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
.carousel-fade .carousel-item {
opacity: 0;
-webkit-transition-property: opacity;
transition-property: opacity;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end {
z-index: 1;
opacity: 1;
}
.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
z-index: 0;
opacity: 0;
-webkit-transition: opacity 0s 0.6s;
transition: opacity 0s 0.6s;
}
@media (prefers-reduced-motion: reduce) {
.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
-webkit-transition: none;
transition: none;
}
}
.carousel-control-prev,
.carousel-control-next {
position: absolute;
top: 0;
bottom: 0;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 15%;
padding: 0;
color: #fff;
text-align: center;
background: none;
border: 0;
opacity: 0.5;
-webkit-transition: opacity 0.15s ease;
transition: opacity 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
.carousel-control-prev,
.carousel-control-next {
-webkit-transition: none;
transition: none;
}
}
.carousel-control-prev:hover,
.carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
color: #fff;
text-decoration: none;
outline: 0;
opacity: 0.9;
}
.carousel-control-prev {
left: 0;
}
.carousel-control-next {
right: 0;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
display: inline-block;
width: 2rem;
height: 2rem;
background-repeat: no-repeat;
background-position: 50%;
background-size: 100% 100%;
}
.carousel-control-prev-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")
/*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")*/;
}
.carousel-control-next-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
/*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")*/;
}
.carousel-indicators {
position: absolute;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0;
margin-right: 15%;
margin-bottom: 1rem;
margin-left: 15%;
}
.carousel-indicators [data-bs-target] {
-webkit-box-sizing: content-box;
box-sizing: content-box;
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
width: 30px;
height: 3px;
padding: 0;
margin-right: 3px;
margin-left: 3px;
text-indent: -999px;
cursor: pointer;
background-color: #fff;
background-clip: padding-box;
border: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
opacity: 0.5;
-webkit-transition: opacity 0.6s ease;
transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
.carousel-indicators [data-bs-target] {
-webkit-transition: none;
transition: none;
}
}
.carousel-indicators .active {
opacity: 1;
}
.carousel-caption {
position: absolute;
right: 15%;
bottom: 1.25rem;
left: 15%;
padding-top: 1.25rem;
padding-bottom: 1.25rem;
color: #fff;
text-align: center;
}
.carousel-dark .carousel-control-prev-icon,
.carousel-dark .carousel-control-next-icon {
-webkit-filter: invert(1) grayscale(100);
filter: invert(1) grayscale(100);
}
.carousel-dark .carousel-indicators [data-bs-target] {
background-color: #000;
}
.carousel-dark .carousel-caption {
color: #000;
}
[data-bs-theme='dark'] .carousel .carousel-control-prev-icon,
[data-bs-theme='dark'] .carousel .carousel-control-next-icon,
[data-bs-theme='dark'].carousel .carousel-control-prev-icon,
[data-bs-theme='dark'].carousel .carousel-control-next-icon {
-webkit-filter: invert(1) grayscale(100);
filter: invert(1) grayscale(100);
}
[data-bs-theme='dark']
.carousel
.carousel-indicators
[data-bs-target],
[data-bs-theme='dark'].carousel
.carousel-indicators
[data-bs-target] {
background-color: #000;
}
[data-bs-theme='dark'] .carousel .carousel-caption,
[data-bs-theme='dark'].carousel .carousel-caption {
color: #000;
}
.spinner-grow,
.spinner-border {
display: inline-block;
width: var(--bs-spinner-width);
height: var(--bs-spinner-height);
vertical-align: var(--bs-spinner-vertical-align);
border-radius: 50%;
-webkit-animation: var(--bs-spinner-animation-speed) linear infinite
var(--bs-spinner-animation-name);
animation: var(--bs-spinner-animation-speed) linear infinite
var(--bs-spinner-animation-name);
}
@-webkit-keyframes spinner-border {
to {
-webkit-transform: rotate(360deg) /* rtl:ignore */;
transform: rotate(360deg) /* rtl:ignore */;
}
}
@keyframes spinner-border {
to {
-webkit-transform: rotate(360deg) /* rtl:ignore */;
transform: rotate(360deg) /* rtl:ignore */;
}
}
.spinner-border {
--bs-spinner-width: 2rem;
--bs-spinner-height: 2rem;
--bs-spinner-vertical-align: -0.125em;
--bs-spinner-border-width: 0.25em;
--bs-spinner-animation-speed: 0.75s;
--bs-spinner-animation-name: spinner-border;
border: var(--bs-spinner-border-width) solid currentcolor;
border-right-color: transparent;
}
.spinner-border-sm {
--bs-spinner-width: 1rem;
--bs-spinner-height: 1rem;
--bs-spinner-border-width: 0.2em;
}
@-webkit-keyframes spinner-grow {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
50% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes spinner-grow {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
50% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.spinner-grow {
--bs-spinner-width: 2rem;
--bs-spinner-height: 2rem;
--bs-spinner-vertical-align: -0.125em;
--bs-spinner-animation-speed: 0.75s;
--bs-spinner-animation-name: spinner-grow;
background-color: currentcolor;
opacity: 0;
}
.spinner-grow-sm {
--bs-spinner-width: 1rem;
--bs-spinner-height: 1rem;
}
@media (prefers-reduced-motion: reduce) {
.spinner-border,
.spinner-grow {
--bs-spinner-animation-speed: 1.5s;
}
}
.offcanvas,
.offcanvas-xxl,
.offcanvas-xl,
.offcanvas-lg,
.offcanvas-md,
.offcanvas-sm {
--bs-offcanvas-zindex: 1045;
--bs-offcanvas-width: 400px;
--bs-offcanvas-height: 30vh;
--bs-offcanvas-padding-x: 1rem;
--bs-offcanvas-padding-y: 1rem;
--bs-offcanvas-color: var(--bs-body-color);
--bs-offcanvas-bg: var(--bs-body-bg);
--bs-offcanvas-border-width: var(--bs-border-width);
--bs-offcanvas-border-color: var(--bs-border-color-translucent);
--bs-offcanvas-box-shadow: var(--bs-box-shadow-sm);
--bs-offcanvas-transition: transform 0.3s ease-in-out;
--bs-offcanvas-title-line-height: 1.5;
}
@media (max-width: 575.98px) {
.offcanvas-sm {
position: fixed;
bottom: 0;
z-index: var(--bs-offcanvas-zindex);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-width: 100%;
color: var(--bs-offcanvas-color);
visibility: hidden;
background-color: var(--bs-offcanvas-bg);
background-clip: padding-box;
outline: 0;
-webkit-transition: var(--bs-offcanvas-transition);
transition: var(--bs-offcanvas-transition);
}
}
@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
.offcanvas-sm {
-webkit-transition: none;
transition: none;
}
}
@media (max-width: 575.98px) {
.offcanvas-sm.offcanvas-start {
top: 0;
left: 0;
width: var(--bs-offcanvas-width);
border-right: var(--bs-offcanvas-border-width) solid
var(--bs-offcanvas-border-color);
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
.offcanvas-sm.offcanvas-end {
top: 0;
right: 0;
width: var(--bs-offcanvas-width);
border-left: var(--bs-offcanvas-border-width) solid
var(--bs-offcanvas-border-color);
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
}
.offcanvas-sm.offcanvas-top {
top: 0;
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-bottom: var(--bs-offcanvas-border-width) solid
var(--bs-offcanvas-border-color);
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
.offcanvas-sm.offcanvas-bottom {
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-top: var(--bs-offcanvas-border-width) solid
var(--bs-offcanvas-border-color);
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
}
.offcanvas-sm.showing,
.offcanvas-sm.show:not(.hiding) {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.offcanvas-sm.showing,
.offcanvas-sm.hiding,
.offcanvas-sm.show {
visibility: visible;
}
}
@media (min-width: 576px) {
.offcanvas-sm {
--bs-offcanvas-height: auto;
--bs-offcanvas-border-width: 0;
background-color: transparent !important;
}
.offcanvas-sm .offcanvas-header {
display: none;
}
.offcanvas-sm .offcanvas-body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
padding: 0;
overflow-y: visible;
background-color: transparent !important;
}
}
@media (max-width: 767.98px) {
.offcanvas-md {
position: fixed;
bottom: 0;
z-index: var(--bs-offcanvas-zindex);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-width: 100%;
color: var(--bs-offcanvas-color);
visibility: hidden;
background-color: var(--bs-offcanvas-bg);
background-clip: padding-box;
outline: 0;
-webkit-transition: var(--bs-offcanvas-transition);
transition: var(--bs-offcanvas-transition);
}
}
@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
.offcanvas-md {
-webkit-transition: none;
transition: none;
}
}
@media (max-width: 767.98px) {
.offcanvas-md.offcanvas-start {
top: 0;
left: 0;
width: var(--bs-offcanvas-width);
border-right: var(--bs-offcanvas-border-width) solid
var(--bs-offcanvas-border-color);
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
.offcanvas-md.offcanvas-end {
top: 0;
right: 0;
width: var(--bs-offcanvas-width);
border-left: var(--bs-offcanvas-border-width) solid
var(--bs-offcanvas-border-color);
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
}
.offcanvas-md.offcanvas-top {
top: 0;
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-bottom: var(--bs-offcanvas-border-width) solid
var(--bs-offcanvas-border-color);
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
.offcanvas-md.offcanvas-bottom {
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-top: var(--bs-offcanvas-border-width) solid
var(--bs-offcanvas-border-color);
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
}
.offcanvas-md.showing,
.offcanvas-md.show:not(.hiding) {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.offcanvas-md.showing,
.offcanvas-md.hiding,
.offcanvas-md.show {
visibility: visible;
}
}
@media (min-width: 768px) {
.offcanvas-md {
--bs-offcanvas-height: auto;
--bs-offcanvas-border-width: 0;
background-color: transparent !important;
}
.offcanvas-md .offcanvas-header {
display: none;
}
.offcanvas-md .offcanvas-body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
padding: 0;
overflow-y: visible;
background-color: transparent !important;
}
}
@media (max-width: 991.98px) {
.offcanvas-lg {
position: fixed;
bottom: 0;
z-index: var(--bs-offcanvas-zindex);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-width: 100%;
color: var(--bs-offcanvas-color);
visibility: hidden;
background-color: var(--bs-offcanvas-bg);
background-clip: padding-box;
outline: 0;
-webkit-transition: var(--bs-offcanvas-transition);
transition: var(--bs-offcanvas-transition);
}
}
@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
.offcanvas-lg {
-webkit-transition: none;
transition: none;
}
}
@media (max-width: 991.98px) {
.offcanvas-lg.offcanvas-start {
top: 0;
left: 0;
width: var(--bs-offcanvas-width);
border-right: var(--bs-offcanvas-border-width) solid
var(--bs-offcanvas-border-color);
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
.offcanvas-lg.offcanvas-end {
top: 0;
right: 0;
width: var(--bs-offcanvas-width);
border-left: var(--bs-offcanvas-border-width) solid
var(--bs-offcanvas-border-color);
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
}
.offcanvas-lg.offcanvas-top {
top: 0;
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-bottom: var(--bs-offcanvas-border-width) solid
var(--bs-offcanvas-border-color);
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
.offcanvas-lg.offcanvas-bottom {
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-top: var(--bs-offcanvas-border-width) solid
var(--bs-offcanvas-border-color);
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
}
.offcanvas-lg.showing,
.offcanvas-lg.show:not(.hiding) {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.offcanvas-lg.showing,
.offcanvas-lg.hiding,
.offcanvas-lg.show {
visibility: visible;
}
}
@media (min-width: 992px) {
.offcanvas-lg {
--bs-offcanvas-height: auto;
--bs-offcanvas-border-width: 0;
background-color: transparent !important;
}
.offcanvas-lg .offcanvas-header {
display: none;
}
.offcanvas-lg .offcanvas-body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
padding: 0;
overflow-y: visible;
background-color: transparent !important;
}
}
@media (max-width: 1199.98px) {
.offcanvas-xl {
position: fixed;
bottom: 0;
z-index: var(--bs-offcanvas-zindex);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-width: 100%;
color: var(--bs-offcanvas-color);
visibility: hidden;
background-color: var(--bs-offcanvas-bg);
background-clip: padding-box;
outline: 0;
-webkit-transition: var(--bs-offcanvas-transition);
transition: var(--bs-offcanvas-transition);
}
}
@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
.offcanvas-xl {
-webkit-transition: none;
transition: none;
}
}
@media (max-width: 1199.98px) {
.offcanvas-xl.offcanvas-start {
top: 0;
left: 0;
width: var(--bs-offcanvas-width);
border-right: var(--bs-offcanvas-border-width) solid
var(--bs-offcanvas-border-color);
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
.offcanvas-xl.offcanvas-end {
top: 0;
right: 0;
width: var(--bs-offcanvas-width);
border-left: var(--bs-offcanvas-border-width) solid
var(--bs-offcanvas-border-color);
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
}
.offcanvas-xl.offcanvas-top {
top: 0;
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-bottom: var(--bs-offcanvas-border-width) solid
var(--bs-offcanvas-border-color);
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
.offcanvas-xl.offcanvas-bottom {
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-top: var(--bs-offcanvas-border-width) solid
var(--bs-offcanvas-border-color);
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
}
.offcanvas-xl.showing,
.offcanvas-xl.show:not(.hiding) {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.offcanvas-xl.showing,
.offcanvas-xl.hiding,
.offcanvas-xl.show {
visibility: visible;
}
}
@media (min-width: 1200px) {
.offcanvas-xl {
--bs-offcanvas-height: auto;
--bs-offcanvas-border-width: 0;
background-color: transparent !important;
}
.offcanvas-xl .offcanvas-header {
display: none;
}
.offcanvas-xl .offcanvas-body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
padding: 0;
overflow-y: visible;
background-color: transparent !important;
}
}
@media (max-width: 1399.98px) {
.offcanvas-xxl {
position: fixed;
bottom: 0;
z-index: var(--bs-offcanvas-zindex);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-width: 100%;
color: var(--bs-offcanvas-color);
visibility: hidden;
background-color: var(--bs-offcanvas-bg);
background-clip: padding-box;
outline: 0;
-webkit-transition: var(--bs-offcanvas-transition);
transition: var(--bs-offcanvas-transition);
}
}
@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) {
.offcanvas-xxl {
-webkit-transition: none;
transition: none;
}
}
@media (max-width: 1399.98px) {
.offcanvas-xxl.offcanvas-start {
top: 0;
left: 0;
width: var(--bs-offcanvas-width);
border-right: var(--bs-offcanvas-border-width) solid
var(--bs-offcanvas-border-color);
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
.offcanvas-xxl.offcanvas-end {
top: 0;
right: 0;
width: var(--bs-offcanvas-width);
border-left: var(--bs-offcanvas-border-width) solid
var(--bs-offcanvas-border-color);
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
}
.offcanvas-xxl.offcanvas-top {
top: 0;
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-bottom: var(--bs-offcanvas-border-width) solid
var(--bs-offcanvas-border-color);
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
.offcanvas-xxl.offcanvas-bottom {
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-top: var(--bs-offcanvas-border-width) solid
var(--bs-offcanvas-border-color);
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
}
.offcanvas-xxl.showing,
.offcanvas-xxl.show:not(.hiding) {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.offcanvas-xxl.showing,
.offcanvas-xxl.hiding,
.offcanvas-xxl.show {
visibility: visible;
}
}
@media (min-width: 1400px) {
.offcanvas-xxl {
--bs-offcanvas-height: auto;
--bs-offcanvas-border-width: 0;
background-color: transparent !important;
}
.offcanvas-xxl .offcanvas-header {
display: none;
}
.offcanvas-xxl .offcanvas-body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
padding: 0;
overflow-y: visible;
background-color: transparent !important;
}
}
.offcanvas {
position: fixed;
bottom: 0;
z-index: var(--bs-offcanvas-zindex);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-width: 100%;
color: var(--bs-offcanvas-color);
visibility: hidden;
background-color: var(--bs-offcanvas-bg);
background-clip: padding-box;
outline: 0;
-webkit-transition: var(--bs-offcanvas-transition);
transition: var(--bs-offcanvas-transition);
}
@media (prefers-reduced-motion: reduce) {
.offcanvas {
-webkit-transition: none;
transition: none;
}
}
.offcanvas.offcanvas-start {
top: 0;
left: 0;
width: var(--bs-offcanvas-width);
border-right: var(--bs-offcanvas-border-width) solid
var(--bs-offcanvas-border-color);
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
.offcanvas.offcanvas-end {
top: 0;
right: 0;
width: var(--bs-offcanvas-width);
border-left: var(--bs-offcanvas-border-width) solid
var(--bs-offcanvas-border-color);
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
}
.offcanvas.offcanvas-top {
top: 0;
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-bottom: var(--bs-offcanvas-border-width) solid
var(--bs-offcanvas-border-color);
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
.offcanvas.offcanvas-bottom {
right: 0;
left: 0;
height: var(--bs-offcanvas-height);
max-height: 100%;
border-top: var(--bs-offcanvas-border-width) solid
var(--bs-offcanvas-border-color);
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
}
.offcanvas.showing,
.offcanvas.show:not(.hiding) {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.offcanvas.showing,
.offcanvas.hiding,
.offcanvas.show {
visibility: visible;
}
.offcanvas-backdrop {
position: fixed;
top: 0;
left: 0;
z-index: 1040;
width: 100vw;
height: 100vh;
background-color: #000;
}
.offcanvas-backdrop.fade {
opacity: 0;
}
.offcanvas-backdrop.show {
opacity: 0.5;
}
.offcanvas-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
}
.offcanvas-header .btn-close {
padding: calc(var(--bs-offcanvas-padding-y) * 0.5)
calc(var(--bs-offcanvas-padding-x) * 0.5);
margin: calc(-0.5 * var(--bs-offcanvas-padding-y))
calc(-0.5 * var(--bs-offcanvas-padding-x))
calc(-0.5 * var(--bs-offcanvas-padding-y)) auto;
}
.offcanvas-title {
margin-bottom: 0;
line-height: var(--bs-offcanvas-title-line-height);
}
.offcanvas-body {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
overflow-y: auto;
}
.placeholder {
display: inline-block;
min-height: 1em;
vertical-align: middle;
cursor: wait;
background-color: currentcolor;
opacity: 0.5;
}
.placeholder.btn::before {
display: inline-block;
content: '';
}
.placeholder-xs {
min-height: 0.6em;
}
.placeholder-sm {
min-height: 0.8em;
}
.placeholder-lg {
min-height: 1.2em;
}
.placeholder-glow .placeholder {
-webkit-animation: placeholder-glow 2s ease-in-out infinite;
animation: placeholder-glow 2s ease-in-out infinite;
}
@-webkit-keyframes placeholder-glow {
50% {
opacity: 0.2;
}
}
@keyframes placeholder-glow {
50% {
opacity: 0.2;
}
}
.placeholder-wave {
-webkit-mask-image: linear-gradient(
130deg,
#000 55%,
rgba(0, 0, 0, 0.8) 75%,
#000 95%
);
mask-image: linear-gradient(
130deg,
#000 55%,
rgba(0, 0, 0, 0.8) 75%,
#000 95%
);
-webkit-mask-size: 200% 100%;
mask-size: 200% 100%;
-webkit-animation: placeholder-wave 2s linear infinite;
animation: placeholder-wave 2s linear infinite;
}
@-webkit-keyframes placeholder-wave {
100% {
-webkit-mask-position: -200% 0%;
mask-position: -200% 0%;
}
}
@keyframes placeholder-wave {
100% {
-webkit-mask-position: -200% 0%;
mask-position: -200% 0%;
}
}
.clearfix::after {
display: block;
clear: both;
content: '';
}
.text-bg-primary {
color: #fff !important;
background-color: RGBA(
var(--bs-primary-rgb),
var(--bs-bg-opacity, 1)
) !important;
}
.text-bg-secondary {
color: #000 !important;
background-color: RGBA(
var(--bs-secondary-rgb),
var(--bs-bg-opacity, 1)
) !important;
}
.text-bg-success {
color: #000 !important;
background-color: RGBA(
var(--bs-success-rgb),
var(--bs-bg-opacity, 1)
) !important;
}
.text-bg-info {
color: #000 !important;
background-color: RGBA(
var(--bs-info-rgb),
var(--bs-bg-opacity, 1)
) !important;
}
.text-bg-warning {
color: #000 !important;
background-color: RGBA(
var(--bs-warning-rgb),
var(--bs-bg-opacity, 1)
) !important;
}
.text-bg-danger {
color: #000 !important;
background-color: RGBA(
var(--bs-danger-rgb),
var(--bs-bg-opacity, 1)
) !important;
}
.text-bg-light {
color: #000 !important;
background-color: RGBA(
var(--bs-light-rgb),
var(--bs-bg-opacity, 1)
) !important;
}
.text-bg-dark {
color: #fff !important;
background-color: RGBA(
var(--bs-dark-rgb),
var(--bs-bg-opacity, 1)
) !important;
}
.text-bg-gray {
color: #000 !important;
background-color: RGBA(
var(--bs-gray-rgb),
var(--bs-bg-opacity, 1)
) !important;
}
.text-bg-dark-gray {
color: #fff !important;
background-color: RGBA(
var(--bs-dark-gray-rgb),
var(--bs-bg-opacity, 1)
) !important;
}
.text-bg-white-opacity {
color: #000 !important;
background-color: RGBA(
var(--bs-white-opacity-rgb),
var(--bs-bg-opacity, 1)
) !important;
}
.text-bg-background {
color: #000 !important;
background-color: RGBA(
var(--bs-background-rgb),
var(--bs-bg-opacity, 1)
) !important;
}
.text-bg-semi-gray {
color: #000 !important;
background-color: RGBA(
var(--bs-semi-gray-rgb),
var(--bs-bg-opacity, 1)
) !important;
}
.link-primary {
color: RGBA(
var(--bs-primary-rgb),
var(--bs-link-opacity, 1)
) !important;
text-decoration-color: RGBA(
var(--bs-primary-rgb),
var(--bs-link-underline-opacity, 1)
) !important;
}
.link-primary:hover,
.link-primary:focus {
color: RGBA(5, 22, 39, var(--bs-link-opacity, 1)) !important;
text-decoration-color: RGBA(
5,
22,
39,
var(--bs-link-underline-opacity, 1)
) !important;
}
.link-secondary {
color: RGBA(
var(--bs-secondary-rgb),
var(--bs-link-opacity, 1)
) !important;
text-decoration-color: RGBA(
var(--bs-secondary-rgb),
var(--bs-link-underline-opacity, 1)
) !important;
}
.link-secondary:hover,
.link-secondary:focus {
color: RGBA(245, 245, 246, var(--bs-link-opacity, 1)) !important;
text-decoration-color: RGBA(
245,
245,
246,
var(--bs-link-underline-opacity, 1)
) !important;
}
.link-success {
color: RGBA(
var(--bs-success-rgb),
var(--bs-link-opacity, 1)
) !important;
text-decoration-color: RGBA(
var(--bs-success-rgb),
var(--bs-link-underline-opacity, 1)
) !important;
}
.link-success:hover,
.link-success:focus {
color: RGBA(86, 197, 104, var(--bs-link-opacity, 1)) !important;
text-decoration-color: RGBA(
86,
197,
104,
var(--bs-link-underline-opacity, 1)
) !important;
}
.link-info {
color: RGBA(
var(--bs-info-rgb),
var(--bs-link-opacity, 1)
) !important;
text-decoration-color: RGBA(
var(--bs-info-rgb),
var(--bs-link-underline-opacity, 1)
) !important;
}
.link-info:hover,
.link-info:focus {
color: RGBA(82, 185, 236, var(--bs-link-opacity, 1)) !important;
text-decoration-color: RGBA(
82,
185,
236,
var(--bs-link-underline-opacity, 1)
) !important;
}
.link-warning {
color: RGBA(
var(--bs-warning-rgb),
var(--bs-link-opacity, 1)
) !important;
text-decoration-color: RGBA(
var(--bs-warning-rgb),
var(--bs-link-underline-opacity, 1)
) !important;
}
.link-warning:hover,
.link-warning:focus {
color: RGBA(255, 201, 96, var(--bs-link-opacity, 1)) !important;
text-decoration-color: RGBA(
255,
201,
96,
var(--bs-link-underline-opacity, 1)
) !important;
}
.link-danger {
color: RGBA(
var(--bs-danger-rgb),
var(--bs-link-opacity, 1)
) !important;
text-decoration-color: RGBA(
var(--bs-danger-rgb),
var(--bs-link-underline-opacity, 1)
) !important;
}
.link-danger:hover,
.link-danger:focus {
color: RGBA(255, 51, 51, var(--bs-link-opacity, 1)) !important;
text-decoration-color: RGBA(
255,
51,
51,
var(--bs-link-underline-opacity, 1)
) !important;
}
.link-light {
color: RGBA(
var(--bs-light-rgb),
var(--bs-link-opacity, 1)
) !important;
text-decoration-color: RGBA(
var(--bs-light-rgb),
var(--bs-link-underline-opacity, 1)
) !important;
}
.link-light:hover,
.link-light:focus {
color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;
text-decoration-color: RGBA(
249,
250,
251,
var(--bs-link-underline-opacity, 1)
) !important;
}
.link-dark {
color: RGBA(
var(--bs-dark-rgb),
var(--bs-link-opacity, 1)
) !important;
text-decoration-color: RGBA(
var(--bs-dark-rgb),
var(--bs-link-underline-opacity, 1)
) !important;
}
.link-dark:hover,
.link-dark:focus {
color: RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important;
text-decoration-color: RGBA(
26,
30,
33,
var(--bs-link-underline-opacity, 1)
) !important;
}
.link-gray {
color: RGBA(
var(--bs-gray-rgb),
var(--bs-link-opacity, 1)
) !important;
text-decoration-color: RGBA(
var(--bs-gray-rgb),
var(--bs-link-underline-opacity, 1)
) !important;
}
.link-gray:hover,
.link-gray:focus {
color: RGBA(155, 163, 172, var(--bs-link-opacity, 1)) !important;
text-decoration-color: RGBA(
155,
163,
172,
var(--bs-link-underline-opacity, 1)
) !important;
}
.link-dark-gray {
color: RGBA(
var(--bs-dark-gray-rgb),
var(--bs-link-opacity, 1)
) !important;
text-decoration-color: RGBA(
var(--bs-dark-gray-rgb),
var(--bs-link-underline-opacity, 1)
) !important;
}
.link-dark-gray:hover,
.link-dark-gray:focus {
color: RGBA(65, 77, 89, var(--bs-link-opacity, 1)) !important;
text-decoration-color: RGBA(
65,
77,
89,
var(--bs-link-underline-opacity, 1)
) !important;
}
.link-white-opacity {
color: RGBA(
var(--bs-white-opacity-rgb),
var(--bs-link-opacity, 1)
) !important;
text-decoration-color: RGBA(
var(--bs-white-opacity-rgb),
var(--bs-link-underline-opacity, 1)
) !important;
}
.link-white-opacity:hover,
.link-white-opacity:focus {
color: RGBA(255, 255, 255, var(--bs-link-opacity, 1)) !important;
text-decoration-color: RGBA(
255,
255,
255,
var(--bs-link-underline-opacity, 1)
) !important;
}
.link-background {
color: RGBA(
var(--bs-background-rgb),
var(--bs-link-opacity, 1)
) !important;
text-decoration-color: RGBA(
var(--bs-background-rgb),
var(--bs-link-underline-opacity, 1)
) !important;
}
.link-background:hover,
.link-background:focus {
color: RGBA(248, 249, 249, var(--bs-link-opacity, 1)) !important;
text-decoration-color: RGBA(
248,
249,
249,
var(--bs-link-underline-opacity, 1)
) !important;
}
.link-semi-gray {
color: RGBA(
var(--bs-semi-gray-rgb),
var(--bs-link-opacity, 1)
) !important;
text-decoration-color: RGBA(
var(--bs-semi-gray-rgb),
var(--bs-link-underline-opacity, 1)
) !important;
}
.link-semi-gray:hover,
.link-semi-gray:focus {
color: RGBA(236, 237, 239, var(--bs-link-opacity, 1)) !important;
text-decoration-color: RGBA(
236,
237,
239,
var(--bs-link-underline-opacity, 1)
) !important;
}
.link-body-emphasis {
color: RGBA(
var(--bs-emphasis-color-rgb),
var(--bs-link-opacity, 1)
) !important;
text-decoration-color: RGBA(
var(--bs-emphasis-color-rgb),
var(--bs-link-underline-opacity, 1)
) !important;
}
.link-body-emphasis:hover,
.link-body-emphasis:focus {
color: RGBA(
var(--bs-emphasis-color-rgb),
var(--bs-link-opacity, 0.75)
) !important;
text-decoration-color: RGBA(
var(--bs-emphasis-color-rgb),
var(--bs-link-underline-opacity, 0.75)
) !important;
}
.focus-ring:focus {
outline: 0;
-webkit-box-shadow: var(--bs-focus-ring-x, 0)
var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0)
var(--bs-focus-ring-width) var(--bs-focus-ring-color);
box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0)
var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width)
var(--bs-focus-ring-color);
}
.icon-link {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
gap: 0.375rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-decoration-color: rgba(
var(--bs-link-color-rgb),
var(--bs-link-opacity, 0.5)
);
text-underline-offset: 0.25em;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.icon-link > .bi {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 1em;
height: 1em;
fill: currentcolor;
-webkit-transition: 0.2s ease-in-out transform;
transition: 0.2s ease-in-out transform;
}
@media (prefers-reduced-motion: reduce) {
.icon-link > .bi {
-webkit-transition: none;
transition: none;
}
}
.icon-link-hover:hover > .bi,
.icon-link-hover:focus-visible > .bi {
-webkit-transform: var(
--bs-icon-link-transform,
translate3d(0.25em, 0, 0)
);
transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0));
}
.ratio {
position: relative;
width: 100%;
}
.ratio::before {
display: block;
padding-top: var(--bs-aspect-ratio);
content: '';
}
.ratio > * {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ratio-1x1 {
--bs-aspect-ratio: 100%;
}
.ratio-4x3 {
--bs-aspect-ratio: 75%;
}
.ratio-16x9 {
--bs-aspect-ratio: 56.25%;
}
.ratio-21x9 {
--bs-aspect-ratio: 42.8571428571%;
}
.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;
}
.sticky-top {
position: sticky;
top: 0;
z-index: 1020;
}
.sticky-bottom {
position: sticky;
bottom: 0;
z-index: 1020;
}
@media (min-width: 576px) {
.sticky-sm-top {
position: sticky;
top: 0;
z-index: 1020;
}
.sticky-sm-bottom {
position: sticky;
bottom: 0;
z-index: 1020;
}
}
@media (min-width: 768px) {
.sticky-md-top {
position: sticky;
top: 0;
z-index: 1020;
}
.sticky-md-bottom {
position: sticky;
bottom: 0;
z-index: 1020;
}
}
@media (min-width: 992px) {
.sticky-lg-top {
position: sticky;
top: 0;
z-index: 1020;
}
.sticky-lg-bottom {
position: sticky;
bottom: 0;
z-index: 1020;
}
}
@media (min-width: 1200px) {
.sticky-xl-top {
position: sticky;
top: 0;
z-index: 1020;
}
.sticky-xl-bottom {
position: sticky;
bottom: 0;
z-index: 1020;
}
}
@media (min-width: 1400px) {
.sticky-xxl-top {
position: sticky;
top: 0;
z-index: 1020;
}
.sticky-xxl-bottom {
position: sticky;
bottom: 0;
z-index: 1020;
}
}
.hstack {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
}
.vstack {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
}
.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
.visually-hidden:not(caption),
.visually-hidden-focusable:not(:focus):not(:focus-within):not(
caption
) {
position: absolute !important;
}
.stretched-link::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
content: '';
}
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.vr {
display: inline-block;
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
width: var(--bs-border-width);
min-height: 1em;
background-color: currentcolor;
opacity: 0.25;
}
.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;
}
.float-start {
float: left !important;
}
.float-end {
float: right !important;
}
.float-none {
float: none !important;
}
.object-fit-contain {
-o-object-fit: contain !important;
object-fit: contain !important;
}
.object-fit-cover {
-o-object-fit: cover !important;
object-fit: cover !important;
}
.object-fit-fill {
-o-object-fit: fill !important;
object-fit: fill !important;
}
.object-fit-scale {
-o-object-fit: scale-down !important;
object-fit: scale-down !important;
}
.object-fit-none {
-o-object-fit: none !important;
object-fit: none !important;
}
.opacity-0 {
opacity: 0 !important;
}
.opacity-25 {
opacity: 0.25 !important;
}
.opacity-50 {
opacity: 0.5 !important;
}
.opacity-75 {
opacity: 0.75 !important;
}
.opacity-100 {
opacity: 1 !important;
}
.overflow-auto {
overflow: auto !important;
}
.overflow-hidden {
overflow: hidden !important;
}
.overflow-visible {
overflow: visible !important;
}
.overflow-scroll {
overflow: scroll !important;
}
.overflow-x-auto {
overflow-x: auto !important;
}
.overflow-x-hidden {
overflow-x: hidden !important;
}
.overflow-x-visible {
overflow-x: visible !important;
}
.overflow-x-scroll {
overflow-x: scroll !important;
}
.overflow-y-auto {
overflow-y: auto !important;
}
.overflow-y-hidden {
overflow-y: hidden !important;
}
.overflow-y-visible {
overflow-y: visible !important;
}
.overflow-y-scroll {
overflow-y: scroll !important;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-block {
display: block !important;
}
.d-grid {
display: -ms-grid !important;
display: grid !important;
}
.d-inline-grid {
display: -ms-inline-grid !important;
display: inline-grid !important;
}
.d-table {
display: table !important;
}
.d-table-row {
display: table-row !important;
}
.d-table-cell {
display: table-cell !important;
}
.d-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
.d-none {
display: none !important;
}
.shadow {
-webkit-box-shadow: var(--bs-box-shadow) !important;
box-shadow: var(--bs-box-shadow) !important;
}
.shadow-sm {
-webkit-box-shadow: var(--bs-box-shadow-sm) !important;
box-shadow: var(--bs-box-shadow-sm) !important;
}
.shadow-lg {
-webkit-box-shadow: var(--bs-box-shadow-lg) !important;
box-shadow: var(--bs-box-shadow-lg) !important;
}
.shadow-none {
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.focus-ring-primary {
--bs-focus-ring-color: rgba(
var(--bs-primary-rgb),
var(--bs-focus-ring-opacity)
);
}
.focus-ring-secondary {
--bs-focus-ring-color: rgba(
var(--bs-secondary-rgb),
var(--bs-focus-ring-opacity)
);
}
.focus-ring-success {
--bs-focus-ring-color: rgba(
var(--bs-success-rgb),
var(--bs-focus-ring-opacity)
);
}
.focus-ring-info {
--bs-focus-ring-color: rgba(
var(--bs-info-rgb),
var(--bs-focus-ring-opacity)
);
}
.focus-ring-warning {
--bs-focus-ring-color: rgba(
var(--bs-warning-rgb),
var(--bs-focus-ring-opacity)
);
}
.focus-ring-danger {
--bs-focus-ring-color: rgba(
var(--bs-danger-rgb),
var(--bs-focus-ring-opacity)
);
}
.focus-ring-light {
--bs-focus-ring-color: rgba(
var(--bs-light-rgb),
var(--bs-focus-ring-opacity)
);
}
.focus-ring-dark {
--bs-focus-ring-color: rgba(
var(--bs-dark-rgb),
var(--bs-focus-ring-opacity)
);
}
.focus-ring-gray {
--bs-focus-ring-color: rgba(
var(--bs-gray-rgb),
var(--bs-focus-ring-opacity)
);
}
.focus-ring-dark-gray {
--bs-focus-ring-color: rgba(
var(--bs-dark-gray-rgb),
var(--bs-focus-ring-opacity)
);
}
.focus-ring-white-opacity {
--bs-focus-ring-color: rgba(
var(--bs-white-opacity-rgb),
var(--bs-focus-ring-opacity)
);
}
.focus-ring-background {
--bs-focus-ring-color: rgba(
var(--bs-background-rgb),
var(--bs-focus-ring-opacity)
);
}
.focus-ring-semi-gray {
--bs-focus-ring-color: rgba(
var(--bs-semi-gray-rgb),
var(--bs-focus-ring-opacity)
);
}
.position-static {
position: static !important;
}
.position-relative {
position: relative !important;
}
.position-absolute {
position: absolute !important;
}
.position-fixed {
position: fixed !important;
}
.position-sticky {
position: sticky !important;
}
.top-0 {
top: 0 !important;
}
.top-50 {
top: 50% !important;
}
.top-100 {
top: 100% !important;
}
.bottom-0 {
bottom: 0 !important;
}
.bottom-50 {
bottom: 50% !important;
}
.bottom-100 {
bottom: 100% !important;
}
.start-0 {
left: 0 !important;
}
.start-50 {
left: 50% !important;
}
.start-100 {
left: 100% !important;
}
.end-0 {
right: 0 !important;
}
.end-50 {
right: 50% !important;
}
.end-100 {
right: 100% !important;
}
.translate-middle {
-webkit-transform: translate(-50%, -50%) !important;
-ms-transform: translate(-50%, -50%) !important;
transform: translate(-50%, -50%) !important;
}
.translate-middle-x {
-webkit-transform: translateX(-50%) !important;
-ms-transform: translateX(-50%) !important;
transform: translateX(-50%) !important;
}
.translate-middle-y {
-webkit-transform: translateY(-50%) !important;
-ms-transform: translateY(-50%) !important;
transform: translateY(-50%) !important;
}
.translate-x-middle {
-webkit-transform: translateX(-50%) !important;
-ms-transform: translateX(-50%) !important;
transform: translateX(-50%) !important;
}
.translate-y-middle {
-webkit-transform: translateY(-50%) !important;
-ms-transform: translateY(-50%) !important;
transform: translateY(-50%) !important;
}
.border {
border: var(--bs-border-width) var(--bs-border-style)
var(--bs-border-color) !important;
}
.border-0 {
border: 0 !important;
}
.border-top {
border-top: var(--bs-border-width) var(--bs-border-style)
var(--bs-border-color) !important;
}
.border-top-0 {
border-top: 0 !important;
}
.border-end {
border-right: var(--bs-border-width) var(--bs-border-style)
var(--bs-border-color) !important;
}
.border-end-0 {
border-right: 0 !important;
}
.border-bottom {
border-bottom: var(--bs-border-width) var(--bs-border-style)
var(--bs-border-color) !important;
}
.border-bottom-0 {
border-bottom: 0 !important;
}
.border-start {
border-left: var(--bs-border-width) var(--bs-border-style)
var(--bs-border-color) !important;
}
.border-start-0 {
border-left: 0 !important;
}
.border-primary {
--bs-border-opacity: 1;
border-color: rgba(
var(--bs-primary-rgb),
var(--bs-border-opacity)
) !important;
}
.border-secondary {
--bs-border-opacity: 1;
border-color: rgba(
var(--bs-secondary-rgb),
var(--bs-border-opacity)
) !important;
}
.border-success {
--bs-border-opacity: 1;
border-color: rgba(
var(--bs-success-rgb),
var(--bs-border-opacity)
) !important;
}
.border-info {
--bs-border-opacity: 1;
border-color: rgba(
var(--bs-info-rgb),
var(--bs-border-opacity)
) !important;
}
.border-warning {
--bs-border-opacity: 1;
border-color: rgba(
var(--bs-warning-rgb),
var(--bs-border-opacity)
) !important;
}
.border-danger {
--bs-border-opacity: 1;
border-color: rgba(
var(--bs-danger-rgb),
var(--bs-border-opacity)
) !important;
}
.border-light {
--bs-border-opacity: 1;
border-color: rgba(
var(--bs-light-rgb),
var(--bs-border-opacity)
) !important;
}
.border-dark {
--bs-border-opacity: 1;
border-color: rgba(
var(--bs-dark-rgb),
var(--bs-border-opacity)
) !important;
}
.border-gray {
--bs-border-opacity: 1;
border-color: rgba(
var(--bs-gray-rgb),
var(--bs-border-opacity)
) !important;
}
.border-dark-gray {
--bs-border-opacity: 1;
border-color: rgba(
var(--bs-dark-gray-rgb),
var(--bs-border-opacity)
) !important;
}
.border-white-opacity {
--bs-border-opacity: 1;
border-color: rgba(
var(--bs-white-opacity-rgb),
var(--bs-border-opacity)
) !important;
}
.border-background {
--bs-border-opacity: 1;
border-color: rgba(
var(--bs-background-rgb),
var(--bs-border-opacity)
) !important;
}
.border-semi-gray {
--bs-border-opacity: 1;
border-color: rgba(
var(--bs-semi-gray-rgb),
var(--bs-border-opacity)
) !important;
}
.border-black {
--bs-border-opacity: 1;
border-color: rgba(
var(--bs-black-rgb),
var(--bs-border-opacity)
) !important;
}
.border-white {
--bs-border-opacity: 1;
border-color: rgba(
var(--bs-white-rgb),
var(--bs-border-opacity)
) !important;
}
.border-primary-subtle {
border-color: var(--bs-primary-border-subtle) !important;
}
.border-secondary-subtle {
border-color: var(--bs-secondary-border-subtle) !important;
}
.border-success-subtle {
border-color: var(--bs-success-border-subtle) !important;
}
.border-info-subtle {
border-color: var(--bs-info-border-subtle) !important;
}
.border-warning-subtle {
border-color: var(--bs-warning-border-subtle) !important;
}
.border-danger-subtle {
border-color: var(--bs-danger-border-subtle) !important;
}
.border-light-subtle {
border-color: var(--bs-light-border-subtle) !important;
}
.border-dark-subtle {
border-color: var(--bs-dark-border-subtle) !important;
}
.border-1 {
border-width: 1px !important;
}
.border-2 {
border-width: 2px !important;
}
.border-3 {
border-width: 3px !important;
}
.border-4 {
border-width: 4px !important;
}
.border-5 {
border-width: 5px !important;
}
.border-opacity-10 {
--bs-border-opacity: 0.1;
}
.border-opacity-25 {
--bs-border-opacity: 0.25;
}
.border-opacity-50 {
--bs-border-opacity: 0.5;
}
.border-opacity-75 {
--bs-border-opacity: 0.75;
}
.border-opacity-100 {
--bs-border-opacity: 1;
}
.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;
}
.mw-100 {
max-width: 100% !important;
}
.vw-100 {
width: 100vw !important;
}
.min-vw-100 {
min-width: 100vw !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;
}
.mh-100 {
max-height: 100% !important;
}
.vh-100 {
height: 100vh !important;
}
.min-vh-100 {
min-height: 100vh !important;
}
.flex-fill {
-webkit-box-flex: 1 !important;
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-grow-0 {
-webkit-box-flex: 0 !important;
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-grow-1 {
-webkit-box-flex: 1 !important;
-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;
}
.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;
}
.justify-content-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.justify-content-evenly {
-webkit-box-pack: space-evenly !important;
-ms-flex-pack: space-evenly !important;
justify-content: space-evenly !important;
}
.align-items-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-stretch {
-webkit-box-align: stretch !important;
-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;
-ms-grid-row-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;
-ms-grid-row-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;
-ms-grid-row-align: stretch !important;
align-self: stretch !important;
}
.order-first {
-webkit-box-ordinal-group: 0 !important;
-ms-flex-order: -1 !important;
order: -1 !important;
}
.order-0 {
-webkit-box-ordinal-group: 1 !important;
-ms-flex-order: 0 !important;
order: 0 !important;
}
.order-1 {
-webkit-box-ordinal-group: 2 !important;
-ms-flex-order: 1 !important;
order: 1 !important;
}
.order-2 {
-webkit-box-ordinal-group: 3 !important;
-ms-flex-order: 2 !important;
order: 2 !important;
}
.order-3 {
-webkit-box-ordinal-group: 4 !important;
-ms-flex-order: 3 !important;
order: 3 !important;
}
.order-4 {
-webkit-box-ordinal-group: 5 !important;
-ms-flex-order: 4 !important;
order: 4 !important;
}
.order-5 {
-webkit-box-ordinal-group: 6 !important;
-ms-flex-order: 5 !important;
order: 5 !important;
}
.order-last {
-webkit-box-ordinal-group: 7 !important;
-ms-flex-order: 6 !important;
order: 6 !important;
}
.m-0 {
margin: 0 !important;
}
.m-1 {
margin: 0.25rem !important;
}
.m-2 {
margin: 0.5rem !important;
}
.m-3 {
margin: 0.75rem !important;
}
.m-4 {
margin: 1rem !important;
}
.m-5 {
margin: 1.25rem !important;
}
.m-6 {
margin: 1.5rem !important;
}
.m-7 {
margin: 1.875rem !important;
}
.m-8 {
margin: 2rem !important;
}
.m-9 {
margin: 3rem !important;
}
.m-10 {
margin: 4rem !important;
}
.m-11 {
margin: 4.375rem !important;
}
.m-12 {
margin: 0.625rem !important;
}
.m-auto {
margin: auto !important;
}
.mx-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.mx-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.mx-3 {
margin-right: 0.75rem !important;
margin-left: 0.75rem !important;
}
.mx-4 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.mx-5 {
margin-right: 1.25rem !important;
margin-left: 1.25rem !important;
}
.mx-6 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.mx-7 {
margin-right: 1.875rem !important;
margin-left: 1.875rem !important;
}
.mx-8 {
margin-right: 2rem !important;
margin-left: 2rem !important;
}
.mx-9 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.mx-10 {
margin-right: 4rem !important;
margin-left: 4rem !important;
}
.mx-11 {
margin-right: 4.375rem !important;
margin-left: 4.375rem !important;
}
.mx-12 {
margin-right: 0.625rem !important;
margin-left: 0.625rem !important;
}
.mx-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-3 {
margin-top: 0.75rem !important;
margin-bottom: 0.75rem !important;
}
.my-4 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-5 {
margin-top: 1.25rem !important;
margin-bottom: 1.25rem !important;
}
.my-6 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-7 {
margin-top: 1.875rem !important;
margin-bottom: 1.875rem !important;
}
.my-8 {
margin-top: 2rem !important;
margin-bottom: 2rem !important;
}
.my-9 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.my-10 {
margin-top: 4rem !important;
margin-bottom: 4rem !important;
}
.my-11 {
margin-top: 4.375rem !important;
margin-bottom: 4.375rem !important;
}
.my-12 {
margin-top: 0.625rem !important;
margin-bottom: 0.625rem !important;
}
.my-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.mt-0 {
margin-top: 0 !important;
}
.mt-1 {
margin-top: 0.25rem !important;
}
.mt-2 {
margin-top: 0.5rem !important;
}
.mt-3 {
margin-top: 0.75rem !important;
}
.mt-4 {
margin-top: 1rem !important;
}
.mt-5 {
margin-top: 1.25rem !important;
}
.mt-6 {
margin-top: 1.5rem !important;
}
.mt-7 {
margin-top: 1.875rem !important;
}
.mt-8 {
margin-top: 2rem !important;
}
.mt-9 {
margin-top: 3rem !important;
}
.mt-10 {
margin-top: 4rem !important;
}
.mt-11 {
margin-top: 4.375rem !important;
}
.mt-12 {
margin-top: 0.625rem !important;
}
.mt-auto {
margin-top: auto !important;
}
.me-0 {
margin-right: 0 !important;
}
.me-1 {
margin-right: 0.25rem !important;
}
.me-2 {
margin-right: 0.5rem !important;
}
.me-3 {
margin-right: 0.75rem !important;
}
.me-4 {
margin-right: 1rem !important;
}
.me-5 {
margin-right: 1.25rem !important;
}
.me-6 {
margin-right: 1.5rem !important;
}
.me-7 {
margin-right: 1.875rem !important;
}
.me-8 {
margin-right: 2rem !important;
}
.me-9 {
margin-right: 3rem !important;
}
.me-10 {
margin-right: 4rem !important;
}
.me-11 {
margin-right: 4.375rem !important;
}
.me-12 {
margin-right: 0.625rem !important;
}
.me-auto {
margin-right: auto !important;
}
.mb-0 {
margin-bottom: 0 !important;
}
.mb-1 {
margin-bottom: 0.25rem !important;
}
.mb-2 {
margin-bottom: 0.5rem !important;
}
.mb-3 {
margin-bottom: 0.75rem !important;
}
.mb-4 {
margin-bottom: 1rem !important;
}
.mb-5 {
margin-bottom: 1.25rem !important;
}
.mb-6 {
margin-bottom: 1.5rem !important;
}
.mb-7 {
margin-bottom: 1.875rem !important;
}
.mb-8 {
margin-bottom: 2rem !important;
}
.mb-9 {
margin-bottom: 3rem !important;
}
.mb-10 {
margin-bottom: 4rem !important;
}
.mb-11 {
margin-bottom: 4.375rem !important;
}
.mb-12 {
margin-bottom: 0.625rem !important;
}
.mb-auto {
margin-bottom: auto !important;
}
.ms-0 {
margin-left: 0 !important;
}
.ms-1 {
margin-left: 0.25rem !important;
}
.ms-2 {
margin-left: 0.5rem !important;
}
.ms-3 {
margin-left: 0.75rem !important;
}
.ms-4 {
margin-left: 1rem !important;
}
.ms-5 {
margin-left: 1.25rem !important;
}
.ms-6 {
margin-left: 1.5rem !important;
}
.ms-7 {
margin-left: 1.875rem !important;
}
.ms-8 {
margin-left: 2rem !important;
}
.ms-9 {
margin-left: 3rem !important;
}
.ms-10 {
margin-left: 4rem !important;
}
.ms-11 {
margin-left: 4.375rem !important;
}
.ms-12 {
margin-left: 0.625rem !important;
}
.ms-auto {
margin-left: auto !important;
}
.p-0 {
padding: 0 !important;
}
.p-1 {
padding: 0.25rem !important;
}
.p-2 {
padding: 0.5rem !important;
}
.p-3 {
padding: 0.75rem !important;
}
.p-4 {
padding: 1rem !important;
}
.p-5 {
padding: 1.25rem !important;
}
.p-6 {
padding: 1.5rem !important;
}
.p-7 {
padding: 1.875rem !important;
}
.p-8 {
padding: 2rem !important;
}
.p-9 {
padding: 3rem !important;
}
.p-10 {
padding: 4rem !important;
}
.p-11 {
padding: 4.375rem !important;
}
.p-12 {
padding: 0.625rem !important;
}
.px-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.px-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.px-3 {
padding-right: 0.75rem !important;
padding-left: 0.75rem !important;
}
.px-4 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.px-5 {
padding-right: 1.25rem !important;
padding-left: 1.25rem !important;
}
.px-6 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.px-7 {
padding-right: 1.875rem !important;
padding-left: 1.875rem !important;
}
.px-8 {
padding-right: 2rem !important;
padding-left: 2rem !important;
}
.px-9 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.px-10 {
padding-right: 4rem !important;
padding-left: 4rem !important;
}
.px-11 {
padding-right: 4.375rem !important;
padding-left: 4.375rem !important;
}
.px-12 {
padding-right: 0.625rem !important;
padding-left: 0.625rem !important;
}
.py-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-3 {
padding-top: 0.75rem !important;
padding-bottom: 0.75rem !important;
}
.py-4 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-5 {
padding-top: 1.25rem !important;
padding-bottom: 1.25rem !important;
}
.py-6 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-7 {
padding-top: 1.875rem !important;
padding-bottom: 1.875rem !important;
}
.py-8 {
padding-top: 2rem !important;
padding-bottom: 2rem !important;
}
.py-9 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.py-10 {
padding-top: 4rem !important;
padding-bottom: 4rem !important;
}
.py-11 {
padding-top: 4.375rem !important;
padding-bottom: 4.375rem !important;
}
.py-12 {
padding-top: 0.625rem !important;
padding-bottom: 0.625rem !important;
}
.pt-0 {
padding-top: 0 !important;
}
.pt-1 {
padding-top: 0.25rem !important;
}
.pt-2 {
padding-top: 0.5rem !important;
}
.pt-3 {
padding-top: 0.75rem !important;
}
.pt-4 {
padding-top: 1rem !important;
}
.pt-5 {
padding-top: 1.25rem !important;
}
.pt-6 {
padding-top: 1.5rem !important;
}
.pt-7 {
padding-top: 1.875rem !important;
}
.pt-8 {
padding-top: 2rem !important;
}
.pt-9 {
padding-top: 3rem !important;
}
.pt-10 {
padding-top: 4rem !important;
}
.pt-11 {
padding-top: 4.375rem !important;
}
.pt-12 {
padding-top: 0.625rem !important;
}
.pe-0 {
padding-right: 0 !important;
}
.pe-1 {
padding-right: 0.25rem !important;
}
.pe-2 {
padding-right: 0.5rem !important;
}
.pe-3 {
padding-right: 0.75rem !important;
}
.pe-4 {
padding-right: 1rem !important;
}
.pe-5 {
padding-right: 1.25rem !important;
}
.pe-6 {
padding-right: 1.5rem !important;
}
.pe-7 {
padding-right: 1.875rem !important;
}
.pe-8 {
padding-right: 2rem !important;
}
.pe-9 {
padding-right: 3rem !important;
}
.pe-10 {
padding-right: 4rem !important;
}
.pe-11 {
padding-right: 4.375rem !important;
}
.pe-12 {
padding-right: 0.625rem !important;
}
.pb-0 {
padding-bottom: 0 !important;
}
.pb-1 {
padding-bottom: 0.25rem !important;
}
.pb-2 {
padding-bottom: 0.5rem !important;
}
.pb-3 {
padding-bottom: 0.75rem !important;
}
.pb-4 {
padding-bottom: 1rem !important;
}
.pb-5 {
padding-bottom: 1.25rem !important;
}
.pb-6 {
padding-bottom: 1.5rem !important;
}
.pb-7 {
padding-bottom: 1.875rem !important;
}
.pb-8 {
padding-bottom: 2rem !important;
}
.pb-9 {
padding-bottom: 3rem !important;
}
.pb-10 {
padding-bottom: 4rem !important;
}
.pb-11 {
padding-bottom: 4.375rem !important;
}
.pb-12 {
padding-bottom: 0.625rem !important;
}
.ps-0 {
padding-left: 0 !important;
}
.ps-1 {
padding-left: 0.25rem !important;
}
.ps-2 {
padding-left: 0.5rem !important;
}
.ps-3 {
padding-left: 0.75rem !important;
}
.ps-4 {
padding-left: 1rem !important;
}
.ps-5 {
padding-left: 1.25rem !important;
}
.ps-6 {
padding-left: 1.5rem !important;
}
.ps-7 {
padding-left: 1.875rem !important;
}
.ps-8 {
padding-left: 2rem !important;
}
.ps-9 {
padding-left: 3rem !important;
}
.ps-10 {
padding-left: 4rem !important;
}
.ps-11 {
padding-left: 4.375rem !important;
}
.ps-12 {
padding-left: 0.625rem !important;
}
.gap-0 {
gap: 0 !important;
}
.gap-1 {
gap: 0.25rem !important;
}
.gap-2 {
gap: 0.5rem !important;
}
.gap-3 {
gap: 0.75rem !important;
}
.gap-4 {
gap: 1rem !important;
}
.gap-5 {
gap: 1.25rem !important;
}
.gap-6 {
gap: 1.5rem !important;
}
.gap-7 {
gap: 1.875rem !important;
}
.gap-8 {
gap: 2rem !important;
}
.gap-9 {
gap: 3rem !important;
}
.gap-10 {
gap: 4rem !important;
}
.gap-11 {
gap: 4.375rem !important;
}
.gap-12 {
gap: 0.625rem !important;
}
.row-gap-0 {
row-gap: 0 !important;
}
.row-gap-1 {
row-gap: 0.25rem !important;
}
.row-gap-2 {
row-gap: 0.5rem !important;
}
.row-gap-3 {
row-gap: 0.75rem !important;
}
.row-gap-4 {
row-gap: 1rem !important;
}
.row-gap-5 {
row-gap: 1.25rem !important;
}
.row-gap-6 {
row-gap: 1.5rem !important;
}
.row-gap-7 {
row-gap: 1.875rem !important;
}
.row-gap-8 {
row-gap: 2rem !important;
}
.row-gap-9 {
row-gap: 3rem !important;
}
.row-gap-10 {
row-gap: 4rem !important;
}
.row-gap-11 {
row-gap: 4.375rem !important;
}
.row-gap-12 {
row-gap: 0.625rem !important;
}
.column-gap-0 {
-webkit-column-gap: 0 !important;
-moz-column-gap: 0 !important;
column-gap: 0 !important;
}
.column-gap-1 {
-webkit-column-gap: 0.25rem !important;
-moz-column-gap: 0.25rem !important;
column-gap: 0.25rem !important;
}
.column-gap-2 {
-webkit-column-gap: 0.5rem !important;
-moz-column-gap: 0.5rem !important;
column-gap: 0.5rem !important;
}
.column-gap-3 {
-webkit-column-gap: 0.75rem !important;
-moz-column-gap: 0.75rem !important;
column-gap: 0.75rem !important;
}
.column-gap-4 {
-webkit-column-gap: 1rem !important;
-moz-column-gap: 1rem !important;
column-gap: 1rem !important;
}
.column-gap-5 {
-webkit-column-gap: 1.25rem !important;
-moz-column-gap: 1.25rem !important;
column-gap: 1.25rem !important;
}
.column-gap-6 {
-webkit-column-gap: 1.5rem !important;
-moz-column-gap: 1.5rem !important;
column-gap: 1.5rem !important;
}
.column-gap-7 {
-webkit-column-gap: 1.875rem !important;
-moz-column-gap: 1.875rem !important;
column-gap: 1.875rem !important;
}
.column-gap-8 {
-webkit-column-gap: 2rem !important;
-moz-column-gap: 2rem !important;
column-gap: 2rem !important;
}
.column-gap-9 {
-webkit-column-gap: 3rem !important;
-moz-column-gap: 3rem !important;
column-gap: 3rem !important;
}
.column-gap-10 {
-webkit-column-gap: 4rem !important;
-moz-column-gap: 4rem !important;
column-gap: 4rem !important;
}
.column-gap-11 {
-webkit-column-gap: 4.375rem !important;
-moz-column-gap: 4.375rem !important;
column-gap: 4.375rem !important;
}
.column-gap-12 {
-webkit-column-gap: 0.625rem !important;
-moz-column-gap: 0.625rem !important;
column-gap: 0.625rem !important;
}
.font-monospace {
font-family: var(--bs-font-monospace) !important;
}
.fs-1 {
font-size: calc(1.375rem + 1.5vw) !important;
}
.fs-2 {
font-size: calc(1.325rem + 0.9vw) !important;
}
.fs-3 {
font-size: calc(1.3rem + 0.6vw) !important;
}
.fs-4 {
font-size: calc(1.275rem + 0.3vw) !important;
}
.fs-5 {
font-size: 1.25rem !important;
}
.fs-6 {
font-size: 1rem !important;
}
.fst-italic {
font-style: italic !important;
}
.fst-normal {
font-style: normal !important;
}
.fw-lighter {
font-weight: lighter !important;
}
.fw-light {
font-weight: 300 !important;
}
.fw-normal {
font-weight: 400 !important;
}
.fw-medium {
font-weight: 500 !important;
}
.fw-semibold {
font-weight: 600 !important;
}
.fw-bold {
font-weight: 700 !important;
}
.fw-bolder {
font-weight: bolder !important;
}
.lh-1 {
line-height: 1 !important;
}
.lh-sm {
line-height: 1.25 !important;
}
.lh-base {
line-height: 1.5 !important;
}
.lh-lg {
line-height: 2 !important;
}
.text-start {
text-align: left !important;
}
.text-end {
text-align: right !important;
}
.text-center {
text-align: center !important;
}
.text-decoration-none {
text-decoration: none !important;
}
.text-decoration-underline {
text-decoration: underline !important;
}
.text-decoration-line-through {
text-decoration: line-through !important;
}
.text-lowercase {
text-transform: lowercase !important;
}
.text-uppercase {
text-transform: uppercase !important;
}
.text-capitalize {
text-transform: capitalize !important;
}
.text-wrap {
white-space: normal !important;
}
.text-nowrap {
white-space: nowrap !important;
}
/* rtl:begin:remove */
.text-break {
word-wrap: break-word !important;
word-break: break-word !important;
}
/* rtl:end:remove */
.text-primary {
--bs-text-opacity: 1;
color: rgba(
var(--bs-primary-rgb),
var(--bs-text-opacity)
) !important;
}
.text-secondary {
--bs-text-opacity: 1;
color: rgba(
var(--bs-secondary-rgb),
var(--bs-text-opacity)
) !important;
}
.text-success {
--bs-text-opacity: 1;
color: rgba(
var(--bs-success-rgb),
var(--bs-text-opacity)
) !important;
}
.text-info {
--bs-text-opacity: 1;
color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}
.text-warning {
--bs-text-opacity: 1;
color: rgba(
var(--bs-warning-rgb),
var(--bs-text-opacity)
) !important;
}
.text-danger {
--bs-text-opacity: 1;
color: rgba(
var(--bs-danger-rgb),
var(--bs-text-opacity)
) !important;
}
.text-light {
--bs-text-opacity: 1;
color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}
.text-dark {
--bs-text-opacity: 1;
color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}
.text-gray {
--bs-text-opacity: 1;
color: rgba(var(--bs-gray-rgb), var(--bs-text-opacity)) !important;
}
.text-dark-gray {
--bs-text-opacity: 1;
color: rgba(
var(--bs-dark-gray-rgb),
var(--bs-text-opacity)
) !important;
}
.text-white-opacity {
--bs-text-opacity: 1;
color: rgba(
var(--bs-white-opacity-rgb),
var(--bs-text-opacity)
) !important;
}
.text-background {
--bs-text-opacity: 1;
color: rgba(
var(--bs-background-rgb),
var(--bs-text-opacity)
) !important;
}
.text-semi-gray {
--bs-text-opacity: 1;
color: rgba(
var(--bs-semi-gray-rgb),
var(--bs-text-opacity)
) !important;
}
.text-black {
--bs-text-opacity: 1;
color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}
.text-white {
--bs-text-opacity: 1;
color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}
.text-body {
--bs-text-opacity: 1;
color: rgba(
var(--bs-body-color-rgb),
var(--bs-text-opacity)
) !important;
}
.text-muted {
--bs-text-opacity: 1;
color: var(--bs-secondary-color) !important;
}
.text-black-50 {
--bs-text-opacity: 1;
color: rgba(0, 0, 0, 0.5) !important;
}
.text-white-50 {
--bs-text-opacity: 1;
color: rgba(255, 255, 255, 0.5) !important;
}
.text-body-secondary {
--bs-text-opacity: 1;
color: var(--bs-secondary-color) !important;
}
.text-body-tertiary {
--bs-text-opacity: 1;
color: var(--bs-tertiary-color) !important;
}
.text-body-emphasis {
--bs-text-opacity: 1;
color: var(--bs-emphasis-color) !important;
}
.text-reset {
--bs-text-opacity: 1;
color: inherit !important;
}
.text-opacity-25 {
--bs-text-opacity: 0.25;
}
.text-opacity-50 {
--bs-text-opacity: 0.5;
}
.text-opacity-75 {
--bs-text-opacity: 0.75;
}
.text-opacity-100 {
--bs-text-opacity: 1;
}
.text-primary-emphasis {
color: var(--bs-primary-text-emphasis) !important;
}
.text-secondary-emphasis {
color: var(--bs-secondary-text-emphasis) !important;
}
.text-success-emphasis {
color: var(--bs-success-text-emphasis) !important;
}
.text-info-emphasis {
color: var(--bs-info-text-emphasis) !important;
}
.text-warning-emphasis {
color: var(--bs-warning-text-emphasis) !important;
}
.text-danger-emphasis {
color: var(--bs-danger-text-emphasis) !important;
}
.text-light-emphasis {
color: var(--bs-light-text-emphasis) !important;
}
.text-dark-emphasis {
color: var(--bs-dark-text-emphasis) !important;
}
.text-gray-emphasis {
color: #51606f !important;
}
.link-opacity-10 {
--bs-link-opacity: 0.1;
}
.link-opacity-10-hover:hover {
--bs-link-opacity: 0.1;
}
.link-opacity-25 {
--bs-link-opacity: 0.25;
}
.link-opacity-25-hover:hover {
--bs-link-opacity: 0.25;
}
.link-opacity-50 {
--bs-link-opacity: 0.5;
}
.link-opacity-50-hover:hover {
--bs-link-opacity: 0.5;
}
.link-opacity-75 {
--bs-link-opacity: 0.75;
}
.link-opacity-75-hover:hover {
--bs-link-opacity: 0.75;
}
.link-opacity-100 {
--bs-link-opacity: 1;
}
.link-opacity-100-hover:hover {
--bs-link-opacity: 1;
}
.link-offset-1 {
text-underline-offset: 0.125em !important;
}
.link-offset-1-hover:hover {
text-underline-offset: 0.125em !important;
}
.link-offset-2 {
text-underline-offset: 0.25em !important;
}
.link-offset-2-hover:hover {
text-underline-offset: 0.25em !important;
}
.link-offset-3 {
text-underline-offset: 0.375em !important;
}
.link-offset-3-hover:hover {
text-underline-offset: 0.375em !important;
}
.link-underline-primary {
--bs-link-underline-opacity: 1;
text-decoration-color: rgba(
var(--bs-primary-rgb),
var(--bs-link-underline-opacity)
) !important;
}
.link-underline-secondary {
--bs-link-underline-opacity: 1;
text-decoration-color: rgba(
var(--bs-secondary-rgb),
var(--bs-link-underline-opacity)
) !important;
}
.link-underline-success {
--bs-link-underline-opacity: 1;
text-decoration-color: rgba(
var(--bs-success-rgb),
var(--bs-link-underline-opacity)
) !important;
}
.link-underline-info {
--bs-link-underline-opacity: 1;
text-decoration-color: rgba(
var(--bs-info-rgb),
var(--bs-link-underline-opacity)
) !important;
}
.link-underline-warning {
--bs-link-underline-opacity: 1;
text-decoration-color: rgba(
var(--bs-warning-rgb),
var(--bs-link-underline-opacity)
) !important;
}
.link-underline-danger {
--bs-link-underline-opacity: 1;
text-decoration-color: rgba(
var(--bs-danger-rgb),
var(--bs-link-underline-opacity)
) !important;
}
.link-underline-light {
--bs-link-underline-opacity: 1;
text-decoration-color: rgba(
var(--bs-light-rgb),
var(--bs-link-underline-opacity)
) !important;
}
.link-underline-dark {
--bs-link-underline-opacity: 1;
text-decoration-color: rgba(
var(--bs-dark-rgb),
var(--bs-link-underline-opacity)
) !important;
}
.link-underline-gray {
--bs-link-underline-opacity: 1;
text-decoration-color: rgba(
var(--bs-gray-rgb),
var(--bs-link-underline-opacity)
) !important;
}
.link-underline-dark-gray {
--bs-link-underline-opacity: 1;
text-decoration-color: rgba(
var(--bs-dark-gray-rgb),
var(--bs-link-underline-opacity)
) !important;
}
.link-underline-white-opacity {
--bs-link-underline-opacity: 1;
text-decoration-color: rgba(
var(--bs-white-opacity-rgb),
var(--bs-link-underline-opacity)
) !important;
}
.link-underline-background {
--bs-link-underline-opacity: 1;
text-decoration-color: rgba(
var(--bs-background-rgb),
var(--bs-link-underline-opacity)
) !important;
}
.link-underline-semi-gray {
--bs-link-underline-opacity: 1;
text-decoration-color: rgba(
var(--bs-semi-gray-rgb),
var(--bs-link-underline-opacity)
) !important;
}
.link-underline {
--bs-link-underline-opacity: 1;
text-decoration-color: rgba(
var(--bs-link-color-rgb),
var(--bs-link-underline-opacity, 1)
) !important;
}
.link-underline-opacity-0 {
--bs-link-underline-opacity: 0;
}
.link-underline-opacity-0-hover:hover {
--bs-link-underline-opacity: 0;
}
.link-underline-opacity-10 {
--bs-link-underline-opacity: 0.1;
}
.link-underline-opacity-10-hover:hover {
--bs-link-underline-opacity: 0.1;
}
.link-underline-opacity-25 {
--bs-link-underline-opacity: 0.25;
}
.link-underline-opacity-25-hover:hover {
--bs-link-underline-opacity: 0.25;
}
.link-underline-opacity-50 {
--bs-link-underline-opacity: 0.5;
}
.link-underline-opacity-50-hover:hover {
--bs-link-underline-opacity: 0.5;
}
.link-underline-opacity-75 {
--bs-link-underline-opacity: 0.75;
}
.link-underline-opacity-75-hover:hover {
--bs-link-underline-opacity: 0.75;
}
.link-underline-opacity-100 {
--bs-link-underline-opacity: 1;
}
.link-underline-opacity-100-hover:hover {
--bs-link-underline-opacity: 1;
}
.bg-primary {
--bs-bg-opacity: 1;
background-color: rgba(
var(--bs-primary-rgb),
var(--bs-bg-opacity)
) !important;
}
.bg-secondary {
--bs-bg-opacity: 1;
background-color: rgba(
var(--bs-secondary-rgb),
var(--bs-bg-opacity)
) !important;
}
.bg-success {
--bs-bg-opacity: 1;
background-color: rgba(
var(--bs-success-rgb),
var(--bs-bg-opacity)
) !important;
}
.bg-info {
--bs-bg-opacity: 1;
background-color: rgba(
var(--bs-info-rgb),
var(--bs-bg-opacity)
) !important;
}
.bg-warning {
--bs-bg-opacity: 1;
background-color: rgba(
var(--bs-warning-rgb),
var(--bs-bg-opacity)
) !important;
}
.bg-danger {
--bs-bg-opacity: 1;
background-color: rgba(
var(--bs-danger-rgb),
var(--bs-bg-opacity)
) !important;
}
.bg-light {
--bs-bg-opacity: 1;
background-color: rgba(
var(--bs-light-rgb),
var(--bs-bg-opacity)
) !important;
}
.bg-dark {
--bs-bg-opacity: 1;
background-color: rgba(
var(--bs-dark-rgb),
var(--bs-bg-opacity)
) !important;
}
.bg-gray {
--bs-bg-opacity: 1;
background-color: rgba(
var(--bs-gray-rgb),
var(--bs-bg-opacity)
) !important;
}
.bg-dark-gray {
--bs-bg-opacity: 1;
background-color: rgba(
var(--bs-dark-gray-rgb),
var(--bs-bg-opacity)
) !important;
}
.bg-white-opacity {
--bs-bg-opacity: 1;
background-color: rgba(
var(--bs-white-opacity-rgb),
var(--bs-bg-opacity)
) !important;
}
.bg-background {
--bs-bg-opacity: 1;
background-color: rgba(
var(--bs-background-rgb),
var(--bs-bg-opacity)
) !important;
}
.bg-semi-gray {
--bs-bg-opacity: 1;
background-color: rgba(
var(--bs-semi-gray-rgb),
var(--bs-bg-opacity)
) !important;
}
.bg-black {
--bs-bg-opacity: 1;
background-color: rgba(
var(--bs-black-rgb),
var(--bs-bg-opacity)
) !important;
}
.bg-white {
--bs-bg-opacity: 1;
background-color: rgba(
var(--bs-white-rgb),
var(--bs-bg-opacity)
) !important;
}
.bg-body {
--bs-bg-opacity: 1;
background-color: rgba(
var(--bs-body-bg-rgb),
var(--bs-bg-opacity)
) !important;
}
.bg-transparent {
--bs-bg-opacity: 1;
background-color: transparent !important;
}
.bg-body-secondary {
--bs-bg-opacity: 1;
background-color: rgba(
var(--bs-secondary-bg-rgb),
var(--bs-bg-opacity)
) !important;
}
.bg-body-tertiary {
--bs-bg-opacity: 1;
background-color: rgba(
var(--bs-tertiary-bg-rgb),
var(--bs-bg-opacity)
) !important;
}
.bg-opacity-10 {
--bs-bg-opacity: 0.1;
}
.bg-opacity-25 {
--bs-bg-opacity: 0.25;
}
.bg-opacity-50 {
--bs-bg-opacity: 0.5;
}
.bg-opacity-75 {
--bs-bg-opacity: 0.75;
}
.bg-opacity-100 {
--bs-bg-opacity: 1;
}
.bg-primary-subtle {
background-color: var(--bs-primary-bg-subtle) !important;
}
.bg-secondary-subtle {
background-color: var(--bs-secondary-bg-subtle) !important;
}
.bg-success-subtle {
background-color: var(--bs-success-bg-subtle) !important;
}
.bg-info-subtle {
background-color: var(--bs-info-bg-subtle) !important;
}
.bg-warning-subtle {
background-color: var(--bs-warning-bg-subtle) !important;
}
.bg-danger-subtle {
background-color: var(--bs-danger-bg-subtle) !important;
}
.bg-light-subtle {
background-color: var(--bs-light-bg-subtle) !important;
}
.bg-dark-subtle {
background-color: var(--bs-dark-bg-subtle) !important;
}
.bg-gradient {
background-image: var(--bs-gradient) !important;
}
.user-select-all {
-webkit-user-select: all !important;
-moz-user-select: all !important;
user-select: all !important;
}
.user-select-auto {
-webkit-user-select: auto !important;
-moz-user-select: auto !important;
-ms-user-select: auto !important;
user-select: auto !important;
}
.user-select-none {
-webkit-user-select: none !important;
-moz-user-select: none !important;
-ms-user-select: none !important;
user-select: none !important;
}
.pe-none {
pointer-events: none !important;
}
.pe-auto {
pointer-events: auto !important;
}
.rounded {
border-radius: var(--bs-border-radius) !important;
}
.rounded-0 {
border-radius: 0 !important;
}
.rounded-1 {
border-radius: var(--bs-border-radius-sm) !important;
}
.rounded-2 {
border-radius: var(--bs-border-radius) !important;
}
.rounded-3 {
border-radius: var(--bs-border-radius-lg) !important;
}
.rounded-4 {
border-radius: var(--bs-border-radius-xl) !important;
}
.rounded-5 {
border-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-6 {
border-radius: 1.5rem !important;
}
.rounded-circle {
border-radius: 50% !important;
}
.rounded-pill {
border-radius: var(--bs-border-radius-pill) !important;
}
.rounded-top {
border-top-left-radius: var(--bs-border-radius) !important;
border-top-right-radius: var(--bs-border-radius) !important;
}
.rounded-top-0 {
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
}
.rounded-top-1 {
border-top-left-radius: var(--bs-border-radius-sm) !important;
border-top-right-radius: var(--bs-border-radius-sm) !important;
}
.rounded-top-2 {
border-top-left-radius: var(--bs-border-radius) !important;
border-top-right-radius: var(--bs-border-radius) !important;
}
.rounded-top-3 {
border-top-left-radius: var(--bs-border-radius-lg) !important;
border-top-right-radius: var(--bs-border-radius-lg) !important;
}
.rounded-top-4 {
border-top-left-radius: var(--bs-border-radius-xl) !important;
border-top-right-radius: var(--bs-border-radius-xl) !important;
}
.rounded-top-5 {
border-top-left-radius: var(--bs-border-radius-xxl) !important;
border-top-right-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-top-circle {
border-top-left-radius: 50% !important;
border-top-right-radius: 50% !important;
}
.rounded-top-pill {
border-top-left-radius: var(--bs-border-radius-pill) !important;
border-top-right-radius: var(--bs-border-radius-pill) !important;
}
.rounded-end {
border-top-right-radius: var(--bs-border-radius) !important;
border-bottom-right-radius: var(--bs-border-radius) !important;
}
.rounded-end-0 {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.rounded-end-1 {
border-top-right-radius: var(--bs-border-radius-sm) !important;
border-bottom-right-radius: var(--bs-border-radius-sm) !important;
}
.rounded-end-2 {
border-top-right-radius: var(--bs-border-radius) !important;
border-bottom-right-radius: var(--bs-border-radius) !important;
}
.rounded-end-3 {
border-top-right-radius: var(--bs-border-radius-lg) !important;
border-bottom-right-radius: var(--bs-border-radius-lg) !important;
}
.rounded-end-4 {
border-top-right-radius: var(--bs-border-radius-xl) !important;
border-bottom-right-radius: var(--bs-border-radius-xl) !important;
}
.rounded-end-5 {
border-top-right-radius: var(--bs-border-radius-xxl) !important;
border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-end-circle {
border-top-right-radius: 50% !important;
border-bottom-right-radius: 50% !important;
}
.rounded-end-pill {
border-top-right-radius: var(--bs-border-radius-pill) !important;
border-bottom-right-radius: var(--bs-border-radius-pill) !important;
}
.rounded-bottom {
border-bottom-right-radius: var(--bs-border-radius) !important;
border-bottom-left-radius: var(--bs-border-radius) !important;
}
.rounded-bottom-0 {
border-bottom-right-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
.rounded-bottom-1 {
border-bottom-right-radius: var(--bs-border-radius-sm) !important;
border-bottom-left-radius: var(--bs-border-radius-sm) !important;
}
.rounded-bottom-2 {
border-bottom-right-radius: var(--bs-border-radius) !important;
border-bottom-left-radius: var(--bs-border-radius) !important;
}
.rounded-bottom-3 {
border-bottom-right-radius: var(--bs-border-radius-lg) !important;
border-bottom-left-radius: var(--bs-border-radius-lg) !important;
}
.rounded-bottom-4 {
border-bottom-right-radius: var(--bs-border-radius-xl) !important;
border-bottom-left-radius: var(--bs-border-radius-xl) !important;
}
.rounded-bottom-5 {
border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-bottom-circle {
border-bottom-right-radius: 50% !important;
border-bottom-left-radius: 50% !important;
}
.rounded-bottom-pill {
border-bottom-right-radius: var(--bs-border-radius-pill) !important;
border-bottom-left-radius: var(--bs-border-radius-pill) !important;
}
.rounded-start {
border-bottom-left-radius: var(--bs-border-radius) !important;
border-top-left-radius: var(--bs-border-radius) !important;
}
.rounded-start-0 {
border-bottom-left-radius: 0 !important;
border-top-left-radius: 0 !important;
}
.rounded-start-1 {
border-bottom-left-radius: var(--bs-border-radius-sm) !important;
border-top-left-radius: var(--bs-border-radius-sm) !important;
}
.rounded-start-2 {
border-bottom-left-radius: var(--bs-border-radius) !important;
border-top-left-radius: var(--bs-border-radius) !important;
}
.rounded-start-3 {
border-bottom-left-radius: var(--bs-border-radius-lg) !important;
border-top-left-radius: var(--bs-border-radius-lg) !important;
}
.rounded-start-4 {
border-bottom-left-radius: var(--bs-border-radius-xl) !important;
border-top-left-radius: var(--bs-border-radius-xl) !important;
}
.rounded-start-5 {
border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
border-top-left-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-start-circle {
border-bottom-left-radius: 50% !important;
border-top-left-radius: 50% !important;
}
.rounded-start-pill {
border-bottom-left-radius: var(--bs-border-radius-pill) !important;
border-top-left-radius: var(--bs-border-radius-pill) !important;
}
.visible {
visibility: visible !important;
}
.invisible {
visibility: hidden !important;
}
.z-n1 {
z-index: -1 !important;
}
.z-0 {
z-index: 0 !important;
}
.z-1 {
z-index: 1 !important;
}
.z-2 {
z-index: 2 !important;
}
.z-3 {
z-index: 3 !important;
}
@media (min-width: 576px) {
.float-sm-start {
float: left !important;
}
.float-sm-end {
float: right !important;
}
.float-sm-none {
float: none !important;
}
.object-fit-sm-contain {
-o-object-fit: contain !important;
object-fit: contain !important;
}
.object-fit-sm-cover {
-o-object-fit: cover !important;
object-fit: cover !important;
}
.object-fit-sm-fill {
-o-object-fit: fill !important;
object-fit: fill !important;
}
.object-fit-sm-scale {
-o-object-fit: scale-down !important;
object-fit: scale-down !important;
}
.object-fit-sm-none {
-o-object-fit: none !important;
object-fit: none !important;
}
.d-sm-inline {
display: inline !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-grid {
display: -ms-grid !important;
display: grid !important;
}
.d-sm-inline-grid {
display: -ms-inline-grid !important;
display: inline-grid !important;
}
.d-sm-table {
display: table !important;
}
.d-sm-table-row {
display: table-row !important;
}
.d-sm-table-cell {
display: table-cell !important;
}
.d-sm-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-sm-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
.d-sm-none {
display: none !important;
}
.flex-sm-fill {
-webkit-box-flex: 1 !important;
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-sm-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-sm-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-sm-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-sm-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-sm-grow-0 {
-webkit-box-flex: 0 !important;
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-sm-grow-1 {
-webkit-box-flex: 1 !important;
-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;
}
.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;
}
.justify-content-sm-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-sm-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-sm-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-sm-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-sm-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.justify-content-sm-evenly {
-webkit-box-pack: space-evenly !important;
-ms-flex-pack: space-evenly !important;
justify-content: space-evenly !important;
}
.align-items-sm-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-sm-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-sm-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-sm-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-sm-stretch {
-webkit-box-align: stretch !important;
-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;
-ms-grid-row-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;
-ms-grid-row-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;
-ms-grid-row-align: stretch !important;
align-self: stretch !important;
}
.order-sm-first {
-webkit-box-ordinal-group: 0 !important;
-ms-flex-order: -1 !important;
order: -1 !important;
}
.order-sm-0 {
-webkit-box-ordinal-group: 1 !important;
-ms-flex-order: 0 !important;
order: 0 !important;
}
.order-sm-1 {
-webkit-box-ordinal-group: 2 !important;
-ms-flex-order: 1 !important;
order: 1 !important;
}
.order-sm-2 {
-webkit-box-ordinal-group: 3 !important;
-ms-flex-order: 2 !important;
order: 2 !important;
}
.order-sm-3 {
-webkit-box-ordinal-group: 4 !important;
-ms-flex-order: 3 !important;
order: 3 !important;
}
.order-sm-4 {
-webkit-box-ordinal-group: 5 !important;
-ms-flex-order: 4 !important;
order: 4 !important;
}
.order-sm-5 {
-webkit-box-ordinal-group: 6 !important;
-ms-flex-order: 5 !important;
order: 5 !important;
}
.order-sm-last {
-webkit-box-ordinal-group: 7 !important;
-ms-flex-order: 6 !important;
order: 6 !important;
}
.m-sm-0 {
margin: 0 !important;
}
.m-sm-1 {
margin: 0.25rem !important;
}
.m-sm-2 {
margin: 0.5rem !important;
}
.m-sm-3 {
margin: 0.75rem !important;
}
.m-sm-4 {
margin: 1rem !important;
}
.m-sm-5 {
margin: 1.25rem !important;
}
.m-sm-6 {
margin: 1.5rem !important;
}
.m-sm-7 {
margin: 1.875rem !important;
}
.m-sm-8 {
margin: 2rem !important;
}
.m-sm-9 {
margin: 3rem !important;
}
.m-sm-10 {
margin: 4rem !important;
}
.m-sm-11 {
margin: 4.375rem !important;
}
.m-sm-12 {
margin: 0.625rem !important;
}
.m-sm-auto {
margin: auto !important;
}
.mx-sm-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.mx-sm-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-sm-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.mx-sm-3 {
margin-right: 0.75rem !important;
margin-left: 0.75rem !important;
}
.mx-sm-4 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.mx-sm-5 {
margin-right: 1.25rem !important;
margin-left: 1.25rem !important;
}
.mx-sm-6 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.mx-sm-7 {
margin-right: 1.875rem !important;
margin-left: 1.875rem !important;
}
.mx-sm-8 {
margin-right: 2rem !important;
margin-left: 2rem !important;
}
.mx-sm-9 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.mx-sm-10 {
margin-right: 4rem !important;
margin-left: 4rem !important;
}
.mx-sm-11 {
margin-right: 4.375rem !important;
margin-left: 4.375rem !important;
}
.mx-sm-12 {
margin-right: 0.625rem !important;
margin-left: 0.625rem !important;
}
.mx-sm-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-sm-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-sm-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-sm-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-sm-3 {
margin-top: 0.75rem !important;
margin-bottom: 0.75rem !important;
}
.my-sm-4 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-sm-5 {
margin-top: 1.25rem !important;
margin-bottom: 1.25rem !important;
}
.my-sm-6 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-sm-7 {
margin-top: 1.875rem !important;
margin-bottom: 1.875rem !important;
}
.my-sm-8 {
margin-top: 2rem !important;
margin-bottom: 2rem !important;
}
.my-sm-9 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.my-sm-10 {
margin-top: 4rem !important;
margin-bottom: 4rem !important;
}
.my-sm-11 {
margin-top: 4.375rem !important;
margin-bottom: 4.375rem !important;
}
.my-sm-12 {
margin-top: 0.625rem !important;
margin-bottom: 0.625rem !important;
}
.my-sm-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.mt-sm-0 {
margin-top: 0 !important;
}
.mt-sm-1 {
margin-top: 0.25rem !important;
}
.mt-sm-2 {
margin-top: 0.5rem !important;
}
.mt-sm-3 {
margin-top: 0.75rem !important;
}
.mt-sm-4 {
margin-top: 1rem !important;
}
.mt-sm-5 {
margin-top: 1.25rem !important;
}
.mt-sm-6 {
margin-top: 1.5rem !important;
}
.mt-sm-7 {
margin-top: 1.875rem !important;
}
.mt-sm-8 {
margin-top: 2rem !important;
}
.mt-sm-9 {
margin-top: 3rem !important;
}
.mt-sm-10 {
margin-top: 4rem !important;
}
.mt-sm-11 {
margin-top: 4.375rem !important;
}
.mt-sm-12 {
margin-top: 0.625rem !important;
}
.mt-sm-auto {
margin-top: auto !important;
}
.me-sm-0 {
margin-right: 0 !important;
}
.me-sm-1 {
margin-right: 0.25rem !important;
}
.me-sm-2 {
margin-right: 0.5rem !important;
}
.me-sm-3 {
margin-right: 0.75rem !important;
}
.me-sm-4 {
margin-right: 1rem !important;
}
.me-sm-5 {
margin-right: 1.25rem !important;
}
.me-sm-6 {
margin-right: 1.5rem !important;
}
.me-sm-7 {
margin-right: 1.875rem !important;
}
.me-sm-8 {
margin-right: 2rem !important;
}
.me-sm-9 {
margin-right: 3rem !important;
}
.me-sm-10 {
margin-right: 4rem !important;
}
.me-sm-11 {
margin-right: 4.375rem !important;
}
.me-sm-12 {
margin-right: 0.625rem !important;
}
.me-sm-auto {
margin-right: auto !important;
}
.mb-sm-0 {
margin-bottom: 0 !important;
}
.mb-sm-1 {
margin-bottom: 0.25rem !important;
}
.mb-sm-2 {
margin-bottom: 0.5rem !important;
}
.mb-sm-3 {
margin-bottom: 0.75rem !important;
}
.mb-sm-4 {
margin-bottom: 1rem !important;
}
.mb-sm-5 {
margin-bottom: 1.25rem !important;
}
.mb-sm-6 {
margin-bottom: 1.5rem !important;
}
.mb-sm-7 {
margin-bottom: 1.875rem !important;
}
.mb-sm-8 {
margin-bottom: 2rem !important;
}
.mb-sm-9 {
margin-bottom: 3rem !important;
}
.mb-sm-10 {
margin-bottom: 4rem !important;
}
.mb-sm-11 {
margin-bottom: 4.375rem !important;
}
.mb-sm-12 {
margin-bottom: 0.625rem !important;
}
.mb-sm-auto {
margin-bottom: auto !important;
}
.ms-sm-0 {
margin-left: 0 !important;
}
.ms-sm-1 {
margin-left: 0.25rem !important;
}
.ms-sm-2 {
margin-left: 0.5rem !important;
}
.ms-sm-3 {
margin-left: 0.75rem !important;
}
.ms-sm-4 {
margin-left: 1rem !important;
}
.ms-sm-5 {
margin-left: 1.25rem !important;
}
.ms-sm-6 {
margin-left: 1.5rem !important;
}
.ms-sm-7 {
margin-left: 1.875rem !important;
}
.ms-sm-8 {
margin-left: 2rem !important;
}
.ms-sm-9 {
margin-left: 3rem !important;
}
.ms-sm-10 {
margin-left: 4rem !important;
}
.ms-sm-11 {
margin-left: 4.375rem !important;
}
.ms-sm-12 {
margin-left: 0.625rem !important;
}
.ms-sm-auto {
margin-left: auto !important;
}
.p-sm-0 {
padding: 0 !important;
}
.p-sm-1 {
padding: 0.25rem !important;
}
.p-sm-2 {
padding: 0.5rem !important;
}
.p-sm-3 {
padding: 0.75rem !important;
}
.p-sm-4 {
padding: 1rem !important;
}
.p-sm-5 {
padding: 1.25rem !important;
}
.p-sm-6 {
padding: 1.5rem !important;
}
.p-sm-7 {
padding: 1.875rem !important;
}
.p-sm-8 {
padding: 2rem !important;
}
.p-sm-9 {
padding: 3rem !important;
}
.p-sm-10 {
padding: 4rem !important;
}
.p-sm-11 {
padding: 4.375rem !important;
}
.p-sm-12 {
padding: 0.625rem !important;
}
.px-sm-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.px-sm-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-sm-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.px-sm-3 {
padding-right: 0.75rem !important;
padding-left: 0.75rem !important;
}
.px-sm-4 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.px-sm-5 {
padding-right: 1.25rem !important;
padding-left: 1.25rem !important;
}
.px-sm-6 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.px-sm-7 {
padding-right: 1.875rem !important;
padding-left: 1.875rem !important;
}
.px-sm-8 {
padding-right: 2rem !important;
padding-left: 2rem !important;
}
.px-sm-9 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.px-sm-10 {
padding-right: 4rem !important;
padding-left: 4rem !important;
}
.px-sm-11 {
padding-right: 4.375rem !important;
padding-left: 4.375rem !important;
}
.px-sm-12 {
padding-right: 0.625rem !important;
padding-left: 0.625rem !important;
}
.py-sm-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-sm-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-sm-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-sm-3 {
padding-top: 0.75rem !important;
padding-bottom: 0.75rem !important;
}
.py-sm-4 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-sm-5 {
padding-top: 1.25rem !important;
padding-bottom: 1.25rem !important;
}
.py-sm-6 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-sm-7 {
padding-top: 1.875rem !important;
padding-bottom: 1.875rem !important;
}
.py-sm-8 {
padding-top: 2rem !important;
padding-bottom: 2rem !important;
}
.py-sm-9 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.py-sm-10 {
padding-top: 4rem !important;
padding-bottom: 4rem !important;
}
.py-sm-11 {
padding-top: 4.375rem !important;
padding-bottom: 4.375rem !important;
}
.py-sm-12 {
padding-top: 0.625rem !important;
padding-bottom: 0.625rem !important;
}
.pt-sm-0 {
padding-top: 0 !important;
}
.pt-sm-1 {
padding-top: 0.25rem !important;
}
.pt-sm-2 {
padding-top: 0.5rem !important;
}
.pt-sm-3 {
padding-top: 0.75rem !important;
}
.pt-sm-4 {
padding-top: 1rem !important;
}
.pt-sm-5 {
padding-top: 1.25rem !important;
}
.pt-sm-6 {
padding-top: 1.5rem !important;
}
.pt-sm-7 {
padding-top: 1.875rem !important;
}
.pt-sm-8 {
padding-top: 2rem !important;
}
.pt-sm-9 {
padding-top: 3rem !important;
}
.pt-sm-10 {
padding-top: 4rem !important;
}
.pt-sm-11 {
padding-top: 4.375rem !important;
}
.pt-sm-12 {
padding-top: 0.625rem !important;
}
.pe-sm-0 {
padding-right: 0 !important;
}
.pe-sm-1 {
padding-right: 0.25rem !important;
}
.pe-sm-2 {
padding-right: 0.5rem !important;
}
.pe-sm-3 {
padding-right: 0.75rem !important;
}
.pe-sm-4 {
padding-right: 1rem !important;
}
.pe-sm-5 {
padding-right: 1.25rem !important;
}
.pe-sm-6 {
padding-right: 1.5rem !important;
}
.pe-sm-7 {
padding-right: 1.875rem !important;
}
.pe-sm-8 {
padding-right: 2rem !important;
}
.pe-sm-9 {
padding-right: 3rem !important;
}
.pe-sm-10 {
padding-right: 4rem !important;
}
.pe-sm-11 {
padding-right: 4.375rem !important;
}
.pe-sm-12 {
padding-right: 0.625rem !important;
}
.pb-sm-0 {
padding-bottom: 0 !important;
}
.pb-sm-1 {
padding-bottom: 0.25rem !important;
}
.pb-sm-2 {
padding-bottom: 0.5rem !important;
}
.pb-sm-3 {
padding-bottom: 0.75rem !important;
}
.pb-sm-4 {
padding-bottom: 1rem !important;
}
.pb-sm-5 {
padding-bottom: 1.25rem !important;
}
.pb-sm-6 {
padding-bottom: 1.5rem !important;
}
.pb-sm-7 {
padding-bottom: 1.875rem !important;
}
.pb-sm-8 {
padding-bottom: 2rem !important;
}
.pb-sm-9 {
padding-bottom: 3rem !important;
}
.pb-sm-10 {
padding-bottom: 4rem !important;
}
.pb-sm-11 {
padding-bottom: 4.375rem !important;
}
.pb-sm-12 {
padding-bottom: 0.625rem !important;
}
.ps-sm-0 {
padding-left: 0 !important;
}
.ps-sm-1 {
padding-left: 0.25rem !important;
}
.ps-sm-2 {
padding-left: 0.5rem !important;
}
.ps-sm-3 {
padding-left: 0.75rem !important;
}
.ps-sm-4 {
padding-left: 1rem !important;
}
.ps-sm-5 {
padding-left: 1.25rem !important;
}
.ps-sm-6 {
padding-left: 1.5rem !important;
}
.ps-sm-7 {
padding-left: 1.875rem !important;
}
.ps-sm-8 {
padding-left: 2rem !important;
}
.ps-sm-9 {
padding-left: 3rem !important;
}
.ps-sm-10 {
padding-left: 4rem !important;
}
.ps-sm-11 {
padding-left: 4.375rem !important;
}
.ps-sm-12 {
padding-left: 0.625rem !important;
}
.gap-sm-0 {
gap: 0 !important;
}
.gap-sm-1 {
gap: 0.25rem !important;
}
.gap-sm-2 {
gap: 0.5rem !important;
}
.gap-sm-3 {
gap: 0.75rem !important;
}
.gap-sm-4 {
gap: 1rem !important;
}
.gap-sm-5 {
gap: 1.25rem !important;
}
.gap-sm-6 {
gap: 1.5rem !important;
}
.gap-sm-7 {
gap: 1.875rem !important;
}
.gap-sm-8 {
gap: 2rem !important;
}
.gap-sm-9 {
gap: 3rem !important;
}
.gap-sm-10 {
gap: 4rem !important;
}
.gap-sm-11 {
gap: 4.375rem !important;
}
.gap-sm-12 {
gap: 0.625rem !important;
}
.row-gap-sm-0 {
row-gap: 0 !important;
}
.row-gap-sm-1 {
row-gap: 0.25rem !important;
}
.row-gap-sm-2 {
row-gap: 0.5rem !important;
}
.row-gap-sm-3 {
row-gap: 0.75rem !important;
}
.row-gap-sm-4 {
row-gap: 1rem !important;
}
.row-gap-sm-5 {
row-gap: 1.25rem !important;
}
.row-gap-sm-6 {
row-gap: 1.5rem !important;
}
.row-gap-sm-7 {
row-gap: 1.875rem !important;
}
.row-gap-sm-8 {
row-gap: 2rem !important;
}
.row-gap-sm-9 {
row-gap: 3rem !important;
}
.row-gap-sm-10 {
row-gap: 4rem !important;
}
.row-gap-sm-11 {
row-gap: 4.375rem !important;
}
.row-gap-sm-12 {
row-gap: 0.625rem !important;
}
.column-gap-sm-0 {
-webkit-column-gap: 0 !important;
-moz-column-gap: 0 !important;
column-gap: 0 !important;
}
.column-gap-sm-1 {
-webkit-column-gap: 0.25rem !important;
-moz-column-gap: 0.25rem !important;
column-gap: 0.25rem !important;
}
.column-gap-sm-2 {
-webkit-column-gap: 0.5rem !important;
-moz-column-gap: 0.5rem !important;
column-gap: 0.5rem !important;
}
.column-gap-sm-3 {
-webkit-column-gap: 0.75rem !important;
-moz-column-gap: 0.75rem !important;
column-gap: 0.75rem !important;
}
.column-gap-sm-4 {
-webkit-column-gap: 1rem !important;
-moz-column-gap: 1rem !important;
column-gap: 1rem !important;
}
.column-gap-sm-5 {
-webkit-column-gap: 1.25rem !important;
-moz-column-gap: 1.25rem !important;
column-gap: 1.25rem !important;
}
.column-gap-sm-6 {
-webkit-column-gap: 1.5rem !important;
-moz-column-gap: 1.5rem !important;
column-gap: 1.5rem !important;
}
.column-gap-sm-7 {
-webkit-column-gap: 1.875rem !important;
-moz-column-gap: 1.875rem !important;
column-gap: 1.875rem !important;
}
.column-gap-sm-8 {
-webkit-column-gap: 2rem !important;
-moz-column-gap: 2rem !important;
column-gap: 2rem !important;
}
.column-gap-sm-9 {
-webkit-column-gap: 3rem !important;
-moz-column-gap: 3rem !important;
column-gap: 3rem !important;
}
.column-gap-sm-10 {
-webkit-column-gap: 4rem !important;
-moz-column-gap: 4rem !important;
column-gap: 4rem !important;
}
.column-gap-sm-11 {
-webkit-column-gap: 4.375rem !important;
-moz-column-gap: 4.375rem !important;
column-gap: 4.375rem !important;
}
.column-gap-sm-12 {
-webkit-column-gap: 0.625rem !important;
-moz-column-gap: 0.625rem !important;
column-gap: 0.625rem !important;
}
.text-sm-start {
text-align: left !important;
}
.text-sm-end {
text-align: right !important;
}
.text-sm-center {
text-align: center !important;
}
}
@media (min-width: 768px) {
.float-md-start {
float: left !important;
}
.float-md-end {
float: right !important;
}
.float-md-none {
float: none !important;
}
.object-fit-md-contain {
-o-object-fit: contain !important;
object-fit: contain !important;
}
.object-fit-md-cover {
-o-object-fit: cover !important;
object-fit: cover !important;
}
.object-fit-md-fill {
-o-object-fit: fill !important;
object-fit: fill !important;
}
.object-fit-md-scale {
-o-object-fit: scale-down !important;
object-fit: scale-down !important;
}
.object-fit-md-none {
-o-object-fit: none !important;
object-fit: none !important;
}
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
.d-md-grid {
display: -ms-grid !important;
display: grid !important;
}
.d-md-inline-grid {
display: -ms-inline-grid !important;
display: inline-grid !important;
}
.d-md-table {
display: table !important;
}
.d-md-table-row {
display: table-row !important;
}
.d-md-table-cell {
display: table-cell !important;
}
.d-md-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-md-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
.d-md-none {
display: none !important;
}
.flex-md-fill {
-webkit-box-flex: 1 !important;
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-md-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-md-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-md-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-md-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-md-grow-0 {
-webkit-box-flex: 0 !important;
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-md-grow-1 {
-webkit-box-flex: 1 !important;
-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;
}
.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;
}
.justify-content-md-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-md-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-md-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-md-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-md-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.justify-content-md-evenly {
-webkit-box-pack: space-evenly !important;
-ms-flex-pack: space-evenly !important;
justify-content: space-evenly !important;
}
.align-items-md-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-md-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-md-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-md-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-md-stretch {
-webkit-box-align: stretch !important;
-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;
-ms-grid-row-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;
-ms-grid-row-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;
-ms-grid-row-align: stretch !important;
align-self: stretch !important;
}
.order-md-first {
-webkit-box-ordinal-group: 0 !important;
-ms-flex-order: -1 !important;
order: -1 !important;
}
.order-md-0 {
-webkit-box-ordinal-group: 1 !important;
-ms-flex-order: 0 !important;
order: 0 !important;
}
.order-md-1 {
-webkit-box-ordinal-group: 2 !important;
-ms-flex-order: 1 !important;
order: 1 !important;
}
.order-md-2 {
-webkit-box-ordinal-group: 3 !important;
-ms-flex-order: 2 !important;
order: 2 !important;
}
.order-md-3 {
-webkit-box-ordinal-group: 4 !important;
-ms-flex-order: 3 !important;
order: 3 !important;
}
.order-md-4 {
-webkit-box-ordinal-group: 5 !important;
-ms-flex-order: 4 !important;
order: 4 !important;
}
.order-md-5 {
-webkit-box-ordinal-group: 6 !important;
-ms-flex-order: 5 !important;
order: 5 !important;
}
.order-md-last {
-webkit-box-ordinal-group: 7 !important;
-ms-flex-order: 6 !important;
order: 6 !important;
}
.m-md-0 {
margin: 0 !important;
}
.m-md-1 {
margin: 0.25rem !important;
}
.m-md-2 {
margin: 0.5rem !important;
}
.m-md-3 {
margin: 0.75rem !important;
}
.m-md-4 {
margin: 1rem !important;
}
.m-md-5 {
margin: 1.25rem !important;
}
.m-md-6 {
margin: 1.5rem !important;
}
.m-md-7 {
margin: 1.875rem !important;
}
.m-md-8 {
margin: 2rem !important;
}
.m-md-9 {
margin: 3rem !important;
}
.m-md-10 {
margin: 4rem !important;
}
.m-md-11 {
margin: 4.375rem !important;
}
.m-md-12 {
margin: 0.625rem !important;
}
.m-md-auto {
margin: auto !important;
}
.mx-md-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.mx-md-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-md-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.mx-md-3 {
margin-right: 0.75rem !important;
margin-left: 0.75rem !important;
}
.mx-md-4 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.mx-md-5 {
margin-right: 1.25rem !important;
margin-left: 1.25rem !important;
}
.mx-md-6 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.mx-md-7 {
margin-right: 1.875rem !important;
margin-left: 1.875rem !important;
}
.mx-md-8 {
margin-right: 2rem !important;
margin-left: 2rem !important;
}
.mx-md-9 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.mx-md-10 {
margin-right: 4rem !important;
margin-left: 4rem !important;
}
.mx-md-11 {
margin-right: 4.375rem !important;
margin-left: 4.375rem !important;
}
.mx-md-12 {
margin-right: 0.625rem !important;
margin-left: 0.625rem !important;
}
.mx-md-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-md-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-md-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-md-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-md-3 {
margin-top: 0.75rem !important;
margin-bottom: 0.75rem !important;
}
.my-md-4 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-md-5 {
margin-top: 1.25rem !important;
margin-bottom: 1.25rem !important;
}
.my-md-6 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-md-7 {
margin-top: 1.875rem !important;
margin-bottom: 1.875rem !important;
}
.my-md-8 {
margin-top: 2rem !important;
margin-bottom: 2rem !important;
}
.my-md-9 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.my-md-10 {
margin-top: 4rem !important;
margin-bottom: 4rem !important;
}
.my-md-11 {
margin-top: 4.375rem !important;
margin-bottom: 4.375rem !important;
}
.my-md-12 {
margin-top: 0.625rem !important;
margin-bottom: 0.625rem !important;
}
.my-md-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.mt-md-0 {
margin-top: 0 !important;
}
.mt-md-1 {
margin-top: 0.25rem !important;
}
.mt-md-2 {
margin-top: 0.5rem !important;
}
.mt-md-3 {
margin-top: 0.75rem !important;
}
.mt-md-4 {
margin-top: 1rem !important;
}
.mt-md-5 {
margin-top: 1.25rem !important;
}
.mt-md-6 {
margin-top: 1.5rem !important;
}
.mt-md-7 {
margin-top: 1.875rem !important;
}
.mt-md-8 {
margin-top: 2rem !important;
}
.mt-md-9 {
margin-top: 3rem !important;
}
.mt-md-10 {
margin-top: 4rem !important;
}
.mt-md-11 {
margin-top: 4.375rem !important;
}
.mt-md-12 {
margin-top: 0.625rem !important;
}
.mt-md-auto {
margin-top: auto !important;
}
.me-md-0 {
margin-right: 0 !important;
}
.me-md-1 {
margin-right: 0.25rem !important;
}
.me-md-2 {
margin-right: 0.5rem !important;
}
.me-md-3 {
margin-right: 0.75rem !important;
}
.me-md-4 {
margin-right: 1rem !important;
}
.me-md-5 {
margin-right: 1.25rem !important;
}
.me-md-6 {
margin-right: 1.5rem !important;
}
.me-md-7 {
margin-right: 1.875rem !important;
}
.me-md-8 {
margin-right: 2rem !important;
}
.me-md-9 {
margin-right: 3rem !important;
}
.me-md-10 {
margin-right: 4rem !important;
}
.me-md-11 {
margin-right: 4.375rem !important;
}
.me-md-12 {
margin-right: 0.625rem !important;
}
.me-md-auto {
margin-right: auto !important;
}
.mb-md-0 {
margin-bottom: 0 !important;
}
.mb-md-1 {
margin-bottom: 0.25rem !important;
}
.mb-md-2 {
margin-bottom: 0.5rem !important;
}
.mb-md-3 {
margin-bottom: 0.75rem !important;
}
.mb-md-4 {
margin-bottom: 1rem !important;
}
.mb-md-5 {
margin-bottom: 1.25rem !important;
}
.mb-md-6 {
margin-bottom: 1.5rem !important;
}
.mb-md-7 {
margin-bottom: 1.875rem !important;
}
.mb-md-8 {
margin-bottom: 2rem !important;
}
.mb-md-9 {
margin-bottom: 3rem !important;
}
.mb-md-10 {
margin-bottom: 4rem !important;
}
.mb-md-11 {
margin-bottom: 4.375rem !important;
}
.mb-md-12 {
margin-bottom: 0.625rem !important;
}
.mb-md-auto {
margin-bottom: auto !important;
}
.ms-md-0 {
margin-left: 0 !important;
}
.ms-md-1 {
margin-left: 0.25rem !important;
}
.ms-md-2 {
margin-left: 0.5rem !important;
}
.ms-md-3 {
margin-left: 0.75rem !important;
}
.ms-md-4 {
margin-left: 1rem !important;
}
.ms-md-5 {
margin-left: 1.25rem !important;
}
.ms-md-6 {
margin-left: 1.5rem !important;
}
.ms-md-7 {
margin-left: 1.875rem !important;
}
.ms-md-8 {
margin-left: 2rem !important;
}
.ms-md-9 {
margin-left: 3rem !important;
}
.ms-md-10 {
margin-left: 4rem !important;
}
.ms-md-11 {
margin-left: 4.375rem !important;
}
.ms-md-12 {
margin-left: 0.625rem !important;
}
.ms-md-auto {
margin-left: auto !important;
}
.p-md-0 {
padding: 0 !important;
}
.p-md-1 {
padding: 0.25rem !important;
}
.p-md-2 {
padding: 0.5rem !important;
}
.p-md-3 {
padding: 0.75rem !important;
}
.p-md-4 {
padding: 1rem !important;
}
.p-md-5 {
padding: 1.25rem !important;
}
.p-md-6 {
padding: 1.5rem !important;
}
.p-md-7 {
padding: 1.875rem !important;
}
.p-md-8 {
padding: 2rem !important;
}
.p-md-9 {
padding: 3rem !important;
}
.p-md-10 {
padding: 4rem !important;
}
.p-md-11 {
padding: 4.375rem !important;
}
.p-md-12 {
padding: 0.625rem !important;
}
.px-md-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.px-md-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-md-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.px-md-3 {
padding-right: 0.75rem !important;
padding-left: 0.75rem !important;
}
.px-md-4 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.px-md-5 {
padding-right: 1.25rem !important;
padding-left: 1.25rem !important;
}
.px-md-6 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.px-md-7 {
padding-right: 1.875rem !important;
padding-left: 1.875rem !important;
}
.px-md-8 {
padding-right: 2rem !important;
padding-left: 2rem !important;
}
.px-md-9 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.px-md-10 {
padding-right: 4rem !important;
padding-left: 4rem !important;
}
.px-md-11 {
padding-right: 4.375rem !important;
padding-left: 4.375rem !important;
}
.px-md-12 {
padding-right: 0.625rem !important;
padding-left: 0.625rem !important;
}
.py-md-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-md-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-md-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-md-3 {
padding-top: 0.75rem !important;
padding-bottom: 0.75rem !important;
}
.py-md-4 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-md-5 {
padding-top: 1.25rem !important;
padding-bottom: 1.25rem !important;
}
.py-md-6 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-md-7 {
padding-top: 1.875rem !important;
padding-bottom: 1.875rem !important;
}
.py-md-8 {
padding-top: 2rem !important;
padding-bottom: 2rem !important;
}
.py-md-9 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.py-md-10 {
padding-top: 4rem !important;
padding-bottom: 4rem !important;
}
.py-md-11 {
padding-top: 4.375rem !important;
padding-bottom: 4.375rem !important;
}
.py-md-12 {
padding-top: 0.625rem !important;
padding-bottom: 0.625rem !important;
}
.pt-md-0 {
padding-top: 0 !important;
}
.pt-md-1 {
padding-top: 0.25rem !important;
}
.pt-md-2 {
padding-top: 0.5rem !important;
}
.pt-md-3 {
padding-top: 0.75rem !important;
}
.pt-md-4 {
padding-top: 1rem !important;
}
.pt-md-5 {
padding-top: 1.25rem !important;
}
.pt-md-6 {
padding-top: 1.5rem !important;
}
.pt-md-7 {
padding-top: 1.875rem !important;
}
.pt-md-8 {
padding-top: 2rem !important;
}
.pt-md-9 {
padding-top: 3rem !important;
}
.pt-md-10 {
padding-top: 4rem !important;
}
.pt-md-11 {
padding-top: 4.375rem !important;
}
.pt-md-12 {
padding-top: 0.625rem !important;
}
.pe-md-0 {
padding-right: 0 !important;
}
.pe-md-1 {
padding-right: 0.25rem !important;
}
.pe-md-2 {
padding-right: 0.5rem !important;
}
.pe-md-3 {
padding-right: 0.75rem !important;
}
.pe-md-4 {
padding-right: 1rem !important;
}
.pe-md-5 {
padding-right: 1.25rem !important;
}
.pe-md-6 {
padding-right: 1.5rem !important;
}
.pe-md-7 {
padding-right: 1.875rem !important;
}
.pe-md-8 {
padding-right: 2rem !important;
}
.pe-md-9 {
padding-right: 3rem !important;
}
.pe-md-10 {
padding-right: 4rem !important;
}
.pe-md-11 {
padding-right: 4.375rem !important;
}
.pe-md-12 {
padding-right: 0.625rem !important;
}
.pb-md-0 {
padding-bottom: 0 !important;
}
.pb-md-1 {
padding-bottom: 0.25rem !important;
}
.pb-md-2 {
padding-bottom: 0.5rem !important;
}
.pb-md-3 {
padding-bottom: 0.75rem !important;
}
.pb-md-4 {
padding-bottom: 1rem !important;
}
.pb-md-5 {
padding-bottom: 1.25rem !important;
}
.pb-md-6 {
padding-bottom: 1.5rem !important;
}
.pb-md-7 {
padding-bottom: 1.875rem !important;
}
.pb-md-8 {
padding-bottom: 2rem !important;
}
.pb-md-9 {
padding-bottom: 3rem !important;
}
.pb-md-10 {
padding-bottom: 4rem !important;
}
.pb-md-11 {
padding-bottom: 4.375rem !important;
}
.pb-md-12 {
padding-bottom: 0.625rem !important;
}
.ps-md-0 {
padding-left: 0 !important;
}
.ps-md-1 {
padding-left: 0.25rem !important;
}
.ps-md-2 {
padding-left: 0.5rem !important;
}
.ps-md-3 {
padding-left: 0.75rem !important;
}
.ps-md-4 {
padding-left: 1rem !important;
}
.ps-md-5 {
padding-left: 1.25rem !important;
}
.ps-md-6 {
padding-left: 1.5rem !important;
}
.ps-md-7 {
padding-left: 1.875rem !important;
}
.ps-md-8 {
padding-left: 2rem !important;
}
.ps-md-9 {
padding-left: 3rem !important;
}
.ps-md-10 {
padding-left: 4rem !important;
}
.ps-md-11 {
padding-left: 4.375rem !important;
}
.ps-md-12 {
padding-left: 0.625rem !important;
}
.gap-md-0 {
gap: 0 !important;
}
.gap-md-1 {
gap: 0.25rem !important;
}
.gap-md-2 {
gap: 0.5rem !important;
}
.gap-md-3 {
gap: 0.75rem !important;
}
.gap-md-4 {
gap: 1rem !important;
}
.gap-md-5 {
gap: 1.25rem !important;
}
.gap-md-6 {
gap: 1.5rem !important;
}
.gap-md-7 {
gap: 1.875rem !important;
}
.gap-md-8 {
gap: 2rem !important;
}
.gap-md-9 {
gap: 3rem !important;
}
.gap-md-10 {
gap: 4rem !important;
}
.gap-md-11 {
gap: 4.375rem !important;
}
.gap-md-12 {
gap: 0.625rem !important;
}
.row-gap-md-0 {
row-gap: 0 !important;
}
.row-gap-md-1 {
row-gap: 0.25rem !important;
}
.row-gap-md-2 {
row-gap: 0.5rem !important;
}
.row-gap-md-3 {
row-gap: 0.75rem !important;
}
.row-gap-md-4 {
row-gap: 1rem !important;
}
.row-gap-md-5 {
row-gap: 1.25rem !important;
}
.row-gap-md-6 {
row-gap: 1.5rem !important;
}
.row-gap-md-7 {
row-gap: 1.875rem !important;
}
.row-gap-md-8 {
row-gap: 2rem !important;
}
.row-gap-md-9 {
row-gap: 3rem !important;
}
.row-gap-md-10 {
row-gap: 4rem !important;
}
.row-gap-md-11 {
row-gap: 4.375rem !important;
}
.row-gap-md-12 {
row-gap: 0.625rem !important;
}
.column-gap-md-0 {
-webkit-column-gap: 0 !important;
-moz-column-gap: 0 !important;
column-gap: 0 !important;
}
.column-gap-md-1 {
-webkit-column-gap: 0.25rem !important;
-moz-column-gap: 0.25rem !important;
column-gap: 0.25rem !important;
}
.column-gap-md-2 {
-webkit-column-gap: 0.5rem !important;
-moz-column-gap: 0.5rem !important;
column-gap: 0.5rem !important;
}
.column-gap-md-3 {
-webkit-column-gap: 0.75rem !important;
-moz-column-gap: 0.75rem !important;
column-gap: 0.75rem !important;
}
.column-gap-md-4 {
-webkit-column-gap: 1rem !important;
-moz-column-gap: 1rem !important;
column-gap: 1rem !important;
}
.column-gap-md-5 {
-webkit-column-gap: 1.25rem !important;
-moz-column-gap: 1.25rem !important;
column-gap: 1.25rem !important;
}
.column-gap-md-6 {
-webkit-column-gap: 1.5rem !important;
-moz-column-gap: 1.5rem !important;
column-gap: 1.5rem !important;
}
.column-gap-md-7 {
-webkit-column-gap: 1.875rem !important;
-moz-column-gap: 1.875rem !important;
column-gap: 1.875rem !important;
}
.column-gap-md-8 {
-webkit-column-gap: 2rem !important;
-moz-column-gap: 2rem !important;
column-gap: 2rem !important;
}
.column-gap-md-9 {
-webkit-column-gap: 3rem !important;
-moz-column-gap: 3rem !important;
column-gap: 3rem !important;
}
.column-gap-md-10 {
-webkit-column-gap: 4rem !important;
-moz-column-gap: 4rem !important;
column-gap: 4rem !important;
}
.column-gap-md-11 {
-webkit-column-gap: 4.375rem !important;
-moz-column-gap: 4.375rem !important;
column-gap: 4.375rem !important;
}
.column-gap-md-12 {
-webkit-column-gap: 0.625rem !important;
-moz-column-gap: 0.625rem !important;
column-gap: 0.625rem !important;
}
.text-md-start {
text-align: left !important;
}
.text-md-end {
text-align: right !important;
}
.text-md-center {
text-align: center !important;
}
}
@media (min-width: 992px) {
.float-lg-start {
float: left !important;
}
.float-lg-end {
float: right !important;
}
.float-lg-none {
float: none !important;
}
.object-fit-lg-contain {
-o-object-fit: contain !important;
object-fit: contain !important;
}
.object-fit-lg-cover {
-o-object-fit: cover !important;
object-fit: cover !important;
}
.object-fit-lg-fill {
-o-object-fit: fill !important;
object-fit: fill !important;
}
.object-fit-lg-scale {
-o-object-fit: scale-down !important;
object-fit: scale-down !important;
}
.object-fit-lg-none {
-o-object-fit: none !important;
object-fit: none !important;
}
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-grid {
display: -ms-grid !important;
display: grid !important;
}
.d-lg-inline-grid {
display: -ms-inline-grid !important;
display: inline-grid !important;
}
.d-lg-table {
display: table !important;
}
.d-lg-table-row {
display: table-row !important;
}
.d-lg-table-cell {
display: table-cell !important;
}
.d-lg-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-lg-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
.d-lg-none {
display: none !important;
}
.flex-lg-fill {
-webkit-box-flex: 1 !important;
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-lg-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-lg-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-lg-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-lg-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-lg-grow-0 {
-webkit-box-flex: 0 !important;
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-lg-grow-1 {
-webkit-box-flex: 1 !important;
-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;
}
.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;
}
.justify-content-lg-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-lg-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-lg-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-lg-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-lg-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.justify-content-lg-evenly {
-webkit-box-pack: space-evenly !important;
-ms-flex-pack: space-evenly !important;
justify-content: space-evenly !important;
}
.align-items-lg-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-lg-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-lg-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-lg-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-lg-stretch {
-webkit-box-align: stretch !important;
-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;
-ms-grid-row-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;
-ms-grid-row-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;
-ms-grid-row-align: stretch !important;
align-self: stretch !important;
}
.order-lg-first {
-webkit-box-ordinal-group: 0 !important;
-ms-flex-order: -1 !important;
order: -1 !important;
}
.order-lg-0 {
-webkit-box-ordinal-group: 1 !important;
-ms-flex-order: 0 !important;
order: 0 !important;
}
.order-lg-1 {
-webkit-box-ordinal-group: 2 !important;
-ms-flex-order: 1 !important;
order: 1 !important;
}
.order-lg-2 {
-webkit-box-ordinal-group: 3 !important;
-ms-flex-order: 2 !important;
order: 2 !important;
}
.order-lg-3 {
-webkit-box-ordinal-group: 4 !important;
-ms-flex-order: 3 !important;
order: 3 !important;
}
.order-lg-4 {
-webkit-box-ordinal-group: 5 !important;
-ms-flex-order: 4 !important;
order: 4 !important;
}
.order-lg-5 {
-webkit-box-ordinal-group: 6 !important;
-ms-flex-order: 5 !important;
order: 5 !important;
}
.order-lg-last {
-webkit-box-ordinal-group: 7 !important;
-ms-flex-order: 6 !important;
order: 6 !important;
}
.m-lg-0 {
margin: 0 !important;
}
.m-lg-1 {
margin: 0.25rem !important;
}
.m-lg-2 {
margin: 0.5rem !important;
}
.m-lg-3 {
margin: 0.75rem !important;
}
.m-lg-4 {
margin: 1rem !important;
}
.m-lg-5 {
margin: 1.25rem !important;
}
.m-lg-6 {
margin: 1.5rem !important;
}
.m-lg-7 {
margin: 1.875rem !important;
}
.m-lg-8 {
margin: 2rem !important;
}
.m-lg-9 {
margin: 3rem !important;
}
.m-lg-10 {
margin: 4rem !important;
}
.m-lg-11 {
margin: 4.375rem !important;
}
.m-lg-12 {
margin: 0.625rem !important;
}
.m-lg-auto {
margin: auto !important;
}
.mx-lg-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.mx-lg-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-lg-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.mx-lg-3 {
margin-right: 0.75rem !important;
margin-left: 0.75rem !important;
}
.mx-lg-4 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.mx-lg-5 {
margin-right: 1.25rem !important;
margin-left: 1.25rem !important;
}
.mx-lg-6 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.mx-lg-7 {
margin-right: 1.875rem !important;
margin-left: 1.875rem !important;
}
.mx-lg-8 {
margin-right: 2rem !important;
margin-left: 2rem !important;
}
.mx-lg-9 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.mx-lg-10 {
margin-right: 4rem !important;
margin-left: 4rem !important;
}
.mx-lg-11 {
margin-right: 4.375rem !important;
margin-left: 4.375rem !important;
}
.mx-lg-12 {
margin-right: 0.625rem !important;
margin-left: 0.625rem !important;
}
.mx-lg-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-lg-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-lg-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-lg-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-lg-3 {
margin-top: 0.75rem !important;
margin-bottom: 0.75rem !important;
}
.my-lg-4 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-lg-5 {
margin-top: 1.25rem !important;
margin-bottom: 1.25rem !important;
}
.my-lg-6 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-lg-7 {
margin-top: 1.875rem !important;
margin-bottom: 1.875rem !important;
}
.my-lg-8 {
margin-top: 2rem !important;
margin-bottom: 2rem !important;
}
.my-lg-9 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.my-lg-10 {
margin-top: 4rem !important;
margin-bottom: 4rem !important;
}
.my-lg-11 {
margin-top: 4.375rem !important;
margin-bottom: 4.375rem !important;
}
.my-lg-12 {
margin-top: 0.625rem !important;
margin-bottom: 0.625rem !important;
}
.my-lg-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.mt-lg-0 {
margin-top: 0 !important;
}
.mt-lg-1 {
margin-top: 0.25rem !important;
}
.mt-lg-2 {
margin-top: 0.5rem !important;
}
.mt-lg-3 {
margin-top: 0.75rem !important;
}
.mt-lg-4 {
margin-top: 1rem !important;
}
.mt-lg-5 {
margin-top: 1.25rem !important;
}
.mt-lg-6 {
margin-top: 1.5rem !important;
}
.mt-lg-7 {
margin-top: 1.875rem !important;
}
.mt-lg-8 {
margin-top: 2rem !important;
}
.mt-lg-9 {
margin-top: 3rem !important;
}
.mt-lg-10 {
margin-top: 4rem !important;
}
.mt-lg-11 {
margin-top: 4.375rem !important;
}
.mt-lg-12 {
margin-top: 0.625rem !important;
}
.mt-lg-auto {
margin-top: auto !important;
}
.me-lg-0 {
margin-right: 0 !important;
}
.me-lg-1 {
margin-right: 0.25rem !important;
}
.me-lg-2 {
margin-right: 0.5rem !important;
}
.me-lg-3 {
margin-right: 0.75rem !important;
}
.me-lg-4 {
margin-right: 1rem !important;
}
.me-lg-5 {
margin-right: 1.25rem !important;
}
.me-lg-6 {
margin-right: 1.5rem !important;
}
.me-lg-7 {
margin-right: 1.875rem !important;
}
.me-lg-8 {
margin-right: 2rem !important;
}
.me-lg-9 {
margin-right: 3rem !important;
}
.me-lg-10 {
margin-right: 4rem !important;
}
.me-lg-11 {
margin-right: 4.375rem !important;
}
.me-lg-12 {
margin-right: 0.625rem !important;
}
.me-lg-auto {
margin-right: auto !important;
}
.mb-lg-0 {
margin-bottom: 0 !important;
}
.mb-lg-1 {
margin-bottom: 0.25rem !important;
}
.mb-lg-2 {
margin-bottom: 0.5rem !important;
}
.mb-lg-3 {
margin-bottom: 0.75rem !important;
}
.mb-lg-4 {
margin-bottom: 1rem !important;
}
.mb-lg-5 {
margin-bottom: 1.25rem !important;
}
.mb-lg-6 {
margin-bottom: 1.5rem !important;
}
.mb-lg-7 {
margin-bottom: 1.875rem !important;
}
.mb-lg-8 {
margin-bottom: 2rem !important;
}
.mb-lg-9 {
margin-bottom: 3rem !important;
}
.mb-lg-10 {
margin-bottom: 4rem !important;
}
.mb-lg-11 {
margin-bottom: 4.375rem !important;
}
.mb-lg-12 {
margin-bottom: 0.625rem !important;
}
.mb-lg-auto {
margin-bottom: auto !important;
}
.ms-lg-0 {
margin-left: 0 !important;
}
.ms-lg-1 {
margin-left: 0.25rem !important;
}
.ms-lg-2 {
margin-left: 0.5rem !important;
}
.ms-lg-3 {
margin-left: 0.75rem !important;
}
.ms-lg-4 {
margin-left: 1rem !important;
}
.ms-lg-5 {
margin-left: 1.25rem !important;
}
.ms-lg-6 {
margin-left: 1.5rem !important;
}
.ms-lg-7 {
margin-left: 1.875rem !important;
}
.ms-lg-8 {
margin-left: 2rem !important;
}
.ms-lg-9 {
margin-left: 3rem !important;
}
.ms-lg-10 {
margin-left: 4rem !important;
}
.ms-lg-11 {
margin-left: 4.375rem !important;
}
.ms-lg-12 {
margin-left: 0.625rem !important;
}
.ms-lg-auto {
margin-left: auto !important;
}
.p-lg-0 {
padding: 0 !important;
}
.p-lg-1 {
padding: 0.25rem !important;
}
.p-lg-2 {
padding: 0.5rem !important;
}
.p-lg-3 {
padding: 0.75rem !important;
}
.p-lg-4 {
padding: 1rem !important;
}
.p-lg-5 {
padding: 1.25rem !important;
}
.p-lg-6 {
padding: 1.5rem !important;
}
.p-lg-7 {
padding: 1.875rem !important;
}
.p-lg-8 {
padding: 2rem !important;
}
.p-lg-9 {
padding: 3rem !important;
}
.p-lg-10 {
padding: 4rem !important;
}
.p-lg-11 {
padding: 4.375rem !important;
}
.p-lg-12 {
padding: 0.625rem !important;
}
.px-lg-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.px-lg-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-lg-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.px-lg-3 {
padding-right: 0.75rem !important;
padding-left: 0.75rem !important;
}
.px-lg-4 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.px-lg-5 {
padding-right: 1.25rem !important;
padding-left: 1.25rem !important;
}
.px-lg-6 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.px-lg-7 {
padding-right: 1.875rem !important;
padding-left: 1.875rem !important;
}
.px-lg-8 {
padding-right: 2rem !important;
padding-left: 2rem !important;
}
.px-lg-9 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.px-lg-10 {
padding-right: 4rem !important;
padding-left: 4rem !important;
}
.px-lg-11 {
padding-right: 4.375rem !important;
padding-left: 4.375rem !important;
}
.px-lg-12 {
padding-right: 0.625rem !important;
padding-left: 0.625rem !important;
}
.py-lg-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-lg-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-lg-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-lg-3 {
padding-top: 0.75rem !important;
padding-bottom: 0.75rem !important;
}
.py-lg-4 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-lg-5 {
padding-top: 1.25rem !important;
padding-bottom: 1.25rem !important;
}
.py-lg-6 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-lg-7 {
padding-top: 1.875rem !important;
padding-bottom: 1.875rem !important;
}
.py-lg-8 {
padding-top: 2rem !important;
padding-bottom: 2rem !important;
}
.py-lg-9 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.py-lg-10 {
padding-top: 4rem !important;
padding-bottom: 4rem !important;
}
.py-lg-11 {
padding-top: 4.375rem !important;
padding-bottom: 4.375rem !important;
}
.py-lg-12 {
padding-top: 0.625rem !important;
padding-bottom: 0.625rem !important;
}
.pt-lg-0 {
padding-top: 0 !important;
}
.pt-lg-1 {
padding-top: 0.25rem !important;
}
.pt-lg-2 {
padding-top: 0.5rem !important;
}
.pt-lg-3 {
padding-top: 0.75rem !important;
}
.pt-lg-4 {
padding-top: 1rem !important;
}
.pt-lg-5 {
padding-top: 1.25rem !important;
}
.pt-lg-6 {
padding-top: 1.5rem !important;
}
.pt-lg-7 {
padding-top: 1.875rem !important;
}
.pt-lg-8 {
padding-top: 2rem !important;
}
.pt-lg-9 {
padding-top: 3rem !important;
}
.pt-lg-10 {
padding-top: 4rem !important;
}
.pt-lg-11 {
padding-top: 4.375rem !important;
}
.pt-lg-12 {
padding-top: 0.625rem !important;
}
.pe-lg-0 {
padding-right: 0 !important;
}
.pe-lg-1 {
padding-right: 0.25rem !important;
}
.pe-lg-2 {
padding-right: 0.5rem !important;
}
.pe-lg-3 {
padding-right: 0.75rem !important;
}
.pe-lg-4 {
padding-right: 1rem !important;
}
.pe-lg-5 {
padding-right: 1.25rem !important;
}
.pe-lg-6 {
padding-right: 1.5rem !important;
}
.pe-lg-7 {
padding-right: 1.875rem !important;
}
.pe-lg-8 {
padding-right: 2rem !important;
}
.pe-lg-9 {
padding-right: 3rem !important;
}
.pe-lg-10 {
padding-right: 4rem !important;
}
.pe-lg-11 {
padding-right: 4.375rem !important;
}
.pe-lg-12 {
padding-right: 0.625rem !important;
}
.pb-lg-0 {
padding-bottom: 0 !important;
}
.pb-lg-1 {
padding-bottom: 0.25rem !important;
}
.pb-lg-2 {
padding-bottom: 0.5rem !important;
}
.pb-lg-3 {
padding-bottom: 0.75rem !important;
}
.pb-lg-4 {
padding-bottom: 1rem !important;
}
.pb-lg-5 {
padding-bottom: 1.25rem !important;
}
.pb-lg-6 {
padding-bottom: 1.5rem !important;
}
.pb-lg-7 {
padding-bottom: 1.875rem !important;
}
.pb-lg-8 {
padding-bottom: 2rem !important;
}
.pb-lg-9 {
padding-bottom: 3rem !important;
}
.pb-lg-10 {
padding-bottom: 4rem !important;
}
.pb-lg-11 {
padding-bottom: 4.375rem !important;
}
.pb-lg-12 {
padding-bottom: 0.625rem !important;
}
.ps-lg-0 {
padding-left: 0 !important;
}
.ps-lg-1 {
padding-left: 0.25rem !important;
}
.ps-lg-2 {
padding-left: 0.5rem !important;
}
.ps-lg-3 {
padding-left: 0.75rem !important;
}
.ps-lg-4 {
padding-left: 1rem !important;
}
.ps-lg-5 {
padding-left: 1.25rem !important;
}
.ps-lg-6 {
padding-left: 1.5rem !important;
}
.ps-lg-7 {
padding-left: 1.875rem !important;
}
.ps-lg-8 {
padding-left: 2rem !important;
}
.ps-lg-9 {
padding-left: 3rem !important;
}
.ps-lg-10 {
padding-left: 4rem !important;
}
.ps-lg-11 {
padding-left: 4.375rem !important;
}
.ps-lg-12 {
padding-left: 0.625rem !important;
}
.gap-lg-0 {
gap: 0 !important;
}
.gap-lg-1 {
gap: 0.25rem !important;
}
.gap-lg-2 {
gap: 0.5rem !important;
}
.gap-lg-3 {
gap: 0.75rem !important;
}
.gap-lg-4 {
gap: 1rem !important;
}
.gap-lg-5 {
gap: 1.25rem !important;
}
.gap-lg-6 {
gap: 1.5rem !important;
}
.gap-lg-7 {
gap: 1.875rem !important;
}
.gap-lg-8 {
gap: 2rem !important;
}
.gap-lg-9 {
gap: 3rem !important;
}
.gap-lg-10 {
gap: 4rem !important;
}
.gap-lg-11 {
gap: 4.375rem !important;
}
.gap-lg-12 {
gap: 0.625rem !important;
}
.row-gap-lg-0 {
row-gap: 0 !important;
}
.row-gap-lg-1 {
row-gap: 0.25rem !important;
}
.row-gap-lg-2 {
row-gap: 0.5rem !important;
}
.row-gap-lg-3 {
row-gap: 0.75rem !important;
}
.row-gap-lg-4 {
row-gap: 1rem !important;
}
.row-gap-lg-5 {
row-gap: 1.25rem !important;
}
.row-gap-lg-6 {
row-gap: 1.5rem !important;
}
.row-gap-lg-7 {
row-gap: 1.875rem !important;
}
.row-gap-lg-8 {
row-gap: 2rem !important;
}
.row-gap-lg-9 {
row-gap: 3rem !important;
}
.row-gap-lg-10 {
row-gap: 4rem !important;
}
.row-gap-lg-11 {
row-gap: 4.375rem !important;
}
.row-gap-lg-12 {
row-gap: 0.625rem !important;
}
.column-gap-lg-0 {
-webkit-column-gap: 0 !important;
-moz-column-gap: 0 !important;
column-gap: 0 !important;
}
.column-gap-lg-1 {
-webkit-column-gap: 0.25rem !important;
-moz-column-gap: 0.25rem !important;
column-gap: 0.25rem !important;
}
.column-gap-lg-2 {
-webkit-column-gap: 0.5rem !important;
-moz-column-gap: 0.5rem !important;
column-gap: 0.5rem !important;
}
.column-gap-lg-3 {
-webkit-column-gap: 0.75rem !important;
-moz-column-gap: 0.75rem !important;
column-gap: 0.75rem !important;
}
.column-gap-lg-4 {
-webkit-column-gap: 1rem !important;
-moz-column-gap: 1rem !important;
column-gap: 1rem !important;
}
.column-gap-lg-5 {
-webkit-column-gap: 1.25rem !important;
-moz-column-gap: 1.25rem !important;
column-gap: 1.25rem !important;
}
.column-gap-lg-6 {
-webkit-column-gap: 1.5rem !important;
-moz-column-gap: 1.5rem !important;
column-gap: 1.5rem !important;
}
.column-gap-lg-7 {
-webkit-column-gap: 1.875rem !important;
-moz-column-gap: 1.875rem !important;
column-gap: 1.875rem !important;
}
.column-gap-lg-8 {
-webkit-column-gap: 2rem !important;
-moz-column-gap: 2rem !important;
column-gap: 2rem !important;
}
.column-gap-lg-9 {
-webkit-column-gap: 3rem !important;
-moz-column-gap: 3rem !important;
column-gap: 3rem !important;
}
.column-gap-lg-10 {
-webkit-column-gap: 4rem !important;
-moz-column-gap: 4rem !important;
column-gap: 4rem !important;
}
.column-gap-lg-11 {
-webkit-column-gap: 4.375rem !important;
-moz-column-gap: 4.375rem !important;
column-gap: 4.375rem !important;
}
.column-gap-lg-12 {
-webkit-column-gap: 0.625rem !important;
-moz-column-gap: 0.625rem !important;
column-gap: 0.625rem !important;
}
.text-lg-start {
text-align: left !important;
}
.text-lg-end {
text-align: right !important;
}
.text-lg-center {
text-align: center !important;
}
}
@media (min-width: 1200px) {
.float-xl-start {
float: left !important;
}
.float-xl-end {
float: right !important;
}
.float-xl-none {
float: none !important;
}
.object-fit-xl-contain {
-o-object-fit: contain !important;
object-fit: contain !important;
}
.object-fit-xl-cover {
-o-object-fit: cover !important;
object-fit: cover !important;
}
.object-fit-xl-fill {
-o-object-fit: fill !important;
object-fit: fill !important;
}
.object-fit-xl-scale {
-o-object-fit: scale-down !important;
object-fit: scale-down !important;
}
.object-fit-xl-none {
-o-object-fit: none !important;
object-fit: none !important;
}
.d-xl-inline {
display: inline !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-grid {
display: -ms-grid !important;
display: grid !important;
}
.d-xl-inline-grid {
display: -ms-inline-grid !important;
display: inline-grid !important;
}
.d-xl-table {
display: table !important;
}
.d-xl-table-row {
display: table-row !important;
}
.d-xl-table-cell {
display: table-cell !important;
}
.d-xl-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-xl-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
.d-xl-none {
display: none !important;
}
.flex-xl-fill {
-webkit-box-flex: 1 !important;
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-xl-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-xl-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-xl-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-xl-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-xl-grow-0 {
-webkit-box-flex: 0 !important;
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-xl-grow-1 {
-webkit-box-flex: 1 !important;
-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;
}
.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;
}
.justify-content-xl-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-xl-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-xl-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-xl-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-xl-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.justify-content-xl-evenly {
-webkit-box-pack: space-evenly !important;
-ms-flex-pack: space-evenly !important;
justify-content: space-evenly !important;
}
.align-items-xl-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-xl-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-xl-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-xl-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-xl-stretch {
-webkit-box-align: stretch !important;
-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;
-ms-grid-row-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;
-ms-grid-row-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;
-ms-grid-row-align: stretch !important;
align-self: stretch !important;
}
.order-xl-first {
-webkit-box-ordinal-group: 0 !important;
-ms-flex-order: -1 !important;
order: -1 !important;
}
.order-xl-0 {
-webkit-box-ordinal-group: 1 !important;
-ms-flex-order: 0 !important;
order: 0 !important;
}
.order-xl-1 {
-webkit-box-ordinal-group: 2 !important;
-ms-flex-order: 1 !important;
order: 1 !important;
}
.order-xl-2 {
-webkit-box-ordinal-group: 3 !important;
-ms-flex-order: 2 !important;
order: 2 !important;
}
.order-xl-3 {
-webkit-box-ordinal-group: 4 !important;
-ms-flex-order: 3 !important;
order: 3 !important;
}
.order-xl-4 {
-webkit-box-ordinal-group: 5 !important;
-ms-flex-order: 4 !important;
order: 4 !important;
}
.order-xl-5 {
-webkit-box-ordinal-group: 6 !important;
-ms-flex-order: 5 !important;
order: 5 !important;
}
.order-xl-last {
-webkit-box-ordinal-group: 7 !important;
-ms-flex-order: 6 !important;
order: 6 !important;
}
.m-xl-0 {
margin: 0 !important;
}
.m-xl-1 {
margin: 0.25rem !important;
}
.m-xl-2 {
margin: 0.5rem !important;
}
.m-xl-3 {
margin: 0.75rem !important;
}
.m-xl-4 {
margin: 1rem !important;
}
.m-xl-5 {
margin: 1.25rem !important;
}
.m-xl-6 {
margin: 1.5rem !important;
}
.m-xl-7 {
margin: 1.875rem !important;
}
.m-xl-8 {
margin: 2rem !important;
}
.m-xl-9 {
margin: 3rem !important;
}
.m-xl-10 {
margin: 4rem !important;
}
.m-xl-11 {
margin: 4.375rem !important;
}
.m-xl-12 {
margin: 0.625rem !important;
}
.m-xl-auto {
margin: auto !important;
}
.mx-xl-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.mx-xl-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-xl-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.mx-xl-3 {
margin-right: 0.75rem !important;
margin-left: 0.75rem !important;
}
.mx-xl-4 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.mx-xl-5 {
margin-right: 1.25rem !important;
margin-left: 1.25rem !important;
}
.mx-xl-6 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.mx-xl-7 {
margin-right: 1.875rem !important;
margin-left: 1.875rem !important;
}
.mx-xl-8 {
margin-right: 2rem !important;
margin-left: 2rem !important;
}
.mx-xl-9 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.mx-xl-10 {
margin-right: 4rem !important;
margin-left: 4rem !important;
}
.mx-xl-11 {
margin-right: 4.375rem !important;
margin-left: 4.375rem !important;
}
.mx-xl-12 {
margin-right: 0.625rem !important;
margin-left: 0.625rem !important;
}
.mx-xl-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-xl-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-xl-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-xl-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-xl-3 {
margin-top: 0.75rem !important;
margin-bottom: 0.75rem !important;
}
.my-xl-4 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-xl-5 {
margin-top: 1.25rem !important;
margin-bottom: 1.25rem !important;
}
.my-xl-6 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-xl-7 {
margin-top: 1.875rem !important;
margin-bottom: 1.875rem !important;
}
.my-xl-8 {
margin-top: 2rem !important;
margin-bottom: 2rem !important;
}
.my-xl-9 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.my-xl-10 {
margin-top: 4rem !important;
margin-bottom: 4rem !important;
}
.my-xl-11 {
margin-top: 4.375rem !important;
margin-bottom: 4.375rem !important;
}
.my-xl-12 {
margin-top: 0.625rem !important;
margin-bottom: 0.625rem !important;
}
.my-xl-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.mt-xl-0 {
margin-top: 0 !important;
}
.mt-xl-1 {
margin-top: 0.25rem !important;
}
.mt-xl-2 {
margin-top: 0.5rem !important;
}
.mt-xl-3 {
margin-top: 0.75rem !important;
}
.mt-xl-4 {
margin-top: 1rem !important;
}
.mt-xl-5 {
margin-top: 1.25rem !important;
}
.mt-xl-6 {
margin-top: 1.5rem !important;
}
.mt-xl-7 {
margin-top: 1.875rem !important;
}
.mt-xl-8 {
margin-top: 2rem !important;
}
.mt-xl-9 {
margin-top: 3rem !important;
}
.mt-xl-10 {
margin-top: 4rem !important;
}
.mt-xl-11 {
margin-top: 4.375rem !important;
}
.mt-xl-12 {
margin-top: 0.625rem !important;
}
.mt-xl-auto {
margin-top: auto !important;
}
.me-xl-0 {
margin-right: 0 !important;
}
.me-xl-1 {
margin-right: 0.25rem !important;
}
.me-xl-2 {
margin-right: 0.5rem !important;
}
.me-xl-3 {
margin-right: 0.75rem !important;
}
.me-xl-4 {
margin-right: 1rem !important;
}
.me-xl-5 {
margin-right: 1.25rem !important;
}
.me-xl-6 {
margin-right: 1.5rem !important;
}
.me-xl-7 {
margin-right: 1.875rem !important;
}
.me-xl-8 {
margin-right: 2rem !important;
}
.me-xl-9 {
margin-right: 3rem !important;
}
.me-xl-10 {
margin-right: 4rem !important;
}
.me-xl-11 {
margin-right: 4.375rem !important;
}
.me-xl-12 {
margin-right: 0.625rem !important;
}
.me-xl-auto {
margin-right: auto !important;
}
.mb-xl-0 {
margin-bottom: 0 !important;
}
.mb-xl-1 {
margin-bottom: 0.25rem !important;
}
.mb-xl-2 {
margin-bottom: 0.5rem !important;
}
.mb-xl-3 {
margin-bottom: 0.75rem !important;
}
.mb-xl-4 {
margin-bottom: 1rem !important;
}
.mb-xl-5 {
margin-bottom: 1.25rem !important;
}
.mb-xl-6 {
margin-bottom: 1.5rem !important;
}
.mb-xl-7 {
margin-bottom: 1.875rem !important;
}
.mb-xl-8 {
margin-bottom: 2rem !important;
}
.mb-xl-9 {
margin-bottom: 3rem !important;
}
.mb-xl-10 {
margin-bottom: 4rem !important;
}
.mb-xl-11 {
margin-bottom: 4.375rem !important;
}
.mb-xl-12 {
margin-bottom: 0.625rem !important;
}
.mb-xl-auto {
margin-bottom: auto !important;
}
.ms-xl-0 {
margin-left: 0 !important;
}
.ms-xl-1 {
margin-left: 0.25rem !important;
}
.ms-xl-2 {
margin-left: 0.5rem !important;
}
.ms-xl-3 {
margin-left: 0.75rem !important;
}
.ms-xl-4 {
margin-left: 1rem !important;
}
.ms-xl-5 {
margin-left: 1.25rem !important;
}
.ms-xl-6 {
margin-left: 1.5rem !important;
}
.ms-xl-7 {
margin-left: 1.875rem !important;
}
.ms-xl-8 {
margin-left: 2rem !important;
}
.ms-xl-9 {
margin-left: 3rem !important;
}
.ms-xl-10 {
margin-left: 4rem !important;
}
.ms-xl-11 {
margin-left: 4.375rem !important;
}
.ms-xl-12 {
margin-left: 0.625rem !important;
}
.ms-xl-auto {
margin-left: auto !important;
}
.p-xl-0 {
padding: 0 !important;
}
.p-xl-1 {
padding: 0.25rem !important;
}
.p-xl-2 {
padding: 0.5rem !important;
}
.p-xl-3 {
padding: 0.75rem !important;
}
.p-xl-4 {
padding: 1rem !important;
}
.p-xl-5 {
padding: 1.25rem !important;
}
.p-xl-6 {
padding: 1.5rem !important;
}
.p-xl-7 {
padding: 1.875rem !important;
}
.p-xl-8 {
padding: 2rem !important;
}
.p-xl-9 {
padding: 3rem !important;
}
.p-xl-10 {
padding: 4rem !important;
}
.p-xl-11 {
padding: 4.375rem !important;
}
.p-xl-12 {
padding: 0.625rem !important;
}
.px-xl-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.px-xl-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-xl-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.px-xl-3 {
padding-right: 0.75rem !important;
padding-left: 0.75rem !important;
}
.px-xl-4 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.px-xl-5 {
padding-right: 1.25rem !important;
padding-left: 1.25rem !important;
}
.px-xl-6 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.px-xl-7 {
padding-right: 1.875rem !important;
padding-left: 1.875rem !important;
}
.px-xl-8 {
padding-right: 2rem !important;
padding-left: 2rem !important;
}
.px-xl-9 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.px-xl-10 {
padding-right: 4rem !important;
padding-left: 4rem !important;
}
.px-xl-11 {
padding-right: 4.375rem !important;
padding-left: 4.375rem !important;
}
.px-xl-12 {
padding-right: 0.625rem !important;
padding-left: 0.625rem !important;
}
.py-xl-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-xl-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-xl-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-xl-3 {
padding-top: 0.75rem !important;
padding-bottom: 0.75rem !important;
}
.py-xl-4 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-xl-5 {
padding-top: 1.25rem !important;
padding-bottom: 1.25rem !important;
}
.py-xl-6 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-xl-7 {
padding-top: 1.875rem !important;
padding-bottom: 1.875rem !important;
}
.py-xl-8 {
padding-top: 2rem !important;
padding-bottom: 2rem !important;
}
.py-xl-9 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.py-xl-10 {
padding-top: 4rem !important;
padding-bottom: 4rem !important;
}
.py-xl-11 {
padding-top: 4.375rem !important;
padding-bottom: 4.375rem !important;
}
.py-xl-12 {
padding-top: 0.625rem !important;
padding-bottom: 0.625rem !important;
}
.pt-xl-0 {
padding-top: 0 !important;
}
.pt-xl-1 {
padding-top: 0.25rem !important;
}
.pt-xl-2 {
padding-top: 0.5rem !important;
}
.pt-xl-3 {
padding-top: 0.75rem !important;
}
.pt-xl-4 {
padding-top: 1rem !important;
}
.pt-xl-5 {
padding-top: 1.25rem !important;
}
.pt-xl-6 {
padding-top: 1.5rem !important;
}
.pt-xl-7 {
padding-top: 1.875rem !important;
}
.pt-xl-8 {
padding-top: 2rem !important;
}
.pt-xl-9 {
padding-top: 3rem !important;
}
.pt-xl-10 {
padding-top: 4rem !important;
}
.pt-xl-11 {
padding-top: 4.375rem !important;
}
.pt-xl-12 {
padding-top: 0.625rem !important;
}
.pe-xl-0 {
padding-right: 0 !important;
}
.pe-xl-1 {
padding-right: 0.25rem !important;
}
.pe-xl-2 {
padding-right: 0.5rem !important;
}
.pe-xl-3 {
padding-right: 0.75rem !important;
}
.pe-xl-4 {
padding-right: 1rem !important;
}
.pe-xl-5 {
padding-right: 1.25rem !important;
}
.pe-xl-6 {
padding-right: 1.5rem !important;
}
.pe-xl-7 {
padding-right: 1.875rem !important;
}
.pe-xl-8 {
padding-right: 2rem !important;
}
.pe-xl-9 {
padding-right: 3rem !important;
}
.pe-xl-10 {
padding-right: 4rem !important;
}
.pe-xl-11 {
padding-right: 4.375rem !important;
}
.pe-xl-12 {
padding-right: 0.625rem !important;
}
.pb-xl-0 {
padding-bottom: 0 !important;
}
.pb-xl-1 {
padding-bottom: 0.25rem !important;
}
.pb-xl-2 {
padding-bottom: 0.5rem !important;
}
.pb-xl-3 {
padding-bottom: 0.75rem !important;
}
.pb-xl-4 {
padding-bottom: 1rem !important;
}
.pb-xl-5 {
padding-bottom: 1.25rem !important;
}
.pb-xl-6 {
padding-bottom: 1.5rem !important;
}
.pb-xl-7 {
padding-bottom: 1.875rem !important;
}
.pb-xl-8 {
padding-bottom: 2rem !important;
}
.pb-xl-9 {
padding-bottom: 3rem !important;
}
.pb-xl-10 {
padding-bottom: 4rem !important;
}
.pb-xl-11 {
padding-bottom: 4.375rem !important;
}
.pb-xl-12 {
padding-bottom: 0.625rem !important;
}
.ps-xl-0 {
padding-left: 0 !important;
}
.ps-xl-1 {
padding-left: 0.25rem !important;
}
.ps-xl-2 {
padding-left: 0.5rem !important;
}
.ps-xl-3 {
padding-left: 0.75rem !important;
}
.ps-xl-4 {
padding-left: 1rem !important;
}
.ps-xl-5 {
padding-left: 1.25rem !important;
}
.ps-xl-6 {
padding-left: 1.5rem !important;
}
.ps-xl-7 {
padding-left: 1.875rem !important;
}
.ps-xl-8 {
padding-left: 2rem !important;
}
.ps-xl-9 {
padding-left: 3rem !important;
}
.ps-xl-10 {
padding-left: 4rem !important;
}
.ps-xl-11 {
padding-left: 4.375rem !important;
}
.ps-xl-12 {
padding-left: 0.625rem !important;
}
.gap-xl-0 {
gap: 0 !important;
}
.gap-xl-1 {
gap: 0.25rem !important;
}
.gap-xl-2 {
gap: 0.5rem !important;
}
.gap-xl-3 {
gap: 0.75rem !important;
}
.gap-xl-4 {
gap: 1rem !important;
}
.gap-xl-5 {
gap: 1.25rem !important;
}
.gap-xl-6 {
gap: 1.5rem !important;
}
.gap-xl-7 {
gap: 1.875rem !important;
}
.gap-xl-8 {
gap: 2rem !important;
}
.gap-xl-9 {
gap: 3rem !important;
}
.gap-xl-10 {
gap: 4rem !important;
}
.gap-xl-11 {
gap: 4.375rem !important;
}
.gap-xl-12 {
gap: 0.625rem !important;
}
.row-gap-xl-0 {
row-gap: 0 !important;
}
.row-gap-xl-1 {
row-gap: 0.25rem !important;
}
.row-gap-xl-2 {
row-gap: 0.5rem !important;
}
.row-gap-xl-3 {
row-gap: 0.75rem !important;
}
.row-gap-xl-4 {
row-gap: 1rem !important;
}
.row-gap-xl-5 {
row-gap: 1.25rem !important;
}
.row-gap-xl-6 {
row-gap: 1.5rem !important;
}
.row-gap-xl-7 {
row-gap: 1.875rem !important;
}
.row-gap-xl-8 {
row-gap: 2rem !important;
}
.row-gap-xl-9 {
row-gap: 3rem !important;
}
.row-gap-xl-10 {
row-gap: 4rem !important;
}
.row-gap-xl-11 {
row-gap: 4.375rem !important;
}
.row-gap-xl-12 {
row-gap: 0.625rem !important;
}
.column-gap-xl-0 {
-webkit-column-gap: 0 !important;
-moz-column-gap: 0 !important;
column-gap: 0 !important;
}
.column-gap-xl-1 {
-webkit-column-gap: 0.25rem !important;
-moz-column-gap: 0.25rem !important;
column-gap: 0.25rem !important;
}
.column-gap-xl-2 {
-webkit-column-gap: 0.5rem !important;
-moz-column-gap: 0.5rem !important;
column-gap: 0.5rem !important;
}
.column-gap-xl-3 {
-webkit-column-gap: 0.75rem !important;
-moz-column-gap: 0.75rem !important;
column-gap: 0.75rem !important;
}
.column-gap-xl-4 {
-webkit-column-gap: 1rem !important;
-moz-column-gap: 1rem !important;
column-gap: 1rem !important;
}
.column-gap-xl-5 {
-webkit-column-gap: 1.25rem !important;
-moz-column-gap: 1.25rem !important;
column-gap: 1.25rem !important;
}
.column-gap-xl-6 {
-webkit-column-gap: 1.5rem !important;
-moz-column-gap: 1.5rem !important;
column-gap: 1.5rem !important;
}
.column-gap-xl-7 {
-webkit-column-gap: 1.875rem !important;
-moz-column-gap: 1.875rem !important;
column-gap: 1.875rem !important;
}
.column-gap-xl-8 {
-webkit-column-gap: 2rem !important;
-moz-column-gap: 2rem !important;
column-gap: 2rem !important;
}
.column-gap-xl-9 {
-webkit-column-gap: 3rem !important;
-moz-column-gap: 3rem !important;
column-gap: 3rem !important;
}
.column-gap-xl-10 {
-webkit-column-gap: 4rem !important;
-moz-column-gap: 4rem !important;
column-gap: 4rem !important;
}
.column-gap-xl-11 {
-webkit-column-gap: 4.375rem !important;
-moz-column-gap: 4.375rem !important;
column-gap: 4.375rem !important;
}
.column-gap-xl-12 {
-webkit-column-gap: 0.625rem !important;
-moz-column-gap: 0.625rem !important;
column-gap: 0.625rem !important;
}
.text-xl-start {
text-align: left !important;
}
.text-xl-end {
text-align: right !important;
}
.text-xl-center {
text-align: center !important;
}
}
@media (min-width: 1400px) {
.float-xxl-start {
float: left !important;
}
.float-xxl-end {
float: right !important;
}
.float-xxl-none {
float: none !important;
}
.object-fit-xxl-contain {
-o-object-fit: contain !important;
object-fit: contain !important;
}
.object-fit-xxl-cover {
-o-object-fit: cover !important;
object-fit: cover !important;
}
.object-fit-xxl-fill {
-o-object-fit: fill !important;
object-fit: fill !important;
}
.object-fit-xxl-scale {
-o-object-fit: scale-down !important;
object-fit: scale-down !important;
}
.object-fit-xxl-none {
-o-object-fit: none !important;
object-fit: none !important;
}
.d-xxl-inline {
display: inline !important;
}
.d-xxl-inline-block {
display: inline-block !important;
}
.d-xxl-block {
display: block !important;
}
.d-xxl-grid {
display: -ms-grid !important;
display: grid !important;
}
.d-xxl-inline-grid {
display: -ms-inline-grid !important;
display: inline-grid !important;
}
.d-xxl-table {
display: table !important;
}
.d-xxl-table-row {
display: table-row !important;
}
.d-xxl-table-cell {
display: table-cell !important;
}
.d-xxl-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-xxl-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
.d-xxl-none {
display: none !important;
}
.flex-xxl-fill {
-webkit-box-flex: 1 !important;
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-xxl-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-xxl-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-xxl-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-xxl-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-xxl-grow-0 {
-webkit-box-flex: 0 !important;
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-xxl-grow-1 {
-webkit-box-flex: 1 !important;
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-xxl-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-xxl-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.flex-xxl-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-xxl-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-xxl-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-xxl-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-xxl-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-xxl-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-xxl-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-xxl-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.justify-content-xxl-evenly {
-webkit-box-pack: space-evenly !important;
-ms-flex-pack: space-evenly !important;
justify-content: space-evenly !important;
}
.align-items-xxl-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-xxl-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-xxl-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-xxl-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-xxl-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-xxl-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-xxl-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-xxl-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-xxl-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-xxl-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-xxl-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-xxl-auto {
-ms-flex-item-align: auto !important;
-ms-grid-row-align: auto !important;
align-self: auto !important;
}
.align-self-xxl-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-xxl-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-xxl-center {
-ms-flex-item-align: center !important;
-ms-grid-row-align: center !important;
align-self: center !important;
}
.align-self-xxl-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-xxl-stretch {
-ms-flex-item-align: stretch !important;
-ms-grid-row-align: stretch !important;
align-self: stretch !important;
}
.order-xxl-first {
-webkit-box-ordinal-group: 0 !important;
-ms-flex-order: -1 !important;
order: -1 !important;
}
.order-xxl-0 {
-webkit-box-ordinal-group: 1 !important;
-ms-flex-order: 0 !important;
order: 0 !important;
}
.order-xxl-1 {
-webkit-box-ordinal-group: 2 !important;
-ms-flex-order: 1 !important;
order: 1 !important;
}
.order-xxl-2 {
-webkit-box-ordinal-group: 3 !important;
-ms-flex-order: 2 !important;
order: 2 !important;
}
.order-xxl-3 {
-webkit-box-ordinal-group: 4 !important;
-ms-flex-order: 3 !important;
order: 3 !important;
}
.order-xxl-4 {
-webkit-box-ordinal-group: 5 !important;
-ms-flex-order: 4 !important;
order: 4 !important;
}
.order-xxl-5 {
-webkit-box-ordinal-group: 6 !important;
-ms-flex-order: 5 !important;
order: 5 !important;
}
.order-xxl-last {
-webkit-box-ordinal-group: 7 !important;
-ms-flex-order: 6 !important;
order: 6 !important;
}
.m-xxl-0 {
margin: 0 !important;
}
.m-xxl-1 {
margin: 0.25rem !important;
}
.m-xxl-2 {
margin: 0.5rem !important;
}
.m-xxl-3 {
margin: 0.75rem !important;
}
.m-xxl-4 {
margin: 1rem !important;
}
.m-xxl-5 {
margin: 1.25rem !important;
}
.m-xxl-6 {
margin: 1.5rem !important;
}
.m-xxl-7 {
margin: 1.875rem !important;
}
.m-xxl-8 {
margin: 2rem !important;
}
.m-xxl-9 {
margin: 3rem !important;
}
.m-xxl-10 {
margin: 4rem !important;
}
.m-xxl-11 {
margin: 4.375rem !important;
}
.m-xxl-12 {
margin: 0.625rem !important;
}
.m-xxl-auto {
margin: auto !important;
}
.mx-xxl-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.mx-xxl-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-xxl-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.mx-xxl-3 {
margin-right: 0.75rem !important;
margin-left: 0.75rem !important;
}
.mx-xxl-4 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.mx-xxl-5 {
margin-right: 1.25rem !important;
margin-left: 1.25rem !important;
}
.mx-xxl-6 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.mx-xxl-7 {
margin-right: 1.875rem !important;
margin-left: 1.875rem !important;
}
.mx-xxl-8 {
margin-right: 2rem !important;
margin-left: 2rem !important;
}
.mx-xxl-9 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.mx-xxl-10 {
margin-right: 4rem !important;
margin-left: 4rem !important;
}
.mx-xxl-11 {
margin-right: 4.375rem !important;
margin-left: 4.375rem !important;
}
.mx-xxl-12 {
margin-right: 0.625rem !important;
margin-left: 0.625rem !important;
}
.mx-xxl-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-xxl-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-xxl-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-xxl-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-xxl-3 {
margin-top: 0.75rem !important;
margin-bottom: 0.75rem !important;
}
.my-xxl-4 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-xxl-5 {
margin-top: 1.25rem !important;
margin-bottom: 1.25rem !important;
}
.my-xxl-6 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-xxl-7 {
margin-top: 1.875rem !important;
margin-bottom: 1.875rem !important;
}
.my-xxl-8 {
margin-top: 2rem !important;
margin-bottom: 2rem !important;
}
.my-xxl-9 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.my-xxl-10 {
margin-top: 4rem !important;
margin-bottom: 4rem !important;
}
.my-xxl-11 {
margin-top: 4.375rem !important;
margin-bottom: 4.375rem !important;
}
.my-xxl-12 {
margin-top: 0.625rem !important;
margin-bottom: 0.625rem !important;
}
.my-xxl-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.mt-xxl-0 {
margin-top: 0 !important;
}
.mt-xxl-1 {
margin-top: 0.25rem !important;
}
.mt-xxl-2 {
margin-top: 0.5rem !important;
}
.mt-xxl-3 {
margin-top: 0.75rem !important;
}
.mt-xxl-4 {
margin-top: 1rem !important;
}
.mt-xxl-5 {
margin-top: 1.25rem !important;
}
.mt-xxl-6 {
margin-top: 1.5rem !important;
}
.mt-xxl-7 {
margin-top: 1.875rem !important;
}
.mt-xxl-8 {
margin-top: 2rem !important;
}
.mt-xxl-9 {
margin-top: 3rem !important;
}
.mt-xxl-10 {
margin-top: 4rem !important;
}
.mt-xxl-11 {
margin-top: 4.375rem !important;
}
.mt-xxl-12 {
margin-top: 0.625rem !important;
}
.mt-xxl-auto {
margin-top: auto !important;
}
.me-xxl-0 {
margin-right: 0 !important;
}
.me-xxl-1 {
margin-right: 0.25rem !important;
}
.me-xxl-2 {
margin-right: 0.5rem !important;
}
.me-xxl-3 {
margin-right: 0.75rem !important;
}
.me-xxl-4 {
margin-right: 1rem !important;
}
.me-xxl-5 {
margin-right: 1.25rem !important;
}
.me-xxl-6 {
margin-right: 1.5rem !important;
}
.me-xxl-7 {
margin-right: 1.875rem !important;
}
.me-xxl-8 {
margin-right: 2rem !important;
}
.me-xxl-9 {
margin-right: 3rem !important;
}
.me-xxl-10 {
margin-right: 4rem !important;
}
.me-xxl-11 {
margin-right: 4.375rem !important;
}
.me-xxl-12 {
margin-right: 0.625rem !important;
}
.me-xxl-auto {
margin-right: auto !important;
}
.mb-xxl-0 {
margin-bottom: 0 !important;
}
.mb-xxl-1 {
margin-bottom: 0.25rem !important;
}
.mb-xxl-2 {
margin-bottom: 0.5rem !important;
}
.mb-xxl-3 {
margin-bottom: 0.75rem !important;
}
.mb-xxl-4 {
margin-bottom: 1rem !important;
}
.mb-xxl-5 {
margin-bottom: 1.25rem !important;
}
.mb-xxl-6 {
margin-bottom: 1.5rem !important;
}
.mb-xxl-7 {
margin-bottom: 1.875rem !important;
}
.mb-xxl-8 {
margin-bottom: 2rem !important;
}
.mb-xxl-9 {
margin-bottom: 3rem !important;
}
.mb-xxl-10 {
margin-bottom: 4rem !important;
}
.mb-xxl-11 {
margin-bottom: 4.375rem !important;
}
.mb-xxl-12 {
margin-bottom: 0.625rem !important;
}
.mb-xxl-auto {
margin-bottom: auto !important;
}
.ms-xxl-0 {
margin-left: 0 !important;
}
.ms-xxl-1 {
margin-left: 0.25rem !important;
}
.ms-xxl-2 {
margin-left: 0.5rem !important;
}
.ms-xxl-3 {
margin-left: 0.75rem !important;
}
.ms-xxl-4 {
margin-left: 1rem !important;
}
.ms-xxl-5 {
margin-left: 1.25rem !important;
}
.ms-xxl-6 {
margin-left: 1.5rem !important;
}
.ms-xxl-7 {
margin-left: 1.875rem !important;
}
.ms-xxl-8 {
margin-left: 2rem !important;
}
.ms-xxl-9 {
margin-left: 3rem !important;
}
.ms-xxl-10 {
margin-left: 4rem !important;
}
.ms-xxl-11 {
margin-left: 4.375rem !important;
}
.ms-xxl-12 {
margin-left: 0.625rem !important;
}
.ms-xxl-auto {
margin-left: auto !important;
}
.p-xxl-0 {
padding: 0 !important;
}
.p-xxl-1 {
padding: 0.25rem !important;
}
.p-xxl-2 {
padding: 0.5rem !important;
}
.p-xxl-3 {
padding: 0.75rem !important;
}
.p-xxl-4 {
padding: 1rem !important;
}
.p-xxl-5 {
padding: 1.25rem !important;
}
.p-xxl-6 {
padding: 1.5rem !important;
}
.p-xxl-7 {
padding: 1.875rem !important;
}
.p-xxl-8 {
padding: 2rem !important;
}
.p-xxl-9 {
padding: 3rem !important;
}
.p-xxl-10 {
padding: 4rem !important;
}
.p-xxl-11 {
padding: 4.375rem !important;
}
.p-xxl-12 {
padding: 0.625rem !important;
}
.px-xxl-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.px-xxl-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-xxl-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.px-xxl-3 {
padding-right: 0.75rem !important;
padding-left: 0.75rem !important;
}
.px-xxl-4 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.px-xxl-5 {
padding-right: 1.25rem !important;
padding-left: 1.25rem !important;
}
.px-xxl-6 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.px-xxl-7 {
padding-right: 1.875rem !important;
padding-left: 1.875rem !important;
}
.px-xxl-8 {
padding-right: 2rem !important;
padding-left: 2rem !important;
}
.px-xxl-9 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.px-xxl-10 {
padding-right: 4rem !important;
padding-left: 4rem !important;
}
.px-xxl-11 {
padding-right: 4.375rem !important;
padding-left: 4.375rem !important;
}
.px-xxl-12 {
padding-right: 0.625rem !important;
padding-left: 0.625rem !important;
}
.py-xxl-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-xxl-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-xxl-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-xxl-3 {
padding-top: 0.75rem !important;
padding-bottom: 0.75rem !important;
}
.py-xxl-4 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-xxl-5 {
padding-top: 1.25rem !important;
padding-bottom: 1.25rem !important;
}
.py-xxl-6 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-xxl-7 {
padding-top: 1.875rem !important;
padding-bottom: 1.875rem !important;
}
.py-xxl-8 {
padding-top: 2rem !important;
padding-bottom: 2rem !important;
}
.py-xxl-9 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.py-xxl-10 {
padding-top: 4rem !important;
padding-bottom: 4rem !important;
}
.py-xxl-11 {
padding-top: 4.375rem !important;
padding-bottom: 4.375rem !important;
}
.py-xxl-12 {
padding-top: 0.625rem !important;
padding-bottom: 0.625rem !important;
}
.pt-xxl-0 {
padding-top: 0 !important;
}
.pt-xxl-1 {
padding-top: 0.25rem !important;
}
.pt-xxl-2 {
padding-top: 0.5rem !important;
}
.pt-xxl-3 {
padding-top: 0.75rem !important;
}
.pt-xxl-4 {
padding-top: 1rem !important;
}
.pt-xxl-5 {
padding-top: 1.25rem !important;
}
.pt-xxl-6 {
padding-top: 1.5rem !important;
}
.pt-xxl-7 {
padding-top: 1.875rem !important;
}
.pt-xxl-8 {
padding-top: 2rem !important;
}
.pt-xxl-9 {
padding-top: 3rem !important;
}
.pt-xxl-10 {
padding-top: 4rem !important;
}
.pt-xxl-11 {
padding-top: 4.375rem !important;
}
.pt-xxl-12 {
padding-top: 0.625rem !important;
}
.pe-xxl-0 {
padding-right: 0 !important;
}
.pe-xxl-1 {
padding-right: 0.25rem !important;
}
.pe-xxl-2 {
padding-right: 0.5rem !important;
}
.pe-xxl-3 {
padding-right: 0.75rem !important;
}
.pe-xxl-4 {
padding-right: 1rem !important;
}
.pe-xxl-5 {
padding-right: 1.25rem !important;
}
.pe-xxl-6 {
padding-right: 1.5rem !important;
}
.pe-xxl-7 {
padding-right: 1.875rem !important;
}
.pe-xxl-8 {
padding-right: 2rem !important;
}
.pe-xxl-9 {
padding-right: 3rem !important;
}
.pe-xxl-10 {
padding-right: 4rem !important;
}
.pe-xxl-11 {
padding-right: 4.375rem !important;
}
.pe-xxl-12 {
padding-right: 0.625rem !important;
}
.pb-xxl-0 {
padding-bottom: 0 !important;
}
.pb-xxl-1 {
padding-bottom: 0.25rem !important;
}
.pb-xxl-2 {
padding-bottom: 0.5rem !important;
}
.pb-xxl-3 {
padding-bottom: 0.75rem !important;
}
.pb-xxl-4 {
padding-bottom: 1rem !important;
}
.pb-xxl-5 {
padding-bottom: 1.25rem !important;
}
.pb-xxl-6 {
padding-bottom: 1.5rem !important;
}
.pb-xxl-7 {
padding-bottom: 1.875rem !important;
}
.pb-xxl-8 {
padding-bottom: 2rem !important;
}
.pb-xxl-9 {
padding-bottom: 3rem !important;
}
.pb-xxl-10 {
padding-bottom: 4rem !important;
}
.pb-xxl-11 {
padding-bottom: 4.375rem !important;
}
.pb-xxl-12 {
padding-bottom: 0.625rem !important;
}
.ps-xxl-0 {
padding-left: 0 !important;
}
.ps-xxl-1 {
padding-left: 0.25rem !important;
}
.ps-xxl-2 {
padding-left: 0.5rem !important;
}
.ps-xxl-3 {
padding-left: 0.75rem !important;
}
.ps-xxl-4 {
padding-left: 1rem !important;
}
.ps-xxl-5 {
padding-left: 1.25rem !important;
}
.ps-xxl-6 {
padding-left: 1.5rem !important;
}
.ps-xxl-7 {
padding-left: 1.875rem !important;
}
.ps-xxl-8 {
padding-left: 2rem !important;
}
.ps-xxl-9 {
padding-left: 3rem !important;
}
.ps-xxl-10 {
padding-left: 4rem !important;
}
.ps-xxl-11 {
padding-left: 4.375rem !important;
}
.ps-xxl-12 {
padding-left: 0.625rem !important;
}
.gap-xxl-0 {
gap: 0 !important;
}
.gap-xxl-1 {
gap: 0.25rem !important;
}
.gap-xxl-2 {
gap: 0.5rem !important;
}
.gap-xxl-3 {
gap: 0.75rem !important;
}
.gap-xxl-4 {
gap: 1rem !important;
}
.gap-xxl-5 {
gap: 1.25rem !important;
}
.gap-xxl-6 {
gap: 1.5rem !important;
}
.gap-xxl-7 {
gap: 1.875rem !important;
}
.gap-xxl-8 {
gap: 2rem !important;
}
.gap-xxl-9 {
gap: 3rem !important;
}
.gap-xxl-10 {
gap: 4rem !important;
}
.gap-xxl-11 {
gap: 4.375rem !important;
}
.gap-xxl-12 {
gap: 0.625rem !important;
}
.row-gap-xxl-0 {
row-gap: 0 !important;
}
.row-gap-xxl-1 {
row-gap: 0.25rem !important;
}
.row-gap-xxl-2 {
row-gap: 0.5rem !important;
}
.row-gap-xxl-3 {
row-gap: 0.75rem !important;
}
.row-gap-xxl-4 {
row-gap: 1rem !important;
}
.row-gap-xxl-5 {
row-gap: 1.25rem !important;
}
.row-gap-xxl-6 {
row-gap: 1.5rem !important;
}
.row-gap-xxl-7 {
row-gap: 1.875rem !important;
}
.row-gap-xxl-8 {
row-gap: 2rem !important;
}
.row-gap-xxl-9 {
row-gap: 3rem !important;
}
.row-gap-xxl-10 {
row-gap: 4rem !important;
}
.row-gap-xxl-11 {
row-gap: 4.375rem !important;
}
.row-gap-xxl-12 {
row-gap: 0.625rem !important;
}
.column-gap-xxl-0 {
-webkit-column-gap: 0 !important;
-moz-column-gap: 0 !important;
column-gap: 0 !important;
}
.column-gap-xxl-1 {
-webkit-column-gap: 0.25rem !important;
-moz-column-gap: 0.25rem !important;
column-gap: 0.25rem !important;
}
.column-gap-xxl-2 {
-webkit-column-gap: 0.5rem !important;
-moz-column-gap: 0.5rem !important;
column-gap: 0.5rem !important;
}
.column-gap-xxl-3 {
-webkit-column-gap: 0.75rem !important;
-moz-column-gap: 0.75rem !important;
column-gap: 0.75rem !important;
}
.column-gap-xxl-4 {
-webkit-column-gap: 1rem !important;
-moz-column-gap: 1rem !important;
column-gap: 1rem !important;
}
.column-gap-xxl-5 {
-webkit-column-gap: 1.25rem !important;
-moz-column-gap: 1.25rem !important;
column-gap: 1.25rem !important;
}
.column-gap-xxl-6 {
-webkit-column-gap: 1.5rem !important;
-moz-column-gap: 1.5rem !important;
column-gap: 1.5rem !important;
}
.column-gap-xxl-7 {
-webkit-column-gap: 1.875rem !important;
-moz-column-gap: 1.875rem !important;
column-gap: 1.875rem !important;
}
.column-gap-xxl-8 {
-webkit-column-gap: 2rem !important;
-moz-column-gap: 2rem !important;
column-gap: 2rem !important;
}
.column-gap-xxl-9 {
-webkit-column-gap: 3rem !important;
-moz-column-gap: 3rem !important;
column-gap: 3rem !important;
}
.column-gap-xxl-10 {
-webkit-column-gap: 4rem !important;
-moz-column-gap: 4rem !important;
column-gap: 4rem !important;
}
.column-gap-xxl-11 {
-webkit-column-gap: 4.375rem !important;
-moz-column-gap: 4.375rem !important;
column-gap: 4.375rem !important;
}
.column-gap-xxl-12 {
-webkit-column-gap: 0.625rem !important;
-moz-column-gap: 0.625rem !important;
column-gap: 0.625rem !important;
}
.text-xxl-start {
text-align: left !important;
}
.text-xxl-end {
text-align: right !important;
}
.text-xxl-center {
text-align: center !important;
}
}
@media (min-width: 1200px) {
.fs-1 {
font-size: 2.5rem !important;
}
.fs-2 {
font-size: 2rem !important;
}
.fs-3 {
font-size: 1.75rem !important;
}
.fs-4 {
font-size: 1.5rem !important;
}
}
@media print {
.d-print-inline {
display: inline !important;
}
.d-print-inline-block {
display: inline-block !important;
}
.d-print-block {
display: block !important;
}
.d-print-grid {
display: -ms-grid !important;
display: grid !important;
}
.d-print-inline-grid {
display: -ms-inline-grid !important;
display: inline-grid !important;
}
.d-print-table {
display: table !important;
}
.d-print-table-row {
display: table-row !important;
}
.d-print-table-cell {
display: table-cell !important;
}
.d-print-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-print-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
.d-print-none {
display: none !important;
}
}
.noUi-target,
.noUi-target * {
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
-webkit-user-select: none;
-ms-touch-action: none;
touch-action: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.noUi-target {
position: relative;
}
.noUi-base,
.noUi-connects {
width: 100%;
height: 100%;
position: relative;
z-index: 1;
}
.noUi-connects {
overflow: hidden;
z-index: 0;
}
.noUi-connect,
.noUi-origin {
will-change: transform;
position: absolute;
z-index: 1;
top: 0;
right: 0;
height: 100%;
width: 100%;
-ms-transform-origin: 0 0;
-webkit-transform-origin: 0 0;
-webkit-transform-style: preserve-3d;
transform-origin: 0 0;
-webkit-transform-style: flat;
transform-style: flat;
}
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
left: 0;
right: auto;
}
.noUi-vertical .noUi-origin {
top: -100%;
width: 0;
}
.noUi-horizontal .noUi-origin {
height: 0;
}
.noUi-handle {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
position: absolute;
}
.noUi-touch-area {
height: 100%;
width: 100%;
}
.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
-webkit-transition: transform 0.3s;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition:
transform 0.3s,
-webkit-transform 0.3s;
}
.noUi-state-drag * {
cursor: inherit !important;
}
.noUi-horizontal {
height: 2px;
}
.noUi-horizontal .noUi-handle {
width: 20px;
height: 20px;
right: -11px;
top: -9px;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 50%;
background: #fbbf24;
}
.noUi-vertical {
width: 18px;
}
.noUi-vertical .noUi-handle {
width: 20px;
height: 20px;
right: -6px;
bottom: -17px;
}
.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
left: -17px;
right: auto;
}
.noUi-target {
background: var(--bs-dark);
-webkit-box-shadow:
inset 0 1px 1px #f0f0f0,
0 3px 6px -5px #bbb;
box-shadow:
inset 0 1px 1px #f0f0f0,
0 3px 6px -5px #bbb;
}
.noUi-connects {
border-radius: 3px;
}
.noUi-connect {
background: #fbbf24;
}
.noUi-draggable {
cursor: ew-resize;
}
.noUi-vertical .noUi-draggable {
cursor: ns-resize;
}
.noUi-handle {
border: 1px solid #d9d9d9;
border-radius: 3px;
background: #fff;
cursor: default;
-webkit-box-shadow:
inset 0 0 1px #fff,
inset 0 1px 7px #ebebeb,
0 3px 6px -3px #bbb;
box-shadow:
inset 0 0 1px #fff,
inset 0 1px 7px #ebebeb,
0 3px 6px -3px #bbb;
}
.noUi-active {
-webkit-box-shadow:
inset 0 0 1px #fff,
inset 0 1px 7px #ddd,
0 3px 6px -3px #bbb;
box-shadow:
inset 0 0 1px #fff,
inset 0 1px 7px #ddd,
0 3px 6px -3px #bbb;
}
[disabled] .noUi-connect {
background: #b8b8b8;
}
[disabled] .noUi-handle,
[disabled].noUi-handle,
[disabled].noUi-target {
cursor: not-allowed;
}
.noUi-pips,
.noUi-pips * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.noUi-pips {
position: absolute;
color: #999;
}
.noUi-value {
position: absolute;
white-space: nowrap;
text-align: center;
}
.noUi-value-sub {
color: #ccc;
font-size: 10px;
}
.noUi-marker {
position: absolute;
background: #ccc;
}
.noUi-marker-sub {
background: #aaa;
}
.noUi-marker-large {
background: #aaa;
}
.noUi-pips-horizontal {
padding: 10px 0;
height: 80px;
top: 100%;
left: 0;
width: 100%;
}
.noUi-value-horizontal {
-webkit-transform: translate(-50%, 50%);
-ms-transform: translate(-50%, 50%);
transform: translate(-50%, 50%);
}
.noUi-rtl .noUi-value-horizontal {
-webkit-transform: translate(50%, 50%);
-ms-transform: translate(50%, 50%);
transform: translate(50%, 50%);
}
.noUi-marker-horizontal.noUi-marker {
margin-left: -1px;
width: 2px;
height: 5px;
}
.noUi-marker-horizontal.noUi-marker-sub {
height: 10px;
}
.noUi-marker-horizontal.noUi-marker-large {
height: 15px;
}
.noUi-pips-vertical {
padding: 0 10px;
height: 100%;
top: 0;
left: 100%;
}
.noUi-value-vertical {
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
padding-left: 25px;
}
.noUi-rtl .noUi-value-vertical {
-webkit-transform: translate(0, 50%);
-ms-transform: translate(0, 50%);
transform: translate(0, 50%);
}
.noUi-marker-vertical.noUi-marker {
width: 5px;
height: 2px;
margin-top: -1px;
}
.noUi-marker-vertical.noUi-marker-sub {
width: 10px;
}
.noUi-marker-vertical.noUi-marker-large {
width: 15px;
}
.noUi-tooltip {
display: block;
position: absolute;
border: 1px solid #d9d9d9;
border-radius: 3px;
background: #fff;
color: #000;
padding: 5px;
text-align: center;
white-space: nowrap;
}
.noUi-horizontal .noUi-tooltip {
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
left: 50%;
bottom: 120%;
}
.noUi-vertical .noUi-tooltip {
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
top: 50%;
right: 120%;
}
.noUi-horizontal .noUi-origin > .noUi-tooltip {
-webkit-transform: translate(50%, 0);
-ms-transform: translate(50%, 0);
transform: translate(50%, 0);
left: auto;
bottom: 10px;
}
.noUi-vertical .noUi-origin > .noUi-tooltip {
-webkit-transform: translate(0, -18px);
-ms-transform: translate(0, -18px);
transform: translate(0, -18px);
top: auto;
right: 28px;
}
:root {
--disabled-color: rgba(6, 27, 49, 0.7);
--mobile-icon-color: rgba(6, 27, 49, 0.5);
--light-background: #fbfbfb;
--extra-light-background: #f2f3f4;
--border-gray: #cdd1d6;
--border-light: #e7e9eb;
--orange-color: #d97706;
--yellow-color: #fbbf24;
--player-yellow-color: #f59e0b;
--bs-font-sans-serif: 'Overpass';
}
body {
font-family: 'Overpass', 'Adjusted Arial Fallback';
font-size: 1rem;
color: var(--bs-blue);
line-height: 1.2;
}
body:not([data-category='article']) {
overflow-x: hidden;
}
p {
-ms-hyphens: none;
hyphens: none;
/* margin: 0; */
}
ul {
margin: 0;
list-style-type: none;
}
a {
text-decoration: none;
color: inherit;
}
.container {
max-width: var(--container-width);
padding-left: 1rem !important;
padding-right: 1rem !important;
margin: 0 auto;
}
@media (max-width: 1300px) {
.container.slider {
padding-right: 0 !important;
padding-left: 0 !important;
}
.container.slider > .tabs-header,
.container.slider > .title,
.container.slider > .title-description {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
}
.border-bottom-dashed {
border-bottom: 1px dashed var(--bs-yellow);
}
.semibold {
font-weight: 600;
}
.item-arenda__title {
font-size: 3rem;
font-weight: 900;
}
@media (max-width: 1200px) {
.item-arenda__title {
font-size: 2rem;
}
}
@media (max-width: 768px) {
.item-arenda__title {
font-size: 1.5rem;
}
}
.headers {
z-index: 1000;
}
@media (max-width: 1350px) {
.article-slider.container {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
.article-slider.container .about-wrapper__description {
color: #51606f;
}
.article-slider.container .about-wrapper__description.date {
font-size: 0.75rem;
color: var(--bs-gray);
}
.center-arrow {
background: #ffffff;
border-radius: 50%;
-webkit-box-shadow:
0px 4px 4px rgba(6, 27, 49, 0.05),
0px 16px 32px rgba(6, 27, 49, 0.1);
box-shadow:
0px 4px 4px rgba(6, 27, 49, 0.05),
0px 16px 32px rgba(6, 27, 49, 0.1);
-webkit-filter: none;
filter: none;
height: 48px;
width: 48px;
top: 50%;
-webkit-transform: translateY(-75%);
-ms-transform: translateY(-75%);
transform: translateY(-75%);
opacity: 1;
z-index: 1000;
}
@media (max-width: 550px) {
.center-arrow {
height: 2rem;
width: 2rem;
}
}
.center-arrow:after {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background-color: var(--bs-blue);
opacity: 0.5;
}
.center-arrow.right:after {
-webkit-transform: translate(-25%, -45%) rotate(180deg) !important;
-ms-transform: translate(-25%, -45%) rotate(180deg) !important;
transform: translate(-25%, -45%) rotate(180deg) !important;
}
.center-arrow.left {
margin-left: 0.75rem !important;
}
.center-arrow.right {
margin-right: 0.75rem !important;
}
.center-arrow.delivery.left {
margin-left: -1.5rem !important;
}
@media (max-width: 1450px) {
.center-arrow.delivery.left {
margin-left: 0.75rem !important;
}
}
.center-arrow.delivery.right {
margin-right: -1.5rem !important;
}
@media (max-width: 1450px) {
.center-arrow.delivery.right {
margin-right: 0.75rem !important;
}
}
.breadcrumbs {
list-style-type: none !important;
}
@media (max-width: 768px) {
.breadcrumbs {
padding-right: 0 !important;
}
}
@media (max-width: 768px) {
br {
display: inline;
}
br:before {
content: ' ';
}
}
@media (min-width: 768px) {
.rounded-md-6 {
border-radius: 1.5rem !important;
}
}
@media (max-width: 768px) {
.repair-table > div:first-child > div {
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
padding-bottom: 0 !important;
border-bottom: transparent !important;
}
.repair-table > div:last-child > div {
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
}
.repair-background img {
-o-object-position: 62%;
object-position: 62%;
}
}
.phone-title {
font-size: 2rem;
}
@media (max-width: 768px) {
.phone-title {
font-size: 1.5rem;
}
}
@media (max-width: 550px) {
.phone-title {
font-size: 1.25rem;
}
}
.pre-header {
background: var(--bs-blue);
padding: 0.625rem 0;
color: var(--bs-white);
font-size: 0.875rem;
padding: 10px 0;
position: relative;
z-index: 995;
}
.pre-header__city {
color: var(--bs-yellow);
line-height: 1.25rem;
cursor: pointer;
}
.pre-header__text {
line-height: 1.25rem;
background: transparent;
border: none;
color: var(--bs-white);
}
.pre-header__text span {
border-bottom: 1px dashed var(--bs-white);
}
.header {
background: var(--bs-white);
border-bottom: 1px solid #e7e9eb;
}
.header__logo {
width: 187px;
}
.header__logo img {
width: 100%;
}
@media (max-width: 1100px) {
.header__logo {
width: 150px;
}
}
@media (max-width: 768px) {
.header__logo {
width: 135px;
}
}
.header__contact {
font-size: 1.125rem;
color: var(--bs-blue);
font-weight: 600;
line-height: 1.5;
min-width: 168px;
}
.header__description {
font-size: 0.75rem;
}
.header__catalogue {
background: var(--bs-blue);
padding: 14px 44px;
color: var(--bs-white);
font-weight: 600;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.header__catalogue:hover {
background: var(--bs-yellow);
}
.header__catalogue:hover svg {
color: var(--bs-dark-blue);
}
.header__wrapper {
padding-top: 1.125rem;
background: var(--bs-white);
z-index: 1000;
}
.header__wrapper.active {
position: relative;
border: none;
}
@media (max-width: 768px) {
.header__wrapper {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
}
.header__wrapper *:first-child {
z-index: 20;
}
.header-pc__overlay .place-title {
font-size: 2rem;
}
.fz-14 {
font-size: 14px !important;
}
.city-list {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
gap: 1rem;
}
.city-list > li {
line-height: 1.5;
}
.city-list a:hover {
text-decoration: underline;
}
.city-list [data-city] {
cursor: pointer;
}
.city-list [data-city]:hover {
text-decoration: underline;
}
.btn-popup {
font-size: 0.875rem;
}
.contacts-wrapper {
z-index: 999;
}
.contacts-wrapper > .header__contacts {
position: relative;
z-index: 995;
}
.contacts-wrapper__background {
width: calc(100% + 40px);
height: 0;
background: var(--bs-white);
border-radius: 0.75rem;
top: -20px;
left: -20px;
}
.contacts-wrapper__black-background {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: calc(var(--vh, 1vh) * 100);
background: rgba(0, 0, 0, 0.5);
z-index: 995;
opacity: 0;
visibility: hidden;
}
.contacts-wrapper__black-background.active {
opacity: 1;
visibility: visible;
}
.toggle-extra {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.toggle-extra.active {
-webkit-transform: scale(-1);
-ms-transform: scale(-1);
transform: scale(-1);
}
.extra-phone {
z-index: 995;
opacity: 0;
visibility: hidden;
}
.extra-phone.active {
opacity: 1;
visibility: visible;
}
.catalogue-header__overlay {
z-index: 1000;
top: 100%;
left: 0;
height: 100%;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
max-width: 100vw;
max-height: 0;
}
.catalogue-header__overlay.active {
max-height: auto;
opacity: 1;
visibility: visible;
}
@media (max-width: 992px) {
.catalogue-header__overlay {
overflow: hidden;
}
}
.catalogue-header__overlay > div {
padding: 0 50px;
background-color: var(--bs-white);
border-radius: 0 1.25rem 1.25rem;
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}
.catalogue-header__block-wrapper {
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.catalogue-header__block {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
.catalogue-header__category p {
color: var(--bs-black);
}
.catalogue-header__list a {
font-weight: 100;
line-height: 1.65;
}
.catalogue-header__list a:hover {
text-decoration: underline;
}
.catalogue-header__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(50% - 7px);
flex: 0 0 calc(50% - 7px);
}
.catalogue-header__title,
.catalogue-header__title_small {
font-size: 1.125rem;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.catalogue-header__title_small {
font-size: unset;
}
.catalogue-header__title:hover,
.catalogue-header__title_small:hover {
color: var(--bs-yellow);
}
.svg-yellow {
fill: var(--bs-yellow) !important;
}
.svg-dark-blue {
fill: var(--bs-blue) !important;
}
.svg-catalogue {
width: 18px;
height: 16px;
fill: var(--bs-white);
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.arrow {
width: 13px;
height: 7px;
margin: auto 0 auto 14px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
cursor: pointer;
}
@media (max-width: 992px) {
.arrow {
margin: auto 0 auto 4px;
}
}
.disabled-color {
color: var(--bs-gray);
}
.search-container {
border-radius: 8px;
border: 1px solid rgba(6, 27, 49, 0.2);
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
max-width: 445px;
}
.search-container svg {
width: 19px;
height: 19px;
top: 49%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
left: 18px;
fill: #b5bbc2;
}
.search-input {
border: none;
outline: none;
background: transparent;
width: 100%;
font-size: 16px;
outline: none;
padding-left: 3rem;
}
.socials-header__whatsapp {
background: var(--bs-green);
padding: 14px;
}
.whatsapp {
fill: var(--bs-white);
width: 24px;
height: 24px;
}
.socials-header__telegram {
background: var(--bs-cyan);
padding: 16px 14px 14px;
}
.telegram {
background: var(--bs-cyan);
fill: var(--bs-white);
width: 24px;
height: 24px;
}
.place {
width: 18px;
height: 20px;
color: var(--mobile-icon-color);
}
.phone {
width: 20px;
height: 20px;
color: var(--mobile-icon-color);
}
.search {
width: 19px;
height: 19px;
color: var(--mobile-icon-color);
}
.burger {
width: 18px;
height: 16px;
color: var(--bs-yellow);
}
.dropdown-menu {
display: block !important;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.dropdown-menu.active {
opacity: 1;
visibility: visible;
}
@media (max-width: 992px) {
.dropdown-menu {
max-height: 0;
overflow: hidden;
position: relative !important;
border: none;
}
.dropdown-menu.active {
max-height: -webkit-fit-content;
max-height: -moz-fit-content;
max-height: fit-content;
}
}
.background-popup {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
backdrop-filter: blur(3px);
background: var(--disabled-color);
z-index: 200;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.background-popup.active {
opacity: 1;
visibility: visible;
}
.header-search__overlay {
position: fixed;
width: 100%;
left: 0;
z-index: 202;
background: var(--bs-white);
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(-25%);
-ms-transform: translateY(-25%);
transform: translateY(-25%);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.header-search__overlay.active.active {
opacity: 1;
visibility: visible;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.header-search__overlay.overlay-contacts {
-webkit-transform: translateY(25%);
-ms-transform: translateY(25%);
transform: translateY(25%);
border-top-left-radius: 1rem;
border-top-right-radius: 1rem;
bottom: 0;
}
.header-search__overlay.overlay-place {
-webkit-transform: translateY(25%);
-ms-transform: translateY(25%);
transform: translateY(25%);
border-top-left-radius: 1rem;
border-top-right-radius: 1rem;
bottom: 0;
height: 86.25vh;
overflow: auto;
}
.header-search__overlay.overlay-menu {
top: 0;
min-height: calc(var(--vh, 1vh) * 100);
background: var(--bs-white);
z-index: 1000;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
.mobile-cross {
width: 20px;
height: 20px;
cursor: pointer;
color: #061b31;
}
.place-title {
font-size: 0.875rem;
line-height: 24px;
}
.place-title span:first-child {
color: var(--bs-yellow);
}
[data-city] {
color: rgba(6, 27, 49, 0.7);
line-height: 2.3;
}
.contacts-header:before {
content: '';
position: absolute;
width: 100vw;
left: -1rem;
height: 0.3px;
background: rgba(6, 27, 49, 0.2);
bottom: 0;
}
.small-arrow {
width: 5px;
height: 8px;
color: rgba(6, 27, 49, 0.3);
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
margin-right: 0.5rem;
}
.small-arrow.active {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
@media (max-width: 992px) {
.header-menu-wrapper {
position: absolute !important;
top: 0;
left: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background: var(--bs-white);
z-index: 1000;
width: 100vw;
height: calc(var(--vh, 1vh) * 100);
overflow-x: auto;
-webkit-transform: translate(-100%, 0);
-ms-transform: translate(-100%, 0);
transform: translate(-100%, 0);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.header-menu-wrapper.active {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
}
.mobile-catalogue-arrow {
display: none;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.mobile-catalogue-arrow.active {
display: block;
}
.header-menu__item {
cursor: pointer;
}
@media (max-width: 992px) {
.header-menu {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.header-menu span.active {
color: #d97706;
}
@media (max-width: 992px) {
.header__nav {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
}
.mobile-catalogue__title {
font-size: 24px;
color: var(--bs-blue);
}
.header-breadcrumbs__arrow {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
padding: 5.2px 6px;
border: 1px solid var(--bs-blue);
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.header-breadcrumbs__arrow svg {
width: 6px;
height: 7px;
}
.header-breadcrumbs__item {
font-size: 1rem;
}
.header-breadcrumbs__item.disabled {
opacity: 0.5;
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.header-breadcrumbs__item.disabled:hover {
opacity: 1;
}
.header-breadcrumbs__text {
font-size: 0.875rem;
line-height: 1.1;
}
.tick {
fill: var(--bs-yellow);
width: 15px;
height: 15px;
}
.main-slider {
min-height: 500px;
}
@media (max-width: 768px) {
.main-slider {
min-height: auto;
}
}
.main-slider:before {
position: absolute;
content: '';
width: 100%;
height: 100%;
left: 0;
top: 0;
background: #1e1e1e;
z-index: -1;
}
.main-slider > * {
min-height: 500px;
}
@media (max-width: 768px) {
.main-slider > * {
min-height: 100%;
}
}
.main-slider__title {
font-weight: 900;
font-size: 40px;
text-transform: uppercase;
color: var(--bs-white);
max-width: 612px;
}
@media (max-width: 768px) {
.main-slider__title {
font-size: 32px;
}
}
@media (max-width: 600px) {
.main-slider__title {
font-size: 24px;
max-width: 75%;
}
}
@media (max-width: 500px) {
.main-slider__title {
max-width: 83%;
line-height: 1.3;
}
}
.main-slider__item {
color: var(--bs-white-opacity);
}
.main-slider__info {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
max-width: 550px;
}
@media (max-width: 550px) {
.main-slider__info {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
.main-slider__image {
-o-object-fit: cover;
object-fit: cover;
height: 100%;
top: 0;
}
.main-slider__marks {
gap: 9px;
}
.main-slider__mark {
border: 1px solid #ffffff;
border-radius: 12px;
padding: 4px 10px;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
color: var(--bs-white-opacity);
}
@media (max-width: 768px) {
.main-slider__mark {
font-size: 0.875rem;
}
}
.main-slider__second-image {
opacity: 1 !important;
position: absolute;
right: 1rem;
top: -0.5rem;
}
.main-slider__second-image.first {
height: 100%;
}
@media (max-width: 1200px) {
.main-slider__second-image {
height: 75%;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
}
.main-slider__image-wrapper {
position: relative;
}
.main-slider__image-wrapper:before {
content: '';
background: #1e1e1e;
width: 100%;
height: 100%;
z-index: -1;
}
.main-slider__button {
padding-left: 4rem;
padding-right: 4rem;
}
@media (max-width: 768px) {
.main-slider__button {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
}
.slider-container.main-slider:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
background: -webkit-gradient(
linear,
left top,
right top,
from(var(--bs-blue)),
to(rgba(6, 27, 49, 0))
);
background: linear-gradient(
90deg,
var(--bs-blue) 0%,
rgba(6, 27, 49, 0) 100%
);
}
.slider-container.main-slider > *:last-child .main-slider__info {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.main-slider .arrows-wrapper > button {
padding: 17px 20px;
border: 1px solid var(--bs-white);
border-radius: 50%;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
cursor: pointer;
}
.main-slider .arrows-wrapper > button:after {
cursor: pointer;
}
.main-slider .arrows-wrapper > button:hover {
border: 1px solid var(--bs-yellow);
background: var(--bs-yellow);
}
.main-slider .arrows-wrapper > button:hover:after {
background: var(--bs-primary);
}
.main-slider .slider-nav.slider-nav-next {
right: inherit;
}
.main-slider .slider-nav:after {
width: 8px !important;
padding: 0 !important;
height: 14px !important;
}
.main-slider__image.low-opacity {
opacity: 0.1;
}
.arrows-wrapper {
position: absolute;
bottom: 4rem;
right: 7px;
pointer-events: auto;
}
.default-arrows {
bottom: 0;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
pointer-events: none;
z-index: 102;
}
.default-arrows > button {
height: -webkit-fit-content !important;
height: -moz-fit-content !important;
height: fit-content !important;
}
.default-pagination {
top: 0;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
z-index: 101;
pointer-events: none;
}
.slide-wrapper {
z-index: 100;
}
.main-slider .slider-indicators {
bottom: 5.5rem;
pointer-events: auto;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: 0 auto;
}
@media (max-width: 768px) {
.main-slider .slider-indicators {
bottom: 2.7rem;
right: 1rem;
margin: 0;
margin-left: auto;
}
}
.main-slider .slider-indicators > button {
width: 4px;
height: 4px;
background: rgba(255, 255, 255, 0.5);
border-radius: 40px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
border: none;
}
.main-slider .slider-indicators > button.active {
width: 16px;
height: 4px;
background: var(--bs-white);
}
@media (max-width: 550px) {
.title {
font-size: 1.25rem;
}
}
.params-block {
background: var(--bs-background);
}
@media (max-width: 1200px) {
.params-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.params-block__item.buttons {
padding-top: 5px;
padding-bottom: 5px;
background: var(--bs-white);
}
@media (max-width: 1200px) {
.params-block__item.buttons {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
width: 100%;
}
}
.params-block__item:nth-child(2) {
-ms-grid-columns: 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media (max-width: 768px) {
.params-block__item:nth-child(2) {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
@media (max-width: 1200px) {
.params-block .config {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.params-block__button {
color: var(--bs-blue);
background: var(--bs-white);
border: none;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.params-block__button.active {
background: var(--bs-blue);
color: var(--bs-white);
}
@media (max-width: 1200px) {
.params-block__button {
height: -webkit-fit-content !important;
height: -moz-fit-content !important;
height: fit-content !important;
}
}
.params-show-popup {
background: var(--bs-white);
border: 1px solid var(--bs-yellow);
border-radius: 3rem;
color: var(--bs-primary);
}
.params-show-popup span {
font-size: 0.875rem;
line-height: 20px;
}
.params-show-popup:hover {
background: var(--bs-yellow);
color: var(--bs-white);
}
.params-show-popup .params {
width: 19px;
height: 17px;
}
.select-container {
position: relative;
}
.select-container .overlay .arrow {
color: var(--bs-yellow);
}
.custom-select {
padding: 15px 10px;
background-color: var(--bs-white);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
cursor: pointer;
outline: none;
height: 50px;
color: #000 !important;
}
.custom-select.has-value {
padding-top: 17px !important;
padding-bottom: 0 !important;
font-weight: 600;
}
.custom-select.overlay {
border: 1px solid #e2e2e2;
height: 56px;
}
@media (max-width: 768px) {
.custom-select.overlay {
height: 48px;
}
}
.c-white {
color: var(--bs-white) !important;
}
.select-arrow .arrow {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.select-display {
position: relative;
}
.select-display::before {
content: attr(data-label);
position: absolute;
left: 1rem;
top: 7px;
color: rgba(6, 27, 49, 0.5);
font-size: 0.75rem;
line-height: 1;
opacity: 0;
pointer-events: none;
-webkit-transition: opacity 0.2s ease;
transition: opacity 0.2s ease;
}
@media (max-width: 768px) {
.select-display::before {
left: 0.75rem;
}
}
.select-display.overlay::before {
left: 1.1rem;
top: 8px;
}
.select-display.selected::before {
opacity: 1;
}
.select-label {
display: none;
pointer-events: none;
}
select:focus {
outline: none;
}
.custom-select.has-value + .select-label {
display: none;
}
.custom-select.has-value.overlay + .select-label {
display: none;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
input[type='number'] {
-moz-appearance: textfield;
}
.select-container .dropdown-container-wrapper.active {
z-index: 1000;
}
.select-container .dropdown-container {
display: none;
border: 1px solid #e2e2e2;
background: var(--bs-white);
}
.select-container .dropdown-container.overlay {
border-top: none;
}
.select-container .dropdown-container.active {
display: block;
}
.select-container .dropdown-option {
cursor: pointer;
}
.select-container .dropdown-option:hover {
background: var(--bs-border-color);
}
.select-container .dropdown-options {
max-height: 100px;
overflow: auto;
}
.select-container .search-box {
border-bottom: 1px solid #e2e2e2;
}
.select-container .arrow {
position: absolute;
right: 1rem;
top: 46%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
pointer-events: none;
width: 13px;
height: 8px;
}
.select-container .arrow.active {
top: 40%;
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.params-overlay {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
max-width: 824px;
max-height: calc(var(--vh, 1vh) * 100 - 3rem);
overflow-y: auto;
background: var(--bs-white);
z-index: 2010;
}
@media (max-width: 992px) {
.params-overlay {
max-width: 100vw;
border-radius: 0 !important;
min-height: calc(var(--vh, 1vh) * 100);
top: 0;
left: 0;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.params-overlay.active {
opacity: 1;
visibility: visible;
}
.params-overlay .mobile-cross {
width: 26px;
height: 26px;
}
@media (max-width: 768px) {
.params-overlay .mobile-cross {
width: 20px;
height: 20px;
}
}
.params-overlay__wrapper {
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 2002;
background: rgba(0, 0, 0, 0.5);
opacity: 0;
visibility: hidden;
}
.params-overlay__wrapper.active {
opacity: 1;
visibility: visible;
}
.params-overlay-wrap {
width: 100%;
height: 100%;
z-index: 1700;
}
.params-overlay__button-wrapper {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
background: var(--bs-background);
}
.params-overlay__button-wrapper button {
background: transparent;
}
.params-overlay__selects {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
@media (max-width: 550px) {
.params-overlay__selects {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
.params-overlay__header:before {
content: '';
width: 100vw;
height: 1px;
left: -2rem;
background: #f0f2f3;
position: absolute;
top: 100%;
}
@media (min-width: 992px) {
.params-overlay__header:before {
display: none;
}
}
.overlay-title {
font-size: 1.5rem;
}
@media (max-width: 768px) {
.overlay-title {
font-size: 1.125rem;
}
}
.block-params__inputs {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
.block-params__input {
outline: none;
border: 1px solid #e2e2e2;
}
.block-params__input:placeholder {
color: rgba(6, 27, 49, 0.5);
}
.overlay-params__input-wrapper:before {
content: attr(data-sign);
position: absolute;
right: 0.75rem;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.overlay-params__input-wrapper.left:before {
left: 0.75rem;
top: 51%;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
@media (max-width: 768px) {
.overlay-params__input-wrapper.left:before {
top: 50%;
}
}
.generators {
background: var(--bs-background);
}
@media (max-width: 1300px) {
.generators .tab-content {
padding-left: 1rem;
padding-right: 1rem;
}
}
@media (max-width: 992px) {
.generators .tab-content {
padding: 0;
}
}
.tabs-header__button {
font-size: 0.875rem;
background: var(--bs-white);
border: 1px solid #efefef;
border-radius: 3rem;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
}
@media (max-width: 768px) {
.tabs-header__button {
border: 1px solid rgba(6, 27, 49, 0.2);
}
}
.tabs-header__button.active {
background: var(--bs-blue);
border: 1px solid var(--bs-blue);
color: var(--bs-white);
}
.tabs-header__button:hover {
background: var(--bs-blue);
border: 1px solid var(--bs-blue);
color: var(--bs-white);
}
.tabs-header ul {
border-bottom: 1px solid rgba(6, 27, 49, 0.06);
}
@media (max-width: 768px) {
.tabs-header ul {
border-bottom: none;
}
.tabs-header .nav-link {
font-weight: 700;
font-size: 1.125rem;
padding: 0;
border-bottom: none !important;
}
}
.tab-cards {
-ms-grid-columns: 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.tab-cards.type {
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
}
.type-generator-first {
max-width: 280px;
}
.type-generator-second {
max-width: 237px;
}
.type-generator-third {
max-width: 233px;
}
.c-yellow {
color: var(--bs-yellow) !important;
}
.tab-card {
background: var(--bs-white);
border: 2px solid #efefef;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
overflow: hidden;
}
.tab-card__background-image {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 2;
-o-object-fit: cover;
object-fit: cover;
pointer-events: none;
opacity: 0;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.tab-card:not(.type):hover {
background-color: var(--bs-blue);
color: var(--bs-white);
}
.tab-card:not(.type):hover .tab-card__background-image {
opacity: 0.15;
}
.tab-card:not(.type):hover .tab-card__variants p a {
color: var(--bs-white);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.tab-card:not(.type):hover .tab-card__variants p a:hover {
color: var(--bs-yellow);
text-decoration: underline;
}
.tab-card__variants {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
.tab-card__variants p {
color: rgba(6, 27, 49, 0.7);
-webkit-transition: color 0.3s ease;
transition: color 0.3s ease;
word-break: break-word;
}
.energy {
width: 14px;
height: 20px;
}
@media (max-width: 992px) {
.slider .xs-x-scroll > div {
scroll-snap-align: center;
}
.xs-x-scroll.tab-cards {
padding: 0 1rem;
}
.xs-x-scroll {
overflow-x: auto;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-scroll-snap-type: x mandatory;
scroll-snap-type: x mandatory;
scroll-padding: 0;
}
.xs-x-scroll > * {
margin-bottom: 0 !important;
}
.xs-x-scroll > div {
min-width: 95%;
scroll-snap-align: start;
padding: 0;
}
.xs-x-scroll > div:last-of-type {
overflow-y: hidden;
}
.xs-x-scroll > div:not(:last-of-type) {
overflow-y: hidden;
-ms-flex-negative: inherit;
flex-shrink: inherit;
margin-right: 0.5rem;
}
.tab-cards.xs-x-scroll > div {
min-width: 46%;
}
}
@media (max-width: 768px) {
.tab-cards.xs-x-scroll > div {
min-width: 72%;
}
}
.flag {
width: 40px;
height: 40px;
border-radius: 50%;
}
.blocks-manufacturers {
-ms-grid-columns: 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media (max-width: 1100px) {
.blocks-manufacturers {
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
}
}
@media (max-width: 850px) {
.blocks-manufacturers {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 768px) {
.blocks-manufacturers {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
.blocks-manufacturers__block {
background: var(--bs-background);
border: none;
}
.blocks-manufacturers__block:hover {
border: none;
}
.blocks-manufacturers__block:hover > img {
opacity: 0.1;
}
.blocks-manufacturers__block:first-child {
-ms-grid-column-span: 2;
grid-column: span 2;
}
@media (max-width: 768px) {
.blocks-manufacturers__block:first-child {
-ms-grid-column-span: 1;
grid-column: span 1;
}
}
@media (max-width: 768px) {
.blocks-manufacturers__block.tab-card:hover {
background: var(--bs-background);
color: var(--bs-primary);
}
}
.block-manufacturers__company a {
padding: 5px 10px;
display: inline-block;
}
.block-manufacturers__company {
background: var(--bs-white);
border-radius: 10px;
color: rgba(6, 27, 49, 0.7);
position: relative;
z-index: 995;
margin-right: 0.3rem;
margin-top: -0.1rem;
}
@media (max-width: 768px) {
.block-manufacturers__companies {
max-height: 0;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.block-manufacturers__companies.active {
opacity: 1;
visibility: visible;
margin-top: 1rem !important;
}
}
.manufacturers-arrow {
-webkit-transform: translate(0, 0) !important;
-ms-transform: translate(0, 0) !important;
transform: translate(0, 0) !important;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.manufacturers-arrow.active {
-webkit-transform: translate(0, 0) scale(-1) !important;
-ms-transform: translate(0, 0) scale(-1) !important;
transform: translate(0, 0) scale(-1) !important;
color: var(--bs-yellow);
}
.services .title {
width: 50%;
}
@media (max-width: 1300px) {
.services .title {
width: 70%;
}
}
@media (max-width: 992px) {
.services .title {
width: 100%;
}
}
.items-services {
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
}
.items-services.two {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
.items-services.two
.items-services__item
rounded-md-6
rounded-4:first-child {
background: transparent !important;
}
.items-services.two .items-services__item rounded-md-6 rounded-4 {
min-height: 320px;
}
@media (max-width: 650px) {
.items-services.two .items-services__item rounded-md-6 rounded-4 {
min-height: 185px;
}
}
@media (max-width: 650px) {
.items-services.two {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
@media (max-width: 992px) {
.items-services {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 650px) {
.items-services {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
.items-services__item {
font-size: 1.25rem;
color: var(--bs-white);
line-height: 1.35;
overflow: hidden;
min-height: 267px;
}
.items-services__item.about-company {
min-height: 320px;
}
@media (max-width: 768px) {
.items-services__item.about-company {
min-height: 185px;
}
}
.items-services__item img {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.items-services__item:hover img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
@media (max-width: 768px) {
.items-services__item {
min-height: 218px;
font-size: 1rem;
line-height: 1.5;
}
}
.items-services__item:first-child {
background: var(--bs-blue);
}
.items-services__item .back-image {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
-o-object-fit: cover;
object-fit: cover;
}
.items-services__hint {
font-size: 0.875rem;
}
.items-services__gradient {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: -webkit-gradient(
linear,
left top,
left bottom,
from(rgba(6, 27, 49, 0)),
to(var(--bs-blue))
);
background: linear-gradient(
180deg,
rgba(6, 27, 49, 0) 0%,
var(--bs-blue) 100%
);
z-index: 0;
}
@media (max-width: 1350px) {
.popular-slider-wrapper.swiffy-slider {
--swiffy-slider-item-count: 3.3;
}
}
@media (max-width: 992px) {
.popular-slider-wrapper.swiffy-slider {
--swiffy-slider-item-count: 2.7;
}
}
@media (max-width: 650px) {
.popular-slider-wrapper.swiffy-slider {
--swiffy-slider-item-count: 1.8;
}
}
@media (max-width: 550px) {
.popular-slider-wrapper.swiffy-slider {
--swiffy-slider-item-count: 1.35;
}
}
.popular-slider {
background: var(--bs-background);
}
.popular-slider.no-background {
background: transparent;
}
.popular-slider.no-background .popular-slider__block {
border: 1px solid #e7e9eb;
}
.popular-slider__wrapper {
max-height: 200px;
min-height: 200px;
}
.popular-slider__text-size {
min-height: 40%;
}
.popular-slider > .container {
max-width: 1360px;
}
@media (max-width: 1300px) {
.popular-slider > .container {
max-width: 100%;
}
}
.popular-slider.slider-container {
grid-gap: 1.5rem;
grid-auto-columns: calc(
(100% - 1.5rem * (var(--swiffy-slider-item-count) - 1)) /
var(--swiffy-slider-item-count)
);
margin: -3rem 0;
background: transparent;
margin-left: 1rem;
padding-left: 1.5rem;
padding-right: 0.5rem;
margin-right: 1rem;
}
@media (max-width: 1300px) {
.popular-slider.slider-container {
padding: 0;
margin-right: 0;
margin-left: 0;
padding-right: 1rem !important;
padding-left: 1rem !important;
}
}
@media (max-width: 992px) {
.popular-slider.slider-container {
margin: -2rem 0;
}
}
@media (max-width: 768px) {
.popular-slider.slider-container {
margin: -1rem 0;
}
}
@media (max-width: 992px) {
.popular-slider.slider-container {
grid-gap: 1rem;
grid-auto-columns: calc(
(100% - 1rem * (var(--swiffy-slider-item-count) - 1)) /
var(--swiffy-slider-item-count)
);
}
}
@media (max-width: 768px) {
.popular-slider.slider-container {
grid-gap: 0.75rem;
grid-auto-columns: calc(
(100% - 0.75rem * (var(--swiffy-slider-item-count) - 1)) /
var(--swiffy-slider-item-count)
);
}
}
.popular-slider__block {
background: var(--bs-white);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
z-index: 1000;
}
.popular-slider__block .deliver-link {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.popular-slider__block:hover {
-webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
}
.popular-slider__block:hover .deliver-link {
color: var(--bs-orange);
}
@media (max-width: 992px) {
.popular-slider__block {
border: 1px solid rgba(6, 27, 49, 0.1);
}
}
.popular-slider__description {
color: rgba(6, 27, 49, 0.7);
line-height: 1.5;
}
@media (max-width: 768px) {
.popular-slider__description {
font-size: 0.875rem;
line-height: 1.45;
}
}
.popular-slider__price {
font-size: 1.125rem;
color: var(--bs-blue);
}
@media (max-width: 768px) {
.popular-slider__price {
font-size: 1rem;
}
}
.popular-slider__button.first {
background: var(--bs-background);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.popular-slider__button.first:hover {
background: var(--bs-yellow);
}
.popular-slider__info {
font-size: 0.75rem;
text-align: center;
color: rgba(6, 27, 49, 0.5);
}
.popular-slider__arrows-wrapper {
top: -3rem;
right: 2.5rem;
}
@media (max-width: 992px) {
.popular-slider__arrows-wrapper {
display: none !important;
}
}
.popular-slider__arrows-wrapper .slider-nav {
padding: 13px 16px;
background: var(--bs-white);
-webkit-filter: none;
filter: none;
border-radius: 50%;
border: 1px solid #e2e2e2;
z-index: 1000;
}
.popular-slider__arrows-wrapper .slider-nav:hover::after {
background-color: var(--bs-yellow);
}
.popular-slider__arrows-wrapper .slider-nav::after {
background-color: #7c8692;
}
.tabs-header {
padding: 0 2.5rem;
}
@media (max-width: 1300px) {
.tabs-header {
padding: 0;
}
}
.big-tab {
font-size: 2rem !important;
}
@media (max-width: 992px) {
.big-tab {
font-size: 1.5rem !important;
}
}
@media (max-width: 768px) {
.big-tab {
font-size: 1.25rem !important;
}
}
.blocks-industry {
-ms-grid-columns: 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media (max-width: 992px) {
.blocks-industry {
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
}
}
@media (max-width: 768px) {
.blocks-industry {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
}
.blocks-industry__block {
background: var(--bs-blue);
}
.blocks-industry__block img {
width: 100%;
height: 100%;
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
z-index: 0;
opacity: 0.5;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.blocks-industry__block:hover img {
opacity: 1;
}
.block-industry {
color: var(--bs-white);
min-height: 267px;
}
@media (max-width: 500px) {
.block-industry {
min-height: 158px;
}
}
.block-industry__count {
background: rgba(255, 255, 255, 0.2);
border-radius: 3rem;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
@media (max-width: 500px) {
.block-industry__count {
font-size: 0.75rem;
}
}
.block-industry:hover .block-industry__count {
background: var(--bs-yellow);
}
.block-industry__text {
font-size: 1.25rem;
}
@media (max-width: 500px) {
.block-industry__text {
font-size: 1rem;
}
}
.production__image {
border-radius: 1.5rem 1.5rem 0 0;
min-height: 328px;
}
.blocks-production {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
margin-top: -2rem;
}
@media (max-width: 768px) {
.blocks-production {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
margin-top: -1.5rem;
}
}
.blocks-production__block {
background: var(--bs-white);
border: 1px solid rgba(6, 27, 49, 0.1);
}
.blocks-production__block img {
width: 50%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 0.5rem;
}
@media (max-width: 768px) {
.blocks-production__block img {
max-height: 142px;
}
}
.blocks-production__block p {
font-size: 1.25rem;
}
@media (max-width: 550px) {
.blocks-production__block p {
font-size: 1rem;
}
}
@media (max-width: 550px) {
.blocks-production__block > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.about-wrapper {
-ms-grid-columns: 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media (max-width: 992px) {
.about-wrapper {
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
}
}
@media (max-width: 768px) {
.about-wrapper {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
}
.about-wrapper__item {
border: 1px solid #e3e3e3;
background: var(--bs-white);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
@media (max-width: 768px) {
.about-wrapper__item {
min-height: 158px;
}
}
.about-wrapper__item:hover {
background: var(--bs-yellow);
border: 1px solid var(--bs-yellow);
}
.about-wrapper__item:hover .about-wrapper__text {
color: var(--bs-black);
}
.about-wrapper__title {
font-size: 1.5rem;
}
@media (max-width: 768px) {
.about-wrapper__title {
font-size: 1.125rem;
}
}
.about-wrapper__text,
.about-wrapper__description {
line-height: 1.5;
color: rgba(6, 27, 49, 0.5);
word-break: break-word;
}
@media (max-width: 768px) {
.about-wrapper__text,
.about-wrapper__description {
font-size: 0.875rem;
line-height: 20px;
}
.about-wrapper__text.default-p,
.about-wrapper__description.default-p {
font-size: 0.75rem !important;
}
}
.big-form__wrapper {
background: var(--bs-blue);
color: var(--bs-white);
}
input:focus::-webkit-input-placeholder {
color: transparent !important;
}
input:focus:-moz-placeholder {
color: transparent !important;
}
/* FF 4-18 */
input:focus::-moz-placeholder {
color: transparent !important;
}
/* FF 19+ */
input:focus:-ms-input-placeholder {
color: transparent !important;
}
/* IE 10+ */
textarea:focus::-webkit-input-placeholder {
color: transparent !important;
}
textarea:focus:-moz-placeholder {
color: transparent !important;
}
/* FF 4-18 */
textarea:focus::-moz-placeholder {
color: transparent !important;
}
/* FF 19+ */
textarea:focus:-ms-input-placeholder {
color: transparent !important;
}
/* IE 10+ */
@media (max-width: 768px) {
.big-form .container.px-0 {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
.big-form h2 span,
.big-form .h2 span {
color: var(--bs-yellow);
}
@media (max-width: 550px) {
.big-form h2,
.big-form .h2 {
font-size: 1.25rem;
}
}
.big-form__description {
color: var(--bs-white-opacity);
line-height: 1.4;
display: -webkit-box;
-webkit-line-clamp: 7;
-webkit-box-orient: vertical;
overflow: hidden;
}
.big-form__description.small {
font-size: 0.75rem;
}
@media (max-width: 768px) {
.big-form__description.small {
width: 90%;
margin: 0 auto;
}
}
.big-form__background-image {
opacity: 0.05;
}
.big-form__person-image {
bottom: 0;
left: 0;
}
@media (max-width: 1250px) {
.big-form__person-image {
display: none;
}
}
.big-form__input {
background: rgba(255, 255, 255, 0.2);
color: var(--bs-white);
border: none;
outline: none;
min-width: 298px;
}
.big-form__input.white {
background: var(--bs-white);
color: #7c8692;
}
.big-form__input.white::-webkit-input-placeholder {
color: #7c8692;
}
.big-form__input.white::-moz-placeholder {
color: #7c8692;
}
.big-form__input.white:-ms-input-placeholder {
color: #7c8692;
}
.big-form__input.white::-ms-input-placeholder {
color: #7c8692;
}
.big-form__input.white::placeholder {
color: #7c8692;
}
@media (max-width: 992px) {
.big-form__input {
min-width: 220px;
}
}
@media (max-width: 768px) {
.big-form__input {
min-width: 100%;
}
}
.big-form__input::-webkit-input-placeholder {
color: var(--bs-white);
}
.big-form__input::-moz-placeholder {
color: var(--bs-white);
}
.big-form__input:-ms-input-placeholder {
color: var(--bs-white);
}
.big-form__input::-ms-input-placeholder {
color: var(--bs-white);
}
.big-form__input::placeholder {
color: var(--bs-white);
}
.news-slider__block > p:first-child {
font-size: 1.125rem;
}
@media (max-width: 550px) {
.news-slider__block > p:first-child {
font-size: 1rem;
line-height: 1.5;
}
}
@media (max-width: 550px) {
.news-slider__block > p:nth-child(2) {
font-size: 0.875rem;
}
}
.news-slider__date {
color: rgba(6, 27, 49, 0.4);
}
@media (max-width: 550px) {
.news-slider__date {
font-size: 0.75rem;
}
}
.projects .popular-slider__block {
border: 1px solid #e7e9eb;
}
.projects .title {
padding-left: 2.5rem !important;
}
@media (max-width: 1300px) {
.projects .title {
padding: 0 !important;
}
}
.projects .popular-slider__arrows-wrapper {
top: -1rem;
}
@media (max-width: 1350px) {
.projects .swiffy-slider.projects-slider-wrapper {
--swiffy-slider-item-count: 2.5;
}
}
@media (max-width: 992px) {
.projects .swiffy-slider.projects-slider-wrapper {
--swiffy-slider-item-count: 2.1;
}
}
@media (max-width: 650px) {
.projects .swiffy-slider.projects-slider-wrapper {
--swiffy-slider-item-count: 1.8;
}
}
@media (max-width: 550px) {
.projects .swiffy-slider.projects-slider-wrapper {
--swiffy-slider-item-count: 1.35;
}
}
@media (max-width: 768px) {
.projects .about-wrapper__description {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
}
}
.video .popular-slider__block {
color: var(--bs-white);
min-height: 524px;
cursor: pointer;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
border: none !important;
z-index: 1000;
}
.video .popular-slider__block:hover {
-webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.25);
box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.25);
}
.video .popular-slider__block:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: -webkit-gradient(
linear,
left top,
left bottom,
from(rgba(6, 27, 49, 0)),
to(var(--bs-blue))
);
background: linear-gradient(
180deg,
rgba(6, 27, 49, 0) 0%,
var(--bs-blue) 100%
);
}
.video .popular-slider__block img {
top: 0;
left: 0;
z-index: 0;
}
.video .popular-slider__block .popular-slider__price {
color: var(--bs-white);
}
.player {
width: 52px;
height: 52px;
color: var(--player-yellow-color);
}
@media (max-width: 550px) {
.player {
width: 48px;
height: 48px;
}
}
.zoom {
width: 33px;
height: 33px;
}
.blagodar-image__wrapper {
cursor: pointer;
}
.blagodar-image__wrapper:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.blagodar-image__wrapper .zoom {
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3 ease;
transition: all 0.3 ease;
}
.blagodar-image__wrapper:hover:before {
background: rgba(6, 27, 49, 0.5);
}
.blagodar-image__wrapper:hover .zoom {
opacity: 1;
visibility: visible;
}
.footer {
background: var(--bs-blue);
color: #828c97;
}
@media (max-width: 600px) {
.footer .header__logo {
width: 138px;
}
.footer ul {
font-size: 0.875rem;
}
}
.footer a {
color: #828c97;
}
.footer__item a {
line-height: 1.5;
}
@media (max-width: 600px) {
.footer__item .tel a {
font-size: 1rem !important;
}
}
.footer__item .telegram {
background: transparent;
}
.footer__item .white a {
color: var(--bs-white);
font-size: 1.125rem;
}
.footer__item .mail a {
color: var(--bs-yellow);
font-size: 1.125rem;
}
.footer-wrapper {
-ms-grid-columns: 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media (max-width: 992px) {
.footer-wrapper {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 600px) {
.footer-wrapper {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.footer-wrapper:last-child {
text-align: center;
}
.footer-wrapper:last-child > *:first-child {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.footer-wrapper:last-child a {
font-size: 0.75rem;
}
}
@media (max-width: 600px) {
.item-footer:not(:first-child) {
margin-top: 0.5rem;
}
.item-footer ul {
max-height: 0;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.item-footer ul.active {
opacity: 1;
visibility: visible;
}
}
.item-footer__title {
color: var(--bs-white);
}
@media (max-width: 600px) {
.item-footer__title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 0 !important;
-webkit-transition: margin-bottom 0.3s ease;
transition: margin-bottom 0.3s ease;
}
.item-footer__title.active {
margin-bottom: 0.75rem !important;
}
.item-footer__title .arrow {
display: block !important;
}
}
@media (max-width: 600px) {
.item-footer__socials {
display: -ms-grid !important;
display: grid !important;
-ms-grid-columns: 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
}
.item-footer__social {
height: 48px;
width: 48px;
background: rgba(255, 255, 255, 0.06);
}
@media (max-width: 600px) {
.item-footer__social {
width: 100%;
display: block;
}
}
.item-footer__social svg {
color: var(--bs-white);
}
@media (max-width: 600px) {
.footer-button {
width: 100%;
}
}
.youtube {
width: 20px;
height: 16px;
}
.vk {
width: 18px;
height: 18px;
}
.footer-text {
color: rgba(255, 255, 255, 0.4);
}
@media (max-width: 600px) {
.footer-text {
font-size: 0.875rem;
}
}
.arenda-generators {
background: var(--bs-background);
}
.arenda-generators__item:first-child {
background: var(--bs-white);
}
@media (min-width: 767px) {
.arenda-generators__item:first-child {
padding: 1.75rem !important;
}
}
.arenda-generators__wrapper {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
@media (max-width: 768px) {
.arenda-generators__wrapper {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
.arenda-generators__text {
opacity: 0.5;
font-size: 1.125rem;
line-height: 32px;
}
.item-arenda__list {
-ms-grid-columns: 1fr !important;
grid-template-columns: 1fr !important;
}
.item-arenda__list .main-slider__item {
color: rgba(0, 0, 0, 0.7);
font-size: 1.125rem;
}
@media (max-width: 768px) {
.item-arenda__list .main-slider__item {
font-size: 1rem;
}
}
.item-arenda__list .tick {
min-width: 17px;
height: 17px;
}
.item-arenda__image {
width: 100%;
height: 100%;
}
@media (max-width: 768px) {
.item-arenda__image {
min-height: 229px;
max-height: 300px;
}
}
@media (max-width: 992px) {
.arenda-generators.product .arenda-generators__wrapper {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.arenda-generators.product
.arenda-generators__wrapper
> *:first-child {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.arenda-generators.product
.arenda-generators__wrapper
> *:last-child {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
@media (max-width: 992px) and (max-width: 992px) {
.arenda-generators.product
.arenda-generators__wrapper
.arenda-generators__item
img {
max-height: 350px;
}
}
@media (max-width: 992px) and (max-width: 550px) {
.arenda-generators.product
.arenda-generators__wrapper
.arenda-generators__item
img {
max-height: 250px;
}
}
@media (max-width: 768px) {
.arenda-generators.product
.arenda-generators__wrapper
.arenda-generators__text {
font-size: 0.875rem;
line-height: 24px;
}
}
.calculator-block {
background: var(--bs-blue);
color: var(--bs-white);
-ms-grid-columns: (1fr) [12];
grid-template-columns: repeat(12, 1fr);
}
@media (max-width: 992px) {
.calculator-block {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
.calculator-block .search-input {
background: var(--bs-white);
}
.calculator-block .default {
opacity: 0.5;
}
.calculator-block .custom-select.overlay {
height: 50px;
}
.calculator-block .dropdown-container {
color: var(--bs-black);
}
.calculator-block .select-container.calculator {
-ms-grid-column: 1;
-ms-grid-column-span: 6;
grid-column: 1/7;
margin-right: 34px;
}
@media (max-width: 1300px) {
.calculator-block .select-container.calculator {
margin-right: 0.5rem;
}
}
@media (max-width: 992px) {
.calculator-block .select-container.calculator {
margin-right: 0;
-ms-grid-column: 1;
grid-column: 1;
}
}
@media (max-width: 768px) {
.calculator-block .select-container.calculator {
margin-top: -0.5rem;
}
}
.calculator-input__wrapper {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
margin-right: 34px;
-ms-grid-column: 1;
-ms-grid-column-span: 6;
grid-column: 1/7;
}
@media (max-width: 1300px) {
.calculator-input__wrapper {
margin-right: 0.5rem;
}
}
@media (max-width: 992px) {
.calculator-input__wrapper {
margin-right: 0;
-ms-grid-column: 1;
grid-column: 1;
}
}
@media (max-width: 768px) {
.calculator-input__wrapper {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
.info-calculator {
-ms-grid-column: 1;
-ms-grid-column-span: 6;
grid-column: 1/7;
margin-right: 34px;
}
@media (max-width: 1300px) {
.info-calculator {
margin-right: 0.5rem;
}
}
@media (max-width: 992px) {
.info-calculator {
margin-right: 0;
-ms-grid-column: 1;
grid-column: 1;
}
}
.info-calculator:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: var(--bs-white);
opacity: 0.1;
z-index: 0;
pointer-events: none;
}
.info-calculator__text {
font-size: 1.125rem;
opacity: 0.6;
}
@media (max-width: 768px) {
.info-calculator__text {
font-size: 1rem;
}
}
.info-calculator__price {
font-size: 1.5rem;
}
@media (max-width: 1100px) {
.info-calculator__price {
font-size: 1.25rem;
}
}
.buttons-calculator {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
-ms-grid-column: 1;
-ms-grid-column-span: 6;
grid-column: 1/7;
margin-right: 34px;
}
@media (max-width: 1300px) {
.buttons-calculator {
margin-right: 0.5rem;
}
}
@media (max-width: 992px) {
.buttons-calculator {
margin-right: 0;
-ms-grid-column: 1;
grid-column: 1;
}
}
@media (max-width: 768px) {
.buttons-calculator {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
.calculator-item__title {
font-size: 2rem;
-ms-grid-column: 1;
-ms-grid-column-span: 6;
grid-column: 1/7;
}
@media (max-width: 992px) {
.calculator-item__title {
-ms-grid-column: 1;
grid-column: 1;
}
}
@media (max-width: 768px) {
.calculator-item__title {
font-size: 1.5rem;
line-height: 1.3;
}
}
.calculator-item__video {
-ms-grid-row: 1;
-ms-grid-row-span: 5;
grid-row: 1/6;
-ms-grid-column: 7;
-ms-grid-column-span: 6;
grid-column: 7/13;
background: transparent;
}
.calculator-item__video .player {
color: var(--bs-white);
width: 66px;
height: 66px;
}
@media (max-width: 768px) {
.calculator-item__video .player {
width: 33px;
height: 33px;
}
}
.calculator-item__video img {
opacity: 0.7;
}
@media (max-width: 992px) {
.calculator-item__video {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 5;
grid-row: 5;
min-height: 270px;
}
}
@media (max-width: 768px) {
.power .title {
width: 75%;
}
}
.power-card {
border: 1px solid #e0e0e0;
background: var(--bs-white);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.power-card:hover {
background: var(--bs-background);
}
.power-card__energy {
background: var(--bs-background);
width: 136px;
}
@media (max-width: 992px) {
.power-card__energy {
background: transparent;
border-bottom: 1px solid #f0f0f0;
}
}
.power-card__energy-first {
white-space: nowrap;
font-size: 1.5rem;
}
@media (max-width: 600px) {
.power-card__energy-first {
font-size: 1.25rem;
}
}
.power-card__energy-second {
font-size: 1.125rem;
color: #7c8692;
}
@media (max-width: 600px) {
.power-card__energy-second {
font-size: 1rem;
}
}
.power-card__wrapper {
border-right: 1px solid #f0f0f0;
}
.power-card__price {
padding-left: 40px;
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
}
.power-card__price-text {
font-size: 1.5rem;
white-space: nowrap;
}
@media (max-width: 600px) {
.power-card__price-text {
font-size: 1.25rem;
}
}
.power-card__image {
min-width: 168px;
}
.power-card__image img {
width: 175px;
}
@media (max-width: 992px) {
.power-card__image {
min-width: 40%;
}
.power-card__image img {
width: 100%;
}
}
@media (max-width: 550px) {
.power-card__image {
width: 138px;
min-height: 145px;
}
}
.params-power {
gap: 3rem;
}
@media (max-width: 1300px) {
.params-power {
gap: 1.5rem;
}
}
@media (max-width: 768px) {
.params-power {
gap: 0.5rem;
}
}
.params-power__block p:nth-child(odd) {
opacity: 0.5;
margin-right: 14px;
}
@media (max-width: 768px) {
.params-power__block p:nth-child(odd) {
margin-top: 6px;
}
}
@media (max-width: 600px) {
.params-power__block p {
font-size: 0.75rem;
margin-right: 0 !important;
}
}
@media (max-width: 1200px) {
.params-power .params-power__block:last-child {
display: none !important;
}
}
@media (max-width: 992px) {
.params-power .params-power__block:last-child {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
}
@media (max-width: 768px) {
.params-power .params-power__block:last-child {
display: none !important;
}
}
.power-params.d-lg-grid {
-ms-grid-columns: 1fr auto;
grid-template-columns: 1fr auto;
}
.usluga {
background: var(--bs-background);
}
@media (max-width: 992px) {
.usluga:not(.city-slider__wrapper) .swiffy-slider {
--swiffy-slider-item-count: 2.5;
}
}
@media (max-width: 768px) {
.usluga:not(.city-slider__wrapper) .swiffy-slider {
--swiffy-slider-item-count: 1.9;
--swiffy-slider-item-gap: 10px;
}
}
@media (max-width: 550px) {
.usluga:not(.city-slider__wrapper) .swiffy-slider {
--swiffy-slider-item-count: 1.05;
}
}
.usluga .container {
padding-right: 0 !important;
padding-left: 0 !important;
}
.usluga .title {
padding-left: 1rem !important;
padding-right: 1rem !important;
}
@media (max-width: 768px) {
.usluga .slider-container {
gap: 10px;
}
}
.usluga .slider-container li:first-child a {
margin-left: 1rem;
}
.usluga .slider-container li:last-child a {
margin-right: 1rem;
}
.usluga .slider-nav {
padding: 1rem 1.25rem;
background: var(--bs-white);
-webkit-filter: none;
filter: none;
border-radius: 50%;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.usluga .slider-nav.active {
background: var(--bs-yellow);
}
.usluga .slider-nav.active::after {
background-color: var(--bs-black);
}
.usluga .slider-nav::after {
min-width: 8px !important;
width: 8px;
min-height: 14px !important;
height: 14px;
padding: 0;
}
.usluga .slider-nav.active::after {
background-color: var(--bs-black);
}
.usluga-grid {
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
-ms-grid-rows: 268px 268px 268px;
grid-template-rows: 268px 268px 268px;
}
.usluga-grid__item {
color: var(--bs-white);
}
.usluga-grid__item:hover img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.usluga-grid__item::before {
content: '';
background: -webkit-gradient(
linear,
left top,
left bottom,
from(rgba(6, 27, 49, 0)),
to(var(--bs-blue))
);
background: linear-gradient(
180deg,
rgba(6, 27, 49, 0) 0%,
var(--bs-blue) 100%
);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.usluga-grid__item img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 0;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.usluga-grid__item p {
font-size: 22px;
position: relative;
z-index: 3;
}
.usluga-grid__item:first-child {
-ms-grid-column: 1;
-ms-grid-column-span: 1;
grid-column: 1/2;
-ms-grid-row: 1;
-ms-grid-row-span: 1;
grid-row: 1/2;
}
.usluga-grid__item:nth-child(2) {
-ms-grid-column: 1;
-ms-grid-column-span: 1;
grid-column: 1/2;
-ms-grid-row: 2;
-ms-grid-row-span: 1;
grid-row: 2/3;
}
.usluga-grid__item:nth-child(3) {
-ms-grid-column: 1;
-ms-grid-column-span: 1;
grid-column: 1/2;
-ms-grid-row: 3;
-ms-grid-row-span: 1;
grid-row: 3/4;
}
.usluga-grid__item:nth-child(4) {
-ms-grid-column: 2;
-ms-grid-column-span: 1;
grid-column: 2/3;
-ms-grid-row: 1;
-ms-grid-row-span: 2;
grid-row: 1/3;
}
.usluga-grid__item:nth-child(5) {
-ms-grid-column: 2;
-ms-grid-column-span: 1;
grid-column: 2/3;
-ms-grid-row: 3;
-ms-grid-row-span: 1;
grid-row: 3/4;
}
.usluga-grid__item:nth-child(6) {
-ms-grid-column: 3;
-ms-grid-column-span: 1;
grid-column: 3/4;
-ms-grid-row: 1;
-ms-grid-row-span: 1;
grid-row: 1/2;
}
.usluga-grid__item:nth-child(7) {
-ms-grid-column: 3;
-ms-grid-column-span: 1;
grid-column: 3/4;
-ms-grid-row: 2;
-ms-grid-row-span: 2;
grid-row: 2/4;
}
@media (max-width: 992px) {
.usluga-grid__item {
grid-column: auto;
-ms-grid-row: 1;
-ms-grid-row-span: 1;
grid-row: 1/2;
min-height: 500px;
}
}
.price-arenda__wrapper {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
@media (max-width: 992px) {
.price-arenda__wrapper {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
.small-title {
font-size: 2rem;
line-height: 1.25;
}
.small-title.modify {
font-size: 1.95rem;
}
@media (max-width: 768px) {
.small-title {
font-size: 1.25rem !important;
}
}
.gray-text {
line-height: 28px;
opacity: 0.5;
}
@media (max-width: 992px) {
.price-arenda__item img {
max-width: 70%;
}
}
@media (max-width: 768px) {
.price-arenda__item img {
max-width: 100%;
}
}
.brends .tick {
width: 25px;
height: 25px;
}
@media (max-width: 768px) {
.brends .tick {
width: 17px;
height: 17px;
}
}
.brends .main-slider__info {
font-size: 1.125rem;
}
.brends .main-slider__info span {
opacity: 0.7;
}
.brends-wrapper {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
@media (max-width: 992px) {
.brends-wrapper {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.brends-wrapper .brends__item:first-child {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.brends-wrapper .brends__item:last-child {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
.brends__item {
background: var(--bs-background);
}
.brends__notification {
opacity: 0.5;
background: var(--bs-white);
line-height: 2;
}
@media (max-width: 1200px) {
.brends__notification {
line-height: 1.5;
}
}
.questions__wrapper {
-ms-grid-columns: 1fr auto;
grid-template-columns: 1fr auto;
border: 1px solid #ffbc38;
}
.questions__phone {
max-width: 448px;
background: var(--bs-background);
}
.questions__phone-link {
font-size: 2rem;
color: var(--bs-yellow);
}
.questions__text {
font-size: 1.125rem;
}
.arenda-form__wrapper {
max-width: 824px;
margin: 0 auto;
}
.arenda-form__wrapper .big-form__input {
min-width: 0;
background: rgba(255, 255, 255, 0.2);
color: var(--bs-white);
}
.arenda-form__wrapper .big-form__input::-webkit-input-placeholder {
color: var(--bs-white);
}
.arenda-form__wrapper .big-form__input::-moz-placeholder {
color: var(--bs-white);
}
.arenda-form__wrapper .big-form__input:-ms-input-placeholder {
color: var(--bs-white);
}
.arenda-form__wrapper .big-form__input::-ms-input-placeholder {
color: var(--bs-white);
}
.arenda-form__wrapper .big-form__input::placeholder {
color: var(--bs-white);
}
.arenda-form__wrapper form {
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
}
.arenda-form__wrapper form input {
height: 56px;
}
@media (max-width: 992px) {
.arenda-form__wrapper form input {
text-align: center;
}
}
@media (max-width: 768px) {
.arenda-form__wrapper form input {
height: 40px;
}
}
@media (max-width: 992px) {
.arenda-form__wrapper form {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
.arenda-form__wrapper form > div:nth-child(3),
.arenda-form__wrapper form div:nth-child(4),
.arenda-form__wrapper form div:nth-child(5),
.arenda-form__wrapper form div:nth-child(6) {
-ms-grid-column-span: 2;
grid-column: span 2;
}
.arenda-form__wrapper form > div:nth-child(4),
.arenda-form__wrapper form div:nth-child(5),
.arenda-form__wrapper form div:nth-child(6) {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
gap: 0.5rem;
}
.arenda-form__wrapper form > button,
.arenda-form__wrapper form > label {
-ms-grid-column-span: 2;
grid-column: span 2;
}
}
@media (max-width: 768px) {
.arenda-form__wrapper form {
font-size: 0.875rem;
}
}
@media (max-width: 768px) {
.arenda-form .small-title {
text-align: center;
}
}
.custom-checkbox {
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.custom-checkbox .checkmark {
min-width: 1rem;
min-height: 1rem;
background-color: var(--bs-white);
border-radius: 2px;
-webkit-transition: background-color 0.3s ease;
transition: background-color 0.3s ease;
}
.custom-checkbox input:checked + .checkmark {
background-color: var(--bs-yellow);
}
.checkbox-text {
line-height: 1.25rem;
}
.checkbox-text a:hover {
text-decoration: underline;
}
.checkbox-text.modify {
font-size: 0.75rem;
color: rgba(255, 255, 255, 0.5);
}
@media (max-width: 550px) {
.checkbox-text.modify {
font-size: 10px;
}
}
.custom-checkbox .checkmark::after {
content: '';
position: absolute;
left: 5.5px;
top: 2.5px;
width: 5px;
height: 9px;
border: solid var(--bs-black);
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.custom-checkbox input:checked + .checkmark::after {
opacity: 1;
}
.energy-section {
background: var(--bs-background);
}
.energy__wrapper {
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 992px) {
.energy__wrapper {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 650px) {
.energy__wrapper {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
.energy__item {
border: 1px solid var(--bs-yellow);
min-height: 200px;
}
@media (max-width: 992px) {
.energy__item {
min-height: 150px;
}
}
@media (max-width: 650px) {
.energy__item {
min-height: 0;
padding: 1.25rem 1rem !important;
}
}
.energy__item > p {
opacity: 0.5;
line-height: 1.5;
}
@media (max-width: 650px) {
.energy__item > p {
font-size: 0.875rem;
line-height: 1.6;
}
}
.energy__title {
font-size: 1.125rem;
}
@media (max-width: 650px) {
.energy__title {
font-size: 1rem;
}
}
.gen1,
.gen3 {
min-width: 33px;
width: 33px;
min-height: 30px;
height: 30px;
}
.gen2,
.gen4,
.gen5 {
min-width: 25px;
width: 25px;
min-height: 25px;
height: 25px;
}
.gen6 {
min-width: 27px;
width: 27px;
min-height: 27px;
height: 27px;
}
.reviews .container {
padding-left: 0 !important;
padding-right: 0 !important;
}
.reviews .swiffy-slider {
--swiffy-slider-item-count: 2.98;
}
@media (max-width: 992px) {
.reviews .swiffy-slider {
--swiffy-slider-item-count: 2.5;
}
}
@media (max-width: 768px) {
.reviews .swiffy-slider {
--swiffy-slider-item-count: 1.9;
--swiffy-slider-item-gap: 10px;
}
}
@media (max-width: 550px) {
.reviews .swiffy-slider {
--swiffy-slider-item-count: 1.05;
}
}
.reviews__slide {
border: 1px solid #e4e4e4;
border-radius: 1.5rem;
background: transparent;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.reviews__slide:hover {
background: var(--bs-background);
}
.reviews__slide:hover .reviews__image:after {
opacity: 0.5;
visibility: visible;
}
.reviews__slide:hover .reviews__image .zoom {
opacity: 1;
visibility: visible;
}
.reviews__slide .reviews__image:after {
content: '';
position: absolute;
top: 0;
left: 0;
background: var(--bs-blue);
opacity: 0;
visibility: hidden;
width: 100%;
height: 100%;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.reviews__slide .reviews__image .zoom {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 5;
width: 36px;
height: 36px;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.reviews .indicators li {
background-color: #d0cece;
width: 7px !important;
height: 7px !important;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
border-radius: 40px !important;
cursor: pointer;
}
.reviews .indicators li.active {
width: 48px !important;
height: 7px !important;
background-color: var(--bs-blue);
}
.reviews__link {
font-size: 1.125rem;
}
.reviews__link:hover {
text-decoration: underline;
}
@media (max-width: 768px) {
.reviews__link {
background: var(--bs-background);
}
}
.quotes {
width: 30px;
height: 23.75px;
}
@media (max-width: 768px) {
.quotes {
width: 22px;
height: 18px;
}
}
.city-slider .container {
padding-left: 0 !important;
padding-right: 0 !important;
}
.city-slider__item {
min-height: 200px;
}
.city-slider__item img {
top: 0;
left: 0;
opacity: 0.8;
}
.city-slider__text {
background: rgba(6, 27, 49, 0.2);
border: 1px solid rgba(255, 255, 255, 0.5);
backdrop-filter: blur(20px);
color: var(--bs-white);
}
@media (max-width: 768px) {
.city-slider__text {
font-size: 0.75rem;
}
.city-slider__text:first-child {
width: 60%;
}
}
.city-slider__wrapper {
background: var(--bs-primary);
}
.city-slider .slider-nav-visible {
top: 30px;
right: 48px;
}
@media (max-width: 768px) {
.city-slider .slider-nav-visible {
top: 20px;
right: 20px;
}
}
.city-slider .slider-nav {
background: transparent;
border: 1px solid var(--bs-white);
opacity: 1;
}
.city-slider .slider-nav.active {
background: var(--bs-yellow);
border: 1px solid var(--bs-yellow);
}
@media (max-width: 768px) {
.city-slider .slider-nav {
padding: 8px 11px;
}
}
.city-slider__buttons {
gap: 19px;
}
@media (max-width: 768px) {
.city-slider__buttons {
gap: 10px;
}
}
.city-slider__buttons button {
background: transparent;
color: var(--bs-white);
border: 1px solid var(--bs-white);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
font-size: 1.125rem;
}
@media (max-width: 768px) {
.city-slider__buttons button {
font-size: 0.75rem;
}
}
.city-slider__buttons button:hover {
background: var(--bs-yellow);
color: var(--bs-black);
border: 1px solid var(--bs-yellow);
}
.city-slider__buttons button.active {
background: var(--bs-yellow);
color: var(--bs-black);
border: 1px solid var(--bs-yellow);
}
.tabs .accordion-item {
background-color: var(--extra-light-background);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
cursor: pointer;
}
.tabs .accordion-item:not(.active) {
background-color: var(--bs-white);
}
.tabs .accordion-item.active {
border: 1px solid transparent !important;
}
.tabs .accordion-button {
-webkit-box-shadow: none !important;
box-shadow: none !important;
background: transparent !important;
font-size: 1.125rem !important;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.tabs .accordion-button:not(.collapsed)::after {
background-color: #1f3246;
}
@media (max-width: 768px) {
.tabs .accordion-button {
font-size: 1rem !important;
}
}
.tabs .accordion-body {
font-size: 1rem !important;
}
@media (max-width: 768px) {
.tabs .accordion-body {
font-size: 0.875rem !important;
}
}
.tabs .accordion-button::after {
min-height: 32px;
min-width: 32px;
display: block;
border: 1px solid #e7e9eb;
background-position: center;
border-radius: 50%;
background-color: var(--bs-white);
-webkit-transition: -webkit-transform 0.3s ease;
transition: -webkit-transform 0.3s ease;
transition: transform 0.3s ease;
transition:
transform 0.3s ease,
-webkit-transform 0.3s ease;
}
@media (max-width: 768px) {
.tabs .accordion-button::after {
min-width: 32px;
min-height: 32px;
background-size: 10px;
}
}
.tabs .accordion-item {
border-radius: 1.5rem;
}
@media (max-width: 768px) {
.tabs .accordion-item {
border-radius: 1rem;
}
}
.product {
background: var(--bs-background);
}
.product__wrapper {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
@media (max-width: 992px) {
.product__wrapper {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
.product__item h2,
.product__item .h2 {
font-size: 2.5rem;
font-weight: 900;
}
@media (max-width: 768px) {
.product__item h2,
.product__item .h2 {
font-size: 2rem;
}
}
@media (max-width: 550px) {
.product__item h2,
.product__item .h2 {
font-size: 1.5rem;
}
}
.product__item:last-child {
background: var(--bs-white);
}
.product__buttons {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
@media (max-width: 550px) {
.product__buttons {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
.product__price {
font-size: 1.5rem;
background: var(--bs-background);
}
@media (max-width: 550px) {
.product__price {
font-size: 1.25rem;
}
}
@media (max-width: 992px) {
.product__image {
max-height: 350px;
}
}
@media (max-width: 550px) {
.product__image {
max-height: 229px;
}
}
.info-product {
font-size: 1.125rem;
}
@media (max-width: 550px) {
.info-product {
font-size: 0.75rem;
}
}
.info-product__item {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
border-bottom: 1px solid #e7e9eb;
}
@media (max-width: 768px) {
.info-product__item {
-ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.info-product__item > p:first-child {
-ms-grid-column-span: 3;
grid-column: span 3;
}
.info-product__item > p:last-child {
-ms-grid-column-span: 2;
grid-column: span 2;
}
}
.info-product__name {
color: #7c8692;
}
.tooltip-wrapper {
width: 50px;
height: 50px;
}
@media (max-width: 550px) {
.tooltip-wrapper {
width: 30px;
height: 30px;
}
}
.icon-button {
background-color: var(--bs-white);
border: 1px solid #e2e2e2;
cursor: pointer;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.icon-button:hover {
background-color: var(--bs-primary);
}
@media (max-width: 550px) {
.icon-button .reload,
.icon-button .clock,
.icon-button .repair {
width: 15px;
height: 15px;
}
}
.icon-button svg {
width: 1.25rem;
height: 1.25rem;
}
.custom-tooltip {
bottom: 75%;
left: 80%;
background-color: var(--bs-white);
color: var(--bs-black);
font-size: 0.875rem;
opacity: 0;
pointer-events: none;
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
z-index: 10;
-webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1);
max-width: 240px;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
}
@media (max-width: 768px) {
.custom-tooltip {
max-width: 200px;
font-size: 0.75rem;
bottom: -85%;
}
}
.icon-button:hover .custom-tooltip {
opacity: 1;
}
.product-arenda__wrapper {
-ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
border: 1px solid #e0e0e0;
font-size: 1.125rem;
}
@media (max-width: 1200px) {
.product-arenda__wrapper {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
padding: 0 !important;
border: none;
gap: 1.25rem !important;
}
}
@media (max-width: 768px) {
.product-arenda__wrapper {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
gap: 10px !important;
}
}
@media (max-width: 550px) {
.product-arenda__wrapper {
font-size: 0.75rem;
}
}
.arenda-product__item:not(:last-child) {
border-right: 1px solid #e0e0e0;
}
@media (max-width: 1200px) {
.arenda-product__item {
border-radius: 0.5rem;
border: 1px solid #e0e0e0;
padding: 1.25rem;
}
}
@media (max-width: 768px) {
.arenda-product__item {
-ms-grid-columns: 61% 39%;
grid-template-columns: 61% 39%;
}
}
.popup-book-container .popup-background {
content: '';
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background: var(--bs-black);
opacity: 0.5;
z-index: 2500;
}
.popup-book__wrapper {
position: fixed;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 866px;
background: var(--bs-white);
z-index: 9951;
-ms-grid-columns: (1fr) [8];
grid-template-columns: repeat(8, 1fr);
}
@media (max-width: 992px) {
.popup-book__wrapper {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
width: calc(100% - 2rem);
}
}
.popup-book__wrapper > div:first-child {
-ms-grid-column-span: 5;
grid-column: span 5;
}
.popup-book__wrapper:not(.quiz) > div:nth-child(2) {
-ms-grid-column-span: 3;
grid-column: span 3;
position: relative;
}
@media (max-width: 992px) {
.popup-book__wrapper:not(.quiz) > div:nth-child(2) {
display: none;
}
}
.popup-book__wrapper:not(.quiz) > div:nth-child(2) img:not(.marker) {
height: calc(100% + 1rem);
position: absolute;
bottom: -2rem;
}
.popup-book__wrapper .big-form__input {
background: var(--bs-background);
border: 1px solid #ececec;
color: var(--bs-blue);
}
.popup-book__wrapper .big-form__input::-webkit-input-placeholder {
color: var(--bs-blue);
opacity: 0.3;
}
.popup-book__wrapper .big-form__input::-moz-placeholder {
color: var(--bs-blue);
opacity: 0.3;
}
.popup-book__wrapper .big-form__input:-ms-input-placeholder {
color: var(--bs-blue);
opacity: 0.3;
}
.popup-book__wrapper .big-form__input::-ms-input-placeholder {
color: var(--bs-blue);
opacity: 0.3;
}
.popup-book__wrapper .big-form__input::placeholder {
color: var(--bs-blue);
opacity: 0.3;
}
.popup-book__wrapper form button {
color: var(--bs-white);
}
.popup-book__wrapper form button:hover {
color: var(--bs-white);
}
.popup-book__title {
/* font-size: 1.5rem; */
}
.popup-book__title span {
color: var(--bs-yellow);
}
@media (max-width: 768px) {
.popup-book__title {
text-align: center;
}
}
@media (max-width: 768px) {
.popup-book__paragraph {
text-align: center;
}
}
.popup-book__agreement {
font-size: 0.75rem;
}
.popup-book__agreement:hover {
text-decoration: underline;
}
@media (max-width: 768px) {
.popup-book__agreement {
text-align: center;
}
}
.popup-cross {
background: #818181;
position: absolute;
top: 20px;
right: 20px;
height: 26px;
width: 26px;
border: none;
}
@media (max-width: 768px) {
.popup-cross {
top: 10px;
right: 10px;
}
}
.popup-cross svg {
width: 10px;
height: 10px;
}
.popup-recall .popup-book__title {
font-size: 2rem;
}
@media (max-width: 768px) {
.popup-recall .popup-book__title {
font-size: 26px;
}
}
.article-breadcrumbs {
position: relative;
font-size: 0.875rem;
color: #51606f;
}
@media (max-width: 768px) {
.article-breadcrumbs {
font-size: 0.75rem;
}
}
.article-breadcrumbs:hover a {
text-decoration: underline;
}
.article-breadcrumbs:last-child {
color: var(--bs-gray);
}
.article-breadcrumbs:not(:last-child):after {
content: '';
position: absolute;
top: 50%;
right: 10px;
width: 2px;
height: 2px;
background: var(--bs-gray);
border-radius: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
@media (max-width: 768px) {
.article-breadcrumbs:not(:last-child):after {
right: 8px;
}
}
.article-grid {
/* -ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr; */
}
.article-grid > *:first-child {
/* -ms-grid-column: 1;
-ms-grid-column-span: 2;
grid-column: 1/3; */
}
@media (max-width: 768px) {
.article-grid {
/* -ms-grid-columns: 1fr;
grid-template-columns: 1fr; */
}
}
.article-grid h1,
.article-grid .h1 {
font-weight: 900;
line-height: 44px;
}
@media (max-width: 768px) {
.article-grid h1,
.article-grid .h1 {
font-size: 2rem;
}
}
@media (max-width: 550px) {
.article-grid h1,
.article-grid .h1 {
font-size: 1.5rem;
line-height: 28px;
}
}
.article-grid h2,
.article-grid .h2 {
font-size: 1.5rem;
margin-top: 1.5rem;
}
.article-grid h3,
.article-grid .h3 {
font-size: 1.25rem;
}
.article-grid .article-sources a {
color: var(--bs-gray);
font-size: 0.875rem;
}
.article-grid .article-conclusion {
color: var(--bs-gray) !important;
font-size: 1rem;
}
.article-grid__item img {
border-radius: 1.5rem !important;
}
.article-grid__item iframe[src*='rutube'] {
border-radius: 1.5rem !important;
overflow: hidden;
width: 100%;
height: auto;
aspect-ratio: 16/9;
}
@media (min-width: 768px) {
.article-grid__item iframe[src*='rutube'] {
border-radius: var(--bs-border-radius-xl) !important;
}
.article-grid__item img {
border-radius: var(--bs-border-radius-xl) !important;
}
}
.article-grid__item p {
font-size: 1.125rem;
color: var(--bs-blue);
line-height: 1.5;
margin: 1rem 0;
}
@media (max-width: 768px) {
.article-grid__item p {
font-size: 1rem;
}
}
.article-grid__item a {
text-decoration: underline;
color: var(--orange-color);
}
.article-grid__item:first-child ul,
.article-grid__item ol {
font-size: 1.125rem;
}
@media (max-width: 768px) {
.article-grid__item:first-child ul,
.article-grid__item ol {
font-size: 1rem;
}
}
.article-grid__item h2,
.article-grid__item .h2,
.article-grid__item h3,
.article-grid__item .h3,
.article-grid__item h4,
.article-grid__item .h4,
.article-grid__item h5,
.article-grid__item .h5,
.article-grid__item h6,
.article-grid__item .h6 {
font-weight: 700;
}
/* Исправленный селектор для установки ширины изображений, исключая аватарки статей */
.article-grid__item img:not(.info-article__avatar):not([class*="m-"]) {
width: 100%;
margin-bottom: 1rem;
height:auto;
}
/* Стили для .main ul */
.main ul {
margin-bottom: 1rem;
}
/*
Стили для li внутри .article-grid, .article-list и .catalog-podborki,
не затрагиваем специальные списки и пагинацию.
*/
.article-list {
padding-left: 2rem !important;
}
/* Оформление пунктов списка в article-grid, article-list и catalog-podborki */
.article-grid li,
.article-list li,
.catalog-podborki li {
position: relative;
font-size: 1.125rem;
color: var(--bs-blue);
line-height: 1.5;
}
/* Адаптивный размер шрифта для li в article-grid, article-list и catalog-podborki */
@media (max-width: 768px) {
.article-grid li,
.article-list li,
.catalog-podborki li {
font-size: 1rem;
}
}
/* Маркер для li в article-grid, article-list и catalog-podborki, кроме если внутри .article-anchors */
.vacancies-grid__item li {
position:relative;
}
.article-grid
ul:not(.ya-share2__list)
li:not(.article-anchors)::before,
.article-list li:not(.article-anchors)::before,
.catalog-podborki ul li:not(.article-anchors)::before,
.vacancies-grid__item li:not(.acticle-anchors)::before,
.arenda-generators__text ul li:before,
.accordion-body ul li:before{
content: '';
position: absolute;
left: -1rem;
top: 9px;
width: 4px;
height: 4px;
background-color: var(--yellow-color);
border-radius: 50%;
}
/* Дополнительно: сбрасываем before для li, которые находятся внутри .article-anchors, чтобы не дублировать маркеры */
.article-anchors li::before,
.list-unstyled li::before {
content: none !important;
}
.article-anchors {
background: var(--light-background);
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
position: sticky;
top: 1rem;
}
@media (max-width: 992px) {
.article-anchors {
top: 9rem;
}
}
.article-anchors a {
color: var(--bs-gray);
position: relative;
padding-left: 0.875rem;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.article-anchors a.active {
color: var(--bs-blue);
}
.article-anchors a:hover {
color: var(--orange-color);
}
.article-anchors a::before {
content: '';
position: absolute;
left: 0;
/* Позиционируем точку слева от текста */
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 4px;
height: 4px;
background-color: currentColor;
/* Цвет точки совпадает с цветом текста */
border-radius: 50%;
/* Делаем элемент круглым */
}
.info-article__text {
color: var(--bs-gray) !important;
font-size: 1rem !important;
}
.info-article__name {
font-size: 1rem !important;
}
.cards-article__item {
border: 1px solid var(--border-light);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
@media (max-width: 550px) {
.cards-article__item img {
max-height: 61px;
}
}
.cards-article__item p {
color: var(--bs-gray);
line-height: 1.5;
font-size: 1rem;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.cards-article__item:hover {
-webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
}
.cards-article__item:hover p {
color: var(--orange-color);
}
@media (max-width: 768px) {
.article-socials {
width: 100%;
}
}
.socials-article__block {
background: var(--bs-white);
border: 1px solid var(--border-light);
}
@media (max-width: 768px) {
.socials-article__block:first-child {
border: none;
}
}
.socials-article button {
background: var(--extra-light-background);
border-radius: 0.5rem;
border: none;
color: inherit;
}
.socials-article__icon {
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
background: var(--extra-light-background);
border-radius: 0.5rem;
}
@media (max-width: 768px) {
.socials-article__icon {
width: 100%;
}
}
.socials-article__title {
font-size: 1rem !important;
}
.article-video {
min-height: 670px;
}
.icon_telegram {
width: 20px;
height: 17px;
color: var(--bs-blue);
}
.icon_whatsapp {
width: 20px;
height: 20px;
color: var(--bs-blue);
}
.icon_vk {
width: 18px;
height: 18px;
color: var(--bs-blue);
}
.like {
width: 18px;
height: 19px;
}
.dislike {
-webkit-transform: scaleY(-1);
-ms-transform: scaleY(-1);
transform: scaleY(-1);
width: 18px;
height: 19px;
}
.pencil {
width: 18px;
height: 18px;
}
.clock {
width: 20px;
height: 20px;
}
.vacancies h1,
.vacancies .h1 {
font-weight: 900 !important;
}
.vacancies p {
color: var(--bs-gray);
}
.vacancies .arrow {
right: 0 !important;
opacity: 0.35;
}
.vacancies__desc {
font-size: 1.125rem;
line-height: 1.5;
}
@media (max-width: 768px) {
.vacancies__desc {
font-size: 1rem;
}
}
.vacancies .selected-value {
font-size: 1rem;
color: var(--bs-blue);
font-weight: 400 !important;
margin-top: 0 !important;
padding-top: 0 !important;
}
@media (max-width: 550px) {
.vacancies .selected-value {
font-size: 0.875rem;
}
}
@media (max-width: 550px) {
.vacancies__founded {
font-size: 0.875rem;
text-align: right;
}
}
.vacancies__select {
min-width: 250px;
}
@media (min-width: 992px) {
.project-wrapper .catalog__select {
min-width: 250px;
padding-right: 2rem !important;
overflow: hidden;
}
.project-wrapper .select-container .arrow {
right: 0.5rem !important;
}
}
.vacancies-grid {
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
}
.vacancies-form__title {
font-size: 1.125rem;
}
.vacancies-grid > *:first-child {
-ms-grid-column: 1;
-ms-grid-column-span: 2;
grid-column: 1/3;
}
@media (max-width: 992px) {
.vacancies-grid {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
.vacancies-grid__form {
background: var(--extra-light-background);
}
@media (max-width: 992px) {
.vacancies-grid__form {
width: 100%;
}
}
.vacancies-grid__form p {
font-size: 1.125rem;
color: var(--bs-blue);
}
.vacancies-grid__form .btn-primary {
background: var(--bs-primary);
border-radius: 0.5rem;
}
@media (max-width: 550px) {
.vacancies-grid__form button {
width: 100%;
}
}
.vacancies-card {
background: var(--bs-white);
border: 1px solid var(--light-background);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
@media (max-width: 768px) {
.vacancies-card {
border: 1px solid var(--bs-border-color);
}
}
.vacancies-card__title {
font-size: 1.5rem;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
color: inherit;
}
@media (max-width: 550px) {
.vacancies-card__title {
font-size: 1.125rem;
}
}
.vacancies-card:hover {
-webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
}
.vacancies-card:hover .vacancies-card__title {
color: var(--orange-color) !important;
}
.vacancies-card__description {
color: var(--bs-gray);
}
@media (max-width: 550px) {
.vacancies-card__description {
font-size: 0.875rem;
}
}
@media (max-width: 550px) {
.vacancies-card__info p {
font-size: 0.875rem;
}
}
.vacancies-card__price p,
.vacancies-card__title {
color: var(--bs-blue) !important;
}
@media (max-width: 550px) {
.vacancies-card button {
font-size: 0.875rem;
}
}
.ruble {
width: 20px;
height: 20px;
}
@media (max-width: 550px) {
.ruble {
width: 16.5px;
height: 16.5px;
}
}
.place {
width: 1.125rem;
height: 20px;
}
@media (max-width: 550px) {
.place {
width: 15px;
height: 17px;
}
}
.vacancy-title {
font-size: 1.5rem;
line-height: 1.5;
color: var(--bs-blue) !important;
}
@media (max-width: 550px) {
.vacancy-title {
font-size: 1.125rem;
}
}
.vacancy-text {
font-size: 1.125rem;
}
.vacancy-desc {
color: var(--bs-gray) !important;
font-size: 1rem !important;
line-height: 1.5;
}
.vacancy-desc a {
color: var(--bs-blue) !important;
}
@media (max-width: 550px) {
.vacancy-header {
font-size: 1.5rem !important;
}
}
.resume-overlay-wrap {
z-index: 10000;
}
.resume-overlay textarea {
resize: none;
}
.resume-overlay__header:before {
content: '';
width: 100vw;
height: 1px;
position: absolute;
left: -1rem;
bottom: 0;
background: var(--border-light);
}
@media (min-width: 768px) {
.resume-overlay__header:before {
display: none;
}
}
.resume-overlay__form {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
@media (max-width: 768px) {
.resume-overlay__form {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
.resume-overlay__input {
background: var(--light-background);
border: 1px solid var(--border-light);
border-radius: 0.5rem;
}
@media (max-width: 550px) {
.resume-overlay__block > p {
font-size: 0.875rem;
}
}
.resume-overlay__block.long-block {
-ms-grid-column: 1;
-ms-grid-column-span: 2;
grid-column: 1/3;
}
@media (max-width: 768px) {
.resume-overlay__block.long-block {
-ms-grid-column: 1;
-ms-grid-column-span: 1;
grid-column: 1/2;
}
}
.resume-overlay__info {
font-size: 0.875rem;
line-height: 1.5;
color: var(--bs-gray);
}
@media (max-width: 768px) {
.resume-overlay__info {
text-align: center;
font-size: 0.75rem;
}
}
@media (min-width: 992px) {
#resume-overlay-popup .modal-dialog,
#resume-overlay-popup .modal-dialog .modal-content,
#resume-overlay-popup .modal-dialog form {
width: 760px;
max-width: 760px;
}
}
.resume-overlay .btn-warning {
color: var(--bs-blue) !important;
}
@media (max-width: 768px) {
.resume-overlay .btn-warning {
width: 100%;
}
}
@media (max-width: 768px) {
.file-input-wrapper {
width: 100%;
}
}
.file-input {
left: 0;
top: 0;
opacity: 0;
cursor: pointer;
}
.file-input-label {
background-color: var(--bs-white);
border: 1px solid var(--border-light);
border-radius: 0.5rem;
-webkit-transition: all 0.3s;
transition: all 0.3s;
cursor: pointer;
}
.file-input-label:hover {
border-color: #c2c6cc;
}
.file-input-text {
color: var(--bs-blue);
line-height: 1.5;
}
.pin {
width: 19px;
height: 19px;
}
.reviews-page h1,
.reviews-page .h1 {
font-weight: 900;
}
.reviews-page__filter {
border-radius: 3rem;
border: 1px solid var(--border-gray);
background: var(--bs-white);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
color: var(--bs-primary);
}
@media (max-width: 550px) {
.reviews-page__filter {
font-size: 0.875rem;
}
}
.reviews-page__filter.active {
background: #1f3246;
border: 1px solid #1f3246;
color: var(--bs-white);
}
.reviews-page__filter a {
color: inherit;
}
.reviews-page__filter span {
background-color: var(--yellow-color);
font-size: 0.75rem;
padding: 1px 6px;
}
.reviews-page__videos {
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 992px) {
.reviews-page__videos {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 700px) {
.reviews-page__videos {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
.video-review {
background: var(--bs-white);
border: 1px solid var(--border-light);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.video-review__video {
min-height: 225px;
}
@media (max-width: 550px) {
.video-review__video {
min-height: 184px;
}
}
.video-review__video .player {
color: #1f3246;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.video-review:hover {
-webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
}
.video-review:hover .player {
color: var(--player-yellow-color);
}
.video-review__wrapper p {
line-height: 1.5;
}
.video-review__wrapper p:first-child {
font-size: 1.125rem;
}
@media (max-width: 550px) {
.video-review__wrapper p:first-child {
font-size: 1rem;
}
}
.video-review__wrapper .about-wrapper__description {
display: block;
display: -webkit-box;
max-width: 400px;
-webkit-line-clamp: 3;
/* количество строк */
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
@media (max-width: 550px) {
.video-review__wrapper .about-wrapper__description {
font-size: 0.875rem;
-webkit-line-clamp: 4;
}
}
@media (max-width: 550px) {
.video-review__wrapper .about-wrapper__description.date {
font-size: 0.75rem;
}
}
.lists h1,
.lists .h1 {
font-weight: 900;
}
.files-item {
background: var(--extra-light-background);
}
.files-item__svg {
background: var(--yellow-color);
border-radius: 0.5rem;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.files-item__note {
width: 24px;
height: 24px;
}
.files-item__arrow {
color: var(--bs-gray);
width: 13px;
height: 7px;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.files-item:hover .files-item__arrow {
color: var(--orange-color);
}
.files-item__wrapper p {
line-height: 1.5;
font-size: 1.125rem;
}
@media (max-width: 768px) {
.files-item__wrapper p {
font-size: 1rem;
}
}
.calcs__cards {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
@media (max-width: 768px) {
.calcs__cards {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
.card-calc {
border: 1px solid var(--border-light);
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
.card-calc__image {
border-radius: 0.5rem;
overflow: hidden;
}
.card-calc__image img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
max-height: 270px;
height: 100%;
}
.card-calc__content p {
font-size: 1.125rem;
line-height: 1.5;
}
@media (max-width: 768px) {
.card-calc__content p {
font-size: 1rem;
}
}
.card-calc__content button {
padding-top: 6px;
padding-bottom: 6px;
}
@media (max-width: 768px) {
.card-calc__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.card-calc__content p {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.card-calc__content button {
font-size: 0.875rem;
}
}
.delivery-slider .swiffy-slider .slider-container {
grid-auto-columns: 40%;
}
.delivery-slider .swiffy-slider .slider-container > * {
min-height: 380px;
}
@media (max-width: 1450px) {
.delivery-slider .swiffy-slider .slider-container > * {
min-height: auto;
}
}
@media (max-width: 1450px) {
.delivery-slider .swiffy-slider .slider-container {
grid-auto-columns: calc(42% - 53.3333px);
padding-left: 1rem;
padding-right: 1rem;
}
.delivery-slider .swiffy-slider .slider-container img {
width: 100%;
}
}
@media (max-width: 1300px) {
.delivery-slider .swiffy-slider .slider-container {
grid-auto-columns: calc(50% - 53.3333px);
}
}
@media (max-width: 650px) {
.delivery-slider .swiffy-slider .slider-container {
grid-auto-columns: calc(65% - 53.3333px);
grid-gap: 0.75rem;
}
}
@media (max-width: 500px) {
.delivery-slider .swiffy-slider .slider-container {
grid-auto-columns: calc(90.5% - 53.3333px);
}
}
@media (max-width: 550px) {
.deliver h2,
.deliver .h2 {
font-size: 1.25rem !important;
}
}
.deliver__description {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
font-size: 1.125rem;
}
@media (max-width: 550px) {
.deliver__description {
font-size: 1rem !important;
}
}
@media (max-width: 992px) {
.deliver__description {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
.deliver__description p {
font-size: 1.125rem;
}
@media (max-width: 550px) {
.deliver__description p {
font-size: 1rem !important;
}
}
.deliver .news-slider a {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.deliver .news-slider:hover a {
color: var;
}
@media (max-width: 768px) {
.deliver .news-slider {
border: 1px solid var(--border-light) !important;
}
}
@media (max-width: 768px) {
.deliver-header {
font-size: 1.5rem;
}
}
@media (max-width: 768px) {
.deliver .popular-slider__block:hover {
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
}
.deliver-info {
background: var(--light-background);
}
.deliver-info__wrapper {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
@media (max-width: 768px) {
.deliver-info__wrapper {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
.deliver-info__item {
background: var(--extra-light-background);
}
.deliver-info__description {
color: var(--bs-gray);
}
.deliver-info__description.none {
font-size: 1rem;
}
@media (max-width: 550px) {
.deliver-info__description.none {
font-size: 0.875rem;
}
}
.deliver-logistika {
-ms-grid-columns: 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media (max-width: 992px) {
.deliver-logistika {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 768px) {
.deliver-logistika {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
.deliver-logistika__item {
background: var(--extra-light-background);
}
@media (max-width: 550px) {
.deliver-logistika__item p {
font-size: 0.875rem;
}
}
.delivery-contacts {
background: var(--extra-light-background);
}
.delivery-contacts__description {
font-size: 1.125rem;
}
@media (max-width: 768px) {
.delivery-contacts__description {
font-size: 1rem;
}
}
@media (max-width: 768px) {
.delivery-contacts__item {
text-align: center !important;
}
}
@media (max-width: 768px) {
.delivery-contacts__item h2,
.delivery-contacts__item .h2 {
font-size: 1.5rem;
}
}
@media (max-width: 550px) {
.delivery-contacts__item h2,
.delivery-contacts__item .h2 {
font-size: 1.25rem;
}
}
.dgu-block__wrapper:before {
content: '';
background: -webkit-gradient(
linear,
left top,
right top,
from(var(--bs-blue)),
color-stop(150%, rgba(6, 27, 49, 0))
);
background: linear-gradient(
90deg,
var(--bs-blue) 0%,
rgba(6, 27, 49, 0) 150%
);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
}
@media (min-width: 768px) {
.dgu-block__wrapper img.dgu {
-webkit-transform: scale(1.5);
-ms-transform: scale(1.5);
transform: scale(1.5);
margin-left: 11%;
-o-object-position: 0% 66%;
object-position: 0% 66%;
}
}
.dgu-block .main-slider__title {
text-transform: inherit;
}
.bg-extra-light {
background: var(--extra-light-background) !important;
}
.dgu-info__wrapper {
margin-top: -4.5rem;
}
@media (max-width: 768px) {
.dgu-info__wrapper {
margin-top: -1rem;
}
}
.dgu-info__wrapper {
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 500px) {
.dgu-info p {
font-size: 0.875rem;
}
}
.large-p {
padding-bottom: 8.5rem;
}
@media (max-width: 768px) {
.large-p {
padding-bottom: 4.5rem;
}
}
.dgu__description {
font-size: 1.125rem;
}
.dgu__background {
background: var(--light-background);
}
@media (max-width: 768px) {
.dgu__tarifs {
font-size: 0.875rem;
}
}
.dgu__height {
max-height: 380px;
min-height: 182px;
}
@media (min-width: 992px) {
.dgu.slider-container {
overflow: hidden;
}
}
.big-p {
font-size: 1.125rem;
}
@media (max-width: 768px) {
.big-p {
font-size: 1rem;
}
}
.dgu__cards {
-ms-grid-columns: 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media (max-width: 992px) {
.dgu__cards {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 768px) {
.dgu__cards {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
.dgu__cards > .d-flex:not(.files-item__svg) {
background: var(--extra-light-background);
min-height: 232px;
}
@media (max-width: 768px) {
.dgu__cards > .d-flex:not(.files-item__svg) {
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
}
}
.dgu__cards .files-item__svg {
min-width: 48px;
}
@media (max-width: 768px) {
.dgu__cards .files-item__svg {
min-width: 40px;
font-size: 0.875rem;
min-height: 40px;
}
}
@media (max-width: 768px) {
.dgu__cards p {
font-size: 0.875rem;
}
}
.warning-block {
color: #450a0a;
background: #fef2f2;
border-left: 2px solid #ef4444;
}
@media (max-width: 768px) {
.warning-block {
font-size: 0.875rem;
}
}
.other_energy {
width: 16px;
height: 20px;
}
@media (max-width: 768px) {
.other_energy {
width: 13.5px;
height: 16.5px;
}
}
.h-fit {
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
}
.player3 {
width: 16px;
height: 17px;
}
.player2 {
width: 80px;
}
@media (max-width: 768px) {
.player2 {
width: 40px;
}
}
.about-company-video {
min-height: 700px;
}
@media (max-width: 992px) {
.about-company-video {
min-height: 80vh;
}
}
@media (max-width: 550px) {
.about-company-video {
min-height: 185px;
}
}
.about-company__events img {
width: min(100%, 246px);
}
.gen_dir img {
max-width: 400px;
}
@media (max-width: 550px) {
.payment h2,
.payment .h2 {
font-size: 1.125rem;
}
}
.gallery-icon svg {
width: 24px;
height: 24px;
}
.certificate p {
-webkit-transition: color 0.3s ease;
transition: color 0.3s ease;
}
.certificate > div {
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
cursor: pointer;
}
.certificate > div .gallery-icon {
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.certificate > div:hover {
-webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
}
.certificate > div:hover .gallery-icon {
opacity: 1;
visibility: visible;
}
.certificate > div:hover p {
color: var(--orange-color);
}
.light-icon,
.home,
.multimedia,
.wash-machine {
width: 24px;
height: 24px;
}
.calc-form * {
font-size: 1rem;
}
.calc-form__string > *:first-child {
-webkit-box-flex: 0;
-ms-flex: 0 0 37%;
flex: 0 0 37%;
color: var(--bs-blue);
}
.calc-form__string > *:last-child {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
color: var(--bs-blue);
}
@media (max-width: 768px) {
.calc-form__string > *:last-child {
width: 100%;
}
}
.calc-form__string.headers * {
color: var(--bs-gray);
}
@media (max-width: 768px) {
.calc-form__string p {
font-size: 0.875rem;
}
}
.calc-form__description {
font-size: 0.75rem;
}
@media (max-width: 768px) {
.calc-form .form-control {
font-size: 0.875rem;
}
}
.calculator__result {
max-width: 550px;
}
@media (max-width: 550px) {
.calculator__result {
border-radius: 0 !important;
}
}
@media (max-width: 550px) {
.calculator__text {
font-size: 0.75rem;
}
}
.patrol-calculator__block {
background: var(--extra-light-background);
}
.patrol-calculator__block h2,
.patrol-calculator__block .h2 {
font-size: 1.125rem;
}
@media (max-width: 992px) {
.patrol-calculator__block p {
color: var(--bs-blue);
}
}
@media (max-width: 550px) {
.patrol-calculator__block > p {
font-size: 10px;
}
}
.patrol-calculator__description {
font-size: 14px;
}
.contacts__address {
font-size: 1.5rem;
}
@media (max-width: 768px) {
.contacts__address {
font-size: 1.125rem;
}
}
@media (max-width: 768px) {
.contacts__time {
font-size: 0.875rem;
}
}
@media (max-width: 768px) {
.contacts__contact {
font-size: 0.875rem;
}
}
.contacts__contact a:hover {
text-decoration: underline;
}
@media (max-width: 768px) {
.contacts__semititle {
font-size: 1.25rem !important;
}
}
@media (max-width: 768px) {
.contacts__table td {
font-size: 0.875rem;
}
}
.contacts__map {
height: 600px;
}
@media (max-width: 992px) {
.contacts__map {
height: 80vh;
}
}
.solid-phone,
.mail-icon,
.location {
width: 24px;
height: 24px;
}
.bg-whatsapp {
background: #25d366;
}
.bg-light {
background: var(--light-background);
}
.default-icon {
width: 24px;
height: 24px;
}
.small-p {
font-size: 0.875rem;
line-height: 1rem;
}
@media (max-width: 768px) {
.small-p {
font-size: 0.75rem;
}
}
.small-p a {
border-bottom: 1px dotted var(--bs-dark);
}
.before-dot::before {
content: '';
position: absolute;
top: 50%;
right: 7px;
width: 2px;
height: 2px;
background: var(--bs-gray);
border-radius: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
@media (max-width: 768px) {
.buy-page__title {
font-size: 1.5rem;
}
}
.buy-page__big-slider {
height: 400px;
width: 400px;
}
@media (max-width: 450px) {
.buy-page__big-slider {
width: 100%;
height: auto;
}
}
.buy-page__big-slider .slider-indicators {
margin-bottom: 1rem !important;
}
.buy-page__big-slider .slider-indicators li {
background: #b5bbc2;
width: 8px;
height: 8px;
border: none;
}
.buy-page__big-slider .slider-indicators li.active {
background: #061b31;
}
.buy-page__small-slider {
height: 400px;
width: 82px;
}
.buy-page__small-slider ul {
-ms-scroll-snap-type: y proximity;
scroll-snap-type: y proximity;
}
.buy-page__arrow {
position: absolute;
background: rgba(242, 243, 244, 0.8);
-webkit-filter: none;
filter: none;
opacity: 1 !important;
visibility: visible;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.buy-page__arrow:after {
display: none;
}
.buy-page__prev-arrow {
top: 0;
left: 50%;
-webkit-transform: translate(-50%) rotate(180deg);
-ms-transform: translate(-50%) rotate(180deg);
transform: translate(-50%) rotate(180deg);
}
.buy-page__next-arrow {
top: calc(100% - 40px);
left: 50% !important;
right: unset;
-webkit-transform: translate(-50%);
-ms-transform: translate(-50%);
transform: translate(-50%);
}
.buy-page__characteristicks h2,
.buy-page__characteristicks .h2 {
font-size: 1.5rem;
}
@media (max-width: 768px) {
.buy-page__characteristicks h2,
.buy-page__characteristicks .h2 {
font-size: 1.125rem;
}
}
.buy-page__recomendation {
border-radius: 3rem;
}
.btn-gray-dark {
background: #e7e9eb;
}
.result-buy__price {
font-size: 1.5rem;
}
.types-buy__highlight span {
color: #d97706;
border-bottom: 1px dotted #d97706;
}
.buy-page__small-slider .slider-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
overflow-y: auto;
overflow-x: hidden;
-ms-scroll-snap-type: y mandatory;
scroll-snap-type: y mandatory;
max-height: 400px;
gap: 0.5rem;
}
.buy-page__small-slider .slider-container li img {
height: 82px;
}
.buy-page__small-slider .slider-container > li {
scroll-snap-align: start;
}
.hide {
opacity: 0 !important;
visibility: hidden !important;
}
@media (max-width: 768px) {
.values-buy {
width: 100%;
}
}
.values-buy__btn {
color: var(--orange-color);
}
.values-buy__image img {
width: 48px;
}
.values-buy__checkbox {
border-radius: 0.75rem;
border: 2px solid var(--bs-semi-gray);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
cursor: pointer;
}
.values-buy__checkbox.checked {
border: 2px solid #fbbf24;
}
.values-buy__checkbox-price {
font-size: 0.875rem;
}
.values-buy__avto {
border-radius: 0.75rem;
}
.text-wrapper {
-webkit-transition: max-height 0.5s
cubic-bezier(0.33, 0.86, 0.69, 0.93);
transition: max-height 0.5s cubic-bezier(0.33, 0.86, 0.69, 0.93);
}
.read-more {
outline: none;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.fade-out {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 80px;
background: -webkit-gradient(
linear,
left top,
left bottom,
from(rgba(255, 255, 255, 0)),
to(rgba(255, 255, 255, 0.95))
);
background: linear-gradient(
to bottom,
rgba(255, 255, 255, 0) 0%,
rgba(255, 255, 255, 0.95) 100%
);
opacity: 1;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
pointer-events: none;
}
.fade-out.gray {
background: -webkit-gradient(
linear,
left top,
left bottom,
from(rgba(255, 255, 255, 0)),
to(var(--extra-light-background))
);
background: linear-gradient(
to bottom,
rgba(255, 255, 255, 0) 0%,
var(--extra-light-background) 100%
);
}
.fade-out.hidden {
opacity: 0;
}
.default-p {
font-size: 1rem !important;
}
.hint-icon {
min-width: 20px;
width: 20px;
height: 20px;
outline: none;
}
.text-orange {
color: #d97706 !important;
}
.default-star {
color: #fbbf24;
}
.small-star {
width: 1rem;
height: 1rem;
}
.gray-star {
color: var(--bs-primary-bg-subtle);
}
.mobile-reviews .slider-container,
.projects-slider-wrapper .slider-container {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
}
.mobile-reviews .slider-indicators,
.projects-slider-wrapper .slider-indicators {
margin-bottom: 1rem !important;
bottom: -1rem;
}
.mobile-reviews .slider-indicators li,
.projects-slider-wrapper .slider-indicators li {
background: #b5bbc2;
width: 3rem;
border-radius: 0;
height: 2px;
border: none;
}
.mobile-reviews .slider-indicators li:before,
.projects-slider-wrapper .slider-indicators li:before {
display: none;
}
.mobile-reviews .slider-indicators li.active,
.projects-slider-wrapper .slider-indicators li.active {
background: #061b31;
}
@media (max-width: 550px) {
.projects .swiffy-slider.analog {
--swiffy-slider-item-count: 2;
}
}
.map-inactive {
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.map-inactive.show {
background: var(--bs-warning);
opacity: 0.3;
z-index: 100;
visibility: visible;
height: 600px !important;
cursor: pointer;
}
@media (max-width: 992px) {
.map-inactive.show {
height: 80vh !important;
}
}
.scroll-snap {
-ms-scroll-snap-type: x mandatory;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
}
.scroll-snap-item {
scroll-snap-align: start;
white-space: nowrap;
}
.fw-extrabold {
font-weight: 900 !important;
}
.slider-catalog {
overflow-x: auto;
-ms-scroll-snap-type: x mandatory;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
.slider-catalog::-webkit-scrollbar {
display: none;
}
.slider-catalog__slide {
border-radius: 3rem;
padding-top: 6px;
padding-bottom: 6px;
}
.slider-catalog__slide:hover {
text-decoration: underline;
}
.slider-catalog__fade {
background: -webkit-gradient(
linear,
left top,
right top,
from(rgba(255, 255, 255, 0)),
to(#ffffff)
);
background: linear-gradient(
90deg,
rgba(255, 255, 255, 0) 0%,
#ffffff 100%
);
}
.slider-catalog__fade.reverse {
background: -webkit-gradient(
linear,
right top,
left top,
from(rgba(255, 255, 255, 0)),
to(#ffffff)
);
background: linear-gradient(
-90deg,
rgba(255, 255, 255, 0) 0%,
#ffffff 100%
);
}
.slider-catalog__fade-wrapper {
width: 82px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.slider-catalog__arrow {
padding: 6px;
border: none;
}
.slider-catalog__prev-arrow {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.catalog__select {
min-width: 200px;
height: -webkit-fit-content !important;
height: -moz-fit-content !important;
height: fit-content !important;
background: var(--light-background);
font-size: 1rem;
}
.catalog__select.small {
min-width: 104px;
}
.catalog__select svg {
-webkit-transform: rotate(90deg) translate(-50%, 0) !important;
-ms-transform: rotate(90deg) translate(-50%, 0) !important;
transform: rotate(90deg) translate(-50%, 0) !important;
top: 50% !important;
width: 24px !important;
height: 24px !important;
}
.extra-small-p {
font-size: 0.75rem;
line-height: 1;
}
.small-icon {
width: 16px;
height: 16px;
}
.medium-icon {
width: 20px;
height: 20px;
}
.item-catalog__sale {
padding: 42px 104px;
}
@media (max-width: 992px) {
.item-catalog__sale {
padding: 3rem;
}
}
@media (max-width: 768px) {
.item-catalog__sale {
padding: 2rem;
}
.item-catalog__sale p:nth-child(2) {
padding-right: 40%;
font-size: 0.875rem;
line-height: 1.35;
}
}
@media (max-width: 550px) {
.item-catalog__sale {
padding: 1.25rem;
}
.item-catalog__sale button {
font-size: 0.875rem;
padding: 6px 0.75rem !important;
}
}
.item-catalog__sale::after {
content: '';
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 82px;
height: 82px;
border-radius: 50%;
background: var(--bs-white);
}
@media (max-width: 992px) {
.item-catalog__sale::after {
display: none;
}
}
.item-catalog__result {
font-size: 1.25rem;
}
@media (max-width: 550px) {
.item-catalog__result {
font-size: 1rem;
}
}
@media (max-width: 768px) {
.item-catalog__result-buttons {
width: -webkit-fit-content !important;
width: -moz-fit-content !important;
width: fit-content !important;
}
}
@media (max-width: 550px) {
.item-catalog__result-buttons button {
font-size: 0.875rem;
}
.item-catalog__result-buttons button svg {
width: 20px;
height: 20px;
}
}
@media (max-width: 768px) {
.item-catalog__product {
padding-bottom: 0.75rem;
border-bottom: 1px solid var(--extra-light-background);
}
.item-catalog__product img {
width: 125px;
}
}
@media (max-width: 550px) {
.item-catalog__product img {
width: 57px;
}
}
@media (max-width: 768px) {
.item-catalog__info {
width: 100%;
gap: 2px;
}
.item-catalog__info > p {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.item-catalog__mobile-buttons p {
font-size: 0.875rem;
}
.item-catalog .mobile-title {
font-size: 0.875rem;
}
@media (max-width: 550px) {
.item-catalog .default-icon.flag {
width: 20px;
height: 20px;
}
}
.sale-catalog__title {
font-size: 2rem;
}
@media (max-width: 768px) {
.sale-catalog__title {
font-size: 1.25rem;
}
}
.sale-catalog__svg {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
@media (max-width: 550px) {
.sale-catalog__svg {
right: -14% !important;
}
}
@media (max-width: 450px) {
.sale-catalog__svg {
right: -25% !important;
}
}
.sale-catalog__svg svg {
width: 260px;
height: 260px;
}
@media (max-width: 768px) {
.sale-catalog__svg svg {
width: 220px;
height: 220px;
}
}
.filter-catalog {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.filter-catalog__arrow {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.filter-catalog__subcategory {
background: var(--light-background);
}
.default-icon-arrow {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.header-filter {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.checkbox-wrapper {
max-height: 130px;
overflow-y: hidden;
-webkit-transition: max-height 0.5s ease;
transition: max-height 0.5s ease;
}
.checkbox-wrapper::-webkit-scrollbar {
width: 4px;
}
.checkbox-wrapper::-webkit-scrollbar-track {
display: none;
}
.checkbox-wrapper::-webkit-scrollbar-thumb {
background: #cdd1d6;
border-radius: 2.5rem;
}
.checkbox-wrapper.expanded {
max-height: 260px;
overflow-y: auto;
}
.form-check-input {
width: 18px;
height: 18px;
}
.form-check-input:checked {
background-color: var(--yellow-color);
border-color: 1px solid var(--yellow-color);
color: var(--bs-white);
--bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23061B31' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e") !important;
}
.form-check-input:focus {
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.filter-inputs > div {
background: #fbfbfb;
}
.filter-inputs > div input {
background: #fbfbfb;
outline: none;
}
.form-switch .form-check-input {
cursor: pointer;
width: 2.5rem;
height: 1.5rem;
background-color: #cdd1d6;
--bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e") !important;
}
.form-switch .form-check-input:checked {
background-color: #fbbf24 !important;
}
@media (max-width: 768px) {
.catalog-order__title {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.catalog-order__main-content {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.catalog-order__slider {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 1;
}
}
.form-check-input[type='radio'] {
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
width: 20px;
height: 20px;
border: 1px solid #cdd1d6;
border-radius: 50%;
outline: none;
cursor: pointer;
position: relative;
background-color: #fff;
-webkit-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
/* Активное состояние (checked) */
.form-check-input[type='radio']:checked {
background-color: #fbbc05;
border-color: #fbbc05;
background-image: none;
}
/* Белый кружок внутри */
.form-check-input[type='radio']:checked::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 40%;
height: 40%;
border-radius: 50%;
background-color: #fff;
}
.radio-button {
font-size: 0.875rem;
}
.sort-overlay__amount {
padding: 6px 1rem;
font-size: 0.875rem;
background: var(--bg-white);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.sort-overlay__amount.active {
border: 1px solid transparent;
background: #1f3246;
color: var(--bs-white);
}
.filter-catalog__wrapper {
overflow-y: clip;
-webkit-transition: max-height 0.3s ease-in-out;
transition: max-height 0.3s ease-in-out;
}
.filter-catalog__wrapper .nouislider-slider {
width: 95%;
margin: 0 auto;
}
@media (max-width: 400px) {
.items-pagination {
width: 100%;
}
}
.items-pagination__item {
min-width: 48px;
height: 48px;
background: var(--bs-white);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.items-pagination__item.active {
background: #1f3246;
color: var(--bs-white);
}
.items-pagination__item:hover {
background: #1f3246;
color: var(--bs-white);
}
@media (max-width: 768px) {
.items-pagination__item {
font-size: 0.875rem;
width: 40px;
height: 40px;
}
}
@media (max-width: 400px) {
.more {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.more a {
width: auto;
}
}
@media (max-width: 768px) {
.pagination-arrow {
width: 20px;
height: 20px;
}
}
@media (max-width: 768px) {
.pagination-catalog button {
width: 100%;
font-size: 0.875rem;
}
}
.podborki-catalog__title {
font-size: 1.5rem;
}
.podborka__item {
padding: 6px 0.6rem;
}
.podborka__item:hover {
text-decoration: underline;
}
.review-catalog {
border-radius: 0.75rem;
}
.review-catalog__image {
width: 80px;
height: 80px;
}
.review-catalog__review {
border-radius: 0.75rem;
border: 1px solid var(--extra-light-background);
}
.catalog-form__image {
right: -11%;
top: 10%;
width: 511px;
}
@media (max-width: 992px) {
.catalog-form__image {
right: -8%;
top: 26%;
width: 400px;
}
}
@media (max-width: 850px) {
.catalog-form__image {
right: 50%;
top: 62%;
-webkit-transform: translateX(50%);
-ms-transform: translateX(50%);
transform: translateX(50%);
}
}
@media (max-width: 600px) {
.catalog-form__image {
width: 300px;
top: 67%;
}
}
@media (max-width: 850px) {
.catalog-form .big-form__wrapper {
text-align: center;
padding-bottom: 10rem !important;
}
.catalog-form button {
margin-bottom: 0 !important;
}
}
.popup-filter-catalog {
-webkit-box-shadow:
0px 0px 16px rgba(0, 0, 0, 0.08),
-32px 0px 32px rgba(0, 0, 0, 0.04);
box-shadow:
0px 0px 16px rgba(0, 0, 0, 0.08),
-32px 0px 32px rgba(0, 0, 0, 0.04);
border-radius: 0.75rem;
width: 180px;
font-size: 14px;
line-height: 20px;
z-index: 20;
background: var(--bs-white);
}
.popup-filter-catalog::after {
content: '';
position: absolute;
top: 50%;
left: -12px;
-webkit-transform: translateY(-50%) rotate(180deg);
-ms-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg);
width: 0;
height: 0;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-left: 12px solid #ffffff;
}
.popup-quiz .popup-book__wrapper {
height: 536px !important;
}
@media (max-width: 768px) {
.popup-quiz .popup-book__wrapper {
height: 100% !important;
width: 100%;
border-radius: 0 !important;
}
}
.quiz-cross {
width: 27px;
height: 28px;
color: #b5bbc2;
}
@media (max-width: 768px) {
.quiz-cross {
width: 20px;
height: 20px;
}
}
@media (max-width: 768px) {
.quiz-progress {
font-size: 0.75rem;
}
}
.progress-quiz {
height: 0.5rem;
}
.progress-quiz .progress-bar-striped {
background-image: linear-gradient(
122deg,
rgba(255, 255, 255, 0.15) 25%,
transparent 25%,
transparent 50%,
rgba(255, 255, 255, 0.15) 50%,
rgba(255, 255, 255, 0.15) 75%,
transparent 75%,
transparent
) !important;
background-color: #1f3246;
background-position-x: -4%;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.quiz-back .default-icon {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.content-quiz__title {
font-size: 1.5rem;
}
@media (max-width: 768px) {
.content-quiz__title {
font-size: 1.125rem;
}
}
.content-quiz__checkbox {
background: var(--light-background);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
cursor: pointer;
}
.content-quiz__checkbox.active {
border: 1px solid #fbbf24 !important;
}
@media (max-width: 768px) {
.content-quiz__checkbox {
font-size: 0.875rem;
}
}
.content-quiz__map {
height: 160px;
}
img.marker {
width: 30px;
position: absolute;
left: -15px;
top: -15px;
}
.quiz-warning a {
text-decoration: underline;
}
@media (max-width: 768px) {
.quiz-warning {
text-align: center;
font-size: 0.75rem;
}
}
@media (max-width: 768px) {
.quiz-header {
border-bottom: 1px solid var(--bs-semi-gray);
}
}
@media (max-width: 768px) {
.quiz-contacts {
font-size: 0.875rem;
}
}
@media (max-width: 768px) {
.map-screen {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
}
}
@media (max-width: 768px) {
.to-page h2,
.to-page .h2 {
font-size: 1.25rem !important;
}
.to-page .main-slider__title {
font-size: 1.5rem !important;
max-width: 100%;
}
}
@media (max-width: 700px) {
.to-table-wrapper {
width: 192%;
}
}
.to-card {
min-height: 0 !important;
height: auto !important;
}
@media (max-width: 768px) {
.to-card__wrapper {
height: auto !important;
min-height: 0 !important;
}
.to-card__wrapper > p:first-child {
font-size: 1rem !important;
}
}
.to-card__title {
font-size: 1.5rem !important;
}
@media (max-width: 768px) {
.to-card__title {
font-size: 1rem !important;
}
}
@media (max-width: 768px) {
.to-card__description {
font-size: 0.875rem;
}
}
@media (max-width: 768px) {
.to-card__svg {
width: 40px;
height: 40px;
}
}
.variant-to {
background: var(--extra-light-background);
}
.variant-to__name {
padding: 28px 15px;
background: var(--bs-warning);
}
@media (max-width: 768px) {
.variant-to__name {
padding: 0;
width: 64px;
font-size: 1.125rem !important;
height: 64px;
}
}
@media (max-width: 768px) {
.to-variants {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
overflow-x: auto;
-ms-scroll-snap-type: x mandatory;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
-webkit-overflow-scrolling: touch;
padding-bottom: 1rem;
}
.to-variants__variant {
-webkit-box-flex: 0 !important;
-ms-flex: 0 0 calc(50% - 1rem) !important;
flex: 0 0 calc(50% - 1rem) !important;
/* два элемента в видимой области */
scroll-snap-align: start;
}
/* Скрываем полосу прокрутки для красоты */
.to-variants::-webkit-scrollbar {
display: none;
}
}
@media (max-width: 768px) {
.to-values.container {
padding-right: 0 !important;
}
}
.other_energy-color {
color: #cdd1d6;
}
@media (max-width: 768px) {
.to-table th {
font-size: 0.875rem !important;
}
.to-table th:not(:first-child) {
min-width: 90px;
}
.to-table th:first-child {
min-width: 208px;
}
}
.to-table thead > * > * {
background: #828c97 !important;
}
.to-table tbody > * > * {
background: var(--light-background);
border: transparent;
}
@media (max-width: 768px) {
.to-table tbody > * > * {
font-size: 0.875rem;
}
}
.to-table tbody > tr {
border-bottom: 1px solid var(--bs-table-border-color);
}
.to-table tbody > tr:last-child {
border: 1px solid transparent;
}
.w-23 {
width: 23%;
}
.bright-energy {
color: #cdd1d6;
}
.to__small-title {
font-size: 1.5rem;
}
@media (max-width: 768px) {
.to__small-title {
font-size: 1.125rem;
}
}
.instruction-buy__icon {
color: #828c97;
}
.to__background-paddings {
margin-top: 2.5rem;
padding: 2.5rem 0;
}
.no-hyphens {
-ms-hyphens: none;
hyphens: none;
}
@media (max-width: 768px) {
.to-file-icon {
width: 20px !important;
height: 20px !important;
}
}
@media (max-width: 768px) {
.to-file-size {
font-size: 0.875rem !important;
}
}
@media (max-width: 768px) {
.montash {
background: var(--light-background);
padding: 2.5rem 0;
margin-top: 2.5rem;
}
}
.montash-card {
background: var(--extra-light-background);
}
.montash-card__title {
color: #9ba4ad;
font-size: 1rem;
}
.montash-card__item {
padding: 8px 13px;
background: var(--bs-white);
border-radius: 3rem;
font-size: 0.875rem;
}
@media (max-width: 768px) {
.montash-card__item {
font-size: 0.75rem;
padding: 7px 13px;
}
}
@media (min-width: 768px) {
.garant-accordion__item button {
cursor: pointer;
}
.garant-accordion__item button::after {
display: block !important;
}
}
.garant-page .accordion-item li {
font-size: 1rem;
}
@media (max-width: 768px) {
.garant-page .accordion-item li {
font-size: 0.875rem;
}
}
.garant-page .big-p {
font-size: 1.125rem !important;
}
@media (max-width: 768px) {
.garant-page .big-p {
font-size: 1rem !important;
}
}
@media (max-width: 768px) {
.garant-page .garant-title {
font-size: 1.25rem;
}
}
@media (max-width: 768px) {
.garant-form__title {
font-size: 1rem !important;
}
.garant-form__text {
font-size: 0.875rem !important;
}
}
.list-project__border {
border-bottom: 1px dashed #cdd1d6;
min-width: 1rem;
}
@media (max-width: 768px) {
.list-project * {
font-size: 0.875rem !important;
}
}
.projects-project__image img {
max-height: 248px;
}
@media (max-width: 768px) {
.projects-project__image img {
max-height: 208px;
}
}
.projects-buttons__mobile button {
font-size: 0.875rem;
}
.projects-overlay {
min-height: auto;
top: inherit;
max-height: 67vh;
bottom: 0;
overflow: auto;
}
.projects-overlay__cross {
color: #b5bbc2;
}
.projects-overlays {
z-index: 1111;
}
@media (max-width: 1350px) {
.projects .projects-slider-wrapper.swiffy-slider {
--swiffy-slider-item-count: 3.3;
}
}
@media (max-width: 992px) {
.projects .projects-slider-wrapper.swiffy-slider {
--swiffy-slider-item-count: 2.7;
}
}
@media (max-width: 650px) {
.projects .projects-slider-wrapper.swiffy-slider {
--swiffy-slider-item-count: 2;
}
}
@media (max-width: 768px) {
.project .title {
font-size: 1.125rem;
}
}
@media (max-width: 768px) {
.project .medium-icon {
width: 1rem;
height: 1rem;
}
}
.project-description {
background: var(--extra-light-background);
}
.project-description__title {
font-size: 1.5rem;
}
@media (max-width: 768px) {
.project-description__title {
font-size: 1.125rem !important;
}
}
@media (max-width: 768px) {
.project-description * {
font-size: 0.875rem;
}
}
.project-gallery {
cursor: pointer;
}
.project-gallery__info {
padding: 6px 0.75rem;
border-radius: 3rem;
background: var(--extra-light-background);
top: 1.5rem;
left: 1.5rem;
}
.project-gallery__info p {
font-size: 0.875rem;
margin-top: 3px;
}
@media (max-width: 768px) {
.project-gallery__info p {
font-size: 0.75rem;
}
}
@media (max-width: 768px) {
.project-gallery__info {
top: 0.75rem;
padding: 6px 8px;
}
}
/* ============================================
Web Vitals оптимизация для project-gallery
============================================ */
/* Базовые стили для контейнера изображений */
.project-gallery-image {
position: relative;
background-color: #f5f5f5;
/* Нейтральный placeholder */
}
/* Главное изображение - оптимизация для LCP */
#project-gallery__image-1 {
/* Фиксированная высота для предотвращения CLS */
min-height: 450px;
}
#project-gallery__image-1 img {
/* GPU-ускорение для быстрого рендеринга */
transform: translateZ(0);
/* Плавное появление */
opacity: 0.3;
transition: opacity 0.3s ease-in-out;
}
/* Класс после загрузки главного изображения */
#project-gallery__image-1 img.loaded {
opacity: 1;
}
/* Обработка ошибки загрузки */
#project-gallery__image-1 img.load-error {
opacity: 0.5;
filter: grayscale(100%);
}
/* Скрытые изображения галереи (для lightGallery) */
.project-gallery-image.d-none {
/* Минимальная высота не нужна для скрытых элементов */
min-height: 0;
}
.project-gallery-image.d-none img {
/* Оптимизация рендеринга скрытых изображений */
content-visibility: hidden;
}
/* Дополнительные оптимизации для project-gallery */
.project-gallery {
/* Изоляция рендеринга для производительности */
contain: layout style;
}
/* Индикатор количества фото - оптимизация */
.project-gallery__info {
/* Оптимизация позиционирования */
will-change: transform;
transition: transform 0.2s ease;
}
.project-gallery:hover .project-gallery__info {
transform: scale(1.02);
}
/* Оптимизация для мобильных устройств */
@media (max-width: 767.98px) {
#project-gallery__image-1 {
/* Уменьшенная высота для мобильных */
min-height: 250px;
}
}
/* Оптимизация для планшетов */
@media (min-width: 768px) and (max-width: 991.98px) {
#project-gallery__image-1 {
min-height: 350px;
}
}
/* Оптимизация для печати */
@media print {
#project-gallery__image-1 img {
opacity: 1 !important;
}
.project-gallery-image.d-none {
display: none !important;
}
}
/* Accessibility: prefers-reduced-motion */
@media (prefers-reduced-motion: reduce) {
#project-gallery__image-1 img {
transition: none;
}
.project-gallery__info {
transition: none;
}
.project-gallery:hover .project-gallery__info {
transform: none;
}
}
/* Dark mode поддержка (если используется на сайте) */
@media (prefers-color-scheme: dark) {
.project-gallery-image {
background-color: #2a2a2a;
}
}
/* Оптимизация для высокой плотности пикселей (Retina) */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
#project-gallery__image-1 img {
/* Улучшенное сглаживание на retina дисплеях */
image-rendering: -webkit-optimize-contrast;
image-rendering: crisp-edges;
}
}
.project-content__video {
height: 464px;
}
@media (max-width: 550px) {
.project-content__video {
height: 187px;
}
}
.project-buttons button:first-child {
background: var(--extra-light-background);
}
.project-contacts {
-ms-grid-columns: 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media (max-width: 992px) {
.project-contacts {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 768px) {
.project-contacts {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
.ampers-checkbox {
border: 1px solid var(--bs-semi-gray);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
cursor: pointer;
font-size: 1rem;
}
.ampers-checkbox.active {
border: 1px solid #fbbf24;
}
@media (max-width: 768px) {
.ampers-checkbox {
font-size: 0.875rem !important;
}
}
@media (max-width: 768px) {
.ampers .patrol-calculator__block > p {
margin-bottom: 0.5rem !important;
}
.ampers .patrol-calculator__block > p:last-child {
font-size: 10px !important;
}
.ampers .patrol-calculator__block p {
font-size: 1rem !important;
}
.ampers .result-description {
font-size: 0.875rem !important;
}
}
.ampers .form-check-input {
margin-top: 0;
}
.ampers .form-check-label {
margin-top: 2px;
}
/*# sourceMappingURL=main.css.map */
.tabs .accordion-item:hover {
box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
}
/* Стили добавленного товара в сравнение */
.compare_item.text.added {
position: relative;
/* Для корректного позиционирования псевдоэлемента */
transition:
box-shadow 0.5s ease,
background-color 0.5s ease;
/* Применяем transition только к нужным свойствам */
z-index: 1;
/* Повышаем уровень накладывания для псевдоэлемента */
}
.compare_item.text.added:before {
content: '';
display: block;
position: absolute;
inset: 0;
/* Эквивалент top:0; right:0; bottom:0; left:0; */
width: 100%;
height: 100%;
background: linear-gradient(90deg, #fbbf24 60%, #f59e0b 100%);
opacity: 0.34;
/* Немного прозрачный фон для визуального эффекта */
border-radius: 0.5rem;
pointer-events: none;
/* Чтобы не мешать кликам по кнопке */
box-shadow: 0 0 20px 0 rgba(251, 191, 36, 0.2);
transition:
opacity 0.5s ease,
box-shadow 0.5s ease;
z-index: 2;
/* Накладываем поверх контента */
}
.main {
min-height: 50dvh;
}
/* ====================================
Preloader для квиза
==================================== */
/* Контейнер preloader - фиксированный оверлей на весь экран */
#preloader.l-wrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
backdrop-filter: blur(4px);
z-index: 10000;
display: flex;
align-items: center;
justify-content: center;
animation: fadeIn 0.3s ease-in-out;
}
/* SVG preloader */
#preloader svg {
width: 120px;
height: 120px;
animation: rotate 2s linear infinite;
}
/* Вращение всего SVG */
@keyframes rotate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/* Группа кругов */
.g-circles {
transform-origin: center;
}
/* Отдельный круг */
.g--circle {
transform-origin: 20px 20px;
animation: pulse 1.5s ease-in-out infinite;
}
/* Анимация пульсации для каждого круга с задержкой */
.g--circle:nth-child(1) {
animation-delay: 0s;
}
.g--circle:nth-child(2) {
animation-delay: 0.1s;
}
.g--circle:nth-child(3) {
animation-delay: 0.2s;
}
.g--circle:nth-child(4) {
animation-delay: 0.3s;
}
.g--circle:nth-child(5) {
animation-delay: 0.4s;
}
.g--circle:nth-child(6) {
animation-delay: 0.5s;
}
.g--circle:nth-child(7) {
animation-delay: 0.6s;
}
.g--circle:nth-child(8) {
animation-delay: 0.7s;
}
.g--circle:nth-child(9) {
animation-delay: 0.8s;
}
.g--circle:nth-child(10) {
animation-delay: 0.9s;
}
.g--circle:nth-child(11) {
animation-delay: 1s;
}
.g--circle:nth-child(12) {
animation-delay: 1.1s;
}
/* Пульсация круга */
@keyframes pulse {
0%,
100% {
opacity: 1;
transform: scale(1);
}
50% {
opacity: 0.3;
transform: scale(0.7);
}
}
/* Стилизация кругов */
.u--circle {
fill: #fbbf24;
/* Желтый цвет из вашей темы */
}
/* Альтернативный цвет для четных кругов */
.g--circle:nth-child(even) .u--circle {
fill: #f59e0b;
/* Оранжевый оттенок */
}
/* Появление preloader */
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
/* Адаптив для мобильных */
@media (max-width: 768px) {
#preloader svg {
width: 80px;
height: 80px;
}
}
/* Улучшенная производительность */
#preloader,
#preloader * {
will-change: transform, opacity;
}
/* Оптимизация для GPU */
.g-circles,
.g--circle {
transform: translateZ(0);
backface-visibility: hidden;
perspective: 1000px;
}
/* ====================================
Success Modal для квиза
Полноэкранный оверлей с максимальным z-index
==================================== */
/* Основной контейнер - полноэкранный оверлей */
.quiz-success-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99999;
/* Максимальный приоритет - поверх всех элементов */
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
animation: successFadeIn 0.4s ease-out;
}
/* Backdrop - затемнение фона */
.quiz-success-backdrop {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.75);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
z-index: 1;
}
/* Контейнер модального окна */
.quiz-success-modal {
position: relative;
z-index: 2;
max-width: 600px;
width: 100%;
animation: successSlideUp 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}
/* Контент модального окна */
.quiz-success-content {
box-shadow: 0 20px 80px rgba(0, 0, 0, 0.3);
min-height: 300px;
display: flex;
align-items: center;
justify-content: center;
}
/* Кнопка закрытия */
.quiz-success-close {
top: 20px;
right: 20px;
z-index: 10;
border: none;
background: transparent;
cursor: pointer;
transition:
transform 0.2s ease,
opacity 0.2s ease;
opacity: 0.6;
}
.quiz-success-close:hover {
transform: scale(1.1);
opacity: 1;
}
.quiz-success-close:active {
transform: scale(0.95);
}
/* Анимация появления оверлея */
@keyframes successFadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
/* Анимация появления модального окна снизу */
@keyframes successSlideUp {
from {
opacity: 0;
transform: translateY(50px) scale(0.9);
}
to {
opacity: 1;
transform: translateY(0) scale(1);
}
}
/* Адаптивность для планшетов */
@media (max-width: 768px) {
.quiz-success-modal {
max-width: 90%;
}
.quiz-success-content {
padding: 2rem !important;
min-height: 280px;
}
.quiz-success-content h3 {
font-size: 26px !important;
}
.quiz-success-content p {
font-size: 16px !important;
}
.quiz-success-content .bg-success {
width: 80px !important;
height: 80px !important;
}
.quiz-success-content .bg-success svg {
width: 50px !important;
height: 50px !important;
}
}
/* Адаптивность для мобильных */
@media (max-width: 480px) {
.quiz-success-overlay {
padding: 15px;
}
.quiz-success-modal {
max-width: 95%;
}
.quiz-success-content {
padding: 1.5rem !important;
min-height: 250px;
}
.quiz-success-content h3 {
font-size: 22px !important;
}
.quiz-success-content p {
font-size: 15px !important;
}
.quiz-success-content .bg-success {
width: 70px !important;
height: 70px !important;
}
.quiz-success-content .bg-success svg {
width: 40px !important;
height: 40px !important;
}
.quiz-success-close {
top: 15px;
right: 15px;
}
}
/* Оптимизация производительности */
.quiz-success-overlay,
.quiz-success-backdrop,
.quiz-success-modal {
will-change: opacity, transform;
transform: translateZ(0);
backface-visibility: hidden;
}
/* Предотвращение скролла body при открытом success */
body.quiz-success-open {
overflow: hidden;
}
/* ====================================
Success Modal для квиза (Bootstrap 5.3.x)
Дополнительные стили поверх Bootstrap классов
==================================== */
/* Увеличиваем z-index для success modal */
#quiz-success-modal {
z-index: 99999 !important;
}
#quiz-success-modal .modal-backdrop {
z-index: 99998 !important;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
}
#quiz-success-modal .modal-dialog {
z-index: 99999 !important;
}
/* Анимация появления (дополнительно к Bootstrap) */
#quiz-success-modal.show .modal-dialog {
animation: successModalSlideUp 0.4s
cubic-bezier(0.34, 1.56, 0.64, 1);
}
@keyframes successModalSlideUp {
from {
transform: translateY(50px) scale(0.9);
opacity: 0;
}
to {
transform: translateY(0) scale(1);
opacity: 1;
}
}
/* Улучшенная тень для modal-content */
#quiz-success-modal .modal-content {
box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.3) !important;
}
/* Стиль для иконки успеха */
#quiz-success-modal .bg-success {
box-shadow: 0 0.5rem 1.5rem rgba(25, 135, 84, 0.3);
}
/* Адаптивность для очень маленьких экранов */
@media (max-width: 576px) {
#quiz-success-modal .modal-dialog {
margin: 0.5rem;
max-width: calc(100% - 1rem);
}
#quiz-success-modal .modal-body {
padding: 2rem !important;
}
#quiz-success-modal .fs-1 {
font-size: 1.75rem !important;
}
#quiz-success-modal .fs-5 {
font-size: 1rem !important;
}
#quiz-success-modal .bg-success {
width: 80px !important;
height: 80px !important;
}
#quiz-success-modal .bg-success svg {
width: 48px !important;
height: 48px !important;
}
}
/* Оптимизация производительности */
#quiz-success-modal,
#quiz-success-modal .modal-backdrop,
#quiz-success-modal .modal-dialog {
will-change: opacity, transform;
transform: translateZ(0);
backface-visibility: hidden;
}
.h-145px {
height: 145px !important;
}
.catalog-order__slider
.slider-catalog
.btn.slider-catalog__slide.active {
color: var(--bs-yellow);
}
.filter-catalog__checkboxes .form-check-label {
overflow-wrap: anywhere;
}
#contacts-map {
height: 600px;
}
@media (max-width: 992px) {
#contacts-map {
height: 80vh !important;
}
}
@media (max-width: 991px) {
.price-table__table.fix320 {
min-width: 200px;
}
}
.table-container {
overflow-x: auto; /* Горизонтальная прокрутка, если таблица шире блока */
-webkit-overflow-scrolling: touch;
width: 100%;
}
.tab_gen {
width: 100%;
border-collapse: separate;
border-spacing: 0;
margin: 1.5rem 0;
font-size: 1rem;
min-width: 260px;
/* Границы как у карточек/кнопок (без теней) */
border: var(--bs-border-width) solid var(--bs-border-color-translucent);
border-radius: var(--bs-border-radius-xl);
overflow: hidden;
}
.tab_gen thead th {
background-color: var(--bs-yellow);
color: var(--bs-blue);
padding: 1rem 1.25rem;
text-align: center;
vertical-align: middle;
font-weight: 700;
border-bottom: var(--bs-border-width) solid var(--bs-border-color-translucent);
}
.tab_gen tbody tr:hover {
background-color: rgba(var(--bs-emphasis-color-rgb), 0.06);
}
.zebra tbody tr:nth-child(odd) {
background-color: rgba(var(--bs-emphasis-color-rgb), 0.03);
}
.zebra tbody tr:nth-child(even) {
background-color: transparent;
}
.tab_gen td {
padding: 1rem 1.25rem;
text-align: left;
vertical-align: top;
line-height: 1.5;
overflow-wrap: anywhere;
word-break: normal;
border-top: var(--bs-border-width) solid var(--bs-border-color-translucent);
}
/* Мобильная версия */
@media (max-width: 600px) {
.tab_gen thead {
display: none;
}
.tab_gen tbody {
display: block;
}
.tab_gen tr {
display: flex;
flex-direction: column;
border-bottom: 2px solid var(--bs-yellow);
}
.tab_gen td {
display: flex;
justify-content: space-between;
padding: 0.75rem 1rem;
font-weight: bold;
text-align: right;
hyphens: auto;
border-top: var(--bs-border-width) solid var(--bs-border-color-translucent);
}
.tab_gen td:before {
content: attr(data-label);
flex: 1;
font-weight: normal;
color: var(--bs-gray);
white-space: normal;
hyphens: auto;
text-align: left;
min-width: 40%;
padding-right: 1rem;
}
}
#popupReviewModal .modal-body .bg-extra-light > .rounded-3 {
width:80px;
height:80px;
}
#popupReviewModal label {
cursor: pointer;
}
.bg-vertical-dark{
background: linear-gradient(
0deg,
var(--bs-blue) 0%,
rgba(6, 27, 49, 0) 100%
);
}
.zoom-2 {
transform: scale(2);
will-change: transform;
}
.ya-share2__list {
margin-bottom: 0 !important;
}
.arenda-generators__text ul li,
.accordion-body ul li {
position:relative
}
.photo-gallery {
background: var(--light-background);
}
.photo-gallery-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 992px) {
.photo-gallery-grid {
grid-template-columns: repeat(4, 1fr);
}
}
@media (min-width: 992px) {
.photo-gallery .big-img {
grid-column: 3/5;
grid-row: 1/3;
}
}
.video-container {
overflow: hidden;
border-radius: var(--bs-border-radius-xl) !important;
}
.myReviews-container {
width: 100%;
min-height: 420px;
}
/* End */
/* Start:/local/components/energy/search.title/templates/header/style.css?17720764443829*/
/* Стили для результатов поиска на Bootstrap 5.3.8 */
/* Контейнер результатов поиска */
.title-search-result {
position: absolute;
top: 100%;
left: 50%;
right: 0;
background: #fff;
/* border: 1px solid #dee2e6; */
border-radius: 1rem;
/* box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); */
box-shadow: 0px 10px 30px 0px #0000001A;
z-index: 1050;
max-height: max(500px, 60dvh);
overflow-y: auto;
overflow-x: hidden;
margin-top: 1rem;
display: none;
/* min-width: 50vw; */
/* transform: translate3d(-50%, 0, 0); */
max-width: 90vw;
}
/* Контейнер поиска должен быть position: relative */
.search-container {
position: relative;
}
.title-search-result.show {
display: block;
}
/* Контейнер для результатов */
.title-search-result-container {
background: #fff;
}
/* Заголовок категории */
.title-search-category-title {
background-color: #f8f9fa;
border-bottom: 1px solid #dee2e6;
}
.title-search-category-title small {
font-size: 0.75rem;
letter-spacing: 0.5px;
}
/* Ссылка на элемент поиска */
.title-search-item-link {
color: #212529;
transition: background-color 0.15s ease-in-out;
}
.title-search-item-link:hover {
background-color: #f8f9fa;
color: #212529;
}
.title-search-item-link:focus {
background-color: #e9ecef;
color: #212529;
}
/* Изображение товара */
.title-search-item-image {
width: 64px;
height: 64px;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
background-color: #f8f9fa;
border-radius: 1rem;
overflow: hidden;
}
.title-search-item-image img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
/* Контент элемента */
.title-search-item-content {
min-width: 0;
flex: 1 1 auto;
}
/* Название товара */
.title-search-item-name {
font-size: 0.9375rem;
line-height: 1.4;
color: #212529;
margin-bottom: 0.25rem;
}
/* Описание товара */
.title-search-item-preview {
font-size: 0.8125rem;
line-height: 1.4;
color: #6c757d;
margin-bottom: 0.25rem;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
/* Цена товара */
.title-search-item-price {
font-size: 0.9375rem;
line-height: 1.4;
margin-top: 0.25rem;
}
.title-search-item-price .text-decoration-line-through {
font-size: 0.8125rem;
}
/* Ссылка "Все результаты" */
.title-search-item-all {
background-color: #f8f9fa;
border-top: 2px solid #dee2e6 !important;
}
.title-search-item-all a {
color: #0d6efd;
font-weight: 600;
}
.title-search-item-all a:hover {
color: #0a58ca;
}
/* Адаптивность для мобильных устройств */
@media (max-width: 575.98px) {
.title-search-result {
left: -15px;
right: -15px;
max-height: 400px;
}
.title-search-item-image {
width: 60px;
height: 60px;
}
.title-search-item-name {
font-size: 0.875rem;
}
.title-search-item-preview {
font-size: 0.75rem;
}
.title-search-item-price {
font-size: 0.875rem;
}
}
/* Скроллбар для контейнера результатов */
.title-search-result::-webkit-scrollbar {
width: 8px;
}
.title-search-result::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 0 0.375rem 0.375rem 0;
}
.title-search-result::-webkit-scrollbar-thumb {
background: #c1c1c1;
border-radius: 4px;
}
.title-search-result::-webkit-scrollbar-thumb:hover {
background: #a8a8a8;
}
/* Анимация появления */
@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(-10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.title-search-result.show {
animation: fadeIn 0.2s ease-out;
}
/* End */
/* /bitrix/templates/generator/css/vendor.css?17661454376314 */
/* /bitrix/templates/generator/css/main.css?1777971239622705 */
/* /local/components/energy/search.title/templates/header/style.css?17720764443829 */