/*trigo bar*/
body.trigo-bar {padding-bottom: 34px !important;}
body.mod-profiler-active {padding-bottom: 34px !important;}
body.trigo-bar.mod-profiler-active {padding-bottom: 68px !important;}
/*trigo bar end*/

/*layout*/
.page-content {display: var(--layout-display); gap: var(--layout-sidebar-gap); flex-grow: 1; /*margin: var(--layout-margin);*/}
.page-content > .main-content {flex-grow: 1; max-width: 100%; /*margin-bottom: var(--layout-sidebar-margin);*/}
.page-content > .left-side-content {flex: 0 0 var(--layout-sidebar-width); margin: var(--layout-margin); margin-top: 0; margin-left: 0; margin-right: 0; position: relative;}
.page-content > .left-side-content .left-side {max-height: var(--layout-sidebar-content-height); position: sticky; top: var(--header-height-scrolled); overflow: auto;}
/*layout end*/

/*container*/
.container-fluid {padding-left: var(--container-padding); padding-right: var(--container-padding);}
.container-fluid .container-fluid,
.container-wide .container-fluid,
.container-narrow .container-fluid {padding-left: 0; padding-right: 0;}
.container-wide {width: 100%; max-width: calc(var(--container-wide-width) + 2 * var(--container-padding)); margin: auto; padding-left: var(--container-padding); padding-right: var(--container-padding);}
.container-fluid .container-wide,
.container-wide .container-wide,
.container-narrow .container-wide {max-width: var(--container-wide-width); padding-left: 0; padding-right: 0;}
.container-narrow {width: 100%; max-width: calc(var(--container-narrow-width) + 2 * var(--container-padding)); margin: auto; padding-left: var(--container-padding); padding-right: var(--container-padding);}
.container-fluid .container-narrow,
.container-wide .container-narrow,
.container-narrow .container-narrow {max-width: var(--container-narrow-width); padding-left: 0; padding-right: 0;}
/*container end*/

/*menu*/
ul.menu-root,
ul.menu-root li {display: block; margin: 0; padding: 0; list-style-image: none; list-style: none; line-height: 1;}
ul.menu-root li a {height: 40px; line-height: 40px; display: block; padding: var(--menu-horizontal-item-padding); font-size: calc(var(--font-scale) * var(--menu-item-size)); font-weight: var(--menu-item-weight); color: var(--menu-item-color);}
ul.menu-root li:last-child > a {padding-right: 0}
ul.menu-root li.active > a,
ul.menu-root li:is(:hover, :focus) > a, 
ul.menu-root li a:is(:hover, :focus) {color: var(--menu-item-color-active); text-decoration: none;}

.menu-layout-h ul.menu-root li {display: inline-block;}
.menu-layout-h ul.menu-root li.has-dropdown {position: relative;}
.menu-layout-h ul.menu-root li.has-dropdown > ul {display: none; position: absolute; left: 0; top: 100%; background-color: var(--color-white); width: 250px; padding: .5rem 0;}
.menu-layout-h ul.menu-root li.has-dropdown > ul li {display: block;}
.menu-layout-h ul.menu-root li.has-dropdown > ul li a {display: block; height: auto; padding: var(--menu-horizontal-dropdown-item-padding); line-height: 1.2; text-transform: none;}
.menu-layout-h ul.menu-root li.has-dropdown li.has-dropdown > ul {left: 100%; top: 0;}
.menu-layout-h ul.menu-root li.has-dropdown:is(:hover, :focus) > ul {display: block;}

.menu-layout-v ul.menu-root li a {height: auto; line-height: 1.2; padding: var(--menu-vertical-item-padding);}
.menu-layout-v ul.menu-root li.has-dropdown > ul {margin: 0; padding: 0;}
.menu-layout-v ul.menu-root li.has-dropdown > ul li a {padding: var(--menu-vertical-dropdown-item-padding);}

.menu-mobile-button-wrapper {display:none;}

.widget-entity.widget-menu .menu-container {display: block !important; position: relative;}
/*menu end*/

