/* karla-regular - latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Karla';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/karla-v31-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* karla-500 - latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Karla';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/karla-v31-latin_latin-ext-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* karla-600 - latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Karla';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/karla-v31-latin_latin-ext-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* karla-700 - latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Karla';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/karla-v31-latin_latin-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* noto-serif-700 - latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Noto Serif';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/noto-serif-v23-latin_latin-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

:root {
    --md-body-font-size: 1.125rem;
    --header-height: 96px;
}

body { font-family: 'Karla', sans-serif; }

svg { display: inline-block; width: 16px; }

.btn { --md-btn-border-radius: 5px; --md-btn-font-weight: 600; --md-btn-padding-x: .75rem; --md-btn-padding-y: .675rem; }
.btn-primary { --md-btn-color: var(--md-secondary);  --md-btn-hover-bg: var(--md-secondary); --md-btn-hover-border-color: var(--md-secondary); --md-btn-hover-color: var(--md-primary); }
.btn-secondary { --md-btn-color: var(--md-primary); --md-btn-hover-bg: var(--md-primary); --md-btn-hover-border-color: var(--md-primary); --md-btn-hover-color: var(--md-secondary); }
.btn-outline-primary{ --md-btn-color: var(--md-secondary); --md-btn-hover-color: var(--md-secondary)  }
.btn-sm { --md-btn-padding-y: .25rem; --md-btn-padding-x: .5rem; }
.btn-lg {  }

.form-control { padding: .5rem 1rem; border-radius: 0; }

h1, h2, h3, h4, h5, h6 { font-family: 'Noto Serif', serif; font-weight: 700; }

.sub-title { margin-bottom: 1rem; }
.main-title { margin-bottom: 2rem; font-size: 2.75rem }
.main-title-2 { margin-bottom: 2rem; font-size: 2rem }
.heading-title { font-size: 1.5rem; text-transform: uppercase; margin-bottom: .5rem; }


.header-primary { background-color: #fff; box-shadow: 0 0 5px 0 rgba(var(--md-secondary-rgb), .7); }
.header-primary .navbar { --md-navbar-brand-padding-y: 0; }
.header-primary .navbar-brand img { width: 280px; }
.header-primary .navbar-nav { align-items: center; --md-nav-link-color: var(--md-secondary); --md-nav-link-hover-color: var(--md-primary); --md-navbar-active-color: var(--md-primary); --md-nav-link-font-size: 1rem; --md-nav-link-font-weight: 600; }
.header-primary .navbar-nav .nav-item + .nav-item { margin-left: 1rem; }

.header-primary .nav-link {  text-transform: uppercase; }

.dropdown-menu { border-top: 2px solid var(--md-secondary); --md-dropdown-padding-y: 0; --md-dropdown-border-radius: 0; --md-dropdown-border-width: 0; --md-dropdown-box-shadow: 0 0 5px 0 rgba(var(--md-secondary-rgb), .3); box-shadow: var(--md-dropdown-box-shadow);
    --md-dropdown-item-padding-x: .75rem; --md-dropdown-item-padding-y: .5rem; --md-dropdown-link-color: var(--md-secondary); --md-dropdown-link-active-color: var(--md-secondary)

}
.dropdown-menu li + li { border-top: 1px solid #e9ecef; }
.dropdown-item { font-weight: 600; text-transform: uppercase; }

.lang-item .nav-link { display: flex; align-items: center; }
.lang-item .nav-link svg { margin-right: 10px; }

.promobox { position: relative; isolation: isolate; display: flex; align-items: center; padding: 2rem 0; min-height: clamp(1px, 42vw, 800px); background: 50% 0 no-repeat scroll transparent; background-size: cover; color: #fff; }
.promobox::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background-color: rgba(0,0,0,.5); }
.promobox .heading-title { font-weight: 700; margin-bottom: 1.5rem; }
.promobox .main-title { margin-bottom: 3rem; font-size: 3.5rem; }
.promo-content-wrapper { }
/*.promobox .btn-link { --md-btn-border-width: 0; --md-btn-padding-x: 0; --md-btn-padding-y: 0; text-decoration: none; --md-btn-color: #fff; --md-btn-hover-color: var(--md-secondary); }*/
.promobox .text-ext { font-size: 1.25rem; font-weight: 600; }
.promobox .text-ext a {  }

