@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&display=swap');
html {
    font-size: 18px;
}
body {
    max-width: 1920px;
    margin: 0 auto;
    font-family: "Google Sans", sans-serif;
}

img {max-width: 100%;}
b {font-weight: 700;}
.text-black {color: #000000;}
.no-margin-last-child > *:last-child {margin-bottom: 0;}

.rounded-sm {border-radius: .5rem !important;;}
.rounded {border-radius: 1rem !important;;}
.rounded-xl  {border-radius: 1.5rem !important;;}
.rounded-xxl {border-radius: 2rem !important;;}

.border-reset {border-color: inherit !important;}
.border-2x {border-width: 2px !important;}
.border-3x {border-width: 3px !important;}
.border-4x {border-width: 4px !important;}
.border-5x {border-width: 5px !important;}

.fw-100 {font-weight: 100 !important;}
.fw-200 {font-weight: 200 !important;}
.fw-300 {font-weight: 300 !important;}
.fw-400 {font-weight: 400 !important;}
.fw-500 {font-weight: 500 !important;}
.fw-600 {font-weight: 600 !important;}
.fw-700 {font-weight: 700 !important;}
.fw-800 {font-weight: 800 !important;}
.fw-900 {font-weight: 900 !important;}

.bg-image {background-size: cover; background-position: center center;}
.bg-image-top {background-position: center top;}
.bg-image-bottom {background-position: center bottom;}
.bg-image-fixed {background-attachment: fixed;}

.ratio-3x4 {--bs-aspect-ratio: 133%;}
.ratio-2x3 {--bs-aspect-ratio: 150%;}
.ratio-3x1 {--bs-aspect-ratio: 33.333%;}

.ls-05 {letter-spacing: 0.05em}
.ls-10 {letter-spacing: 0.1em}
.ls-20 {letter-spacing: 0.2em}
.ls-30 {letter-spacing: 0.3em}
.ls-40 {letter-spacing: 0.4em}
.ls-50 {letter-spacing: 0.5em}

.modal {
    --bs-modal-zindex: 9999;
    --bs-modal-padding: 2rem;
}

.sp-scroll-up {
    right: auto;
    left: 1rem;
    bottom: 1rem;
}

[data-readmore-show].collapsed:before {
    content: attr(data-readmore-show);
}
[data-readmore-show]:not(.collapsed):before {
    content: attr(data-readmore-hide);
}

.marker {
    --marker-size: 40%;
    background: linear-gradient(to top,
        rgba(var(--marker-color), 1) var(--marker-size),
        rgba(var(--marker-color), 0) var(--marker-size)
    );
}
.marker-warning {--marker-color: var(--bs-warning-rgb);}
.marker-primary {--marker-color: var(--bs-primary-rgb);}
.marker-info {--marker-color: var(--bs-info-rgb);}
.marker-danger {--marker-color: var(--bs-danger-rgb);}
.marker-light {--marker-color: var(--bs-light-rgb);}
.marker-success {--marker-color: var(--bs-success-rgb);}

ul, ol {
    --bs-gutter-x: 1rem;
    --bs-gutter-y: 0;
}

.list-flex {
    display: flex;
    flex-direction: column;
    margin-top: calc(var(--bs-gutter-y) * -1);
}
.list-flex > li {
    margin-top: var(--bs-gutter-y);
}

.fa-max {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask: url("../images/max.svg") no-repeat center;
    -webkit-mask-size: contain;
    mask: url("../images/max.svg") no-repeat center;
    mask-size: contain;
}

.btn-icon {
    --icon-size: calc(var(--bs-btn-border-width) * 2 + var(--bs-btn-font-size) * var(--bs-btn-line-height) + var(--bs-btn-padding-y) * 2);
    padding: 0;
    border-radius: 50% !important;
    display: inline-flex;
    width: var(--icon-size);
    height: var(--icon-size);
    align-items: center;
    justify-content: center;
}
.btn-icons {
    --icon-size: 1.5em;
    --color: var(--bs-primary);
    font-size: .75em;
    display: inline-block;
}
.btn-icons a.btn {
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: var(--color);
    --bs-btn-hover-color: var(--color);
    --bs-btn-hover-border-color: var(--color);
}
.btn-icons a:not(.btn) {
    border-radius: 50% !important;
    display: inline-flex;
    width: var(--icon-size);
    height: var(--icon-size);
    align-items: center;
    justify-content: center;
    background: var(--color);
    color: var(--bs-white);
}
.btn-icons a:has(.fa-telegram-plane) {
    --color: #29a9eb;
}
.btn-icons a:has(.fa-whatsapp) {
    --color: #01bc39;
}
.btn-icons a:has(.fa-viber) {
    --color: #784f99;
}

.btn-pulse {
    animation: radial-pulse 2s infinite;
}
@keyframes radial-pulse {
    0% {
        box-shadow: 0 0 0 0rem rgba(var(--bs-btn-focus-shadow-rgb), .40);
    }
    100% {
        box-shadow: 0 0 0 2rem rgba(var(--bs-btn-focus-shadow-rgb), .05);
    }
}

.fit-cover {
    position: relative;
    display: block;
    overflow: hidden;
}
.fit-cover > img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-width: none;
    max-height: none;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.owl-carousel {
    position: relative;
}
.owl-nav > * {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.owl-prev {
    left: 0;
}
.owl-next {
    right: 0;
}

.owl-dots.show {
    --gutter-x: var(--bs-gutter-x, .25rem);
    margin-left: calc(var(--gutter-x) / -2);
    margin-right: calc(var(--gutter-x) / -2);
}
.owl-dots.show .owl-dot {
    margin: 0 calc(var(--gutter-x) / 2);
    display: inline-flex;
    width: 1rem;
    height: .5rem;
    border-radius: 25rem;
    background: var(--bs-body-color);
    cursor: pointer;
    transition: .3s;
}
.owl-dots.show .owl-dot:not(.active) {
    opacity: .5;
}
.owl-dots.show .owl-dot.active {
    width: 2rem;
}

.custom-owl-nav.disabled {
    display: none;
}

#offcanvas-toggler {
    color: inherit;
}
#offcanvas-toggler .burger-icon>span {
    background-color: currentColor;
}