/*hamburger*/
.hamburger {padding: 0; display: inline-flex; align-items: center; height: 2rem; cursor: pointer; transition-property: opacity, filter; transition-duration: var(--hamburger-duration); transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible;}
.hamburger:is(.active, :hover, :focus) {opacity: 0.7;}
.hamburger.active .hamburger-inner,
.hamburger.active .hamburger-inner:before,
.hamburger.active .hamburger-inner:after {background-color: var(--hamburger-color);}
.hamburger .hamburger-box {width: 2rem; height: 1.5rem; display: block; position: relative;}
.hamburger .hamburger-inner {display: block; top: 50%; margin-top: -2px;}
.hamburger .hamburger-inner:before, .hamburger .hamburger-inner:after {content: ""; display: block;}
.hamburger .hamburger-inner:before {top: -10px;}
.hamburger .hamburger-inner:after {bottom: -10px;}
.hamburger .hamburger-inner,
.hamburger .hamburger-inner:before,
.hamburger .hamburger-inner:after {width: 2rem; height: 2px; background-color: var(--hamburger-color); border-radius: 4px; position: absolute; transition-property: transform; transition-duration: var(--hamburger-duration); transition-timing-function: ease;}
.hamburger.hamburger--slider .hamburger-inner {top: 2px;}
.hamburger.hamburger--slider .hamburger-inner:before {top: 10px; transition-property: transform, opacity; transition-timing-function: ease; transition-duration: var(--hamburger-duration);}
.hamburger.hamburger--slider .hamburger-inner:after {top: 20px;}
.hamburger.hamburger--slider.active .hamburger-inner {transform: translate3d(0, 10px, 0) rotate(45deg);}
.hamburger.hamburger--slider.active .hamburger-inner:before {transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);  opacity: 0;}
.hamburger.hamburger--slider.active .hamburger-inner:after {transform: translate3d(0, -20px, 0) rotate(-90deg);}
/*hambuger end*/

/*form*/
.form-group {margin: var(--form-input-margin);}
.form-group > label {display: var(--form-label-display); margin: var(--form-label-margin);  font-size: calc(var(--font-scale) * var(--form-label-size)); line-height: 1.25rem; font-weight: var(--form-label-weight); color: var(--form-label-color);}
.form-group > .form-control {padding: var(--form-input-padding); border: var(--form-input-border-size) solid var(--form-input-border-color); border-radius: var(--form-input-radius); box-shadow: 0px 2px 4px rgba(37, 50, 61, 0.1); font-size: calc(var(--font-scale) * var(--form-input-size)); line-height: 1.25rem; color: var(--form-input-color); transition: var(--transition);}
.form-group > .form-control:focus {border-color: var(--form-input-border-color-active);}
.form-group > .form-control::placeholder {color: var(--form-input-placeholder-color); opacity: 1;}
.form-group > .form-control:-ms-input-placeholder {color: var(--form-input-placeholder-color);}
.form-group > .form-control::-ms-input-placeholder {color: var(--form-input-placeholder-color);}

.form-group.has-error > .form-control {border-color: var(--bs-form-invalid-border-color);}
.form-group.has-error > label {color: var(--bs-form-invalid-color);}

.form-group > textarea.form-control {min-height: 200px;}

.captcha-control .captcha-container .image-container {border-color: var(--form-input-border-color) !important; border-radius: var(--form-input-radius) var(--form-input-radius) 0 0 !important; transition: var(--transition);}
.captcha-container .form-control {padding: var(--form-input-padding); border-size: var(--form-input-border-size) !important; border-color: var(--form-input-border-color) !important; border-radius: 0 0 var(--form-input-radius) var(--form-input-radius) !important; box-shadow: 0px 2px 4px rgba(37, 50, 61, 0.1) !important; font-size: calc(var(--font-scale) * var(--form-input-size)); line-height: 1.25rem; color: var(--form-input-color);}
.captcha-container .form-control:focus {border-color: var(--form-input-border-color-active) !important;}
.captcha-container .form-control::placeholder {color: var(--form-input-placeholder-color); opacity: 1;}
.captcha-container:focus-within .image-container,
.captcha-container:focus-within .form-control {border-color: var(--form-input-border-color-active) !important;}
.captcha-container.has-error .image-container,
.captcha-container.has-error input {border-color: var(--bs-form-invalid-color) !important;}

.recaptcha-container {}
/*reCaptcha v3 badge*/
.grecaptcha-badge {/*visibility: hidden;*/}

.form-group .input-group > label {display: var(--form-label-display); margin: var(--form-label-margin);  font-size: calc(var(--font-scale) * var(--form-label-size)); line-height: 1.25rem; font-weight: var(--form-label-weight); color: var(--form-label-color);}
.form-group .input-group > .form-control {padding: var(--form-input-padding); border: var(--form-input-border-size) solid var(--form-input-border-color); border-radius: var(--form-input-radius); box-shadow: 0px 2px 4px rgba(37, 50, 61, 0.1); font-size: calc(var(--font-scale) * var(--form-input-size)); line-height: 1.25rem; color: var(--form-input-color); transition: var(--transition);}
.form-group .input-group > .form-control:focus {border-color: var(--form-input-border-color-active);}
.form-group .input-group > .form-control::placeholder {color: var(--form-input-placeholder-color); opacity: 1;}
.form-group .input-group > .form-control:-ms-input-placeholder {color: var(--form-input-placeholder-color);}
.form-group .input-group > .form-control::-ms-input-placeholder {color: var(--form-input-placeholder-color);}
.form-group .btn-file {display: flex; align-items: center; border-radius: 0;}
.form-group .btn-danger {border-radius: 0 var(--form-input-radius) var(--form-input-radius) 0;}

