.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: 1.5rem;
    --bs-offcanvas-padding-y: 0;
    --bs-offcanvas-color: ;
    --bs-offcanvas-bg: #FFF;
    --bs-offcanvas-border-width: 1px;
    --bs-offcanvas-border-color: var(--bs-border-color-translucent);
    --bs-offcanvas-box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.075);
}

.portfolio-item-title a{
    color: black !important;
}

.portfolio-col-4 .portfolio-item {

    padding-left: 5px;
    padding-right: 5px;
}
.blog-item-container .blog-item-media img{
    max-height: 400px;
    object-fit: cover;
}

.navbar-brand{
    margin-top: 22px;
}

.navbar-brand > img{
    height: 50px;
}

.portfolio-item-container .portfolio-item-media img {

    border-top-left-radius: 10%;
}
.portfolio-item-container .portfolio-item-media a{
    border-top-left-radius: 10%;
}

.event-item-container .event-item-media img {
    object-fit: contain;
    min-height: 250px;
    max-height: 250px;
}

@media (max-width: 575.98px) {
    .offcanvas-sm {
        position:fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        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;
        transition: transform 0.3s ease-in-out;
    }
}

@media (max-width: 575.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-sm {
        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);
        transform: translateX(-100%);
    }
}

@media (max-width: 575.98px) {
    .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);
        transform: translateX(100%);
    }
}

@media (max-width: 575.98px) {
    .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);
        transform: translateY(-100%);
    }
}

@media (max-width: 575.98px) {
    .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);
        transform: translateY(100%);
    }
}

@media (max-width: 575.98px) {
    .offcanvas-sm.showing,.offcanvas-sm.show:not(.hiding) {
        transform:none;
    }
}

@media (max-width: 575.98px) {
    .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: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent !important;
    }
}

@media (max-width: 719.98px) {
    .offcanvas-md {
        position:fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        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;
        transition: transform 0.3s ease-in-out;
    }
}

@media (max-width: 719.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-md {
        transition:none;
    }
}

@media (max-width: 719.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);
        transform: translateX(-100%);
    }
}

@media (max-width: 719.98px) {
    .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);
        transform: translateX(100%);
    }
}

@media (max-width: 719.98px) {
    .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);
        transform: translateY(-100%);
    }
}

@media (max-width: 719.98px) {
    .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);
        transform: translateY(100%);
    }
}

@media (max-width: 719.98px) {
    .offcanvas-md.showing,.offcanvas-md.show:not(.hiding) {
        transform:none;
    }
}

@media (max-width: 719.98px) {
    .offcanvas-md.showing,.offcanvas-md.hiding,.offcanvas-md.show {
        visibility:visible;
    }
}

@media (min-width: 720px) {
    .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: flex;
        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: flex;
        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;
        transition: transform 0.3s ease-in-out;
    }
}

@media (max-width: 991.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-lg {
        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);
        transform: translateX(-100%);
    }
}

@media (max-width: 991.98px) {
    .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);
        transform: translateX(100%);
    }
}

@media (max-width: 991.98px) {
    .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);
        transform: translateY(-100%);
    }
}

@media (max-width: 991.98px) {
    .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);
        transform: translateY(100%);
    }
}

@media (max-width: 991.98px) {
    .offcanvas-lg.showing,.offcanvas-lg.show:not(.hiding) {
        transform:none;
    }
}

@media (max-width: 991.98px) {
    .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: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent !important;
    }
}

@media (max-width: 1024.98px) {
    .offcanvas-xl {
        position:fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        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;
        transition: transform 0.3s ease-in-out;
    }
}

@media (max-width: 1024.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-xl {
        transition:none;
    }
}

@media (max-width: 1024.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);
        transform: translateX(-100%);
    }
}

@media (max-width: 1024.98px) {
    .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);
        transform: translateX(100%);
    }
}

@media (max-width: 1024.98px) {
    .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);
        transform: translateY(-100%);
    }
}

@media (max-width: 1024.98px) {
    .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);
        transform: translateY(100%);
    }
}

@media (max-width: 1024.98px) {
    .offcanvas-xl.showing,.offcanvas-xl.show:not(.hiding) {
        transform:none;
    }
}

@media (max-width: 1024.98px) {
    .offcanvas-xl.showing,.offcanvas-xl.hiding,.offcanvas-xl.show {
        visibility:visible;
    }
}

@media (min-width: 1025px) {
    .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: flex;
        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: flex;
        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;
        transition: transform 0.3s ease-in-out;
    }
}

@media (max-width: 1399.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-xxl {
        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);
        transform: translateX(-100%);
    }
}

@media (max-width: 1399.98px) {
    .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);
        transform: translateX(100%);
    }
}

@media (max-width: 1399.98px) {
    .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);
        transform: translateY(-100%);
    }
}

@media (max-width: 1399.98px) {
    .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);
        transform: translateY(100%);
    }
}

@media (max-width: 1399.98px) {
    .offcanvas-xxl.showing,.offcanvas-xxl.show:not(.hiding) {
        transform:none;
    }
}

@media (max-width: 1399.98px) {
    .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: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent !important;
    }
}

.offcanvas {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);

    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: transform 0.3s ease-in-out;
}

@media (prefers-reduced-motion:reduce) {
    .offcanvas {
        transition: none;
    }
}
.offcanvas {
   z-index: 999999!important;
}

.offcanvas ul.navbar-nav li ul{
    visibility: visible;
    opacity: 1;
    width: 100%;
    position: inherit;
}
.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);
    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);
    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);
    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);
    transform: translateY(100%);
}

.offcanvas.showing,.offcanvas.show:not(.hiding) {
    transform: none;
}

.offcanvas.showing,.offcanvas.hiding,.offcanvas.show {
    visibility: visible;
}


.offcanvas-backdrop {
    transition: opacity 0.3s ease;
    opacity: 1;
}

.offcanvas-backdrop.fade-out {
    opacity: 0;
}

.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: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
}

.offcanvas-header .btn-close {
    padding: calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);
    margin-top: calc(-.5 * var(--bs-offcanvas-padding-y));
    margin-right: calc(-.5 * var(--bs-offcanvas-padding-x));
    margin-bottom: calc(-.5 * var(--bs-offcanvas-padding-y));
}

.offcanvas-title {
    margin-bottom: 0;
    line-height: 1.5;
}

.offcanvas-body {
    flex-grow: 1;
    padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
    overflow-y: auto;

    height: 100%;
}