.promobox-slider {}
.promobox-slider {
    /*--swiper-pagination-bullet-width: ;*/
    --swiper-pagination-bullet-size: 1.5rem;
    --swiper-pagination-bullet-inactive-opacity: 1;
    --swiper-pagination-bullet-inactive-color: var(--md-secondary);
    --swiper-theme-color: var(--md-primary);
}
.promobox-slider .swiper-slide { height: unset; }
.promobox-slider .promobox { padding-bottom: 3rem; height: 100%; }
.promobox-slider .promo-content-wrapper { padding-bottom: 10px;}
.promobox-slider .promobox .text-ext { margin-bottom: 0; }


/**/
body.home .header-primary { background-color: transparent; box-shadow: none; transition: background-color .15s ease-in-out }
body.home .header-primary.scrolled { background-color: var(--md-secondary); }
body.home .header-primary .navbar-nav { --md-nav-link-color: #fff; }
.promobox-slider-v2 { padding-top: var(--header-height); background: url(../images/bg-promobox-v2.jpg) 50% 50% no-repeat scroll transparent; background-size: cover; }
.promobox-slider-v2 .promobox:after { content: unset; }
.promobox-slider-v2 .col-img img { border-radius: 5px; box-shadow: 0 0 1.5rem 0 rgba(0,0,0,.4) }



/**/


.text-widget { position: relative; }
.bg-image { background: 100% 50% no-repeat scroll #e8e8e8; background-size: cover; }

.widget-faq { text-align: left; }
.faq {
    --md-accordion-border-radius: 0; --md-accordion-inner-border-radius: 0; --md-accordion-btn-focus-box-shadow: none;
    --md-accordion-active-color: var(--md-primary); --md-accordion-active-bg: var(--md-secondary);
    --md-accordion-hover-color: var(--md-secondary); --md-accordion-hover-bg: var(--md-primary);
}
.faq .accordion-button.collapsed:hover { color: var(--md-accordion-hover-color); background-color: var(--md-accordion-hover-bg); }

.block-list {}
.block-list-hover {}
.block-list-hover .block-item { padding: 1.5rem; transition: background-color .15s ease-in-out, box-shadow .15s ease-in-out; }
.block-list-hover .block-item:hover { background-color: #fff; box-shadow: 0 0 7px 0 rgba(var(--md-dark-rgb), .5); }
.block-item { display: flex; flex-direction: column; gap: 1rem; height: 100%; }
.block-image { }
.block-image img {}
.block-title { font-size: 1.5rem; margin-bottom: 0; }
.block-text {  }
.block-buttons { margin-top: auto; }

.block-list-sm .block-image img { max-height: 70px; }

.block-icon-list {  }
.block-icon-list .block-item { text-decoration: none; color: var(--md-body-color); transition: color .15s ease-in-out; }
.block-icon-list .block-icon { width: 90px; aspect-ratio: 1 / 1; background-color: var(--md-light); border-radius: 100vw; margin: 0 auto; display: flex; justify-content: center; align-items: center; transition: background-color .15s ease-in-out; }
.block-icon-list .block-icon img { max-width: 50px; max-height: 50px; }
.block-icon-list .block-title { font-size: 12px; text-transform: uppercase; font-weight: 700; }

.block-icon-list .block-item:hover { color: var(--md-primary); }
.block-icon-list .block-item:hover .block-icon { background-color: var(--md-primary); }

.feedback-item { display: flex; flex-direction: column; height: auto; color: var(--md-secondary); text-align: left; font-size: .875rem; font-weight: 700;  }
.feedback-inner { display: flex; flex-direction: column; height: 100%; padding: 1rem; background-color: #fff; }
.feedback-name { font-family: 'Noto Serif', serif; margin-bottom: 5px; }
.feedback-rating { display: flex; flex-wrap: nowrap; gap: 3px; margin-bottom: 1rem; color: var(--md-primary) }
.feedback-text { margin-bottom: 1rem; }
.feedback-footer { margin-top: auto; }
.feedback-image { position: relative; padding: 1rem 0 0 1rem; }
.feedback-image img { border-radius: 100vw; }
.feedback-image svg { width: 65px; color: #fff; }
.feedback-image::before { content: ''; position: absolute; top: 0; left: calc(1rem + (65px / 2)); transform: translateX(-50%);
    width: 0; height: 0; border-style: solid; border-width: 10px 8px 0 8px; border-color: #fff transparent transparent transparent;
}

.steps { margin-top: 2rem; }
.step-item { position: relative; padding-top: 1.5rem; }
.step-item::before { content: ''; position: absolute; top: 0; left: calc(50% + (var(--md-gutter-x) * .5)); width: 100%; height: 2px; background-color: var(--md-light); }
.step-item::after { content: ''; position: absolute; top: -4px; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background-color: var(--md-primary); border-radius: 100%; }
.step-title { font-size: 1rem; font-weight: 500; }

.content-text {}
.content-text ul { list-style: none; padding-left: 0; }
.content-text ul li { position: relative; padding-left: 25px; }
.content-text ul li + li { margin-top: .5rem; }
.content-text ul li:before { content: ''; position: absolute; top: 3px; left: 0; width: 1.25rem; height: 1.25rem;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%237BE8DC' class='bi bi-check-lg' viewBox='0 0 16 16'%3E%3Cpath d='M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425z'/%3E%3C/svg%3E") 50% 50% no-repeat scroll transparent;
    background-size: 1.5rem 1.5rem;
}

.team hr { margin: 0 0 2rem 0; opacity: 1; border-top-width: 2px; }
.team-row + .team-row { padding-top: 1.5rem; }

.highlighted {}
.highlighted-wrapper { border: 2px solid var(--md-secondary); }

.gallery {}
.gallery-item { position: relative; isolation: isolate; text-decoration: none; }
.gallery-image img { aspect-ratio: 16 / 9; object-fit: cover }
.gallery-item:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.3); opacity: 0; transition: opacity .15s ease-in-out }
.gallery-item:hover:after { opacity: 1; }
.gallery-title { position: relative; z-index: 5; display: block; padding: 3px 6px; background-color: var(--md-primary); color: var(--md-secondary); text-decoration: none; font-size: 14px; font-weight: 600; }

.block-info {}
.block-info-item { display: flex; gap: 1rem; margin-bottom: .5rem; }
.block-info-item svg { width: 20px; }

.user-form textarea.form-control { min-height: 120px; }

.social-box { display: flex; gap: 1rem; }
.social-box .nav-link { --md-nav-link-padding-x: 5px; --md-nav-link-padding-y: 5px; }
/*.social-box .nav-link + .nav-link { margin-left: 1rem; }*/
.social-box .nav-link svg { width: 22px; }

.callback-footer {}
.callback-footer .btn-outline-primary { --md-btn-color: var(--md-primary); }

.footer-primary { background-color: var(--md-secondary); color: #fff; font-size: 1rem; }
.footer-primary .sub-title {  }
.footer-primary .nav-link { display: inline-block; --md-nav-link-padding-x: 0; --md-nav-link-padding-y: 0; --md-nav-link-color: var(--md-primary); --md-nav-link-hover-color: var(--md-link-hover-color); }

.footer-bottom { background-color: rgba(var(--md-dark-rgb), .3); font-size: 13px; }

@media (min-width: 576px) {
    html { font-size: 14px; }
}
@media (min-width: 768px) {
    html { font-size: 14px; }
    .steps .col-item:last-of-type .step-item::before { content: inherit; }
}
@media (min-width: 992px) {
    html { font-size: 14px; }
    .team-row + .team-row { padding-top: 3rem; }
}
@media (min-width: 1200px) {
    html { font-size: 16px; }
    .py-xl-6 { padding-top: 5rem!important; padding-bottom: 5rem!important; }
}
@media (min-width: 1400px) {
    html { font-size: 16px; }
}

@media (min-width: 768px) and (max-width: 991.98px) {

}
@media (min-width: 390px) and (max-width: 575.98px) {

}
@media (min-width: 576px) and (max-width: 767.98px) {

}
@media (min-width: 768px) and (max-width: 991.98px) {

}
@media (min-width: 992px) and  (max-width: 1199.98px) {
    .header-primary .navbar-brand img { width: 200px; }
}

@media (max-width: 389.98px) {

}
@media (max-width: 575.98px) {
    html { font-size: 13px; }

    .promobox-slider-v2 .promobox .col-img img { max-width: 258px; }

}
@media (max-width: 767.98px) {
    .block-list .col-item { max-width: 380px; }

    .steps { max-width: 340px; margin: 0 auto; }
    .step-item { width: 50%; padding: .75rem .75rem; }
    .step-item::before { top: calc(0px - (var(--md-gutter-x) * .5)); left: auto; right: -1px; width: 2px; height: calc(100% + var(--md-gutter-x)); }
    .step-item::after { top: 50%; left: auto; right: -5px; transform: translate(0, -50%); }
    .steps .col-12:nth-child(2n) .step-item { margin-left: auto; }
    .steps .col-12:nth-child(2n) .step-item::before { left: -1px; right: auto;  }
    .steps .col-12:nth-child(2n) .step-item::after { left: -5px; right: auto; }

}
@media (max-width: 991.98px) {

    .btn { --md-btn-padding-x: .75rem; --md-btn-padding-y: .375rem; }
    .btn-lg { --md-btn-padding-x: 1rem; --md-btn-padding-y: .5rem; --md-btn-font-size: 1.25rem; }
    .btn-sm { --md-btn-padding-y: .25rem; --md-btn-padding-x: .5rem; }

    .header-primary .navbar-brand img { width: 200px; }

    .menu-toggler .nav-link { --md-nav-link-color: var(--md-secondary); --md-nav-link-hover-color: #fff; background-color: var(--md-primary); --md-nav-link-padding-x: .325rem; --md-nav-link-padding-y: .325rem; }
    .menu-toggler .nav-link svg { width: 22px; }
    
    .promobox .main-title { font-size: calc(1.75rem + 1.5vw);  }
    .main-title { font-size: calc(1.375rem + 1.5vw); margin-bottom: 1.5rem; }
    .heading-title { font-size: 1.375rem; }

    .block-list-hover .block-item { padding: .75rem; }


    .offcanvas-navigation.offcanvas-end { width: 80%; max-width: 400px; }
    .offcanvas-navigation { background-color: #fff; }
    .offcanvas-navigation .offcanvas-header { /*border-bottom: 1px solid var(--fd-gray-800);*/ }
    .offcanvas-navigation .offcanvas-header .btn-close { opacity: 1; }
    .offcanvas-navigation .offcanvas-footer { font-size: 12px; padding: var(--md-offcanvas-padding-x) var(--md-offcanvas-padding-y);  }
    .offcanvas-navigation .offcanvas-footer p { margin-bottom: 2px; }
    .offcanvas-navigation .offcanvas-footer .nav-link { --md-nav-link-color: var(--md-primary); --md-nav-link-font-weight: 700; }
    .offcanvas-navigation .offcanvas-title img { max-width: 200px; }
    .offcanvas-navigation .collapse:not(.show) { display: block; }
    .offcanvas-navigation ul.nav { display: flex; flex-direction: column; --md-nav-link-padding-x: 0; }
    .offcanvas-navigation ul .nav-link { font-size: 1.125rem; font-weight: 400; --md-nav-link-color: var(--md-body-color); }
    .offcanvas-navigation ul li.ms-auto { margin-left: 0!important; }
    
    .offcanvas-navigation .lang-box .nav-link { display: flex; align-items: center; }
    .offcanvas-navigation .lang-box .nav-link svg { margin-right: .5rem; color: var(--md-primary) }
    .offcanvas-navigation .btn-atc { margin: .75rem 0 .5rem 0; }
    .offcanvas-navigation .offcanvas-body .nav-link.active { background-color: var(--md-secondary); color: #fff; margin-right: calc(var(--md-offcanvas-padding-x) * -1); margin-left: calc(var(--md-offcanvas-padding-x) * -1); padding-right: var(--md-offcanvas-padding-x); padding-left: var(--md-offcanvas-padding-x); }
    .offcanvas-navigation .nav-link:focus-visible { outline: none!important; box-shadow: none!important; }
    .offcanvas-navigation .dropdown-menu { position: static; --md-dropdown-padding-y: 5px; }
    .offcanvas-navigation .dropdown-menu li + li { border-top: 1px solid var(--md-border-color-translucent); }
    .offcanvas-navigation .dropdown-item { font-size: 1rem; white-space: normal }
    .offcanvas-navigation .dropdown-item.active,
    .offcanvas-navigation .dropdown-item:active,
    .offcanvas-navigation .dropdown-item:focus,
    .offcanvas-navigation .dropdown-item:hover { color: var(--md-dropdown-link-hover-color); background-color: var(--md-dropdown-link-hover-bg); }
    .offcanvas-navigation .dropdown-menu .dropdown-menu { margin: var(--md-offcanvas-padding-x); }
    .offcanvas-navigation .social-box { margin-top: 1rem; }

}
@media (max-width: 1199.98px) {

}
@media (max-width: 1399.98px) {

}

.admin-helper { position: absolute; z-index: 5; top: 0; right: 0;
    --md-alert-border-radius : 0;
}