.form-group > label.checkbox {}
.checkbox > span {display:block; padding-left: calc(var(--form-checkbox-check-size) + var(--form-checkbox-check-gap)); font-size: calc(var(--font-scale) * var(--form-checkbox-size)); line-height: 1.25rem; color: var(--form-checkbox-color); text-align: justify; position: relative;}
.checkbox > span:before {content: ''; display: block; width: var(--form-checkbox-check-size); height: var(--form-checkbox-check-size); border: var(--form-checkbox-check-border-size) solid var(--form-checkbox-check-border-color); border-radius: var(--form-checkbox-check-radius); background: var(--form-checkbox-check-background); position: absolute; top: 0; left: 0; transition: var(--transition);}
.checkbox > span:after {content: ''; display: block; width: var(--form-checkbox-check-size); height: var(--form-checkbox-check-size); background: var(--color-black); mask-image: url('../images/check.svg'); -webkit-mask-image: url('../images/check.svg'); mask-position: center; -webkit-mask-position: center; mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-size: calc(var(--form-checkbox-check-size) - 5px) calc(var(--form-checkbox-check-size) - 5px); -webkit-mask-size: calc(var(--form-checkbox-check-size) - 5px) calc(var(--form-checkbox-check-size) - 5px); position: absolute; top: 0; left: 0; opacity: 0; transition: var(--transition);}
.checkbox > input {display: none;}
.checkbox > input:checked + span:before {background: var(--form-checkbox-check-background-active); border-color: var(--form-checkbox-check-background-active);}
.checkbox > input:checked + span:after {opacity: 1;}

.form-group.has-error > label.checkbox > span,
.form-group > label.checkbox.has-error > span {color: var(--bs-form-invalid-color);}

.form-group .invalid-feedback {display:block; font-size: calc(var(--font-scale) * .875rem); font-weight: 300;}
.form-group.has-error .invalid-feedback,
.checkbox.has-error .invalid-feedback {display:block;}

.bg-dark {
    --form-input-color: var(--color-white);
    --form-input-placeholder-color: rgba(204, 204, 204, 0.6);
    --form-input-border-color: rgba(204, 204, 204, 0.1);
    --form-input-border-color-active: rgba(204, 204, 204, 1);

    --bs-body-bg: var(--color-black-3);
}
/*form end*/

/*gallery*/
.gallery-grid {display: flex; flex-wrap: wrap; margin: calc(var(--gallery-gap) / -2 );}
.gallery-grid .gallery-item {flex: 0 0 calc(100% / var(--gallery-items-per-row)); padding: calc(var(--gallery-gap) / 2 );}
.gallery-image-container {display: block;}
.gallery-image-container .gallery-image {position: relative; overflow: hidden; border-radius: var(--gallery-image-radius);}
.gallery-image-container .gallery-image:before {content: ''; display: block; width: 100%; height: 100%; background: var(--gallery-image-tint-color); position: absolute; top: 0; left: 0; opacity: 0; transition: var(--transition);}
.gallery-image-container .gallery-image picture {display: block;}
.gallery-image-container .gallery-image img {display: block; width: 100%;}
.gallery-image-container:is(:hover, :focus) .gallery-image:before {opacity: var(--gallery-image-tint-opacity);}
.gallery-image-container .gallery-name {display: var(--gallery-image-name-display); padding: var(--gallery-image-name-padding); font-size: calc(var(--font-scale) *  var(--gallery-image-name-size)); font-weight: var(--gallery-image-name-weight); color: var(--gallery-image-name-color);}
/*gallery end*/