.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: #1A1A1A;
    --bs-dropdown-bg: #FFF;
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-border-radius: 0.375rem;
    --bs-dropdown-border-width: 1px;
    --bs-dropdown-inner-border-radius: calc(0.375rem - 1px);
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-divider-margin-y: 0.5rem;
    --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15);
    --bs-dropdown-link-color: #212529;
    --bs-dropdown-link-hover-color: #1e2125;
    --bs-dropdown-link-hover-bg: #e9ecef;
    --bs-dropdown-link-active-color: #FFF;
    --bs-dropdown-link-active-bg: #8d6f49 ;
    --bs-dropdown-link-disabled-color: #adb5bd;
    --bs-dropdown-item-padding-x: 1rem;
    --bs-dropdown-item-padding-y: 0.25rem;
    --bs-dropdown-header-color: #6c757d;
    --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: 720px) {
    .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: 1025px) {
    .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;
    }
}


.event-item-container .event-item-date{
    font-size: 12px;
}
.event-item-container .event-item-date span{
    margin-top: 15px;
}

.event-item-description, .event-item-description p, .event-item-description span, .event-item-description div{
    color: #666666 !important;

    font: 16px / 26px 'Poppins', sans-serif !important;
    font-family: 'poppins', sans-serif
}
.blog-item-description, .blog-item-description p, .blog-item-description span, .blog-item-description div{

    color: #666666 !important;

    font: 16px / 26px 'Poppins', sans-serif !important;
    font-family: 'poppins', sans-serif
}
.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;
    white-space: nowrap;
    background-color: transparent;
    border: 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: #8d6f49 ;
    --bs-dropdown-link-disabled-color: #adb5bd;
    --bs-dropdown-header-color: #adb5bd;
}

.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: #6c757d;
    display: flex;
    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);
    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 {
        transition: none;
    }
}

.nav-link:hover,.nav-link:focus {
    color: var(--bs-nav-link-hover-color);
}

.nav-link.disabled {
    color: var(--bs-nav-link-disabled-color);
    pointer-events: none;
    cursor: default;
}

.nav-tabs {
    --bs-nav-tabs-border-width: 1px;
    --bs-nav-tabs-border-color: #dee2e6;
    --bs-nav-tabs-border-radius: 0.375rem;
    --bs-nav-tabs-link-hover-border-color: #e9ecef #e9ecef #dee2e6;
    --bs-nav-tabs-link-active-color: #495057;
    --bs-nav-tabs-link-active-bg: #E5E6E8;
    --bs-nav-tabs-link-active-border-color: #dee2e6 #dee2e6 #E5E6E8;
    border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
}

.nav-tabs .nav-link {
    margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
    background: none;
    border: var(--bs-nav-tabs-border-width) solid transparent;
    border-top-left-radius: var(--bs-nav-tabs-border-radius);
    border-top-right-radius: var(--bs-nav-tabs-border-radius);
}

.nav-tabs .nav-link:hover,.nav-tabs .nav-link:focus {
    isolation: isolate;
    border-color: var(--bs-nav-tabs-link-hover-border-color);
}

.nav-tabs .nav-link.disabled,.nav-tabs .nav-link:disabled {
    color: var(--bs-nav-link-disabled-color);
    background-color: transparent;
    border-color: transparent;
}

.nav-tabs .nav-link.active,.nav-tabs .nav-item.show .nav-link {
    color: var(--bs-nav-tabs-link-active-color);
    background-color: var(--bs-nav-tabs-link-active-bg);
    border-color: var(--bs-nav-tabs-link-active-border-color);
}

.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: 0.375rem;
    --bs-nav-pills-link-active-color: #FFF;
    --bs-nav-pills-link-active-bg: #8d6f49 ;
}

.nav-pills .nav-link {
    background: none;
    border: 0;
    border-radius: var(--bs-nav-pills-border-radius);
}

.nav-pills .nav-link:disabled {
    color: var(--bs-nav-link-disabled-color);
    background-color: transparent;
    border-color: transparent;
}

.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-fill > .nav-link,.nav-fill .nav-item {
    flex: 1 1 auto;
    text-align: center;
}

.nav-justified > .nav-link,.nav-justified .nav-item {
    flex-basis: 0;
    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(0,0,0,0.55);
    --bs-navbar-hover-color: rgba(0,0,0,0.7);
    --bs-navbar-disabled-color: rgba(0,0,0,0.3);
    --bs-navbar-active-color: rgba(0,0,0,0.9);
    --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(0,0,0,0.9);
    --bs-navbar-brand-hover-color: rgba(0,0,0,0.9);
    --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%280, 0, 0, 0.55%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(0,0,0,0.1);
    --bs-navbar-toggler-border-radius: 0;
    --bs-navbar-toggler-focus-width: 0.25rem;
    --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
}

.navbar > .container-xxl,.navbar > .container-xl,.navbar > .container-lg,.navbar > .container-md,.navbar > .container-sm,.navbar > .container,.navbar > .container-fluid {

    width: 100%;
}

.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);
    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: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.navbar-nav .show > .nav-link,.navbar-nav .nav-link.active {
    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 {
    flex-basis: 100%;
    flex-grow: 1;
    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);
    transition: var(--bs-navbar-toggler-transition);
}

@media (prefers-reduced-motion:reduce) {
    .navbar-toggler {
        transition: none;
    }
}

.navbar-toggler:hover {
    text-decoration: none;
}

.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    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 {
        flex-wrap:nowrap;
        justify-content: flex-start;
    }

    .navbar-expand-sm .navbar-nav {
        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: flex !important;
        flex-basis: auto;
    }

    .navbar-expand-sm .navbar-toggler {
        display: none;
    }

    .navbar-expand-sm .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto !important;
        height: auto !important;
        visibility: visible !important;
        background-color: transparent !important;
        border: 0 !important;
        transform: none !important;
        transition: none;
    }

    .navbar-expand-sm .offcanvas .offcanvas-header {
        display: none;
    }

    .navbar-expand-sm .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
    }
}

@media (min-width: 720px) {
    .navbar-expand-md {
        flex-wrap:nowrap;
        justify-content: flex-start;
    }

    .navbar-expand-md .navbar-nav {
        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: flex !important;
        flex-basis: auto;
    }

    .navbar-expand-md .navbar-toggler {
        display: none;
    }

    .navbar-expand-md .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto !important;
        height: auto !important;
        visibility: visible !important;
        background-color: transparent !important;
        border: 0 !important;
        transform: none !important;
        transition: none;
    }

    .navbar-expand-md .offcanvas .offcanvas-header {
        display: none;
    }

    .navbar-expand-md .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg {
        flex-wrap:nowrap;
        justify-content: flex-start;
    }

    .navbar-expand-lg .navbar-nav {
        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: flex !important;
        flex-basis: auto;
    }

    .navbar-expand-lg .navbar-toggler {
        display: none;
    }

    .navbar-expand-lg .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto !important;
        height: auto !important;
        visibility: visible !important;
        background-color: transparent !important;
        border: 0 !important;
        transform: none !important;
        transition: none;
    }

    .navbar-expand-lg .offcanvas .offcanvas-header {
        display: none;
    }

    .navbar-expand-lg .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
    }
}

