/**
* Owl Carousel v2.2.1
* Copyright 2013-2016 David Deutsch
* Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE)
*/


/* ===============================================
SLAYT STYLE
================================================== */
.owl-carousel
{
    touch-action: pan-y;
    -webkit-overflow-scrolling: touch;
    backface-visibility: hidden;
    will-change: transform;
}

.owl-carousel .owl-stage
{
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    transition-duration: 0.3s !important;
}

.owl-carousel .animated
{
    animation-duration: 350ms;
    animation-fill-mode: both;
}

.owl-progress
{
    position: absolute;
    z-index: 10;

    bottom: 0;

    width: 0;
    max-width: 100%;
    height: var(--size-x0-125);

    opacity: 0.75;
}

.owl-slide
{
    display: none; 

    width: 100%; 
    height: auto;
}

.owl-slide .owl-item 
{
    display: block; 

    width: 100%; 
    height: auto;
}

/* slayt imageları yüklendikten sonra görünür olması için. alt alta düşmesini önlemek için. */
.owl-slide .owl-item 
{
    display: none;
}

.owl-slide .owl-item:first-child 
{
    display: block;
}

.owl-slide.owl-loaded .owl-item
{
    display: block;
}
/*****/

.owl-slide .owl-nav 
{
    position: absolute;

    width: 100%;
    bottom: var(--size-x0-5);
    margin-top: 0rem;

    text-align: center;
    -webkit-tap-highlight-color: transparent; 

    visibility: hidden;
    opacity: 0;

    transition: opacity 0.25s ease;
}

.owl-slide:hover .owl-nav 
{
    visibility: visible;
    opacity: 1;
}
    .owl-slide .owl-nav [class*='owl-'] 
    {
        display: inline-block;
        cursor: pointer;

        width: var(--size-x1-5);
        height: var(--size-x1-5);

        margin: 0rem var(--size-x0-125);
        padding: var(--size-x0-25) var(--size-x0-25);
        
        font-size: var(--f5);
        text-align: center;
    
        border-radius: var(--border-radius);

        transition: all 0.25s ease;
    }

    .owl-slide .owl-nav .disabled 
    {
        opacity: 0.5;
        cursor: default; 
    }

    .owl-slide .owl-nav .owl-prev::before 
    {
        content: "\f0a8";
        position: relative;

        font-family: 'Font Awesome 6 Pro';
        font-weight: var(--fw-blackbold);
        line-height: inherit;
    }

    .owl-slide .owl-nav .owl-next::before 
    {
        content: "\f0a9";
        position: relative;

        font-family: 'Font Awesome 6 Pro';
        font-weight: var(--fw-blackbold);
        line-height: inherit;
    }

.owl-slide .owl-nav.disabled + .owl-dots 
{
    margin-top: 0rem; 
}

.owl-slide .owl-dots 
{
    position: absolute;
    width: 100%;

    text-align: center;
    -webkit-tap-highlight-color: transparent; 
}
    .owl-slide .owl-dots .owl-dot 
    {
        display: inline-block;
        zoom: 1;
    }
    .owl-slide .owl-dots .owl-dot span
    {
        display: block;

        width: var(--size-x0-3);
        height: var(--size-x0-3);
        margin: var(--size-x0-5) var(--size-x0-125) 0rem var(--size-x0-125);

        border-radius: var(--size-x1);

        -webkit-backface-visibility: visible;

        transition: all 0.25s ease;
    }


/* 
COLOR SETTINGS
================================================== */
.owl-progress                                      { background-color: var(--custom-background); }
.owl-slide .owl-stage-outer                        { background-color: var(--body-background-white); }
.owl-slide .owl-nav [class*='owl-']                { background-color: var(--custom-background); color: var(--body-color-white); box-shadow: var(--body-shadow); }
.owl-slide .owl-nav [class*='owl-']:hover          { background-color: var(--custom-background-hover); color: var(--body-color-white); }
.owl-slide .owl-dots .owl-dot span                 { background-color: var(--body-sub-background); }
.owl-slide .owl-dots .owl-dot.active > span        { background-color: var(--custom-background); } 
.owl-slide .owl-dots .owl-dot:hover span           { background-color: var(--custom-background-hover); }


