/*=====================================
YOU CAN WRIGHT CUSTOME CSS
======================================*/
/* REVSLIDER: ok hover title ({{title}}) kapat */
#welcome_wrapper .tparrows .tp-arr-titleholder{
    display:none !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
}
#welcome_wrapper .tp-thumbs{
    display:none !important;
}

#welcome_wrapper,
#welcome {
    background: #fff !important;
}

#welcome_wrapper .tp-bullets,
#welcome_wrapper .tparrows {
    display: none !important;
}

#welcome_wrapper .tp-bgimg.defaultimg {
    background-color: #fff !important;
}

.project-media {
    width: 100%;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: #f4f4f4 !important;
}

.project-media-img,
.project-media img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
}

.project-classic,
.image-hover-block {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.project-classic .mt-info,
.image-hover-block .mt-info {
    flex: 1 1 auto;
    min-height: 150px;
}

.project-classic .mt-title,
.image-hover-block .mt-tilte {
    min-height: 48px;
}

@media (min-width: 1200px) {
    #welcome_wrapper .slider-title-wrap {
        position: absolute !important;
        left: auto !important;
        right: 48px !important;
        top: auto !important;
        bottom: 52px !important;
        width: auto !important;
        height: auto !important;
        max-width: calc(100vw - 96px) !important;
        transform: none !important;
        z-index: 30 !important;
        visibility: visible !important;
        overflow: visible !important;
    }

    #welcome_wrapper .slider-title-wrap .tp-loop-wrap,
    #welcome_wrapper .slider-title-wrap .tp-mask-wrap {
        position: static !important;
        left: auto !important;
        top: auto !important;
        width: auto !important;
        height: auto !important;
        transform: none !important;
        overflow: visible !important;
        visibility: visible !important;
    }

    #welcome_wrapper .slider-title-caption {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        width: auto !important;
        max-width: 520px !important;
        transform: none !important;
        text-align: right !important;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    #welcome_wrapper .slider-title-wrap {
        position: absolute !important;
        left: auto !important;
        right: 32px !important;
        top: auto !important;
        bottom: 42px !important;
        width: auto !important;
        height: auto !important;
        max-width: calc(100vw - 64px) !important;
        transform: none !important;
        z-index: 30 !important;
        visibility: visible !important;
        overflow: visible !important;
    }

    #welcome_wrapper .slider-title-wrap .tp-loop-wrap,
    #welcome_wrapper .slider-title-wrap .tp-mask-wrap {
        position: static !important;
        left: auto !important;
        top: auto !important;
        width: auto !important;
        height: auto !important;
        transform: none !important;
        overflow: visible !important;
        visibility: visible !important;
    }

    #welcome_wrapper .slider-title-caption {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        width: auto !important;
        max-width: min(430px, calc(100vw - 64px)) !important;
        transform: none !important;
        text-align: right !important;
    }
}

@media (max-width: 767px) {
    .site-header,
    .sticky-wrapper,
    .sticky-header,
    .sticky-header.is-fixed,
    .sticky-header.color-fill {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        width: 100% !important;
        height: auto !important;
        z-index: 20 !important;
    }

    .sticky-header .main-bar,
    .sticky-header.is-fixed .main-bar,
    .sticky-header.color-fill .main-bar,
    .is-fixed .main-bar {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        width: 100% !important;
        z-index: 20 !important;
    }

    .page-content,
    .page-content > #welcome_wrapper,
    .page-content > #welcome_forcefullwidth {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    #welcome_wrapper,
    #welcome,
    #welcome_forcefullwidth,
    #welcome_wrapper .tp-fullwidth-forcer,
    #welcome .tp-revslider-mainul,
    #welcome .tp-revslider-slidesli {
        height: clamp(145px, 39vw, 170px) !important;
        max-height: 170px !important;
        min-height: 145px !important;
        overflow: hidden !important;
    }

    #welcome_wrapper .slotholder,
    #welcome_wrapper .tp-bgimg.defaultimg,
    #welcome_wrapper .slot,
    #welcome_wrapper .slotslide,
    #welcome_wrapper .tp-dottedoverlay {
        height: clamp(145px, 39vw, 170px) !important;
        max-height: 170px !important;
        min-height: 145px !important;
    }

    #welcome_wrapper .tp-bgimg.defaultimg {
        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: center top !important;
    }

    #welcome_wrapper .tp-caption.tp-shape,
    #welcome_wrapper .tp-shape,
    #welcome_wrapper .tp-dottedoverlay {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
    }

    #welcome_wrapper .slider-title-wrap {
        position: absolute !important;
        left: auto !important;
        right: 14px !important;
        top: auto !important;
        bottom: 8px !important;
        width: auto !important;
        height: auto !important;
        max-width: calc(100vw - 40px) !important;
        transform: none !important;
        z-index: 30 !important;
        visibility: visible !important;
        overflow: visible !important;
    }

    #welcome_wrapper .slider-title-wrap .tp-loop-wrap,
    #welcome_wrapper .slider-title-wrap .tp-mask-wrap {
        position: static !important;
        left: auto !important;
        top: auto !important;
        width: auto !important;
        height: auto !important;
        transform: none !important;
        overflow: visible !important;
        visibility: visible !important;
    }

    #welcome_wrapper .slider-title-caption {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: min(250px, calc(100vw - 40px)) !important;
        padding: 6px 9px !important;
        font-size: clamp(12px, 3.4vw, 15px) !important;
        line-height: 1.18 !important;
        white-space: normal !important;
        background: rgba(255,255,255,.82) !important;
        color: #0a0a0a !important;
        transform: none !important;
        visibility: visible !important;
        opacity: 1 !important;
        text-align: right !important;
    }
}

/* FOOTER: tüm kolonlarda içerik aynı hizada başlasın */
/* ===== FOOTER: Her şeyi soldaki paragraf hizasına indir ===== */