@media (min-width: 1025px) {
    .navbar-expand-xl {
        flex-wrap:nowrap;
        justify-content: flex-start;
    }

    .navbar-expand-xl .navbar-nav {
        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: flex !important;
        flex-basis: auto;
    }

    .navbar-expand-xl .navbar-toggler {
        display: none;
    }

    .navbar-expand-xl .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto !important;
        height: auto !important;
        visibility: visible !important;
        background-color: transparent !important;
        border: 0 !important;
        transform: none !important;
        transition: none;
    }

    .navbar-expand-xl .offcanvas .offcanvas-header {
        display: none;
    }

    .navbar-expand-xl .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
    }
}

@media (min-width: 1400px) {
    .navbar-expand-xxl {
        flex-wrap:nowrap;
        justify-content: flex-start;
    }

    .navbar-expand-xxl .navbar-nav {
        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: flex !important;
        flex-basis: auto;
    }

    .navbar-expand-xxl .navbar-toggler {
        display: none;
    }

    .navbar-expand-xxl .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto !important;
        height: auto !important;
        visibility: visible !important;
        background-color: transparent !important;
        border: 0 !important;
        transform: none !important;
        transition: none;
    }

    .navbar-expand-xxl .offcanvas .offcanvas-header {
        display: none;
    }

    .navbar-expand-xxl .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
    }
}

.navbar-expand {
    flex-wrap: nowrap;
    justify-content: flex-start;
}

.navbar-expand .navbar-nav {
    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: flex !important;
    flex-basis: auto;
}

.navbar-expand .navbar-toggler {
    display: none;
}

.navbar-expand .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
}

.navbar-expand .offcanvas .offcanvas-header {
    display: none;
}

.navbar-expand .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
}

.navbar-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");
}

/*.modal {
    --bs-modal-zindex: 1055;
    --bs-modal-width: 500px;
    --bs-modal-padding: 1rem;
    --bs-modal-margin: 0.5rem;
    --bs-modal-color: ;
    --bs-modal-bg: #FFF;
    --bs-modal-border-color: var(--bs-border-color-translucent);
    --bs-modal-border-width: 1px;
    --bs-modal-border-radius: 0.5rem;
    --bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.075);
    --bs-modal-inner-border-radius: calc(0.5rem - 1px);
    --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: 1px;
    --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: 1px;
    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 {
    transition: transform 0.3s ease-out;
    transform: translate(0,-50px);
}

@media (prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none;
    }
}

.modal.show .modal-dialog {
    transform: none;
}

.modal.modal-static .modal-dialog {
    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: flex;
    align-items: center;
    min-height: calc(100% - var(--bs-modal-margin) * 2);
}

.modal-content {
    position: relative;
    display: flex;
    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: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    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) * .5) calc(var(--bs-modal-header-padding-x) * .5);
    margin: calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.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;
    flex: 1 1 auto;
    padding: var(--bs-modal-padding);
}

.modal-footer {
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .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) * .5);
}

@media (min-width: 576px) {
    .modal {
        --bs-modal-margin:1.75rem;
        --bs-modal-box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15);
    }

    .modal-dialog {
        max-width: var(--bs-modal-width);
        margin-right: auto;
        margin-left: auto;
    }

    .modal-sm {
        --bs-modal-width: 300px;
    }
}

@media (min-width: 992px) {
    .modal-lg,.modal-xl {
        --bs-modal-width:800px;
    }
}

@media (min-width: 1025px) {
    .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: 719.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: 1024.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;
    }
}*/

nav ul {
    list-style: none;
}

body.toolbar-horizontal,body.toolbar-vertical {
    top: 0;
}

body.scrolldown.scrolled .header-navbar {
    top: -100px !important;
}

body.toolbar-horizontal header,body.toolbar-vertical header {
    top: -60px;
    position: relative;
}

body.toolbar-vertical.scrolldown .header-navbar {
    top: 0;
}

@media (max-width: 719.98px) {
    header,.header-navbar,.header-navbar > .container-lg {
        height:100px;
    }
}

body.toolbar-horizontal .header-navbar,body.toolbar-vertical .header-navbar,body.toolbar-vertical div#offcanvasRight,body.toolbar-horizontal div#offcanvasRight {
    top: 53px;
}

@media (max-width: 991.98px) {
    body.toolbar-horizontal .header-navbar,body.toolbar-vertical .header-navbar,body.toolbar-vertical div#offcanvasRight,body.toolbar-horizontal div#offcanvasRight {
        top:39px;
    }
}

body.toolbar-horizontal .header-navbar .search-modal,body.toolbar-vertical .header-navbar .search-modal,body.toolbar-vertical div#offcanvasRight .search-modal,body.toolbar-horizontal div#offcanvasRight .search-modal {
    top: 153px;
}

@media (max-width: 991.98px) {
    body.toolbar-horizontal .header-navbar .search-modal,body.toolbar-vertical .header-navbar .search-modal,body.toolbar-vertical div#offcanvasRight .search-modal,body.toolbar-horizontal div#offcanvasRight .search-modal {
        top:139px;
    }
}

header,.header-navbar,.header-navbar > .container-lg,.header-navbar > .container-lg > .row {
 /*   height: 100px;*/
    padding-top: 0;
    padding-bottom: 0;
}

header,.header-navbar {
 /*   height: 100px;*/
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
}

.header-navbar {
    padding-left: 0;
    padding-right: 0;
    transition: top 0.3s linear;
    background-color: #FFF;
    z-index: 501;
    width: 100%;
    position: fixed;
    top: 0;
}

.header-navbar .main-menu-wrap #block-staticmenu > ul li:hover,.header-navbar .main-menu-wrap #block-staticmenu > ul li a.is-active {
    text-decoration: underline;
    text-underline-offset: 7px;
    text-decoration-thickness: 2px;
}

.header-navbar .main-menu-wrap #block-staticmenu > ul li:active:hover a {
    color: #8d6f49 ;
}

@media (max-width: 991.98px) {
    .header-navbar .main-menu-wrap {
        padding-right:0 !important;
    }
}

.lang-switcher .language-link {
    position: relative;
    display: inline-block;
    padding-left: 29px;
}

@media (min-width: 576px) {
    .lang-switcher .language-link {
        margin-left:20px;
    }
}