/* ===============================================
FEATURE CAROUSEL STYLE
================================================== */
.owl-feature
{
    display: none; 

    width: 100%; 
    height: auto;
}

.owl-feature .owl-item 
{
    display: block; 

    width: 100%; 
    height: auto;
}

.owl-feature .owl-stage-outer
{
    overflow: visible;
}

.owl-feature .owl-nav 
{
    position: absolute;

    top: 0rem;
    right: 0rem;

    margin-top: 0rem;

    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

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

    .owl-feature .owl-nav [class*='owl-'] 
    {
        display: inline-block;
        cursor: pointer;

        width: var(--size-x1-5);
        height: var(--size-x1-5);

        margin: 0rem var(--size-x0-125);
        padding: var(--size-x0-25) var(--size-x0-25);
        
        font-size: var(--f5);
        text-align: center;
    
        border-radius: var(--border-radius);

        transition: all 0.25s ease;
    }

    .owl-feature .owl-nav [class*='owl-']:first-child 
    {
        margin-left: 0rem;
    }

    .owl-feature .owl-nav [class*='owl-']:last-child 
    {
        margin-right: 0rem;
    }

    .owl-feature .owl-nav .disabled 
    {
        opacity: 0.5;
        cursor: default; 
    }

    .owl-feature .owl-nav .owl-prev::before 
    {
        content: "\f0a8";
        position: relative;

        font-family: 'Font Awesome 6 Pro';
        font-weight: var(--fw-blackbold);
        line-height: inherit;
    }

    .owl-feature .owl-nav .owl-next::before 
    {
        content: "\f0a9";
        position: relative;

        font-family: 'Font Awesome 6 Pro';
        font-weight: var(--fw-blackbold);
        line-height: inherit;
    }

.owl-feature .owl-nav.disabled + .owl-dots 
{
    margin-top: 0rem; 
}

.owl-feature .owl-dots 
{
    width: 100%;
    height: var(--size-x1);

    margin-bottom: var(--size-x1);

    text-align: center;
    -webkit-tap-highlight-color: transparent; 
}

.owl-feature .owl-dots.disabled 
{
    display: block;
}

    .owl-feature .owl-dots .owl-dot 
    {
        display: inline-block;
        zoom: 1;
    }
    .owl-feature .owl-dots .owl-dot span 
    {
        display: block;

        width: var(--size-x0-3);
        height: var(--size-x0-3);

        margin: var(--size-x1) var(--size-x0-125) 0rem var(--size-x0-125);

        border-radius: var(--size-x1);

        -webkit-backface-visibility: visible;

        transition: all 0.25s ease;
    }


/* 
COLOR SETTINGS
================================================== */
.owl-feature .owl-nav [class*='owl-']                { background-color: var(--custom-background); color: var(--body-color-white); }
.owl-feature .owl-nav [class*='owl-']:hover          { background-color: var(--custom-background-hover); color: var(--body-color-white); }
.owl-feature .owl-dots .owl-dot span                 { background-color: var(--body-sub-background); border: 0.1rem solid var(--body-sub-border); }
.owl-feature .owl-dots .owl-dot.active span, 
.owl-feature .owl-dots .owl-dot:hover span           { background-color: var(--custom-background); border: 0.1rem solid var(--custom-background); }


/* 
OWL-NAV-CUSTOM
================================================== */
.owl-nav-custom 
{
    position: absolute;

    top: 0.15rem;
    right: 0rem;

    margin-top: 0rem;

    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

.owl-nav-custom.disabled 
{
    opacity: 0.5;
    cursor: default; 
}

    .owl-nav-custom [class*='owl-'] 
    {
        display: inline-block;
        cursor: pointer;

        width: var(--size-x1-5);
        height: var(--size-x1-5);

        margin: 0rem var(--size-x0-125);
        padding: var(--size-x0-25) var(--size-x0-25);
        
        font-size: var(--f5);
        text-align: center;
    
        border-radius: var(--border-radius);

        transition: all 0.25s ease;
    }

    .owl-nav-custom [class*='owl-']:first-child 
    {
        margin-left: 0rem;
    }

    .owl-nav-custom [class*='owl-']:last-child 
    {
        margin-right: 0rem;
    }

    .owl-nav-custom .disabled 
    {
        opacity: 0.5;
        cursor: default; 
    }

    .owl-nav-custom .owl-prev::before 
    {
        content: "\f0a8";
        position: relative;

        font-family: 'Font Awesome 6 Pro';
        font-weight: var(--fw-blackbold);
        line-height: inherit;
    }

    .owl-nav-custom .owl-next::before 
    {
        content: "\f0a9";
        position: relative;

        font-family: 'Font Awesome 6 Pro';
        font-weight: var(--fw-blackbold);
        line-height: inherit;
    }


    /* 
    COLOR SETTINGS
    ================================================== */
    .owl-nav-custom [class*='owl-']                { background-color: var(--custom-background); color: var(--body-color-white); }
    .owl-nav-custom [class*='owl-']:hover          { background-color: var(--custom-background-hover); color: var(--body-color-white); }


/* ===============================================
GALLERY CAROUSEL STYLE
================================================== */
.owl-gallery 
{
    position: relative;
    float: left;
    
    display: none;

    width: 100%;
    height: auto;
}

.owl-gallery .owl-item 
{
    display: block;
    overflow: hidden;

    width: 100%;
    height: auto;
}

.owl-gallery .owl-item .item
{
    display: block;
    overflow: hidden;

    width: 100%;
    height: auto;

    aspect-ratio: 4/3; /* Aspect ratio of 4:3 */

    border-radius: var(--image-radius);
}

.owl-gallery-image
{
    overflow: hidden;

    margin: 0rem 0rem var(--size-x0-25) 0rem;
    padding: 0rem;
    
    border-radius: var(--image-radius);
}

.owl-gallery-image .item img
{
    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

.owl-gallery-image .item-zoom
{
    position: absolute;

    top: var(--size-x0-5);
    right: var(--size-x0-5);

    opacity: 0;

    transition: opacity 0.25s ease;
}

.owl-gallery-image:hover .item-zoom
{
    opacity: 1;
}

.owl-gallery-image .item-zoom a
{
    display: inline-block;

    width: var(--size-x1-5);
    height: var(--size-x1-5);

    padding: var(--size-x0-25) var(--size-x0-25);
    
    text-align: center;
    
    border-radius: var(--border-radius);
}

.owl-gallery-image .item-zoom a::before
{
    content: '\f00e';
    font-family: 'Font Awesome 6 Pro';
    line-height: inherit;   
}

.owl-gallery-image .item-zoom a balloon
{
    position: absolute;
    float: left;
    
    top: 0rem;
    left: 0rem;
    
    width: 100%;
    height: 100%;
}

.owl-gallery-image .item-label
{
    position: absolute;

    vertical-align: middle;
}

.owl-gallery-image .item-label.auto-hide
{
    visibility: hidden;
    opacity: 0;

    transition: opacity 0.25s ease;
}

.owl-gallery-image:hover .item-label.auto-hide
{
    visibility: visible;
    opacity: 1;
}

.owl-gallery-image .item-label.top-left       { top: var(--size-x0-5);      left: var(--size-x0-5); }
.owl-gallery-image .item-label.top-right      { top: var(--size-x0-5);      right: var(--size-x0-5); }
.owl-gallery-image .item-label.bottom-left    { bottom: var(--size-x0-5);   left: var(--size-x0-5); }
.owl-gallery-image .item-label.bottom-right   { bottom: var(--size-x0-5);   right: var(--size-x0-5); }

.owl-gallery-image .item-label span 
{
    display: inline-block;

    padding: var(--size-x0-3) var(--size-x0-5);
    margin: 0rem var(--size-x0-25) 0rem 0rem;
    
    font-size: var(--f6);
    font-weight: var(--fw-medium);
    line-height: var(--size-x0-3);
    text-transform: uppercase;
    
    border-radius: var(--border-radius);
}
/*
.owl-gallery-image .item-label.top-left
{
    top: 35px;
    left: -50px;
    
    width: 20rem;
    
    text-align: center;
    
    transform: rotate(-45deg);
}

.owl-gallery-image .item-label.top-left span
{
    position: relative;
    float: left;
    
    width: 20rem;
    
    text-align: center;
}
*/
.owl-gallery-image .item-label span:last-child 
{
    margin-right: 0rem;
}

.owl-gallery-imagelist
{
    margin: var(--size-x0-25) 0rem var(--size-x0-5) 0rem;
}

.owl-gallery-imagelist .item
{
    display: block;
    overflow: hidden;
    cursor: pointer;

    width: 100%;
    height: auto;

    margin: 0rem;
    
    aspect-ratio: 4/3; /* Aspect ratio of 4:3 */

    border-radius: var(--image-radius);

    transition: box-shadow 0.25s ease;
}

.owl-gallery-imagelist .item img
{
    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;

    border-radius: var(--image-radius);
}

.owl-gallery-imagelist .item.current img
{
    filter: brightness(110%);
}

.owl-gallery .owl-nav 
{
    position: absolute;

    width: 100%;
    
    top: 50%;
    transform: translateY(-50%);
    
    margin-top: 0rem;

    text-align: center;
    -webkit-tap-highlight-color: transparent; 

    visibility: visible;
    opacity: 1;

    transition: opacity 0.25s ease;
}

.owl-gallery:hover .owl-nav 
{
    visibility: visible;
    opacity: 1;
}

    .owl-gallery .owl-nav [class*='owl-'] 
    {
        display: inline-block;
        cursor: pointer;

        width: var(--size-x1-5);
        height: var(--size-x1-5);

        margin: 0rem var(--size-x0-125);
        padding: var(--size-x0-25) var(--size-x0-25);
        
        font-size: var(--f5);
        text-align: center;
    
        border-radius: var(--border-radius);

        transition: all 0.25s ease;
    }

    .owl-gallery .owl-nav .disabled 
    {
        opacity: 0.5;
        cursor: default; 
    }

    .owl-gallery .owl-nav .owl-prev 
    {
        position: relative;
        float: left;
        
        left: var(--size-x0-5);
    }

    .owl-gallery .owl-nav .owl-next 
    {
        position: relative;
        float: right;
        
        right: var(--size-x0-5);
    }

    .owl-gallery .owl-nav .owl-prev::before 
    {
        content: "\f0a8";
        position: relative;

        font-family: 'Font Awesome 6 Pro';
        font-weight: var(--fw-blackbold);
        line-height: inherit;
    }

    .owl-gallery .owl-nav .owl-next::before 
    {
        content: "\f0a9";
        position: relative;

        font-family: 'Font Awesome 6 Pro';
        font-weight: var(--fw-blackbold);
        line-height: inherit;
    }


/* 
COLOR SETTINGS
================================================== */
.owl-gallery                    .owl-nav [class*='owl-']            { color: var(--body-color-white); box-shadow: var(--body-shadow); }
.owl-gallery:hover              .owl-nav [class*='owl-']            { background-color: var(--custom-background); color: var(--body-color-white); box-shadow: var(--body-shadow); }
.owl-gallery                    .owl-nav [class*='owl-']:hover      { background-color: var(--custom-background-hover); color: var(--body-color-white); }

.owl-gallery-image                                                  { background-color: var(--body-background-white); }
.owl-gallery-image              .item-zoom 	a,
.owl-gallery-image              .item-zoom 	a:visited               { background-color: var(--mask-button-background); color: var(--body-color-white); box-shadow: var(--body-shadow); }
.owl-gallery-image              .item-zoom 	a:hover                 { background-color: var(--custom-background-hover); }

.owl-gallery-image              .item-label        span,
.owl-gallery-image              .item-label        span.theme       { background-color: var(--custom-background); color: var(--body-color-white); box-shadow: var(--body-shadow); }
.owl-gallery-image              .item-label        span.blue        { background-color: var(--color-blue); }
.owl-gallery-image              .item-label        span.green       { background-color: var(--color-green); }
.owl-gallery-image              .item-label        span.yellow      { background-color: var(--color-yellow); }
.owl-gallery-image              .item-label        span.red         { background-color: var(--color-red); }
.owl-gallery-image              .item-label        span.grey        { background-color: var(--color-grey); }
.owl-gallery-image              .item-label        span.soft        { background-color: var(--body-background-white); color: var(--body-color); }

.owl-gallery-imagelist          .item                               { background-color: var(--body-background-white); }
.owl-gallery-imagelist          .item.current                       { background-color: var(--body-background-white); }