/*breadcrumbs*/
.breadcrumbs-container {
    --bs-breadcrumb-font-size:calc(var(--font-scale) * var(--breadcrumb-font-size));
    --bs-breadcrumb-padding-y: var(--breadcrumb-padding-y);
    --bs-breadcrumb-padding-x: var(--breadcrumb-padding-x);
    --bs-breadcrumb-item-padding-x: var(--breadcrumb-item-padding-x);
    --bs-breadcrumb-margin-bottom: var(--breadcrumb-margin-bottom);
    --bs-breadcrumb-bg: var(--breadcrumb-bg);
    --bs-breadcrumb-divider-color: var(--breadcrumb-divider-color);
    --bs-breadcrumb-active-color: var(--breadcrumb-active-color);
    --bs-breadcrumb-divider: var(--breadcrumb-divider);
    --bs-breadcrumb-divider-flipped: var(--breadcrumb-divider);
    --bs-breadcrumb-border-radius: var(--breadcrumb-border-radius);
}
.breadcrumb {}
.breadcrumb-item {}
.breadcrumb-item a {color: var(--breadcrumb-color);}
.breadcrumb-item a:is(:hover, :focus) {color: var(--breadcrumb-active-color);}
.breadcrumb-item + .breadcrumb-item {display: flex; align-items: center; gap: var(--breadcrumb-item-padding-x);}
.breadcrumbs-container .breadcrumb-item + .breadcrumb-item::before {width: .75rem; height: .75rem; padding: 0; background: var(--breadcrumb-divider-color); mask-image:url('../images/chevron.svg'); -webkit-mask-image:url('../images/chevron.svg'); mask-repeat:no-repeat; -webkit-mask-repeat:no-repeat; mask-position:center; -webkit-mask-position:center; mask-size:contain; -webkit-mask-size:contain;*/}
/*breadcrumbs end*/

/*pagination*/
.pagination-container {margin: var(--pagination-container-margin);}
.pagination {
    --bs-pagination-padding-y: var(--pagination-padding-y);
    --bs-pagination-padding-x: var(--pagination-padding-x);
    --bs-pagination-color: var(--pagination-color);
    --bs-pagination-bg: var(--pagination-bg);
    --bs-pagination-border-width: var(--pagination-border-width);
    --bs-pagination-border-radius: var(--pagination-border-radius);
    --bs-pagination-margin-start: var(--pagination-margin-start);
    --bs-pagination-border-color: var(--pagination-border-color);
    --bs-pagination-focus-color: var(--pagination-hover-color);
    --bs-pagination-focus-bg: var(--pagination-hover-bg);
    --bs-pagination-focus-box-shadow: var(--pagination-focus-box-shadow);
    --bs-pagination-focus-outline: var(--pagination-focus-outline);
    --bs-pagination-focus-box-shadow: none;
    --bs-pagination-hover-color: var(--pagination-hover-color);
    --bs-pagination-hover-bg: var(--pagination-hover-bg);
    --bs-pagination-hover-border-color: var(--pagination-hover-border-color);
    --bs-pagination-active-color: var(--pagination-active-color);
    --bs-pagination-active-bg: var(--pagination-active-bg);
    --bs-pagination-active-border-color: var(--pagination-active-border-color);
    --bs-pagination-disabled-color: var(--pagination-disabled-color);
    --bs-pagination-disabled-bg: var(--pagination-disabled-bg);
    --bs-pagination-disabled-border-color: var(--pagination-disabled-border-color);
    --bs-pagination-transition: var(--pagination-transition);
}
.pagination .page-item {}
.pagination .page-link {}
.pagination .page-item.active .page-link,
.pagination .page-link:is(:hover, :focus) {}
.pagination .page-prev .page-link,
.pagination .page-next .page-link {justify-content: center; align-items: center; gap: .375rem;}
.pagination .page-prev .page-link {}
.pagination .page-next .page-link {}
.pagination .page-prev .page-link:before,
.pagination .page-next .page-link:after {content: ''; display: inline-block; width: .75rem; height: .75rem; background: var(--bs-pagination-color); mask-image:url('../images/arrow.svg'); -webkit-mask-image:url('../images/arrow.svg'); mask-repeat:no-repeat; -webkit-mask-repeat:no-repeat; mask-position:center; -webkit-mask-position:center; mask-size:contain; -webkit-mask-size:contain; transition: var(--transition);}
.pagination .page-prev .page-link:before {transform: scaleX(-1);},
.pagination .page-next .page-link:after {}
.pagination .page-prev .page-link:is(:hover, :focus):before,
.pagination .page-next .page-link:is(:hover, :focus):after {}
/*pagination end*/

/*alert*/
.alert {border-radius: var(--radius);}
/*alert end*/

/*breakpoint XL*/
@media only screen and (max-width: 1399px) {}
/*breakpoint XL end*/

/*breakpoint LG*/
@media only screen and (max-width: 1199px) {}
/*breakpoint XL end*/

/*breakpoint MD*/
@media only screen and (max-width: 991px) {}
/*breakpoint MD end*/

/*breakpoint SM*/
@media only screen and (max-width: 767px) {
    /*layout*/
    .page-content {display: block;}
    .page-content > .left-side-content {}
    /*layout end*/
}
/*breakpoint SM end*/

/*breakpoint XS*/
@media only screen and (max-width: 575px) {}
/*breakpoint XS end*/