.lang-switcher .language-link::before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzMxNTBfMjIwMDkpIj4KPG1hc2sgaWQ9Im1hc2swXzMxNTBfMjIwMDkiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCI+CjxjaXJjbGUgY3g9IjkiIGN5PSI5IiByPSI5IiBmaWxsPSIjQzRDNEM0Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8zMTUwXzIyMDA5KSI+CjxwYXRoIGQ9Ik0yOC43OTI4IC0xLjEyNDUxSC0xLjEyNVYxOC44MjUySDI4Ljc5MjhWLTEuMTI0NTFaIiBmaWxsPSIjMDA2QUE3Ii8+CjxwYXRoIGQ9Ik0yOC43OTI4IDcuMjUwOThILTEuMTI1VjEwLjQ0ODRIMjguNzkyOFY3LjI1MDk4WiIgZmlsbD0iI0ZFQ0MwMCIvPgo8cGF0aCBkPSJNMTAuNDk1NiAxOC44MjMzTDEwLjQ5NTYgLTEuMTI2NDZMNy40Njg5OSAtMS4xMjY0Nkw3LjQ2ODk5IDE4LjgyMzNIMTAuNDk1NloiIGZpbGw9IiNGRUNDMDAiLz4KPGNpcmNsZSBjeD0iOSIgY3k9IjkiIHI9IjguMjUiIHN0cm9rZT0iIzM0NDA0RSIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KPC9nPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzMxNTBfMjIwMDkiPgo8cmVjdCB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==);
    width: 20px;
    left: 0;
    top: 2px;
    height: 20px;
    background-size: contain;
    content: "";
    position: absolute;
    background-repeat: no-repeat;
}

.lang-switcher .language-link[hreflang=en]::before {
    background-image:url("../../../images/header/header-lang-flags/en.png") ;
    top: 3px;
    width: 25px;
    height: 25px;
}

.lang-switcher .language-link[hreflang=tr]::before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMCAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzMxNTZfMTQzNTgiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMSI+CjxlbGxpcHNlIGN4PSIxMCIgY3k9IjEwLjAxMTYiIHJ4PSIxMCIgcnk9IjEwLjAxMTYiIGZpbGw9IiNDNEM0QzQiLz4KPC9tYXNrPgo8ZyBtYXNrPSJ1cmwoI21hc2swXzMxNTZfMTQzNTgpIj4KPHBhdGggZD0iTTI1LjAzMzcgMEgtNC45MzE1MlYyMEgyNS4wMzM3VjBaIiBmaWxsPSIjMDYzMjdGIi8+CjxwYXRoIGQ9Ik0yNS4wMzM3IDBMMTUuMjQ3NiA2LjcyMjE0TDEzLjE2NjEgOC4xNDc2MUgxNi44NTIxSDI1LjAzMzdWNi43MjIxNEgxOC41OTRMMjUuMDMzNyAyLjMyMjcyVjBaTTIuODgxNCAxNC43MTc4TDQuNTUwOTUgMTMuNTc0NUw0Ljk3MDE1IDEzLjI5MjNMNi42Mzk3IDEyLjE0OTFILTQuOTMxNTJWMTMuNTc0NUgxLjU4MDQ1TC00LjQ0NzI4IDE3LjcwNjJMLTQuOTMxNTIgMTguMDM5MVYyMEgtNC44MjMxMUwxLjM5OTc3IDE1LjczMDhMMi44ODE0IDE0LjcxNzhaTTcuMzQ3OTkgNi4xNjQ5OEwtMS42NzE5MiAwSC00Ljc4Njk3TDUuMDQyNDIgNi43MjIxNEgyLjgwOTEzTC00LjkzMTUyIDEuNDI1NDdWMi41MTA4NUwxLjIyNjMxIDYuNzIyMTRILTQuOTMxNTJWOC4xNDc2MUg4LjQ2ODI1VjBINy4zNDA3NlY2LjE2NDk4SDcuMzQ3OTlaTTExLjQyNDMgNy43NDI0TDExLjczNTEgNy41MzI1NkwxMi45NjM4IDYuNzE0OTFMMjIuODAwNCAwSDIxLjQ5MjJMMTIuNDc5NSA2LjE2NDk4VjBIMTEuNDI0M1Y3Ljc0MjRaTTExLjQyNDMgMjBIMTIuNDc5NVYxNC40MDY3TDE4LjQyMDUgMTguNDY2VjE4LjQzN0wyMC42OTcyIDIwSDI0LjA4NjlMMTQuNzEyOCAxMy41NzQ1SDE2LjkzODlMMjUuMDI2NCAxOS4xMTcyVjE4LjIyNzJMMTguMjM5OCAxMy41NzQ1SDI1LjAyNjRWMTIuMTQ5MUgxMS40MjQzVjIwWk02Ljc2OTc5IDEzLjU3NDVMNS4xMDAyNCAxNC43MTc4TC0yLjYwNDI3IDIwSC0wLjg4NDEyMkwxLjM5MjU0IDE4LjQzN1YxOC40NjZMNy4zMzM1NCAxNC40MDY3VjIwSDguNDYxMDNWMTIuNDA5Nkw3LjE4MTc2IDEzLjI4NTFMNi43Njk3OSAxMy41NzQ1WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTE0LjcyIDEzLjU3NDVMMjQuMDk0MSAyMEgyNS4wMzM2VjE5LjEyNDVMMTYuOTQ2MSAxMy41ODE4SDE0LjcyVjEzLjU3NDVaTTUuMDQyNDEgNi43MjIxNEwtNC43ODY5NyAwSC00LjkzMTUyVjEuNDI1NDdMMi44MTYzNSA2LjcxNDkxSDUuMDQyNDFWNi43MjIxNFpNMTYuODUyMSA4LjE0NzYxSDEzLjE2NjFMMTUuMjQ3NiA2LjcyMjE0TDI1LjAzMzYgMEgyMi44MDA0TDEyLjk3MSA2LjcyMjE0TDExLjc0MjMgNy41Mzk4TDExLjQzMTUgNy43NDk2NFYwSDguNDc1NDdWOC4xNDc2MUgtNC45MzE1MlYxMi4xNDkxSDEuMzk5NzZINi42MzI0Nkw0Ljk2MjkxIDEzLjI5MjNMNC41NDM3MiAxMy41NzQ1TDIuODc0MTcgMTQuNzE3OEwxLjM5OTc2IDE1LjczMDhMLTQuODIzMTEgMjBILTIuNTk3MDRMNS4xMDc0NiAxNC43MTc4TDYuNzc3MDEgMTMuNTc0NUw3LjE5NjIxIDEzLjI5MjNMOC40NzU0NyAxMi40MTY4VjIwSDExLjQzMTVWMTIuMTQ5MUgyNS4wNDA5VjguMTQ3NjFIMTYuODUyMVY4LjE0NzYxWiIgZmlsbD0iI0RDMDkyOCIvPgo8cGF0aCBkPSJNMjUuMDMzNSA2LjcyMjExSDExLjQyNDFWOC4xNDc1OEgyNS4wMzM1VjYuNzIyMTFaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNOC40NjgyNCAxMi4xNDkxSC00LjkzMTUyVjEzLjU3NDZIOC40NjgyNFYxMi4xNDkxWiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8Y2lyY2xlIGN4PSIxMCIgY3k9IjEwIiByPSI5IiBzdHJva2U9IiMzNDQwNEUiIHN0cm9rZS13aWR0aD0iMiIvPgo8L3N2Zz4K);
}