#sp-header:not(.header-sticky) {
    background: rgba(255,255,255,0);
}
#sp-header .row:has(#sp-menu) {
    flex-wrap: nowrap;
}
.menu-wrap > div:has(>.sp-megamenu-wrapper) {
    flex: 1 1 auto;
}
.menu-wrap > div:has(>.sp-megamenu-wrapper) .sp-megamenu-parent {
    float: none;
    width: 100%;
    justify-content: space-around;
}
#sp-menu .sp-megamenu-parent > li > :is(a,span) {
    text-transform: uppercase;
}
#sp-menu .sp-megamenu-parent > li:last-child > a {
    padding: 0 1rem;
}
.header-white #sp-header:not(.header-sticky) {
    color: #fff;
}
.header-white #sp-header:not(.header-sticky) .sp-megamenu-parent>li.active>:is(a,span),
.header-white #sp-header:not(.header-sticky) .sp-megamenu-parent>li>:is(a,span):not(:hover) {
    color: inherit;
}

.full-page-title {
    margin-top: calc(var(--header_height) * -1);
    padding-top: 5rem;
    padding-bottom: 6rem;
}
.full-page-title:before {
    content: '';
    display: block;
    height: var(--header_height);
}

.breadcrumb-wrap .breadcrumb {
    background: none;
    border-radius: 0;
}

.cf-fields .cf-control-group:not(:last-child) {
    margin-bottom: var(--bs-gutter-y, 1.5rem);
}

#sp-main-body {
    padding: 3rem 0;
}

.owl-carousel.mod-articles-126 {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}
.owl-carousel.mod-articles-126 .owl-stage-outer {
    overflow: visible;
}
.owl-carousel.mod-articles-126 .item {
    background-size: 45% auto;
    background-position: right bottom;
    background-repeat: no-repeat;
}

.simple-items .btn-owl-prev,
.simple-items .btn-owl-next {
    text-decoration: none;
    --bs-btn-bg: #fff;
}
.simple-items .btn-owl-prev {
    --bs-btn-color: var(--bs-secondary);
}
.simple-items .option-list.row-cols-auto > :last-child {
    flex: 1 0 0%;
}

.calc-nav-tabs [data-bs-toggle="tab"] {
    transition: 0s;
    background-color: rgba(var(--bs-white-rgb), 0);
}
.calc-nav-tabs [data-bs-toggle="tab"].active {
    transition: 1s;
    background-color: rgba(var(--bs-white-rgb), 1);
}
.calc-nav-tabs [data-bs-toggle="tab"]:not(.active) .ratio img {
    filter: grayscale(2);
    opacity: .85;
}
.calc-items .progress {
    --bs-progress-height: 1.5rem;
    position: relative;
}
.calc-items .progress:before,
.calc-items .progress:after {
    position: absolute;
    display: block;
    line-height: 1;
    text-transform: uppercase;
    top: .5rem;
    font-size: .65rem;
}
.calc-items .progress:before {
    content: attr(data-before);
    left: 1rem;
}
.calc-items .progress:after {
    content: attr(data-after);
    right: 1rem;
}
.calc-items .item-body li:not(:last-child) {
    margin-bottom: .5rem;
}

.option-list.fields-container {
    font-weight: 600;
}
.option-list.fields-container .field-label {
    display: block;
    opacity: .75;
    font-size: .85em;
    font-weight: 400;
}

#mod-custom134 .btn[data-bs-toggle="tab"]:not(.btn-primary) {
    --bs-btn-active-color: var(--bs-white);
    --bs-btn-active-bg: var(--bs-link-color);
    --bs-btn-active-border-color: var(--bs-link-color);
}

#sp-footer .container-inner {
    padding: 3rem 0;
}

@media screen and (max-width: 767px) {
    html {
        font-size: 14px;
    }
}