.lang-switcher .language-link[hreflang=tr]::before {

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 12'%3E%3Crect width='18' height='12' fill='%23E30A17'/%3E%3Ccircle cx='7' cy='6' r='3' fill='%23FFFFFF'/%3E%3Ccircle cx='7.7' cy='6' r='2.4' fill='%23E30A17'/%3E%3Cpolygon points='9.5,6 8,6.7 8.6,5.4 8,4.1 9.5,4.8 11,4.1 10.4,5.4 11,6.7' fill='%23FFFFFF'/%3E%3C/svg%3E");
   top: 6px;
}

.lang-switcher .language-link[hreflang=ru]::before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkgMEMxMS40ODUgMCAxMy43MzUyIDEuMDA3NzIgMTUuMzYzNyAyLjYzNjI2QzE2Ljk5MjMgNC4yNjQ4NCAxOCA2LjUxNTAyIDE4IDlDMTggMTEuNDg1IDE2Ljk5MjMgMTMuNzM1MiAxNS4zNjM3IDE1LjM2MzdDMTMuNzM1MiAxNi45OTIzIDExLjQ4NSAxOCA5IDE4QzYuNTE1MjYgMTggNC4yNjQ4NCAxNi45OTIzIDIuNjM2MjYgMTUuMzYzN0MxLjAwNzcyIDEzLjczNTIgMCAxMS40ODQ3IDAgOUMwIDYuNTE1MDIgMS4wMDc3MiA0LjI2NDg0IDIuNjM2MjYgMi42MzYyNkM0LjI2NDg0IDEuMDA3NzIgNi41MTUwMiAwIDkgMFoiIGZpbGw9IiMzNDQwNEUiLz4KPHBhdGggZD0iTTkuMDAwMDQgMC42ODg5NUMxMS4yOTUgMC42ODg5NSAxMy4zNzI4IDEuNjE5MzkgMTQuODc2OCAzLjEyMzI0QzE2LjM4MDcgNC42MjcyMiAxNy4zMTExIDYuNzA1MSAxNy4zMTExIDkuMDAwMDNDMTcuMzExMSAxMS4yOTUgMTYuMzgwNyAxMy4zNzI5IDE0Ljg3NjcgMTQuODc2N0MxMy4zNzI4IDE2LjM4MDcgMTEuMjk1IDE3LjMxMTEgOS4wMDAwNCAxNy4zMTExQzYuNzA1MTEgMTcuMzExMSA0LjYyNzIzIDE2LjM4MDcgMy4xMjMyNSAxNC44NzY4QzEuNjE5MzcgMTMuMzcyOSAwLjY4ODkyMyAxMS4yOTUgMC42ODg5MjMgOS4wMDAwM0MwLjY4ODkyMyA2LjcwNTEgMS42MTkzNyA0LjYyNzIyIDMuMTIzMjUgMy4xMjMyNEM0LjYyNzIzIDEuNjE5MzkgNi43MDUxMSAwLjY4ODk1IDkuMDAwMDQgMC42ODg5NVoiIGZpbGw9IiMzNDQwNEUiLz4KPHBhdGggZD0iTTE2LjYwOCA5LjAwODE2SDEuMzkyMDhMMS4zOTE5OCA5LjAwMDA0QzEuMzkxOTggNC43OTgxNyA0Ljc5ODEyIDEuMzkxOTggOS4wMDAwMyAxLjM5MTk4QzEzLjIwMTggMS4zOTE5OCAxNi42MDgxIDQuNzk4MTcgMTYuNjA4MSA5LjAwMDA0TDE2LjYwOCA5LjAwODE2WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTEuMzkyMDggOS4wMDgxNUgxNi42MDhDMTYuNjAzNiAxMy4yMDYyIDEzLjE5OTEgMTYuNjA4MSA5LjAwMDA0IDE2LjYwODFDNC44MDA4MyAxNi42MDgxIDEuMzk2NDQgMTMuMjA2MiAxLjM5MjA4IDkuMDA4MTVaIiBmaWxsPSIjRDUyQjFFIi8+CjxwYXRoIGQ9Ik0xLjgyOTQ2IDYuNDUyOTNIMTYuMTcwNkMxNi40NTM1IDcuMjQ5MjkgMTYuNjA4MSA4LjEwNjU0IDE2LjYwODEgOS4wMDAwM0MxNi42MDgxIDkuODk5NTQgMTYuNDUxNiAxMC43NjI0IDE2LjE2NDkgMTEuNTYzNEgxLjgzNTE2QzEuNTQ4NDkgMTAuNzYyNCAxLjM5MTk4IDkuODk5NTQgMS4zOTE5OCA5LjAwMDAzQzEuMzkxOTggOC4xMDY1NCAxLjU0NjUyIDcuMjQ5MjkgMS44Mjk0NiA2LjQ1MjkzWiIgZmlsbD0iIzAwMzlBNiIvPgo8L3N2Zz4K);
}

.lang-switcher .language-link:hover {
    color: unset;
}

@media (max-width: 1024.98px) {
    .lang-switcher {
        padding-left:0 !important;
    }
}

@media (max-width: 1024.98px) {
    #block-headersearch .custom-search-form {
        margin-left:0 !important;
    }
}

.scc-search-header {
    padding-left: 27px;
}

@media (max-width: 1024.98px) {
    .scc-search-header span {
        display:none;
    }
}

.scc-search-header::before {
    content: "";
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    display: inline-block;
    background-size: 100%;
    background-position: bottom;
    position: absolute;
    left: 0;
    bottom: 4px;
    filter: brightness(0.2);
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05IDJDNS4xMzQwMSAyIDIgNS4xMzQwMSAyIDlDMiAxMi44NjYgNS4xMzQwMSAxNiA5IDE2QzEwLjg4NTkgMTYgMTIuNTk3NyAxNS4yNTQyIDEzLjg1NjQgMTQuMDQxNEMxMy44ODI3IDE0LjAwNzIgMTMuOTExNSAxMy45NzQyIDEzLjk0MjkgMTMuOTQyOUMxMy45NzQyIDEzLjkxMTUgMTQuMDA3MiAxMy44ODI3IDE0LjA0MTQgMTMuODU2NEMxNS4yNTQyIDEyLjU5NzcgMTYgMTAuODg1OSAxNiA5QzE2IDUuMTM0MDEgMTIuODY2IDIgOSAyWk0xNi4wMzE5IDE0LjYxNzdDMTcuMjYzNSAxMy4wNzggMTggMTEuMTI1IDE4IDlDMTggNC4wMjk0NCAxMy45NzA2IDAgOSAwQzQuMDI5NDQgMCAwIDQuMDI5NDQgMCA5QzAgMTMuOTcwNiA0LjAyOTQ0IDE4IDkgMThDMTEuMTI1IDE4IDEzLjA3OCAxNy4yNjM1IDE0LjYxNzcgMTYuMDMxOUwxOC4yOTI5IDE5LjcwNzFDMTguNjgzNCAyMC4wOTc2IDE5LjMxNjYgMjAuMDk3NiAxOS43MDcxIDE5LjcwNzFDMjAuMDk3NiAxOS4zMTY2IDIwLjA5NzYgMTguNjgzNCAxOS43MDcxIDE4LjI5MjlMMTYuMDMxOSAxNC42MTc3WiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==);
}

@media (max-width: 1024.98px) {
    .scc-search-header::before {
        left:11px;
        bottom: -3px;
    }
}

@media (max-width: 1024.98px) {
    .canvas-icon {
       /* text-indent:100%;*/
        overflow: hidden;
       /* padding: 8px 0px !important;*/
    }
}

.canvas {
    position: relative;
}

.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: 0.25em 0.25em;
    color: #000;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%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") center/1em auto no-repeat;
    border: 0;
    border-radius: 0.375rem;
    opacity: 0.5;
}

@media (max-width: 1024.98px) {
    .canvas::after {
        left:-3.9rem;
        bottom: 0.3rem;
    }
}

@media (max-width: 1024.98px) {
    .canvas {
        padding:0 !important;
    }
}

body .offcanvas-header {
    padding-top: 38px;
    padding-bottom: 37px;
}

body .offcanvas-header h5 {
    margin: 0;
}
#block-scc-main-menu .navbar-nav{
    width: 100%;

}#block-scc-main-menu ul.navbar-nav{
    margin: 0;
 }

.w-100{
    width: 100%;
}

.btn-light-open {
    background-color: #eaeef3 !important;
    border-color: #eaeef3 !important;
    border-radius: 0;
    padding-bottom: 0.5rem !important;
    color: #FFF !important;
}

.offcanvas nav {
    padding-top: 0;
}

.offcanvas nav .navbar-nav .btn-light-open {
    border-width: 0 0 1px 0;
    border-color: #FFF !important;
    width: 48px;
    height: 72px;
}
.nav-item.pe-0{
    margin: 0 !important;
}

.offcanvas nav .navbar-nav .nav-link {
    padding: 2.0625rem;
    line-height: 2rem;
    border-bottom: 1px solid white;
}

.offcanvas nav .navbar-nav .nav-link.is-active {
    background-color: #8d6f49 ;
    color: #FFF;
}
.offcanvas nav .navbar-nav .nav-link{
    color: var(--bs-nav-link-color);
    font-weight: 400;
    font-size: 15px;
}



.offcanvas nav .navbar-nav ul {
    padding: 0;
}

.offcanvas nav .navbar-nav .collapse ul,.offcanvas nav .navbar-nav .collapsing ul {
    padding: 0;
    margin: 0;
    background-color: #8d6f49 ;
    transform: translate(0px,0px);
    border: none;
}

.offcanvas nav .navbar-nav .collapse ul li .n-link,.offcanvas nav .navbar-nav .collapsing ul li .n-link {
    padding-left: 2rem;
    border-bottom: 1px solid #FFF;
}

.offcanvas nav .navbar-nav .collapse ul li a,.offcanvas nav .navbar-nav .collapsing ul li a {
    color: #FFF !important;
}

.offcanvas nav .navbar-nav .collapse ul li .btn-light-open,.offcanvas nav .navbar-nav .collapsing ul li .btn-light-open {
    background-color: #8d6f49  !important;
}

.offcanvas nav .navbar-nav .collapse ul li .btn-light-open:before,.offcanvas nav .navbar-nav .collapsing ul li .btn-light-open:before {
    filter: brightness(7.5);
}

.offcanvas nav .navbar-nav .collapse ul li .btn-light-open:focus-visible,.offcanvas nav .navbar-nav .collapsing ul li .btn-light-open:focus-visible {
    border: 1px solid red;
}

.offcanvas nav .navbar-nav .collapse ul .collapse ul li .n-link,.offcanvas nav .navbar-nav .collapse ul .collapsing ul li .n-link,.offcanvas nav .navbar-nav .collapsing ul .collapse ul li .n-link,.offcanvas nav .navbar-nav .collapsing ul .collapsing ul li .n-link {
    padding-left: 3rem;
}

.offcanvas nav .navbar-nav .collapse.show ul .btn-light-open,.offcanvas nav .navbar-nav .collapsing.show ul .btn-light-open {
    background-color: #8d6f49  !important;
}

.offcanvas nav .navbar-nav .collapse.show ul .btn-light-open:before,.offcanvas nav .navbar-nav .collapsing.show ul .btn-light-open:before {
    filter: brightness(7.5);
}

.offcanvas nav .navbar-nav .collapse.show ul li a,.offcanvas nav .navbar-nav .collapsing.show ul li a {
    color: #FFF !important;
}

.offcanvas nav .navbar-nav .collapse.show ul li a:hover,.offcanvas nav .navbar-nav .collapsing.show ul li a:hover {
    background-color: #8d6f49  !important;
}

.offcanvas nav .navbar-nav .collapse.show ul li .n-link,.offcanvas nav .navbar-nav .collapsing.show ul li .n-link {
    padding-left: 2rem;
    opacity: 1;
}

.offcanvas nav .navbar-nav .collapse.show .collapse.show ul li .n-link,.offcanvas nav .navbar-nav .collapsing.show .collapse.show ul li .n-link {
    padding-left: 3rem;
}

.offcanvas nav .navbar-nav .nav-item .nav-a a {
    padding: 2.0625rem;
    line-height: 1.5rem;
}

.offcanvas nav .navbar-nav .nav-item .nav-a a:hover {
    background-color: #8d6f49  !important;
    color: #FFF;
}
.position-relative{
    position: relative;
}

.px-0{
    padding: 0 !important;
}
.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
}
.level-collapse{
    margin: 0 !important;
}
.offcanvas nav .navbar-nav .nav-item .nav-a .btn-light-open::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDE0IDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMyAxTDcgN0wxIDEiIHN0cm9rZT0iIzI3MzIzQyIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPgo=");
    width: 16px;
    height: 16px;


    background-size: contain;
    content: "";
    transition: all 0.5s linear;
    position: absolute;
    background-repeat: no-repeat;
    bottom: 50%;
    left: 50%;
    transform: translate(-50%, 50%);

}

.d-flex{
    display: flex;
}
.justify-content-between{
    justify-content: space-between;
}

.offcanvas nav .navbar-nav .nav-item .nav-a .n-link {
    border-right: 1px solid #FFF;
    display: flex
;
    align-items: center;
}

.bg-light-open {
    background-color: #eaeef3 !important;
}

.offcanvas nav .navbar-nav .nav-item .nav-a .btn-light-open::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDE0IDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMyAxTDcgN0wxIDEiIHN0cm9rZT0iIzI3MzIzQyIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPgo=");
    width: 16px;
    height: 16px;


    background-size: contain;
    content: "";
    transition: all 0.5s linear;
    position: absolute;
    background-repeat: no-repeat;
    bottom: 50%;
    left: 50%;
    transform: translate(-50%, 60%);
}

.offcanvas nav .navbar-nav .nav-item .nav-a .btn-light-open:hover {
    background-color: #8d6f49  !important;
}

.offcanvas nav .navbar-nav .nav-item .nav-a .btn-light-open:hover::before {
    filter: brightness(7.5);
}

.offcanvas nav .navbar-nav .nav-item .nav-a .btn-light-open:focus-visible {
    visibility: visible;
}

.offcanvas nav .navbar-nav .nav-item .nav-a .btn-light-open[aria-expanded=true] {
    background-color: #8d6f49  !important;
}

.offcanvas nav .navbar-nav .nav-item .nav-a .btn-light-open[aria-expanded=true]:before {
    filter: brightness(7.5);
    transform: rotate(180deg);
    bottom: 40%;
    left: 40%;

}

.offcanvas nav .navbar-nav .nav-item .nav-link:hover {
    background-color: #8d6f49  !important;
    color: #FFF;
}

/*
.plyr iframe[id^=youtube] {
    top: -50%;
    height: 200%;
}*/

.event-item-body-center{
    display: flex;
}
.event-item-body-right{
    max-width: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.offcanvas *{
    transition: none !important;

}
.collapse{
    transition: none !important;
}
ul.links-block li a::before{
    display: none;
}
.info-block-container, .info-block-container *:not(i){
    font-size: 12px;
}


#myForm input, input[type=text], input[type=email], input[type=number], textarea, select {
    position: relative;
    height: 56px;
    line-height: 26px;
    border-radius: 5px;
    border: 1px solid #8d6f49;
    width: 100%;
    padding: 4px 15px 0px 15px;
    display: block;
    transition: 0.5s ease-in-out !important;
    -moz-transition: 0.5s ease-in-out !important;
    -o-transition: 0.5s ease-in-out !important;
    -ms-transition: 0.5s ease-in-out !important;
    margin-bottom: 10px;
    color: #8d6f49;
}

@media (max-width: 500px) {

    .events-items-wrapper{
        padding: 0 10px;
    }

    .event-item-body .event-item-title{
        font-size: 16px !important;
    }
    .event-item-description, .event-item-description p, .event-item-description span, .event-item-description div{
        font-size: 14px !important;
    }
    .blog-item-description, .blog-item-description p, .blog-item-description span, .blog-item-description div{
        font-size: 14px !important;
    }
    .blog-single-item .blog-item .blog-item-title{
     font-size: 14px !important;
    }
    .event-item-body .event-item-read-btn{
        font-size: 13px !important;
    }

    .mute-button {
        bottom: 26% !important;
        width: 50px !important;
        height: 50px !important;

    }

   .colsd.owl-carousel .owl-item img{
        height: 150px;
        object-fit: contain;
        border: none;
    }
    .gfort-owl-slider .gfort-owl-slider-item > a{
        border: none;
    }

.header-section:not(.sidebar-header) .navbar .col-md-12 {

    flex-direction: row !important;
}
    .navbar .container-fluid{
        padding: 0 10px;
    }
}


.dotdot-3{
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden !important;

}
.event-item-title{
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden !important;
}


.event-item-description.dotdot-3 span{
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden !important;
}
.event-item-container .event-item-date span{
    font-size: 10px;
    padding: 15px 0 8px;

}


.project_information .theme-btn {
    margin-top: 15px;
}

.theme-btn.two:hover {
    background: #8d6f49;
    color: #fff !important;
}


.theme-btn.two {

    margin-top: 15px;
    display: inline-block;
    padding: 0px 25px;

    background: transparent;
    color: #8d6f49 !important;
    border: 1px solid #8d6f49 !important;
    line-height: 56px;
    min-height: 56px;
    min-width: 160px;
    text-align: center;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    font-weight: 600;
    font-size: 15px;
}



.pagination {
    margin: 0 0 1rem
}

.pagination li {
    margin-right: 7px
}

.pagination li.active span,.pagination li.active a {
    background: #8d6f49 !important;
    color: #fff !important
}

.pagination li span,.pagination li a {
    width: 40px;
    height: 40px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000 !important;
    font-size: 16px;
    border-radius: 10px !important;
    border: none;
    margin: 0 3px;
}




@media(min-width: 2000px) {
    .pagination li span,.pagination li a {
        font-size:.85vw

    }
}



.modal{
    z-index: 999999999 !important;
    padding-right:0 !important;
}

.application-form .modal-dialog{
    max-width: 500px;
}
[hidden], template {
    display: none !important;
}
.modal-title{
    font-weight: 700;
}
.application-form .modal-header:after, .application-form .modal-header:before  {
    display: none;
}
.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px);
}
.modal-backdrop.show {
    z-index: 99999999 !important;
}
.application-form .modal-title{
    color:#8d6f49 ;
}
.application-form .modal-header{
    border-bottom: 0;
    padding: 20px;
}
.application-form .modal-content {
    position: relative;
    padding:15px 23px 30px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 3px 16px 0px rgba(0,0,0,.05);
    border:0;
}
.modal-footer{
    display: flex;
    justify-content: center !important;
    border: 0 !important;
    padding: 0 !important;
}
.icon-input{
    position: relative;
}
.icon-input input{
    line-height: 26px;
    font-weight: 400;
    transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
}
.icon-input i{
    position: absolute;
    right: 16px;
    top: 16px;
    bottom: 0;
    margin: auto 0;
    color: #8d6f49 ;
    font-size: 21px;
}
.modal-open{
    padding-right: 0 !important;
}


body input[type=submit], body button[type=submit] {
    position: relative;
    display: inline-block;
    min-width: 160px;
    min-height: 60px;
    font-size: 12px;
    line-height: 60px;
    padding: 0px 20px;

    border: 1px solid #8d6f49;
    background: #8d6f49;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
}


input:focus, textarea:focus, select:focus, input:active, textarea:active, select:active {
    outline: 0px;
    border-color: #8d6f49;
}


/*
input, input[type=text], input[type=email], input[type=number], textarea, select {
    position: relative;
    height: 56px;
    line-height: 26px;
    border-radius: 5px;
    border: 1px solid #e4e7ee;
    width: 100%;
    padding: 4px 15px 0px 15px;
    display: block;
    transition: 0.5s ease-in-out !important;
    -moz-transition: 0.5s ease-in-out !important;
    -o-transition: 0.5s ease-in-out !important;
    -ms-transition: 0.5s ease-in-out !important;
    margin-bottom: 20px;
    color: #4a4e56;
}
*/


.widget-block-title h2{
    color: #8d6f49;
    margin-bottom: 15px;
}

.project_information .repeat_informtion {
    position: relative;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.project_information .repeat_informtion p {
    margin: 0px;
    font-size: 15px;
}




.fr-view .fr-file{
    display:inline-flex;
    align-items: center;
    justify-content: start;
    gap: 10px;
    clear: both;
    border: 1px solid #c5c3c3;
    padding: 10px;
    border-radius: 10px;
    position: relative;
    padding-left: 20px;
    text-transform: uppercase;
    color: black !important;
    font-size: 12px;
    font-weight: 500;
    opacity: 0.8;
    transition: all 0.5s ease;
    min-width: 400px;
    margin-top: 15px;
}


.fr-view .fr-file::after{
    background-color: #0a5096;
    content: "" !important;
    position: absolute !important;
    width: 4px;
    border-radius: 4px;
    height: 40px;
    left: 10px;
}




.extLink {
    background: rgba(0, 0, 0, 0) url("https://www.istka.org.tr/media/1072/fileiconssprite.png") no-repeat scroll -4px -4px !important;
}




.wordFile:before {
    background: rgba(0, 0, 0, 0) url("https://www.istka.org.tr/media/1072/fileiconssprite.png") no-repeat scroll -4px -58px !important;
    content: '';
    display: block;
    height: 50px;
    width: 48px;
}


.extLink:before {
    background: rgba(0, 0, 0, 0) url("https://www.istka.org.tr/media/1072/fileiconssprite.png") no-repeat scroll -4px -4px !important;
    content: '';
    display: block;
    height: 50px;
    width: 48px;
}

.pdfFile:before {
    background: rgba(0, 0, 0, 0) url("https://www.istka.org.tr/media/1072/fileiconssprite.png") no-repeat scroll -56px -4px !important;
    content: '';
    display: block;
    height: 50px;
    width: 48px;
}



.zipFile:before {
    background: rgba(0, 0, 0, 0) url("https://www.istka.org.tr/media/1072/fileiconssprite.png") no-repeat scroll -108px -4px !important;
    content: '';
    display: block;
    height: 50px;
    width: 48px;
}



.excelFile:before {
    background: rgba(0, 0, 0, 0) url("https://www.istka.org.tr/media/1072/fileiconssprite.png") no-repeat scroll -56px -58px !important;
    content: '';
    display: block;
    height: 50px;
    width: 48px;
}

.powerpointFile:before {
    background: rgba(0, 0, 0, 0) url("https://www.istka.org.tr/media/1072/fileiconssprite.png") no-repeat scroll -108px -58px !important;
    content: '';
    display: block;
    height: 50px;
    width: 48px;
}

.pressDocFile:before {
    background: url("https://www.istka.org.tr/media/42798/pressdocicon.png") no-repeat !important;
    content: '';
    display: block;
    height: 50px;
    width: 48px;
}

.portfolio-item-media .doc{
    height: 208px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: scale(1.5);

}


.portfolio-item-body .portfolio-item-title{
    text-align: center;
}

.portfolio-item-container .portfolio-item-media img{

    height: 240px;
    width: 240px;
    border-radius: 0 !important;
    object-position: center;
    object-fit: cover;
}

.mb-roww{
    margin-right: -95px;
    margin-left: -60px;
}

@media (max-width: 1000px) {
    .mb-roww{
        margin-right: inherit;
        margin-left: inherit;
        display: grid;
        justify-content: center;
    }
}

.portfolio-item-container .portfolio-item-media a{
    border-radius: 0 !important;
}
.cost-calculator-box label{
    font-size: 12px;
    color: white;
}
.regulations, .managercount{
    margin-top: 10px;
}

.call-wrap{
    display: flex;
    flex-wrap: 1;

}

@media (max-width: 479px) {
    .container {
        max-width: 380px !important;
    }
}
.rules{
    position: relative;
    top: 2px;
    color: black;
    font-weight: bold;
}
.cost-calculator-topbar-btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #28a745 !important;
    color: #fff !important;
    font-weight: normal;
    font-size: 1.75rem;
    white-space: nowrap;
    border: 0;
    padding: 4px 18px;
    margin-left: 10px;
    text-decoration: none !important;
    transition: background-color 0.2s ease;
    position: relative;
    top: 0;
}
.cost-calculator-topbar-btn span{
    padding: 0.5rem;
}
.cost-calculator-topbar-btn:hover{
    background-color: #218838 !important;
    color: #fff !important;
}
@media (max-width: 500px) {
    .event-item-body .event-item-title{
        margin-top: 15px;
    }

    .header-section-container{
        position: fixed;
        top: 0;
    }

    .rules{
        display: none;
    }
    .cost-calculator-topbar-btn{
        display: none;
    }
    .call-wrap {
        display: flex;
        flex-wrap: 1;
        flex-direction: column;
    }

    .event-item-body-right{
        display: none;
    }
}


.calculator-wrapper{
    display: flex;
    align-items: stretch;
    width: 100%;
    flex-wrap: wrap;
}

.calc-col{
    display: flex;
    flex-direction: column;
}

.cost-calculator-box {
    background-color: black !important;
    padding: 1.5rem;
    flex: 1;
}

.calculation-intro{
    flex: 1;
}
.cost-calculator-box h3{
    color: white;
}
.cost-calculator-box .form-check-input{
    accent-color: #8d6f49; /* İstediğiniz renk */

}
.calculation-intro{
    background-color: #fff;
    padding: 1.5rem 3rem;
    font-size: 13px;
    flex: 1;
    display: block !important;
    overflow: visible;
}

.calculation-intro ul{
    display: block !important;
    columns: unset !important;
    column-count: unset !important;
    padding-left: 20px;
    list-style: disc;
    width: 100%;
}

.calculation-intro ul li{
    display: list-item !important;
    width: 100% !important;
    margin-bottom: 8px;
    break-inside: avoid;
}

.calculation-intro p,
.calculation-intro li{
    font-size: 13px;
}
.owl-carousel .owl-item img{
    max-height: 85vh;
}

/*.pf .portfolio-item-container .portfolio-item-media a{
    border-top-left-radius:10% !important
}*/
.calculator-button {
    height: 40px;
    width: 150px;
    display: flex !important
;
    align-items: center;
    justify-content: center;
    max-height: 40px;
    min-height: 40px !important;
    margin-top: 10px;
}

.calculator-button:hover{
    background-color: #8d6f49;
    border-color: #8d6f49;
}

.result-cul{
    display: flex;
    flex-direction: column;
    font-size: 13px;
    margin-top: 10px;
    padding-bottom: 15px;
    color: white;
    font-weight: bold;
}

.all-btn{
    font-size: 12px;
    line-height: 40px;
    padding: 0px 20px;

    border: 1px solid #8d6f49;
    background: #8d6f49;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
}

.all-btn:hover{
    background: #8d6f49;
    border: 1px solid #8d6f49;
}

.all-btn.blue{
    background-color: #2791d8;
    border: 1px solid #2791d8;
}


.all-btn.blue:hover{
    background: #2791d8;
    border: 1px solid #2791d8;
}