:root {
    --temacolor: #ffff;
    --temacolor1: #666;
    --temabg: #000;
    --temabg1: #404040;
    --temabgrbg: #111;
    --temabordercolor: #262626;
    --temabordercolor1: #262626;
    --temabordercolor2: #ccc;
    --temaaltmenu: #262626;
    --bgcolor: #0e1116;
    --bgcolor1: #221e1d;
    --bgcolor2: #010101;
    --bgcolor3: #404040;
    --bgcolor4: #1A1A1A;
    --grandcolor1: #242424;
    --grandcolor2: #464444;
    --txtcolor: rgb(189, 189, 189);
    --txtcolor1: #666666;
    --bordercolor1: rgb(67 67 67);
    --bordercolor2: rgb(230 230 230);
    --color1: #fff;
    --color2: #000;
    --altbosluk: calc(30px + 0.5vw);
    --color3: #ffba00;
    --filter: brightness(0) invert(0);
    --filter1: brightness(0) invert(1);
}

/*Reset*/

.light {
    --temacolor: #000;
    --temacolor1: #666;
    --temabg: #fff;
    --temabg1: #AAAAAA;
    --temabgrbg: #fff;
    --temabordercolor: #707070;
    --temabordercolor1: #d1d1d1;
    --temabordercolor2: #333;
    --temaaltmenu: #E8E8E8;
    --filter: brightness(0) invert(1);
    --filter1: brightness(0) invert(0);
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: "nunito", sans-serif;
    font-weight: 400;
    font-style: normal;
}



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: clamp(16px, 1.25vw, 18px);
    line-height: 1.45;
    vertical-align: baseline;
    letter-spacing: 0px;
    color: #414042;
    font-weight: 300;
    letter-spacing: 2px;
    line-height: 1.5;
}

.scrollhidden {
    overflow: hidden !important;
}

.mobileactive {
    display: none
}

.scrollof {
    overflow: hidden
}

.pbottom0 {
    padding-bottom: 0 !important
}

.pbottom {
    padding-bottom: 5% !important
}

.pad0 {
    padding: 0 !important
}

.gizle {
    display: none !important
}

body {
    background: var(--temabg);
    transition: .5s;
    font-size: clamp(16px,1.25vw,18px)
}

a {
    text-decoration: none;
    letter-spacing: 0.6px;
    font-size: calc(10px + 0.5vw);
}

button {
    display: inline-block;
    padding: 13px 20px;
    border: 0;
    background-color: transparent;
    border-radius: 0;
    cursor: pointer;
}

a, a:hover {
    text-decoration: none;
}

b, strong {
    font-weight: bold;
}

ol, ul {
    list-style: none;
    margin: 0;
}

blockquote, q {
    quotes: none;
}

:focus {
    outline: 0;
}

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

html, body {
    width: 100%;
    height: 100%;
}

.temizle {
    clear: both;
}

.no-padding-top {
    padding-top: 0 !important;
}

.no-padding-right {
    padding-right: 0 !important;
}

.no-padding-bottom {
    padding-bottom: 0 !important;
}

.no-padding-left {
    padding-left: 0 !important;
}

.no-margin-top {
    margin-top: 0 !important;
}

.no-margin-right {
    margin-right: 0 !important;
}

.no-margin-bottom {
    margin-bottom: 0 !important;
}

.no-margin-left {
    margin-left: 0 !important;
}

.hide {
    display: none !important;
}

.block {
    display: block !important;
}

.inline-block {
    display: inline-block !important;
}

.no-margin {
    margin: 0 !important;
}

.ds-effect {
    box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, 0.1);
    transition: 0.22s ease-out;
    transition-property: transform, box-shadow;
}

    .ds-effect:hover {
        transform: translate3d(0, -0.1875rem, 0);
        box-shadow: 5px 15px 30px 0 rgba(0, 0, 0, 0.15);
    }

.mtopauto {
    margin-top: var(--altbosluk)
}


.zoom > img, .zoom > picture > img {
    transition: 1s
}

.zoom:hover > img, .zoom:hover > picture img {
    transform: scale(1.1)
}

.zoom {
    overflow: hidden;
    height: 350px;
    cursor: pointer;
    width: 100%;
    border-radius: 3px;
}

    .zoom > a > img, .zoom > a > picture img {
        transition: 0.5s
    }

    .zoom:hover > a > img, .zoom:hover > a > picture img {
        transform: scale(1.2)
    }

.ptop1 {
    padding-top: 1% !important;
}

.ptop2 {
    padding-top: 2% !important;
}

.ptop3 {
    padding-top: 3% !important;
}

.ptop4 {
    padding-top: 4% !important;
}

.ptop5 {
    padding-top: 5% !important;
}


.w100 {
    width: 100% !important
}

.mt0 {
    margin-top: 0px !important;
    padding-top: 0 !important;
}

.mt15 {
    margin-top: 15px;
}

.mt25 {
    margin-top: 25px;
}

.mt45 {
    margin-top: 45px;
}

.slick-lightbox {
    z-index: 99999 !important;
}

    .slick-lightbox .slick-slider, .slick-lightbox .slick-list, .slick-lightbox .slick-track {
        width: 100%
    }

    .slick-lightbox .slick-slide img {
        max-width: 100%;
        width: 100%;
        margin-bottom: 10px;
    }

.bg30 {
    background: rgba(0, 0, 0, 0.1);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    transition: 0.5s;
}

.bg50 {
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}

.bg60 {
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}

.bg70 {
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}

.filtrele, .mobilegizle {
    display: none !important
}

.grdbg {
    width: 100%;
    position: absolute;
    height: 25vh;
    top: 0;
    z-index: 2;
    background: rgb(0, 0, 0);
    background: linear-gradient( 180deg, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100% );
}

.grdbgbottom {
    width: 100%;
    position: absolute;
    height: 25vh;
    bottom: -3px;
    z-index: 2;
    background: rgb(13 15 20);
    background: linear-gradient( 0deg, rgb(13 15 20) 0%, rgba(0, 0, 0, 0) 100% );
}

.grdbgleft {
    position: absolute;
    width: 90%;
    height: 100%;
    bottom: 0;
    z-index: 2;
    background: rgb(0, 0, 0);
    background: linear-gradient( 90deg, rgba(0, 0, 0, 0.65) 40%, rgba(0, 0, 0, 0) 100% );
}

.arac-detay .slick-slide {
    position: relative
}

.main {
    width: 100%;
}

.alink {
    margin-top: -100px;
    position: absolute;
}

.txtmain {
    width: calc(100% - 25px);
    padding-right: 25px;
}

.rtl {
    flex-direction: row-reverse;
}

h1,
h2 {
    font-weight: normal;
}

.beyaz {
    color: #fff !important;
}

form:focus {
    outline: 0;
}

a[href^="tel"] {
    color: inherit;
    text-decoration: none;
}

body.no-scroll,
html.no-scroll {
    overflow: hidden;
}

body.homepage,
html.homepage {
    padding-top: calc(100vh - 210px);
}


.input, input:not([type=submit]), select, textarea {
    border-style: solid;
    border-width: 1px;
    box-shadow: none;
    color: currentcolor;
    font-size: inherit;
    line-height: 40px;
    outline: none;
    padding: 0 12px;
    transition: var(--bricks-transition);
    width: 100%;
}


textarea {
    overflow: auto;
    resize: none;
    padding-top: 15px !important;
    height: 90px !important;
    line-height: inherit !important;
    min-height: 90px;
}

    textarea::placeholder {
        color: var(--temabordercolor2) !important;
        font-weight: 100;
    }

::-webkit-input-placeholder {
    color: var(--temabordercolor2) !important;
    font-weight: 100;
}

:-ms-input-placeholder {
    color: var(--temabordercolor2) !important;
    font-weight: 100;
}

::placeholder {
    color: var(--temabordercolor2) !important;
    font-weight: 100;
}

.bgsiyah {
    background: #2f3133;
}

.bgbeyaz {
    background: #fff;
}

.bgfull {
    width: 100% !important;
}

.txtcenter {
    text-align: center;
}

#countdown * {
    color: #fff
}

#countdown {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: flex-end;
    margin-top: 25px;
    gap: 20px;
}

    #countdown > div {
        display: flex;
        align-items: flex-end;
    }

        #countdown > div > .format {
            font-size: 120px;
            line-height: 1;
        }

        #countdown > div > .suffix {
            font-size: 36px;
            line-height: 1;
            margin-bottom: 15px;
        }

.brxe-svg {
    width: 35%
}
/* Accordion Başlık Stili */
.accordion-title {
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ddd;
    padding: 15px 10px;
    justify-content: space-between;
    width: 100%;
    overflow: hidden;
}

/* Accordion İçeriği Stili */
.accordion-content {
    height: 0;
    padding: 0 11px;
    overflow: hidden;
    transition: max-height 0.5s ease-out, padding 0.3s ease-out;
}

.accordion-title.active {
    border: 0;
}

    .accordion-title.active + .accordion-content {
        height: auto; /* Aktif olduğunda yüksekliği otomatik ayarla */
        padding: 10px 11px;
        border-bottom: 1px solid #ddd;
    }

/* Icon Döndürme */
.accordion-title i {
    transition: transform 0.3s ease-in-out;
    width: 8px;
    margin-right: 10px;
}

.sss {
}

    .sss h5 {
        font-size: clamp(1.1rem, 1.2rem, 5vw);
        line-height: 30px;
    }

    .sss p {
    }

.accordion-title.active h5 {
    font-weight: bold
}


.sifrebasarili {
    background: #000;
    padding: 10px;
    margin-bottom: 45px;
    display: none;
}

    .sifrebasarili p {
        color: #00ff43;
        margin: 0 !important;
    }

.sifrehatali {
    background: #000;
    padding: 10px;
    margin-bottom: 45px;
    display: none;
}

    .sifrehatali p {
        color: red;
        margin: 0 !important;
    }

.sifremiunuttum > div {
    width: 100% !important;
}

.positionrelative {
    position: relative
}

.talepler {
    display: flex;
    flex-direction: column;
}

    .talepler > div {
        border-bottom: 1px solid #dddd;
        display: flex;
        width: 100%;
        justify-content: space-between;
        margin-bottom: 25px;
    }

    .talepler h1 {
        font-size: 22px !important;
    }

    .talepler p {
    }

    .talepler a {
        font-size: 17px;
    }

.talepdetay {
}

    .talepdetay h1 {
    }

    .talepdetay p {
        margin-bottom: 12px !important;
    }

        .talepdetay p span {
            font-weight: 500;
        }

.icalan {
    width: 90%;
    margin: 0 auto;
}

.icalan2 {
    width: 80%;
    margin: 0 auto;
}

.icalan3 {
    width: 50%;
    margin: 0 auto;
}

.icalan4 {
    width: 65%;
    margin: 0 auto;
}

.brxe-rjtxvyyazi {
    font-weight: 400;
    font-size: 20px;
    line-height: 1.4
}

.icalankaydir {
    width: calc(100% - var(--altbosluk) * 4);
    margin: 0 auto;
    padding-bottom: calc(var(--altbosluk) * 1);
}

/*Gece*/
.kaydirma-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.kaydirma-switch {
    position: relative;
    display: inline-block;
    width: 47px;
    height: 26px;
}

    .kaydirma-switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.kaydirma-container p {
    margin-left: 5px;
    font-size: calc(8px + 0.25vw);
    line-height: calc(13px + 0.25vw);
}

.kaydirma-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--bgcolor4);
    transition: 0.4s;
    border-radius: 34px;
}

    .kaydirma-slider:before {
        position: absolute;
        content: "";
        height: 20px;
        width: 20px;
        left: 3px;
        bottom: 3px;
        background-color: var(--color1);
        transition: 0.4s;
        border-radius: 50%;
    }

.contact {
}

    .contact > p {
        font-size: 1.1rem !important;
        line-height: 1.3 !important;
        margin-bottom: 15px;
    }

    .contact h1 {
        font-size: clamp(.9rem, 1.6rem, 4vw);
        font-weight: bold;
        margin-bottom: 5px;
    }

    .contact ul {
        clear: both;
    }

        .contact ul > li {
        }

            .contact ul > li > label {
                display: flex;
                align-content: center;
                align-items: center;
                flex-direction: row;
                gap: 5px;
                padding-bottom: .5rem;
            }

                .contact ul > li > label > svg {
                    /* width: 27px; */
                    fill: #414042;
                    height: 20px;
                    width: 22px;
                }

                .contact ul > li > label > p {
                    margin: 0;
                    margin-left: 3px;
                    font-size: 1rem;
                }

.pswp__counter {
    display: none !important
}

.tarif.button {
    background: transparent;
    border: 1px solid #eeeeee;
    float: left;
    padding: 6px 10px;
    margin-bottom: 5%;
    margin-top: 6px;
}

    .tarif.button:hover {
        border: 1px solid #414042;
    }

.kaydirma-switch input:checked + .kaydirma-slider {
    background-color: var(--bgcolor4);
}

    .kaydirma-switch input:checked + .kaydirma-slider:before {
        transform: translateX(20px);
    }

.kaydirma-text:f {
    margin-left: 10px;
    margin-right: 10px;
    font-size: 14px;
    font-weight: 100;
}

.light .kaydirma-switch input:checked + .kaydirma-slider {
    background-color: var(--txtcolor);
}

.light .kaydirma-slider {
    background-color: var(--txtcolor);
}

/*Slider box fiyat*/
.price-range-block {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 10px;
}

.ui-widget.ui-widget-content {
    width: 100%
}

.sliderText {
    width: 40%;
    margin-bottom: 30px;
    border-bottom: 2px solid red;
    padding: 10px 0 10px 0px;
    font-weight: bold;
}

.ui-slider-horizontal {
    height: .6em;
}

.ui-slider-horizontal {
    margin-bottom: 15px;
    width: 40%;
    background: none !important;
    border: 1px solid #d7d7d7 !important;
    border-radius: 5px !important;
}

.ui-widget-header {
    background: var(--temabg1) !important;
    border: 1px solid var(--temabg1) !important;
    border-radius: 5px !important;
}

.price-range-search {
    width: 40.5%;
    background-color: #f9f9f9;
    border: 1px solid #6e6666;
    min-width: 40%;
    display: inline-block;
    height: 32px;
    border-radius: 5px;
    float: left;
    margin-bottom: 20px;
    font-size: 16px;
}

.price-range-field {
    width: 20%;
    min-width: 16%;
    background-color: #f9f9f9;
    border: 1px solid #6e6666;
    color: black;
    font-family: myFont;
    font: normal 14px Arial, Helvetica, sans-serif;
    border-radius: 5px;
    height: 26px;
    padding: 5px;
    /* display:block !important; */
}

.search-results-block {
    position: relative;
    display: block;
    clear: both;
}


.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    background: var(--temacolor) !important;
    border: 0px !important;
    left: 0%;
    background: transparent !important;
    border-radius: 16px;
}


.ui-slider .ui-slider-handle {
    width: 1.7em !important;
    height: 1.7em !important;
}

.ui-slider-handle > div {
    position: relative !important
}

    .ui-slider-handle > div > span {
        position: absolute
    }

div > span:first-of-type {
}

    div > span:first-of-type > div {
        margin-top: 7px;
    }

div > span:last-of-type {
}

#slider-range-price .ui-slider-handle div span {
    bottom: -35px;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 1px;
    font-weight: 700;
}

#slider-range-price .ui-slider-handle:last-child div span {
    top: -20px;
    bottom: auto;
    right: 0;
}

#slider-range-price > span:first-of-type {
    margin-left: -0.9em;
    width: 20px !important;
    height: 20px !important;
    background-color: var(--temacolor) !important;
    border: none !important;
}

#slider-range-price > span:last-of-type {
    /* transform: rotate(180deg); */
    margin-left: -0.9em;
    width: 20px !important;
    height: 20px !important;
    background-color: var(--temacolor) !important;
    border: none !important;
}

/*full page down*/
.fs-page {
    position: relative;
    height: 100%;
}

.fs-section {
    position: relative;
    height: 100%;
}

.fs-content {
    width: 100%;
}

.fs-page-absolute {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.fs-pagination {
    position: fixed;
    right: var(--yanmenugenislik);
    top: 50%;
    margin-top: -50px;
    z-index: 9;
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .fs-pagination ul {
        list-style: none;
        margin: 0;
        padding: 0;
        margin-top: 10px; /* margin-left: 5px; */
    }

    .fs-pagination li {
        margin: 0;
        padding: 0;
        margin-bottom: 10px;
    }

        .fs-pagination li a {
            display: block;
            width: 8px;
            height: 8px;
            border-radius: 50%;
            border: 1px solid #fff;
        }

        .fs-pagination li.active a {
            background-color: #fff;
        }

.fullmesaj { /* background:#fff; */
    position: absolute;
    right: 20px;
    transition: 1s;
    z-index: -1;
    opacity: 0;
    color: #fff;
    margin-top: -3px;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 11px;
    width: 340px;
    text-align: right;
}

.fs-pagination li.active .fullmesaj {
    opacity: 1 !important;
}

.navigasyon {
    display: flex;
    bottom: 50px;
    left: 50%;
    position: absolute;
    z-index: 99;
}

.fs-pagination .next,
.fs-pagination .back {
    width: 100%;
    cursor: pointer;
    display: flex;
    justify-content: center;
}

.fs-pagination .back {
}

.fs-pagination > div > img {
    width: 8px;
}

.fs-pagination .back > img {
    transform: rotate(180deg);
}
/*full page down end*/

.hatadiv {
    margin-bottom: 15px
}

    .hatadiv span {
        font-size: 16px;
        color: #ff0000
    }

/*open table */
.opentab {
    width: 100%;
    margin-top: 0;
}

    .opentab > h2 {
        border: 1px solid #efefef;
        font-weight: 500;
        padding: 11px 15px;
        margin: 9px 0;
        cursor: pointer;
        line-height: 23px;
        font-size: 15px;
        text-align: left;
        padding-left: 22px;
        color: #000;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

        .opentab > h2 > span {
            margin-bottom: 14px;
        }

    .opentab > div > h3 {
        font-weight: 600;
        color: #00a550;
        padding-bottom: 20px;
        font-size: 34px;
    }

    .opentab > div {
        display: none;
        padding: 0;
        color: #c8c7c7;
        line-height: 24px;
        font-size: 18px;
    }

        .opentab > div > a {
            text-decoration: none;
            color: #8f8d8d;
            border-bottom: 1px dotted rgba(25, 25, 25, 0.28);
            width: 100%;
            display: block;
            line-height: 33px;
            font-size: 13px;
        }

    .opentab > .active {
        background: #a5977f;
        color: #fff;
    }

.ricon {
    font-size: 21px;
    padding-left: 15px;
    float: right;
}
/*List dizayn*/
.opentab > div > ul {
    list-style-type: none;
}

    .opentab > div > ul > li {
        margin: 10px;
    }

.opentab .fa {
    padding-right: 5px;
}

.opentab > div p {
    margin-bottom: 15px;
}

.opentab > h2 {
    position: relative;
}

    .opentab > h2 > span:after {
        content: "";
        padding: 4px;
        border: solid #d5804f;
        border-width: 0px 0px 2px 2px;
        transform: rotate(-45deg);
        width: 0px;
        position: absolute;
        display: flex;
        right: 25px;
    }

    .opentab > h2.active > span:after {
        border-width: 2px 2px 0px 0;
        border-color: #d5804f;
    }

    .opentab > h2 b {
        color: #a66946;
        margin-right: 10px;
    }
/*open table end */

/*mouse kayd?r*/
#scroll-helper {
    position: absolute;
    bottom: calc(var(--yanmenugenislik));
    left: calc(var(--yanmenugenislik) - 20px);
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    text-align: center;
    z-index: 9;
}

    #scroll-helper .scroll-line {
        position: initial;
        bottom: initial;
        left: initial;
        margin: 0 auto;
    }

    #scroll-helper .scroll-word {
        position: initial;
        bottom: initial;
        margin-top: 10px;
        margin-left: 0;
    }

.scroll-word {
    position: absolute;
    bottom: 6vh;
    margin-left: -28px;
    opacity: 0;
    visibility: hidden;
    font-size: 11px;
    color: #a68676;
    text-transform: uppercase;
    letter-spacing: 4px;
}

#scroll-helper .scroll-word {
    position: initial;
    bottom: initial;
    margin-top: 10px;
    margin-left: 0;
}

.scroll-line {
    height: 65px;
    width: 1px;
    background: #a68676;
    position: absolute;
    bottom: 10vh;
    display: block;
    overflow: hidden;
    transform: scaleY(0);
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
}

    .scroll-line:after {
        content: "";
        width: inherit;
        height: 50%;
        background: #fff;
        position: absolute;
        transform: translateY(0%) scaleY(0);
        left: 0;
        z-index: 10;
        display: block;
    }

    .scroll-line.init:after {
        -webkit-animation: mymove 1.5s infinite linear;
        animation: mymove 1.5s infinite linear;
        -webkit-transform-origin: top center;
        transform-origin: top center;
    }

@-webkit-keyframes mymove {
    0% {
        -webkit-transform: translateY(0%) scaleY(0);
    }

    10% {
        -webkit-transform: translateY(0%) scaleY(0.5);
    }

    30% {
        -webkit-transform: translateY(50%) scaleY(1);
    }

    45% {
        -webkit-transform: translateY(200%) scaleY(0.5);
    }

    55% {
        -webkit-transform: translateY(200%) scaleY(0);
    }

    100% {
        -webkit-transform: translateY(200%) scaleY(0);
    }
}

@keyframes mymove {
    0% {
        -webkit-transform: translateY(0%) scaleY(0);
    }

    10% {
        -webkit-transform: translateY(0%) scaleY(0.5);
    }

    30% {
        -webkit-transform: translateY(50%) scaleY(1);
    }

    45% {
        -webkit-transform: translateY(200%) scaleY(0.5);
    }

    55% {
        -webkit-transform: translateY(200%) scaleY(0);
    }

    100% {
        -webkit-transform: translateY(200%) scaleY(0);
    }
}
/*mouse kayd?r bitti*/

#toTop {
    position: fixed;
    right: calc(var(--altbosluk) / 2);
    bottom: 11px;
    border-radius: 10px;
    display: none;
    background: #ffffff;
    border-radius: 30px;
    width: 40px;
    height: 40px;
    z-index: 9;
    box-shadow: 0px 0px 7px rgb(0 0 0 / 25%);
}

    #toTop a {
        display: block;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        #toTop a svg {
            width: 20% !important;
        }

            #toTop a svg path {
                fill: var(--bordercolor);
                stroke: var(--bordercolor);
            }

    #toTop:hover {
        background: var(--bordercolor1);
    }

        #toTop:hover a svg path {
            fill: #fff;
            stroke: #fff;
        }

/* 2nclick 
        ==========================================================================================================================================*/
#twonclick {
    background: url(/img/2nreklam2.svg) no-repeat 0 0 transparent;
    bottom: 140px;
    height: 85px;
    position: absolute;
    right: 10px;
    width: 15px;
    z-index: 9;
    background-size: 90%;
}

    #twonclick .twonclick {
        display: block;
        height: 90px;
        outline: none;
        text-indent: -9999px;
        background-size: 17px;
    }
/*  Ykon
        ==========================================================================================================================================*/

/*carousel*/
.homeslader.slader {
    width: 100%;
    height: 100vh;
    position: relative;
    background: var(--color2);
    overflow: hidden; /* box-shadow: 0px 0px 30px 6px #464646; */
}

.carousel__slide__inner {
    overflow: hidden;
    position: relative;
    cursor: pointer;
    height: 100%;
}

.slick-lightbox .slick-arrow, .slader .slick-arrow {
    top: auto;
    font-size: 0;
    left: 0;
    position: absolute;
    background: url( /assets/img/arrow.svg) no-repeat center;
    width: 50px;
    height: 50px;
    right: var( --altbosluk);
    display: block;
    z-index: 11;
    top: 50%;
    transform: translateY(-50%) rotate(-180deg);
    background-size: 25px;
}

    .slader .slick-arrow:hover {
        opacity: 0.5;
    }

.slick-arrow.slick-next {
    left: auto !important;
    right: 0;
    transform: translateY(-50%) rotate(0deg);
    background-position: 21px;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    height: 100%;
    display: flex;
}

.loadingcar {
}

.lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

    .lds-ellipsis div {
        position: absolute;
        top: 33px;
        width: 13px;
        height: 13px;
        border-radius: 50%;
        background: #fff;
        animation-timing-function: cubic-bezier(0, 1, 1, 0);
    }

        .lds-ellipsis div:nth-child(1) {
            left: 8px;
            animation: lds-ellipsis1 0.6s infinite;
        }

        .lds-ellipsis div:nth-child(2) {
            left: 8px;
            animation: lds-ellipsis2 0.6s infinite;
        }

        .lds-ellipsis div:nth-child(3) {
            left: 32px;
            animation: lds-ellipsis2 0.6s infinite;
        }

        .lds-ellipsis div:nth-child(4) {
            left: 56px;
            animation: lds-ellipsis3 0.6s infinite;
        }

@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(0);
    }
}

@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(24px, 0);
    }
}

.arac-kaydir-liste .slick-arrow {
    left: calc(0px - (var(--altbosluk) + 30px));
}

    .arac-kaydir-liste .slick-arrow.slick-next {
        right: calc(0px - 60px);
        left: auto !important;
    }




.carousel__image,
.homeslader video {
    width: 100%;
    cursor: pointer;
    transition: 0.5s;
    height: 101%;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
}

.homeslader.slader .slick-dots li.slick-active button::after {
    content: "";
    padding: 10px;
    border-radius: 15px;
    left: 3px;
    position: absolute;
    top: -8px;
}

.homeslader.slader .slick-dots li {
    margin: 11px 10px;
}

.slick-dots {
    position: absolute;
    font-size: 0;
    z-index: 9;
    bottom: calc(var(--altbosluk) / 2);
    display: flex;
}

    .slick-dots li {
        display: inline-block;
        vertical-align: middle;
        margin: 11px 4px;
        width: 10px;
    }

        .slick-dots li.slick-active button {
            background: radial-gradient( circle at 0% 0%, var(--grandcolor1) 0%, var(--grandcolor2) 100% );
            border: 1px solid var(--bordercolor);
        }

    .slick-dots button {
        display: block;
        width: 14px;
        height: 14px;
        padding: 0;
        border: 0;
        min-width: 0;
        background-color: transparent;
        border-radius: 100%;
        font-size: 0;
        margin: 0 auto;
        border: 1px solid #fff;
    }

.homeslader.slader .slick-dots button {
    width: 20px;
    height: 20px;
}

.homeslader.slader .slick-dots {
}

.carousel__text {
    position: absolute;
    z-index: 3;
    color: #fff;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    opacity: 1;
    justify-content: flex-end;
    padding-bottom: 3%;
}

    .carousel__text > div {
        width: 90%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 0 auto;
    }

.txtright {
    text-align: right
}

.txtleft {
    text-align: left !important;
    !i;
    !;
    !ş;
    !;
}

.line {
    border-top-color: rgba(65, 64, 66, 0.38);
    border-top: 1px solid;
    position: relative;
    width: 100%;
    border-color: #dddedf;
    margin-top: 25px
}

.bricks-button {
    letter-spacing: 1px;
    padding-top: 2px;
    padding-right: 1.3rem;
    padding-bottom: 1px;
    padding-left: 1.3rem;
}

    .bricks-button.brxe-morgan-button {
        background: #ffffff;
        color: #414042 !important;
        padding: 10px 40px;
        border-radius: 3px;
        cursor: pointer;
        white-space: nowrap;
    }


.brxe-morgan-button > .main > .text {
    color: #414042 !important;
    margin: 0 .5rem 0 0;
    line-height: 1;
}

}

.brxe-morgan-button {
    display: inline-block;
    position: relative;
    transition: all 0.2s;
}

.carousel__text .brxe-block {
    display: flex;
    flex-direction: row;
    column-gap: 20px;
    row-gap: 20px;
    align-items: center;
    width: auto;
}

#brxe-lifsbe.brxe-morgan-button {
    background: #ffffff;
    color: #414042 !important;
    padding: 18px 40px;
    border-radius: 3px;
}

.the-arrow {
    width: 1.4rem;
    transition: all 0.2s;
}

    .the-arrow.left {
        position: absolute;
        top: 50%;
        left: .5rem;
    }

        .the-arrow.left > .shaft {
            width: 0;
            background-color: #999;
        }

            .the-arrow.left > .shaft:before, .the-arrow.left > .shaft:after {
                width: 0;
                background-color: #999;
            }

            .the-arrow.left > .shaft:before {
                transform: rotate(0);
            }

            .the-arrow.left > .shaft:after {
                transform: rotate(0);
            }

    .the-arrow.right > .shaft {
        width: 1.4rem;
        transition-delay: 0.2s;
    }

        .the-arrow.right > .shaft:before, .the-arrow.right > .shaft:after {
            width: 0.375rem;
            transition-delay: 0.3s;
            transition: all 0.5s;
        }

        .the-arrow.right > .shaft:before {
            transform: rotate(40deg);
        }

        .the-arrow.right > .shaft:after {
            transform: rotate(-40deg);
        }


.brxe-morgan-button:hover > .the-arrow.left > .shaft {
    width: 1.4rem;
    transition-delay: 0.1s;
    background-color: #eaeaea;
}

    .brxe-morgan-button:hover > .the-arrow.left > .shaft:before, .brxe-morgan-button:hover > .the-arrow.left > .shaft:after {
        width: 0.375rem;
        transition-delay: 0.1s;
        background-color: #eaeaea;
    }

    .brxe-morgan-button:hover > .the-arrow.left > .shaft:before {
        transform: rotate(40deg);
    }

    .brxe-morgan-button:hover > .the-arrow.left > .shaft:after {
        transform: rotate(-40deg);
    }

.brxe-morgan-button:hover > .main {
    transform: translateX(1.4rem);
}

    .brxe-morgan-button:hover > .main > .the-arrow.right > .shaft {
        width: 0;
        transform: translateX(100%);
        transition-delay: 0;
    }

        .brxe-morgan-button:hover > .main > .the-arrow.right > .shaft:before, .brxe-morgan-button:hover > .main > .the-arrow.right > .shaft:after {
            width: 0;
            transition-delay: 0;
            transition: all 0.1s;
        }

        .brxe-morgan-button:hover > .main > .the-arrow.right > .shaft:before {
            transform: rotate(0);
        }

        .brxe-morgan-button:hover > .main > .the-arrow.right > .shaft:after {
            transform: rotate(0);
        }

.brxe-morgan-button > .main {
    display: flex;
    align-items: center;
    transition: all 0.2s;
}

    .brxe-morgan-button > .main > .text {
        margin: 0 .5rem 0 0;
        line-height: 1;
    }

    .brxe-morgan-button > .main > .the-arrow {
        position: relative;
    }

.the-arrow > .shaft {
    background-color: #999;
    display: block;
    height: 1px;
    position: relative;
    transition: all 0.2s;
    transition-delay: 0;
    will-change: transform;
}


    .the-arrow > .shaft:before, .the-arrow > .shaft:after {
        background-color: #999;
        content: "";
        display: block;
        height: 1px;
        position: absolute;
        top: 0;
        right: 0;
        transition: all 0.2s;
        transition-delay: 0;
    }

    .the-arrow > .shaft:before {
        transform-origin: top right;
    }

    .the-arrow > .shaft:after {
        transform-origin: bottom right;
    }

.brxe-morgan-button {
    display: inline-block;
    position: relative;
    transition: all 0.2s;
}

.model-detay .txt.left .the-arrow > .shaft, .model-detay .txt.left .the-arrow > .shaft:before, .model-detay .txt.left .the-arrow > .shaft:after {
    background-color: #fff
}

.carousel__text h1 {
    font-size: calc(55px + 0.5vw);
    line-height: calc(60px + 0.5vw);
    color: #fff;
    letter-spacing: 0;
    font-weight: 200;
}

.carousel__text h2 {
    font-weight: 100;
    font-size: calc(10px + 0.5vw);
    line-height: 1.1;
    color: #fff;
    letter-spacing: 3px;
}

    .carousel__text h2.news {
        /* font-size: 40px; */
        font-weight: 200;
        font-size: 60px;
        line-height: 1;
    }

.carousel__text p {
    font-size: 30px;
    line-height: 35px;
    color: #fff;
    letter-spacing: 4px;
}



.homeslader .socialmedia {
    bottom: 60px;
    position: absolute; /* width: 100px; */
    height: 30px;
    display: flex;
    left: var(--yanmenugenislik);
    z-index: 13;
}

    .homeslader .socialmedia a {
        display: block;
        padding: 5px 25px 0 0;
        text-align: left;
        height: 35px;
    }

        .homeslader .socialmedia a svg {
            width: 21px;
        }

        .homeslader .socialmedia a:hover svg path {
            fill: #246bd9;
        }

#chVideo2,
#chVideo1 {
}

#chVideo2 {
    border: 1px solid rgba(255, 255, 255, 0.15);
    box-shadow: 5px 4px 5px rgb(0 0 0 / 55%);
}

.greenborder {
    border: 1px solid rgba(70, 185, 116, 0.9);
}

.carousel__slide__inner {
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

.doAnimation .slick-active .carousel__slide__inner .carousel__image {
    -webkit-animation: scale-out 0.875s cubic-bezier(0.7, 0, 0.3, 1) 0.375s both;
    animation: scale-out 0.875s cubic-bezier(0.7, 0, 0.3, 1) 0.375s both;
    transform: scale(1.3);
}

.carousel__slide__overlay {
    background-color: transparent;
    background-size: 100%;
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}

.carousel__image {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    width: 100%;
    z-index: 1;
    cursor: pointer;
}

.carousel__video {
    width: 100%;
}

.scroll-downs {
    position: absolute; /* top: 0; */
    right: 5vh;
    bottom: 5vh; /* left: 0; */ /* margin: auto; */
    width: 34px;
    height: 55px;
    display: none;
}

.mousey {
    width: 3px;
    padding: 10px 10px;
    height: 25px;
    border: 1px solid #fff;
    border-radius: 25px;
    opacity: 0.75;
    box-sizing: content-box;
}

.scroller {
    width: 3px;
    height: 10px;
    border-radius: 25%;
    background-color: var(--grandcolor1);
    animation-name: scroll;
    animation-duration: 2.2s;
    animation-timing-function: cubic-bezier(0.15, 0.41, 0.69, 0.94);
    animation-iteration-count: infinite;
}

@keyframes scroll {
    0% {
        opacity: 0;
    }

    10% {
        transform: translateY(0);
        opacity: 1;
    }

    100% {
        transform: translateY(15px);
        opacity: 0;
    }
}

/*carousel*/

.main-begin {
    width: 90%;
    margin: 0 auto;
}

    .main-begin.resimyazi {
        margin-top: 6%;
    }

.resimyazi {
    position: relative;
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    overflow: hidden;
}

    .resimyazi img {
        width: 100%;
    }

    .resimyazi .brxe-block {
        position: absolute;
        bottom: 3%;
        /* Arka plan için şeffaf siyah */
        color: white;
        padding: 20px;
        width: 90%;
        left: 5%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

        .resimyazi .brxe-block h2 {
            color: #fff;
            font-weight: 200;
            font-size: 40px;
            margin-bottom: 0;
        }

.head {
    min-height: 30vh;
    padding-right: 5%;
    padding-left: 5%;
    display: flex;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
}



.baslikbold {
    color: var(--temacolor);
    font-weight: 500;
    margin-top: 0.3vh;
    font-size: calc(18px + 0.5vw);
    line-height: calc(24px + 0.5vw);
    letter-spacing: 8px;
}

.baslikbold1 {
    font-weight: 300;
    margin-top: 0.3vh;
    line-height: 45px;
    font-size: 45px;
    letter-spacing: 0;
    letter-spacing: 2px;
}

.baslik1 {
    font-weight: 300;
    line-height: 1.4;
    letter-spacing: 2px;
    font-size: 30px;
    color: rgba(65, 64, 66, 0.7);
    width: 80%;
}

.baslik2 {
    font-weight: 100;
    margin-top: 14px;
    font-size: calc(10px + 0.5vw);
    line-height: calc(16px + 0.5vw);
    letter-spacing: 1px;
    color: var(--temacolor);
}

.arac-detay .Aciklama .baslik1 {
    color: var(--color1);
}

.arac-detay .Aciklama .baslikbold {
    color: var(--color1);
}

.mobilaracslider {
    height: 100% !important;
    min-height: auto !important;
    display: none !important;
}

.desktoppicture {
    display: block !important
}

.mobilcarhead {
    text-align: center;
    padding: 20px;
    display: none !important;
    background: #0d0f14;
}

    .mobilcarhead > div {
        margin-bottom: 7px;
    }

        .mobilcarhead > div > h1 {
            color: #fff !important;
            height: auto;
            padding: 0;
            font-size: calc(16px + 0.3vw);
            line-height: calc(21px + 0.3vw);
            letter-spacing: 0px;
            margin-bottom: 3px;
        }

        .mobilcarhead > div > span {
            color: #fff !important;
            font-size: calc(10px + 0.5vw);
            font-weight: 100;
            line-height: calc(13px + 0.5vw);
        }

.homeslader .videoplay {
    z-index: 9;
}

.mobilbrosur {
    position: absolute;
    z-index: 9;
    right: calc(var(--altbosluk) * 1);
    bottom: var(--altbosluk);
    display: none
}

    .mobilbrosur div {
        display: flex;
        align-content: center;
    }

    .mobilbrosur a {
        display: flex;
        color: #fff;
        align-items: center;
    }

    .mobilbrosur img {
        width: 15px !important;
        margin-right: 5px;
        height: auto !important;
    }

.videoplay {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: 100%;
    position: absolute;
    bottom: 0px;
    z-index: 3;
    cursor: pointer;
}

    .videoplay .butonlar {
        padding: 20px;
        opacity: 0.5;
        cursor: pointer;
        transition: all 0.3s;
    }

        .videoplay .butonlar :hover {
            opacity: 1;
        }

.main-item {
    padding: 5% 0;
}

.bgbeyaz .grandbg h1,
.bgbeyaz .head h1,
.bgbeyaz .grandbg h2,
.bgbeyaz .head h2 {
    color: var(--color2);
}

.modal {
    position: fixed;
    z-index: 999999;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,.5);
    display: none
}

    .modal > div {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%
    }

        .modal > div > div {
            background: #fff;
            width: 70%;
            border-radius: 10px;
            padding: 5%;
            position: relative;
        }

            .modal > div > div > .close {
                position: absolute;
                right: 20px;
                top: 10px;
                cursor: pointer;
            }

                .modal > div > div > .close > svg {
                    height: 40px;
                }


.modalfix {
    position: fixed;
    z-index: 999999;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,.5);
    display: none
}

    .modalfix > div {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%
    }

        .modalfix > div > div {
            background: #fff;
            width: 100%;
            border-radius: 10px;
            position: relative;
            height: 100%;
        }

            .modalfix > div > div > .close {
                position: absolute;
                right: 20px;
                top: 10px;
                cursor: pointer;
                z-index: 9;
                background: #fff;
                border-radius: 100%;
                width: 50px;
                height: 50px;
                display: flex;
                justify-content: center;
                align-items: center;
            }

                .modalfix > div > div > .close > svg {
                    height: 40px;
                }



.treefold {
    width: 100%;
    display: flex;
    align-items: stretch;
    flex-direction: row;
    justify-content: space-between;
}



    .treefold div:first-child h1 {
        /* margin-top: 25px; */
    }

    .treefold img {
        width: 100%;
        /* min-height: 480px; */
        border-radius: 5px;
        aspect-ratio: 551/508;
        width: 100%;
        cursor: pointer;
        transition: 0.5s;
        height: 101%;
        -o-object-fit: cover;
        object-fit: cover;
        position: relative;
    }

    .treefold h1 {
        margin-bottom: 8px;
    }



    .treefold div:last-child a {
        display: block;
        margin-bottom: 30px;
    }

    .treefold.bgsiyah {
        padding-bottom: var(--altbosluk)
    }

    .treefold figure {
        margin-right: 15px;
        display: flex !important;
        justify-content: space-between;
        width: 100%;
    }

        .treefold figure > div:first-child { /* margin-bottom:10px; */
        }

        .treefold figure > Div {
            width: 100%;
        }

.homeyeniler.treefold > div {
    width: auto
}



.loading-icon {
    position: absolute;
    z-index: 5;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: cover;
    background-position: center center;
}

    .loading-icon > div {
        background: #000000d1;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }


    .loading-icon .icon-load {
        width: 50px;
        height: 50px;
        border: 4px solid rgba(255, 255, 255, 0.3);
        border-top: 4px solid #fff;
        border-radius: 50%;
        animation: spin 1s linear infinite;
    }

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.vitrinilan {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
}

    .vitrinilan > div {
        width: calc(50% - 15px);
        margin-bottom: 10px;
        position: relative;
        max-height: 55vh;
        margin-bottom: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        /* .vitrinilan > div:not(:nth-child(3)) .aracim img,
                .vitrinilan > div:not(:nth-child(3)) .aracim video {aspect-ratio: 3 / 2;}
                   */
        .vitrinilan > div .aracim img, .vitrinilan > div .aracim video {
            aspect-ratio: 3 / 2;
        }

        .vitrinilan > div.tekli {
            width: 100%;
            max-height: calc(95vh - 90px)
        }

            .vitrinilan > div.tekli .aracim img {
                top: 50%;
                transform: translateY(-50%);
            }

            .vitrinilan > div.tekli .aracim:hover img {
                transform: translateY(-50%) scale(1.05);
            }

.aracim {
    display: flex;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    outline: none;
    border: 1px solid var(--temabordercolor1);
    padding: 10px 10px;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 5px;
}

a.aracim {
}

.aracim > div {
}

.vitrinilan .aracim {
    padding: 0;
    border: 0
}

    .vitrinilan .aracim video {
        width: 101%;
        cursor: pointer;
        transition: 0.5s;
        height: 101%;
        -o-object-fit: cover;
        object-fit: cover;
        position: relative;
        aspect-ratio: 3 / 1.9 !important;
    }

.arac-info {
    position: absolute;
    bottom: var(--altbosluk);
    left: var(--altbosluk);
    z-index: 3;
}

.aracim:hover .bg30 {
    background: rgb(0, 0, 0, 0);
}

.aracim .bilgi {
    margin-top: 20px;
    width: 100%;
}

    .aracim .bilgi > div {
        display: flex;
        flex-direction: row;
        margin-bottom: 5px;
        align-items: center;
    }

        .aracim .bilgi > div > div {
            font-size: calc(7px + 0.4vw);
            line-height: calc(9px + 0.4vw);
            font-weight: 100;
            width: 100%;
        }

            .aracim .bilgi > div > div:first-child {
                width: 76px;
            }


.bgsiyah .baslikbold, .bgsiyah a, .bgsiyah .baslik1, .bgsiyah .baslik2, .bgsiyah p {
    color: var(--color1)
}

.bgsiyah .aracim * {
    color: var(--color1)
}



.icon-play {
    transition: opacity 0.225s;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 76px;
    height: 76px;
    padding: 30px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    cursor: pointer;
    z-index: 9;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid rgb(255, 255, 255, 0.2);
}

    .icon-play > svg {
        width: 100%;
    }

.newshome > div {
    padding: calc(var(--altbosluk) * 2) 0 calc(var(--altbosluk) * 1.5) 0;
}

.newshome .tabhead {
    font-size: clamp(1.8rem, 2.2rem, 5vw);
    margin-bottom: 2%;
    text-align: center;
}

    .newshome .tabhead > h2 {
        font-size: clamp(1.8rem, 2.2rem, 5vw);
        font-weight: 300;
        text-align: center;
        letter-spacing: 2px;
    }

.news-item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}


    .news-item > div {
        display: flex;
        color: var(--bgcolor);
        flex-direction: column;
        justify-content: space-between;
    }

        .news-item > div img {
            border-radius: inherit;
            height: 100%;
            position: static !important;
            width: 100%;
            object-fit: cover;
            border-radius: 3px;
        }

    .news-item:not(.resimkaydir) > div img {
        aspect-ratio: 500/300;
    }



    .news-item > div h1 {
        margin-top: 25px;
        font-size: clamp(1.2rem, 1.5rem, 4vw);
        margin-bottom: 1%;
        FONT-WEIGHT: 400;
    }

    .news-item > div h2 {
        font-weight: 300;
        font-size: clamp(14px, 1.25vw, 16px);
        width: 96%;
        letter-spacing: 2px;
        line-height: 1.5;
    }

    .news-item.news-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: stretch;
    }

        .news-item.news-list > div {
            margin-right: 40px;
            width: calc(25% - 30px);
            margin-bottom: 40px;
        }

            .news-item.news-list > div:nth-child(4n) {
                margin-right: 0;
            }

.yazisiz-liste, .resimkaydir {
    margin-bottom: 0px
}

    .yazisiz-liste .slick-track, .resimkaydir .slick-track, .leftslidersupersport .slick-track {
        gap: 10px;
    }

    .yazisiz-liste.news-item > div img {
        border-radius: 0;
    }

    .resimkaydir.news-item > div img {
        width: 95%;
    }

.leftslidersupersport.news-item > div img {
    width: 100%;
}

.leftslidersupersport {
    margin-bottom: 5%;
    margin-left: 5%;
    margin-top: 5%;
}

.carousel-container .leftslidersupersport {
    margin: 0;
}


.leftslidersupersport .slick-arrow {
    top: -9%;
    width: 30px;
    height: 30px;
    background-size: 13px;
    left: auto;
    right: 10%;
}

    .leftslidersupersport .slick-arrow.slick-next {
        right: 3%;
    }

.leftslidersupersport .slick-list {
    padding-left: 0px !important;
}


.resimkaydir .slick-dots {
    bottom: -10%;
    display: flex;
    align-items: center;
}



    .resimkaydir .slick-dots button {
        background: #fff;
        width: 10px;
        height: 10px;
        transition: .5s;
    }

    .resimkaydir .slick-dots li.slick-active button {
        background: #fff;
        width: 15px;
        height: 15px;
    }

    .resimkaydir .slick-dots li.slick-active {
        width: 20px
    }

.leftslidersupersport .slick-dots button {
    background: #fff;
    width: 10px;
    height: 10px;
    transition: .5s;
}

.leftslidersupersport .slick-dots li.slick-active button {
    background: #fff;
    width: 15px;
    height: 15px;
}

.leftslidersupersport .slick-dots li.slick-active {
    width: 20px
}



.resimkaydir.news-item > div img {
    min-height: 70vh
}



.leftslidersupersport.news-item > div img {
    min-height: 70vh
}

.padtab > section {
    padding-top: 4% !important
}


.news-detail {
    width: calc(100% - (var(--altbosluk) * 2));
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    padding: calc(var(--altbosluk) * 2) 0;
}

    .news-detail > div {
    }

    .news-detail h1 {
        color: var(--zeminbg);
    }

    .news-detail > div:first-child {
        width: 15%;
    }

        .news-detail > div:first-child > h1 {
            font-weight: bold;
        }

    .news-detail > div:last-child {
        width: 75%;
    }

    .news-detail .homenews {
        padding: 0 !important;
    }

.news-txt {
    margin: var(--yanmenugenislik) 0;
}

    .news-txt, .news-txt p, .news-txt li, .news-txt div {
        color: var(--zeminbg);
        font-size: 17px;
        line-height: 26px;
    }

        .news-txt strong {
            font-weight: bold;
            margin: 25px 0 15px 0;
            color: var(--zeminbg);
        }

        .news-txt ul {
            list-style: disc;
            margin-left: 23px;
            padding-bottom: 25px;
        }

            .news-txt ul > li {
                padding: 5px 0;
            }

.haberlist {
    padding: 5% 0;
}

    .haberlist .news-item {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: flex-start;
        gap: 20px;
    }

        .haberlist .news-item > div {
            width: calc((100% / 3) - 14px);
        }

            .haberlist .news-item > div:nth-child(4n) {
                margin-right: 0
            }

            .haberlist .news-item > div a h1 {
                padding-bottom: 0;
            }

            .haberlist .news-item > div a h1, .haberlist .news-item > div a h2 {
                color: var(--temacolor)
            }

.news-detail .geri {
    margin-top: 35px;
}

.arac-kaydir-liste {
    width: 90%;
    margin-left: 15px;
    margin: 0 auto;
}

    .arac-kaydir-liste .slick-list {
        margin: 0 -7.5px;
    }

    .arac-kaydir-liste figure {
        outline: 0;
        margin-right: 15px;
    }

    .arac-kaydir-liste .slick-dots {
        bottom: -30px;
    }



.grandbg {
    border: 1px solid var(--bordercolor);
    background: radial-gradient( circle at 0% 0%, var(--grandcolor1) 0%, var(--grandcolor2) 100% );
    padding: var(--altbosluk) calc(var(--altbosluk) / 2);
    vertical-align: middle;
}

    .grandbg h1, .grandbg h2 {
        margin-top: 2vh;
    }

    .grandbg a {
        border: 1px solid var(--color1);
        padding: 10px 20px;
        display: block;
        float: left;
        margin-top: 2vw;
        color: var(--color1);
        font-weight: 500;
        font-size: calc(10px + 0.5vw);
    }

        .grandbg a i {
            color: var(--color1);
            font-size: 12px;
        }

        .grandbg a:hover {
            background: var(--color1);
            color: var(--bordercolor);
        }

            .grandbg a:hover i {
                color: var(--bordercolor);
            }

.homeyeniler .fnish {
}

    .homeyeniler .fnish > .grandbg {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .homeyeniler .fnish > .grandbg > a {
        }

.topbar {
    width: 100%;
    height: auto;
    position: fixed;
    z-index: 9998;
    left: 0;
    top: 0;
    /* padding-bottom: 11px; */
    /* padding-top: calc(15px); */
    transition: .5s;
}

    .topbar.fixed {
        background: #414042 !important;
        !i;
        !;
        margin-top: 0;
        /* border-bottom: 1px solid var(--temabordercolor1); */
    }

    .topbar > div { /* width:100%; */
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .topbar .menu {
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        background: rgba(65, 65, 65, 0.15);
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);
    }

        .topbar .menu > div a {
            display: flex;
            width: 100%;
            align-items: center;
            font-weight: 100;
            font-size: calc(8px + 0.5vw);
        }

            .topbar .menu > div a img {
                height: calc(57px + 1vh);
            }

.light .topbar.homepagemenu.fixed .menu > div a img, .light .topbar .menu > div a img {
    filter: brightness(0) invert(1);
}

.topbar .menu > div {
    display: flex;
    align-items: center;
    margin-left: calc(var(--altbosluk)* 2);
    padding: 15px 0;
}

.topbar .temamod {
    margin-left: calc(var(--altbosluk) * 2);
    min-width: 120px;
    position: fixed;
}

    .topbar .temamod > div {
        display: flex;
        align-items: center;
    }

        .topbar .temamod > div > svg {
            cursor: pointer;
            width: 31px;
        }

        .topbar .temamod > div > p {
            margin-left: 5px;
            font-size: 14px;
            font-weight: 100;
        }

.topbar.fixed .menu > div a img {
    /* height: calc(10px + 1vh); */
    transition: 0.5s;
}


.menuarama {
    position: absolute;
    right: calc(var(--altbosluk) * 3);
    cursor: pointer;
}

    .menuarama > div:first-child {
        width: 60px;
        height: 60px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .menuarama > div:first-child > i {
            color: var(--temacolor);
        }

.homepagemenu .menuarama > div:first-child > i {
    color: var(--color1);
}

.menuarama > div:last-child {
    width: 0;
    overflow: hidden;
    position: absolute;
    top: 50px;
    right: 0;
    /* height: 0; */
    transition: 1s;
}

    .menuarama > div:last-child.active {
        width: 300px;
        /* height: 45px; */
    }

    .menuarama > div:last-child > form {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

        .menuarama > div:last-child > form button {
            background: var(--color1);
            border: var(--bordercolor2) 1px solid;
            border-radius: 10px;
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            font-weight: 500;
        }

        .menuarama > div:last-child > form input {
            width: 100%;
            padding: 13px 11px;
            border-radius: 10px;
            background: var(--temabgrbg);
            margin-bottom: 0;
            border: 1px solid var(--temabordercolor1);
            color: var(--temacolor);
            font-weight: 100;
        }

.en .menuarama > div:last-child > form > div:first-child {
    width: calc(100% - 90px);
}

.en .menuarama > div:last-child > form > div:last-child {
    width: 80px
}

.en .menuarama > div:last-child.active {
    width: 330px
}

.en .menuarama > div:last-child > form button {
    font-size: 12px
}

.menuarama > div:last-child > form > div:first-child {
    width: calc(100% - 60px);
}

.menuarama > div:last-child > form > div:last-child {
    width: 50px;
}



.homepagemenu.topbar {
    background: 0 0
}

.light .topbar.homepagemenu .menu > div a img {
    /* filter: none; */
}

.light .topbar.homepagemenu .menu > div a, .light .homepagemenu .kaydirma-text {
    color: var(--color1);
}

.light .homepagemenu.fixed .kaydirma-text, .light .topbar.homepagemenu.fixed .menu > div a {
    color: var(--color2);
}

.rsContent video,
.rsContent img {
    width: 100%;
    cursor: pointer;
    transition: 0.5s;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
}

.container > .araclargb > .aracxlar > .yeniarac {
}

.container > .araclargb > .araclar > .yeniarac > ul {
    display: flex;
}

    .container > .araclargb > .araclar > .yeniarac > ul > li {
        width: calc((100% / 5) - 16px);
        margin-right: 20px;
        margin-bottom: 24px;
    }

        .container > .araclargb > .araclar > .yeniarac > ul > li a {
            display: block;
        }

.popupkampanya {
    width: 100%;
    position: fixed;
    z-index: 999999;
    height: 100%;
    display: block;
    opacity: 1;
    top: 0;
}

    .popupkampanya .popupkampanyakapat {
        position: absolute;
        top: -50px;
        right: -40px;
        font-size: 60px;
        width: 60px;
        z-index: 9999999999;
    }

        .popupkampanya .popupkampanyakapat img {
            width: 100%;
        }

        .popupkampanya .popupkampanyakapat > a {
            color: #fff;
        }

    .popupkampanya > .kampanyalar {
        width: 100%;
        height: 100%;
        position: relative;
        display: table;
        background: rgba(19, 19, 19, 0.69);
    }

        .popupkampanya > .kampanyalar > div {
            display: table-cell;
            vertical-align: middle;
            text-align: center;
        }

            .popupkampanya > .kampanyalar > div > div {
                width: 21%;
                margin: 0 auto;
                position: relative;
                max-width: 1200px;
                border: 20px solid var(--color1);
            }

                .popupkampanya > .kampanyalar > div > div img {
                    width: 100%;
                }

            .popupkampanya > .kampanyalar > div a {
                display: block;
                height: 100%;
            }

#aracdetay1_wehicleGallery .rsOverflow {
    height: 65vh;
}

.fullexit .rsOverflow {
    height: 65vh !important;
}

.whatsapp {
    position: fixed;
    bottom: 65px;
    left: 20px;
    z-index: 99999;
    transition: all 0.4s ease-in-out;
}

    .whatsapp a {
        display: block;
    }

    .whatsapp img {
        width: 50px;
    }

.instagonderi {
    width: 100%;
    display: table; /* background: #2f2f2f; */
}

.instagram {
    display: table;
    width: 100%;
}

    .instagram > ul {
        display: table-row;
    }

        .instagram > ul > li {
            display: table-cell;
            vertical-align: middle;
            width: calc((100% / 5) - 10px);
            float: left;
            overflow: hidden;
            height: 200px;
            margin: 5px;
            position: relative;
        }

            .instagram > ul > li:last-child {
                margin-right: 0;
            }

            .instagram > ul > li .arkaresim {
                height: 100%;
                position: relative;
                transform: translateX(-50%) translateY(-50%);
                left: 50%;
                transition: all 0.4s ease-in-out;
                top: 50%;
            }

            .instagram > ul > li:hover .arkaresim {
                opacity: 0.5;
                height: 115%;
            }

.dahafazlasi {
    background: #000;
    height: 100%;
}

    .dahafazlasi a {
        display: block;
        height: 100%;
    }

    .dahafazlasi > div {
        position: absolute;
        width: 100%;
        z-index: 1;
        bottom: 0;
        transition: all 0.4s ease-in-out;
        height: 100%;
        display: table;
    }

        .dahafazlasi > div > div {
            display: table-cell;
        }

.instagram > ul > li .arti {
    transition: all 0.3s ease-in-out;
    width: 0;
    transform: translateX(-50%) translateY(-50%);
    top: 50%;
    left: 50%;
    position: relative;
}

.dahafazlasi > div > div > a {
}

.instagram > ul > li:hover .dahafazlasi > div {
}

.instagram > ul > li:hover .arti {
    transition: all 0.6s ease-in-out;
    width: 37px; /* height: 65px; */
}

.instabaslik {
    width: 100%;
    display: table;
    margin: calc(var(--altbosluk) / 1.4) 0;
}

    .instabaslik > h1 {
        color: #fff;
        text-align: center;
        font-size: calc(30px + 0.5vw);
        font-family: "LaramiePro-Bold";
        letter-spacing: 2px;
        display: flex;
        justify-content: center;
        align-items: center;
        line-height: calc(37px + 0.5vw);
    }

        .instabaslik > h1 > span {
            font-size: 28px;
            letter-spacing: 0;
        }

            .instabaslik > h1 > span a {
                color: #fff;
                font-size: calc(20px + 0.5vw);
                font-weight: 500;
            }

    .instabaslik .cizgi {
        margin: 0 15px;
        background: #707070;
        width: 1px;
        height: 20px;
        display: inline-block;
    }

.pagination {
    display: inline-block;
    padding-left: 0;
    /* margin: 20px 0; */
    border-radius: 4px;
}

    .pagination > li {
        display: inline;
    }

        .pagination > li > a, .pagination > li > span {
            position: relative;
            float: left;
            padding: 8px 15px;
            text-decoration: none;
            font-size: calc(6px + 0.5vw);
            color: var(--temacolor1);
        }

        .pagination > li:first-child > a, .pagination > li:first-child > span {
            margin-left: 15px;
        }

        .pagination > li:last-child > a, .pagination > li:last-child > span {
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
        }

        .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
            background-color: var(--bordercolor1);
            color: var(--color1) !important;
        }

    .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
        z-index: 2;
        color: var(--temacolor);
        cursor: default;
        font-weight: 500;
    }

    .pagination > .disabled > span, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
        color: #999999;
        cursor: not-allowed;
        background-color: #ffffff;
        border-color: #dddddd;
    }

.pagination-lg > li > a,
.pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.pager {
    padding-left: 0;
    margin: 20px 0;
    text-align: center;
    list-style: none;
}

    .pager:before, .pager:after {
        display: table;
        content: " ";
    }

    .pager:after {
        clear: both;
    }

    .pager:before, .pager:after {
        display: table;
        content: " ";
    }

    .pager:after {
        clear: both;
    }

    .pager li {
        display: inline;
    }

        .pager li > a, .pager li > span {
            display: inline-block;
            padding: 5px 14px;
            background-color: #ffffff;
            border: 1px solid #dddddd;
            border-radius: 15px;
        }

            .pager li > a:hover, .pager li > a:focus {
                text-decoration: none;
                background-color: #eeeeee;
            }

    .pager .next > a, .pager .next > span {
        float: right;
    }

    .pager .previous > a, .pager .previous > span {
        float: left;
    }

    .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span {
        color: #999999;
        cursor: not-allowed;
        background-color: #ffffff;
    }

.arabtn {
    border: 1px solid var(--color1);
    padding: 14px 12px;
    margin-left: 5px;
    color: var(--color1);
    cursor: pointer; /* background: var(--color1); */
    font-weight: 500;
    border-radius: 5px;
    font-size: calc(7px + 0.4vw);
    line-height: calc(8px + 0.5vw);
}

.arainput {
    padding: 15px 10px;
    width: 275px;
    border-radius: 5px;
    border: 0;
}

.arabtn > .fa {
    font-size: calc(7px + 0.4vw);
    padding-right: 3px; /* color: var(--color2); */
}

.kvk {
}

    .kvk a {
        font-size: 18px;
    }

.mobil-menu {
    width: 100%;
    position: absolute;
    top: 93px;
    left: 0;
    background: #000000;
    text-align: center;
    display: none;
}

    .mobil-menu > ul > li {
        border-bottom: 1px solid #2d2827;
    }

        .mobil-menu > ul > li > a {
            color: #cbcbcb;
            display: block;
            line-height: 36px;
            font-size: 14px;
            font-weight: 600;
        }

.mobmenu > li > ul {
    height: 0px;
    overflow: hidden;
}

    .mobmenu > li > ul > li > a {
        color: #6b6b6b;
        padding: 4px 0;
        display: block;
        font-size: 12px;
        font-weight: 500;
    }

.menu-bar2 {
    position: fixed;
    right: 0;
}

.menu-bar3 > .logo {
    width: 100%;
    display: table-cell;
    text-align: center;
}

    .menu-bar3 > .logo > a > img {
        height: 15vh;
        min-height: 100px;
    }

.menu-bar3 .menutik {
    width: 50px;
    height: 50px;
    vertical-align: middle;
    display: table-cell;
}

    .menu-bar3 .menutik > div {
        float: left;
        margin-right: 30px;
        margin-top: 10px;
        line-height: 54px;
        font-size: 15px;
        color: #000;
    }

        .menu-bar3 .menutik > div > a {
            color: #000;
        }

    .menu-bar3 .menutik > img {
        float: left;
        margin-right: 20px;
        margin-top: 20px;
        width: 30px;
        cursor: pointer;
    }

.menu-bar2 .mmenu {
    margin-right: calc(var(--altbosluk) * 2);
}

.mobil-dil {
    margin-right: 10px;
    width: auto !important;
    margin: 0 !important;
    position: absolute;
    top: calc(var(--altbosluk) + 57px);
    right: calc((var(--altbosluk) * 2) + 50px);
    display: flex;
    align-items: center;
    transition: .5s
}

.topbar.fixed .mobil-dil {
    top: calc(var(--altbosluk) + 30px);
}

.mobil-dil > a {
    color: var(--temabg);
    font-weight: 100;
    font-size: calc(10px + 0.25vw);
    display: block;
    padding: 2px 20px;
    border-right: 1px solid var(--temabordercolor);
}

    .mobil-dil > a:last-child {
        font-weight: 500;
    }


.mobil-arama {
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.mobil-dil > a:hover {
    color: var(--temabordercolor1);
}

.mobil-arama > div {
}

    .mobil-arama > div i {
        font-size: 18px;
        padding: 5px;
    }

.menu-bar2 > .logo {
    text-align: center;
    width: calc(100% - 200px);
}

    .menu-bar2 > .logo > a > img {
        height: 15vh;
        min-height: 100px;
        box-shadow: 0 0 9px 0px #000000b3;
        border-radius: 100%;
    }

/*Mobil Menu*/
.mmenu .search,
.mmenu .menuicon {
    width: 60px;
    cursor: pointer;
    align-items: center;
    display: flex;
    justify-content: flex-end;
    z-index: 9999;
    height: 60px;
}

.mmenu .iconbar {
    width: 36px;
    height: 2px;
    background: #ffffff;
    transition: 0.3s;
    z-index: 9999;
    position: absolute;
}

.iconbar:after,
.iconbar:before {
    content: "";
    width: 22px;
    height: 2px;
    background: var(--color1);
    position: absolute;
    right: 0;
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    transition: 0.3s;
}


.iconbar:before {
    top: -8px;
}

.iconbar:after {
    top: 8px;
}



.menuicon.active .iconbar {
    background: 0 0;
    width: 60px;
    height: 60px;
}


.topbar.fixed .iconbar {
}


.light .topbar.fixed .mmenu .iconbar,
.light .mmenu .iconbar,
.light .iconbar:after,
.light .iconbar:before,
.light .topbar.fixed .mmenu .iconbar:after,
.light .topbar.fixed .mmenu .iconbar:before {
    /* background: var(--color2); */
}


.light .homepagemenu .mmenu .iconbar, .light .homepagemenu .iconbar:after, .light .homepagemenu .iconbar:before {
    background: var(--color1);
}



.light .topbar.fixed .menuicon.active .iconbar, .light .menuicon.active .iconbar {
    background: 0 0;
}

.menuicon.active .iconbar:before {
    transform: rotate(45deg);
    -webkit-transform: rotate(135deg);
    background: var(--temabg) !important;
}

.menuicon.active .iconbar:after {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    background: var(--temabg) !important;
}

.menuicon.active .iconbar:before {
    top: 29px;
}

.menuicon.active .iconbar:after {
    top: 29px;
}

.mmunepopup {
    transition: 0.2s;
    z-index: 999;
    position: fixed;
    left: 0;
    top: calc(-1 * (100vh + 50px));
    height: calc(100vh + 50px);
    display: flex;
    align-items: flex-start;
    overflow: hidden;
    width: 100%;
    flex-direction: column;
    background: rgba(0, 0, 0, 0.85);
}

    .mmunepopup.active {
        top: -50px;
    }

.popaltmenu.active {
    right: 0;
}


.mmunepopup > div {
    width: 80%;
    margin: 0 auto;
}

.popaltmenu .menuicerik > div > ul, .mmunepopup .menuicerik > div > ul {
    width: 100%;
}

    .popaltmenu .menuicerik > div > ul > li, .mmunepopup .menuicerik > div > ul > li {
        /* border-bottom: 1px solid var(--temabordercolor2); */
        padding-top: 10px;
        padding-bottom: 10px;
    }

.menuicerik > div {
    width: 100%;
}

.popaltmenu .menuicerik > div > ul > li a, .mmunepopup .menuicerik > div > ul > li > a {
    color: var(--temabg);
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    font-size: 35px;
    letter-spacing: 3px;
    font-weight: 100;
    line-height: 1.5;
}

.menuicerik > div > ul > li a.active {
    color: rgba(249, 250, 250, 0.4);
}

.mmunepopup .menuicerik > div > ul > li > a > span:after {
    content: "";
    padding: 3px;
    border: solid #fff;
    border-width: 0 1px 1px 0;
    transform: rotate(-45deg);
    width: 1px;
    display: flex;
}

.leftmenu {
    display: none;
    animation: slide-down .3s ease-out;
}

@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateX(100%);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}



.leftmenu.brx-open {
    display: block;
}

.leftmenu > li {
    padding-bottom: 4% !important;
    padding-top: 0 !important;
    !i;
    !;
}

    .leftmenu > li > div {
        display: flex;
        flex-direction: row;
        align-items: center;
        cursor: pointer
    }

        .leftmenu > li > div > p, .leftmenu > li > div > a {
            font-size: 1.4rem;
            color: #fff;
            letter-spacing: 2px;
        }

        .leftmenu > li > div > a {
            display: block;
            width: 100%;
        }

        .leftmenu > li > div > button {
            padding: 0;
            margin-left: 10px;
        }

            .leftmenu > li > div > button > svg {
                width: 17px;
                filter: brightness(1) invert(1);
            }

    .leftmenu > li > ul {
        display: none;
        margin-top: 15px;
    }

        .leftmenu > li > ul.open {
            display: block;
        }

        .leftmenu > li > ul > li {
            padding: 0 20px;
        }

            .leftmenu > li > ul > li > a {
                color: #fff;
                font-size: 18px;
                display: block;
                line-height: 60px;
            }

.popaltmenu {
    position: absolute;
    right: 0;
    top: 0px;
    width: 100%;
    height: 100%;
    background: #a5977f;
    z-index: 99;
    right: -100vw;
    transition: 0.5s;
    display: flex;
    align-items: center;
}

.altclose {
    color: #a5977f;
    position: absolute;
    top: 90px;
    left: 0;
    background: #ffffff;
    padding: 10px 25px;
    cursor: pointer;
    font-weight: 600;
}

.mmunepopup .tarif > a {
    font-weight: 300;
    padding: 15px 22px;
    margin-left: 5px;
    color: var(--temabg);
    font-size: 20px;
    line-height: 24px;
    display: block;
    border: 1px solid var(--temabg);
    border-radius: 5px;
    float: left;
}


.r2o {
    width: 40px;
    filter: var(--filter);
}

.r2oarac {
    width: 40px !important;
}

.r2ofilter {
    filter: var(--filter1);
}

.clrdark * {
    color: #000 !important
}

.iletisim .tarif {
    width: 300px;
}

    .iletisim .tarif a {
        color: var(--color1)
    }

.light .iletisim .tarif.button:hover, .light .iletisim .tarif.button:hover a {
    color: var(--color2)
}

.mmunepopup .menuicerik {
    width: 100%;
    margin-top: 12%;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 0;
}

.popaltmenu ul > li a:hover,
.mmunepopup ul > li > a:hover {
}

.msearch {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 15px !important; /* background: var(--grandcolor3); */ /* padding: 20px 0; */ /* border-radius: 13px; */ /* border: 1px solid var(--grandcolor3); */
    position: relative;
    max-width: 470px;
}

    .msearch > form {
        display: flex;
        align-items: center;
        width: calc(100%);
        justify-content: space-between;
        position: relative;
    }

        .msearch > form > div {
            width: calc(100%);
        }

            .msearch > form > div input {
                width: 100%;
                background: transparent;
                border: 1px solid var(--temabg);
                border-radius: 10px;
                padding: 15px 22px;
                color: var(--temabg);
                font-size: 14px;
                transition: 0.5s;
            }

                .msearch > form > div input::placeholder {
                    color: var(--temabg) !important;
                }

                .msearch > form > div input:focus {
                    border-radius: 0;
                }

            .msearch > form > div button {
                font-size: 14px;
                line-height: 16px;
            }

            .msearch > form > div i {
                font-size: 14px !important;
            }

.msearchclose {
}

.msdetayclose {
    display: none;
    width: 40px;
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
    height: 40px !important;
}

    .msdetayclose img, .msearchclose img {
        width: 100%;
    }

.menukapat {
    display: none;
}

.menu-bar3 {
    display: table;
    position: relative;
}

.yanmenubar {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
}

#menusearchalandetay {
    display: none;
    position: absolute;
    top: 48px;
    padding: 25px 25px 25px 25px;
    background: var(--temabgrbg);
    width: calc(100%);
    margin: 0 auto;
    z-index: 998;
    left: 0;
    border-radius: 0 0 20px 20px;
}

.yanmenubar .social {
    position: absolute;
    right: 10%;
    display: flex;
    flex-direction: column;
    bottom: 10%;
    gap: 5px;
    align-content: center;
}

    .yanmenubar .social a {
        display: block;
        padding: 15px 0;
        text-align: center;
    }

        .yanmenubar .social a > svg {
            height: 30px;
            width: auto;
        }

            .yanmenubar .social a > svg > path {
            }

.suggestion-result {
    width: 100%;
}

    .suggestion-result .suggestion-result-title {
        font-size: 14px;
        font-weight: bold;
        /* margin-bottom: 15px; */
        color: var(--temacolor);
    }

    .suggestion-result .suggestion {
        width: 100%;
        color: #333;
        text-decoration: none;
        padding: 8px;
        display: flex;
        justify-content: space-between;
        box-sizing: border-box;
        align-items: center;
        font-size: 14px;
    }

        .suggestion-result .suggestion b {
            font-weight: 700;
        }

.suggestion:not(:last-child) {
    border-bottom: 1px solid #f7f7f7;
}

.suggestion .suggestion-image {
    height: 30px;
    width: 30px;
    margin-right: 7px;
    border-radius: 15px;
    border: solid 1px #e6e6e6;
    background-color: #ffffff;
}

.menusearch-home .menusearch {
    box-shadow: 0 3px 12px rgb(0 0 0 / 18%);
    border: 2px solid #fff;
}

    .menusearch-home .menusearch.active {
        background: #ffffff;
    }

.menusearch-home-btn {
    position: absolute;
    right: 46px; /* top: 17px; */ /* width: 28px; */
}

    .menusearch-home-btn a {
        display: block;
    }

        .menusearch-home-btn a img {
            width: 91%;
            opacity: 0.5;
        }

    .menusearch-home-btn:hover a img {
        opacity: 1;
    }

#zoom-fig {
    position: relative;
    width: calc(100% - 97px);
}

.aramaliste {
    margin: 0;
    height: 48vh;
    overflow-y: auto;
    max-height: 460px;
}

    .aramaliste > li > a {
        display: flex
    }

    .aramaliste > li {
        border-bottom: 1px solid var(--temabordercolor) !important;
        padding: 9px 0;
    }

        .aramaliste > li div {
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: space-between;
        }

            .aramaliste > li div > div {
                width: 130px;
            }

                .aramaliste > li div > div:last-child {
                    width: calc(100% - 150px);
                    display: flex;
                    flex-direction: column;
                    align-items: flex-start;
                }

                .aramaliste > li div > div img {
                    width: 100%;
                }

                .aramaliste > li div > div h1, .aramaliste > li div > div h2, .aramaliste > li div > div p {
                    color: var(--temacolor);
                    font-size: 11px;
                    line-height: 17px;
                }

                .aramaliste > li div > div h1 {
                    font-size: 13px;
                }

                .aramaliste > li div > div h2 {
                    font-weight: 300;
                }

                .aramaliste > li div > div p {
                }

.container {
    width: 100%; /* background: radial-gradient(farthest-side at 50% 15%, rgba(47,47,47,1) 0%, rgba(0,0,0,0) 100%); */
}

    .container > .slider {
        width: 100%;
        height: 86vh;
        min-height: 469px;
        position: relative;
        background: #2d2827;
        overflow: hidden;
    }

        .container > .slider img {
            width: 100%;
            top: 50%;
            transform: translateY(-50%);
            position: relative;
        }

        .container > .slider > .leftarrow {
            position: absolute;
            left: 0;
            top: 40%;
        }

        .container > .slider > .rightarrow {
            position: absolute;
            right: 0;
            top: 40%;
        }

    .container > .araclar {
        width: 85vw;
        margin: 0 auto;
        padding: 15px 0;
        margin-top: 35px;
    }

#aracnotekle {
    background: #000 !important;
}

#aracnotekle, .aracduzenle {
    background: #35aa47;
    color: #fff;
    float: left;
    margin: 3px 0;
    margin-left: 5px;
    padding: 10px;
    text-align: center;
    font-size: 15px;
    margin-top: 15px;
}

.aracozelnot {
}

    .aracozelnot span {
    }

    .aracozelnot select {
        width: calc(100% - 18px) !important;
    }

.title {
    width: 100%;
    display: table;
    margin-bottom: 15px;
    height: 57px;
    border: 1px solid rgb(7 84 147);
    background: radial-gradient( circle at 0% 0%, rgb(0, 67, 122) 0%, rgb(0, 30, 80) 100% );
    padding: 10px 0;
}

    .title > ul {
        display: table-row;
    }

        .title > ul > li {
            display: table-cell;
            vertical-align: middle;
            width: 15%;
        }

            .title > ul > li img {
                background: #7b1315;
                padding: 11px 14px;
                cursor: pointer;
            }

        .title > ul > li {
            font-weight: 200;
            color: #fff;
            font-size: 30px;
            line-height: 40px;
        }

            .title > ul > li span {
                font-weight: 600;
            }

            .title > ul > li:nth-child(2) {
                width: 70%;
                text-align: center;
            }

            .title > ul > li:last-child {
                text-align: right;
            }

.container > .araclar > div > .yeniarac {
    width: 1900px;
}

    .container > .araclar > div > .yeniarac > ul > li {
        vertical-align: middle;
        width: 215px;
        padding-right: 25px;
        float: left;
    }

        .container > .araclar > div > .yeniarac > ul > li:last-child {
            padding-right: 0;
        }

        .container > .araclar > div > .yeniarac > ul > li img {
            width: 100%;
        }

        .container > .araclar > div > .yeniarac > ul > li p {
            padding: 15px 15px 15px 0;
            font-family: "Open Sans";
            font-size: 11px;
        }

            .container > .araclar > div > .yeniarac > ul > li p span {
                width: 100%;
                font-family: "Open Sans";
                font-weight: 600;
                font-size: 14px;
            }

.golge {
    -moz-box-shadow: rgb(0, 0, 0) 7px 7px 44px 7px inset;
    width: 100%;
    transition: 0.5s;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.aracgolge {
    position: relative;
    width: 100%;
    overflow: hidden;
    aspect-ratio: 5 / 3.2;
}

    .aracgolge .fiyat {
        position: absolute;
        z-index: 9;
        bottom: 5px;
        right: 0;
        background: #eeeeee;
        padding: 0.25rem 0.5rem;
    }

.aracim:hover .aracgolge img,
.aracim:hover .golge img {
    transform: scale(1.1);
}

.gribg {
    background-color: #eeedec;
    z-index: 2;
    padding: 15px 0;
}

.homegribg {
    background-color: #eeedec;
    color: #000
}

    .homegribg *:not(a) {
        color: #000 !important;
    }

    .homegribg svg path {
        fill: #000 !important;
    }

.container > .araclargb {
    width: 85vw;
    overflow: hidden;
    position: relative;
    z-index: 2;
    margin: 0 auto;
    padding: 0;
}

    .container > .araclargb > .araclar {
        width: 100%;
        margin: 0 auto;
    }

        .container > .araclargb > .araclar > .yeniarac {
            width: 100%;
            margin-bottom: 35px;
            margin-top: 13px;
        }

            .container > .araclargb > .araclar > .yeniarac > ul > li {
            }

                .container > .araclargb > .araclar > .yeniarac > ul > li:nth-child(5n) {
                    margin-right: 0;
                }

                .container > .araclargb > .araclar > .yeniarac > ul > li img {
                    width: 100%;
                    position: relative;
                    z-index: -1;
                    display: block;
                    transition: 0.5s;
                }

                .container > .araclargb > .araclar > .yeniarac > ul > li:last-child, .container > .araclargb > .araclar > .yeniarac > ul > li:nth-last-child(2), .container > .araclargb > .araclar > .yeniarac > ul > li:nth-last-child(3), .container > .araclargb > .araclar > .yeniarac > ul > li:nth-last-child(4), .container > .araclargb > .araclar > .yeniarac > ul > li:nth-last-child(5) {
                    margin-bottom: 0;
                }

/*yeni*/
.aracim img {
    z-index: -1;
    display: block;
    transition: 0.5s;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    width: 100%;
    cursor: pointer;
    /* top: 50%; */
    /* transform: translateY(-50%); */
    width: 100%;
}

.aracim:hover .golge { /* border: 3px solid var(--grandcolor1); */ /* border-image: linear-gradient(-90deg, var(--grandcolor1),var(--grandcolor2)) 1; */
}

    .aracim:hover .golge img {
        transform: scale(1.1);
    }

.aracim p {
}

    .aracim p span {
        width: 100%;
        font-weight: 100;
        font-size: calc(7px + 0.4vw);
        color: var(--color1);
        line-height: calc(7px + 0.5vw);
    }

.aracim .usttab {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    align-items: center;
    flex-direction: column;
    padding-bottom: 9px;
    border-bottom: 1px solid #e9e9e9;
}

    .aracim .usttab > div {
        width: 100%;
    }

    .aracim .usttab.fiyat > div {
        width: auto;
    }

    .aracim .usttab.fiyat.listduzen {
        width: 100%
    }

        .aracim .usttab.fiyat.listduzen > div {
            display: flex;
            width: calc(100% - 50px);
            justify-content: space-between;
            align-items: flex-end;
        }

            .aracim .usttab.fiyat.listduzen > div:last-child {
                width: 30px
            }

    .aracim .usttab.fiyat > div:last-child {
        display: flex;
        align-items: center;
        flex-direction: row;
    }

        .aracim .usttab.fiyat > div:last-child > div {
        }

            .aracim .usttab.fiyat > div:last-child > div a {
            }

            .aracim .usttab.fiyat > div:last-child > div:first-child {
                margin-right: 15px;
            }

            .aracim .usttab.fiyat > div:last-child > div svg {
                height: 19px;
                width: auto;
            }

.bgsiyah .aracim .usttab.fiyat > div:last-child > div svg path {
    fill: var(--color1);
}

.aracim .usttab.fiyat > div:last-child > div svg path {
    fill: var(--temacolor);
}

.aracim .usttab > div:last-child {
}

    .aracim .usttab > div:last-child > svg {
    }

.aracim .usttab > div:first-child > div {
}

    .aracim .usttab > div:first-child > div span {
        font-weight: 100;
        font-size: calc(6px + 0.25vw);
        line-height: calc(7px + 0.5vw);
        letter-spacing: 1px;
        margin-bottom: 5px;
        display: block;
    }

    .aracim .usttab > div:first-child > div model {
        font-weight: 400;
        font-size: 1.8em;
        line-height: 1.4;
    }

.carlist .aracim .usttab > div:first-child > div model {
}

.usttab.fiyat {
    margin-top: 30px;
    margin-bottom: 0;
}

    .usttab.fiyat > div > div:first-child {
        font-size: calc(7px + 0.4vw);
        line-height: calc(9px + 0.5vw);
        font-weight: 100;
    }

    .usttab.fiyat > div div:last-child {
        font-size: calc(9px + 0.5vw);
        line-height: calc(11px + 0.5vw);
        font-weight: 500;
        margin-top: 6px;
    }

.usttab .quick-overview-details:before {
    content: "|";
    color: #ccc;
    padding: 0 2px;
}

.modeldetail {
    display: flex;
    align-items: flex-start;
}

    .modeldetail * {
        font-size: 14px;
        letter-spacing: 1px;
    }

.button {
    font-size: calc(8px + 0.35vw);
    line-height: calc(9px + 0.35vw);
    font-weight: 100;
    background: var(--temabordercolor);
    padding: 10px 24px;
    border-radius: 5px;
    border: 1px solid var(--temabordercolor);
    color: var(--color1);
    cursor: pointer;
}

    .button:hover {
        background: var(--temabg);
        color: var(--temacolor);
    }

.mbottom {
    margin-bottom: 0;
}

.container > .araclar > .yeniarac {
    width: 100%;
    display: table;
}

    .container > .araclar > .yeniarac > ul {
        display: table-row;
    }

        .container > .araclar > .yeniarac > ul > li {
            display: table-cell;
            vertical-align: middle;
            width: calc(20% - 15px);
            padding-right: 15px;
        }

            .container > .araclar > .yeniarac > ul > li:last-child {
                padding-right: 0;
            }

            .container > .araclar > .yeniarac > ul > li img {
                width: 100%;
            }

            .container > .araclar > .yeniarac > ul > li p {
                padding: 15px;
                font-family: "Open Sans";
                font-size: 11px;
            }

                .container > .araclar > .yeniarac > ul > li p span {
                    width: 100%;
                    font-family: "Open Sans";
                    font-weight: 600;
                    font-size: 14px;
                }

.yeni-gelenler {
    background: #000;
    text-align: center;
    padding: 19px 0;
    font-weight: 600;
    color: #fff;
    border: 1px solid #403a39;
    margin-bottom: 15px;
}

    .yeni-gelenler > a > span {
        font-weight: bold;
        color: #fff;
    }

.container > .substation {
    width: 100%;
    height: auto;
    padding: 30px 0;
    background: #221e1d;
    overflow: hidden;
}

    .container > .substation > div {
        width: calc(100% - 40px);
        height: auto;
        margin: 0 auto;
        max-width: 1175px;
        padding: 0 20px;
    }

        .container > .substation > div > ul {
            width: 100%;
            vertical-align: middle;
        }

            .container > .substation > div > ul > li {
                width: calc((100% / 3) - 15px);
                padding-right: 21px;
                position: relative;
                float: left;
            }

                .container > .substation > div > ul > li:last-child {
                    padding-right: 0;
                }

                .container > .substation > div > ul > li img {
                    width: 100%;
                }

                .container > .substation > div > ul > li p {
                    position: absolute;
                    width: calc(100% - 21px);
                    bottom: 0px;
                    background: #000;
                    font-size: 18px;
                    color: #fff;
                    line-height: 34px;
                    text-align: center;
                }

                .container > .substation > div > ul > li:last-child p {
                    width: 100%;
                }

                .container > .substation > div > ul > li p span {
                    font-weight: 600;
                }

.footer .altmenu {
    flex-direction: row;
    padding-top: 3rem;
    padding-right: 0;
    padding-bottom: 3rem;
    padding-left: 0;
    border-bottom: 0;
    align-items: stretch;
}

.yanmenubar.altmenu {
    display: none
}

.footer-item {
    padding-top: 2rem;
    padding-right: 0;
    padding-bottom: 2rem;
    padding-left: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.19);
    width: calc(100% - 70px);
    flex-direction: row;
    justify-content: space-between;
    margin: 0 auto;
}

    .footer-item > .logo {
        height: 50px;
        width: 100px;
        display: block;
    }

        .footer-item > .logo > img {
            filter: brightness(0) invert(1);
        }

.brxe-video {
    align-items: center;
    display: flex;
    justify-content: center;
    overflow: hidden;
    padding-top: 56.25%;
    position: relative;
    width: 100%;
}

:where(.brxe-video) iframe, :where(.brxe-video) video {
    border: none;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
}


.altmenu {
    display: flex;
    flex-direction: row;
    align-content: flex-start;
    /* margin: 0 0; */
    justify-content: space-between;
    margin-left: 35px;
    width: auto;
}



    .altmenu > div {
        margin-right: 9%;
        width: auto;
    }


        .altmenu > div h1 {
            font-size: 22px;
            font-weight: 500;
            letter-spacing: 3px;
            padding-bottom: 1rem;
            color: #fff;
            margin-bottom: 2%;
            line-height: 1.4;
            display: flex;
            flex-direction: row;
            align-items: center;
            white-space: nowrap;
        }


            .altmenu > div h1 span {
                display: none
            }

                .altmenu > div h1 span > svg {
                    width: 12px;
                    fill: #fff;
                    transition: 0.5s;
                }


        .altmenu > div ul {
            display: flex;
            width: 100%;
            flex-direction: column;
        }

            .altmenu > div ul > li {
                /* width: calc(100% /3); */
                padding-bottom: 14px;
                padding-right: 10px;
            }

                .altmenu > div ul > li a {
                    font-size: 16px;
                    line-height: 1.45;
                }

#brxe-xwmruo .brxe-morgan-button {
    border: none !important;
}

:root .bricks-button[class*="primary"]:not(.outline) {
    background-color: rgba(255, 0, 0, 0);
}

.altmenu .brxe-morgan-button > .main > .text {
    color: #fff !important;
    !i;
    !;
    !;
    !i;
    !;
    letter-spacing: 2px;
}

.footer-ust-bg {
    width: 90vw;
    background-color: rgba(0, 0, 0, 0.7);
    margin: 0 auto;
}

.footer-ust {
    display: table;
    width: 100%;
}

    .footer-ust > ul {
        display: flex;
        align-items: stretch;
        width: 100%;
        justify-content: space-between;
    }

        .footer-ust > ul > li {
            display: flex;
            width: 35%;
            font-size: 16px;
            text-align: left;
            color: #fff;
            margin: 0px;
            padding: 0px;
            align-items: center;
            overflow: hidden;
        }

            .footer-ust > ul > li > div {
                float: left;
                width: calc(100%);
                padding: var(--altbosluk) calc(var(--altbosluk) / 1.3);
            }

            .footer-ust > ul > li:first-child > div {
                border: 1px solid var(--bordercolor);
                background: radial-gradient( circle at 0% 0%, var(--grandcolor1) 0%, var(--grandcolor2) 100% );
                color: var(--color1);
                height: 100%;
                display: flex;
                width: 100%;
                flex-direction: column;
                justify-content: center;
                align-items: flex-start;
            }

            .footer-ust > ul > li:last-child, .footer-ust > ul > li:first-child {
            }

            .footer-ust > ul > li.resim {
                position: relative;
                width: 40%;
            }

                .footer-ust > ul > li.resim img {
                    width: 100%;
                    cursor: pointer;
                    transition: 0.5s;
                    height: 100%;
                    -o-object-fit: cover;
                    object-fit: cover;
                    position: relative;
                }

            .footer-ust > ul > li > div > p {
                text-align: left;
            }

                .footer-ust > ul > li > div > p > span {
                    font-weight: 500;
                    color: var(--color1);
                    font-size: calc(22px + 0.5vw);
                }

    .footer-ust p, .footer-ust i, .footer-ust span {
        color: var(--color1);
    }

    .footer-ust i {
        margin-right: 8px;
        color: var(--color1);
        font-size: 12px;
    }

    .footer-ust a {
        border: 1px solid var(--color1);
        padding: 10px 20px;
        display: block;
        float: right;
        margin-top: 50px;
        color: var(--color1);
        font-weight: 500;
        font-size: calc(10px + 0.4vw);
    }

    .footer-ust > ul > li:last-child > div > a {
        float: left;
    }

    .footer-ust a:hover {
        background: var(--color1);
        color: var(--bordercolor);
    }

        .footer-ust a:hover i {
            color: var(--bordercolor);
        }

    .footer-ust p {
        font-size: calc(12px + 0.5vw);
        line-height: calc(18px + 0.5vw);
        font-weight: 100;
    }

        .footer-ust p.head {
            font-size: calc(22px + 0.5vw);
            font-weight: 200;
            line-height: calc(25px + 0.5vw);
            margin-bottom: 10px;
        }

.apphaber {
    width: 100%;
    margin: 0 auto;
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.apphead .baslikbold {
    letter-spacing: 1px;
}

.apphaber > img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    width: 100%;
    z-index: 1;
    cursor: pointer;
}

.apphaber .apphead {
    position: absolute;
    left: var(--altbosluk);
    z-index: 3;
    width: 50%;
}

    .apphaber .apphead .head {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }


        .apphaber .apphead .head div {
            margin-top: calc(var(--altbosluk) * 1);
            display: flex;
            align-items: center;
        }

            .apphaber .apphead .head div > a {
                margin-right: 20px;
                width: 190px;
                display: block;
                cursor: pointer;
            }

                .apphaber .apphead .head div > a img {
                    width: 100%;
                }

.footer {
    width: 100%;
    height: auto;
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
}

    .footer > .footertop {
        width: 100%;
        height: auto;
    }

        .footer > .footertop > .footer-merkez {
            width: 90%;
            background-color: var(--color1);
            padding: calc(var(--altbosluk) / 1) calc(var(--altbosluk) / 2);
            margin: 0 auto;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

            .footer > .footertop > .footer-merkez > div {
            }

                .footer > .footertop > .footer-merkez > div:first-child {
                    max-width: 15vh;
                }

                .footer > .footertop > .footer-merkez > div img {
                    height: 15vh;
                }

                .footer > .footertop > .footer-merkez > div > div {
                }

                    .footer > .footertop > .footer-merkez > div > div:first-child {
                    }

                    .footer > .footertop > .footer-merkez > div > div:last-child {
                    }

                .footer > .footertop > .footer-merkez > div ul {
                    display: flex;
                    align-items: flex-start;
                }

                    .footer > .footertop > .footer-merkez > div ul > li {
                        min-width: 335px;
                        width: 30vw;
                    }

                        .footer > .footertop > .footer-merkez > div ul > li > div {
                            margin-right: calc(34px + 0.5vw);
                            border-right: 1px solid var(--txtcolor);
                            font-size: calc(15px + 0.5vw);
                            line-height: calc(18px + 0.5vw);
                            font-weight: 200;
                            color: var(--bgcolor2);
                            width: 90%;
                        }

                        .footer > .footertop > .footer-merkez > div ul > li:last-child > div {
                            border: 0;
                        }

                        .footer > .footertop > .footer-merkez > div ul > li span {
                            font-size: calc(16px + 0.5vw);
                            padding-bottom: 10px;
                            color: var(--bgcolor);
                            font-weight: 500;
                        }

.ciz {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .ciz div {
        height: 1px;
        width: 90%;
        background: var(--txtcolor);
    }

.footer > .footertop > .footer-merkez p {
    color: var(--txtcolor1);
    margin-top: calc(1px + 0.3vw);
    line-height: calc(11px + 0.5vw);
    font-size: calc(8px + 0.4vw);
    font-weight: 200;
}

.footer > .footertop > .footer-merkez .ciz {
    margin: 0 13px;
}

.footerbottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, .19);
}

    .footerbottom .adres {
        width: 90%;
    }

        .footerbottom .adres > p {
            line-height: 1.1;
            margin-bottom: 2px;
        }

    .footerbottom > div {
        width: 100%;
    }

        .footerbottom > div a {
            font-size: 14px;
            letter-spacing: 2px;
            font-weight: 300;
            line-height: 1.5;
            margin-bottom: 15px;
            display: block;
        }

            .footerbottom > div a:hover {
            }

        .footerbottom > div p, .footerbottom > div p > b {
            font-size: 14px;
            letter-spacing: 2px;
            font-weight: 300;
            line-height: 1.5;
            margin-bottom: 4px;
            color: #fff;
        }

            .footerbottom > div p > b {
                font-weight: bold;
            }

    .footerbottom .social {
        display: flex;
        flex-direction: row;
        gap: 18px;
        width: auto;
    }

        .footerbottom .social > a {
            display: block;
        }

            .footerbottom .social > a > svg {
                height: 30px;
            }

.rsContent > div {
    position: absolute;
    width: 100%;
    font-size: 22px;
    bottom: 0;
    left: 0;
    color: #fff;
    text-align: center;
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.72));
    height: 88px;
    font-weight: 300;
    padding-top: 200px;
}

    .rsContent > div span {
        font-weight: 500;
    }

.secim-alani {
    width: 100%;
    margin: 5px auto;
    min-height: 58px;
    border-bottom: 1px solid var(--bgcolor4);
    margin-bottom: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .secim-alani.ustbar {
        height: 0;
        border: 0;
    }

.margintop {
    margin-top: 30px;
}

.dropdownsecim {
    position: relative;
    width: 230px;
}

    .dropdownsecim.btgonder {
        background: #a61e22;
    }

.btn-gonder {
    cursor: pointer;
    border: 1px solid var(--bordercolor);
    padding: 13px 12px;
    margin-left: 5px;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    background: radial-gradient( circle at 0% 0%, var(--grandcolor1) 0%, var(--grandcolor2) 100% );
    font-weight: 500;
    border-radius: 5px; /* margin-top: 15px; */
}

    .btn-gonder > i {
        color: var(--color1);
        margin-right: 2px;
    }

    .btn-gonder:hover {
        background: var(--color1);
        color: var(--bordercolor);
        border-color: var(--color1);
    }

        .btn-gonder:hover i {
            color: var(--bordercolor);
        }

.carlist {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-flow: row-reverse;
}

    .carlist.karsilastirlist > div {
        background: none !important;
        width: 100% !important
    }

    .carlist > div:first-child {
        width: 360px;
        background: var(--temaaltmenu);
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        padding: 45px 25px;
    }

        .carlist > div:first-child > form {
            width: 100%;
        }

    .carlist > div:last-child {
        display: flex;
        align-items: flex-start;
        width: 100%;
        flex-direction: column;
        padding-right: 25px;
    }

    .carlist.miniform {
    }

        .carlist.miniform > div:first-child {
            width: 310px;
        }

        .carlist.miniform > div:last-child {
            width: calc(100% - (320px + 3vw));
        }


    .carlist .listebar {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        .carlist .listebar > div {
        }

            .carlist .listebar > div:last-child {
                display: flex;
                flex-direction: row;
                align-items: center;
            }

.carmenu {
}

    .carmenu .item {
        width: 100%;
        display: flex;
        flex-direction: column;
        margin-bottom: 10px;
        border-bottom: 1px solid #d1d1d1;
        padding-bottom: 10px;
    }

.button2 {
}
/*
        .carmenu .item input {
            display: none
        }
        */
.mobilfiyat {
    display: none !important
}

    .mobilfiyat div {
        width: 100%
    }

.mobilfiyatgizle {
    margin-bottom: 25px !important
}

.carmenu .button2 {
    font-size: 13px;
    line-height: 14px;
    background: #ffffff;
    padding: 7px 8px;
    border-radius: 5px; /* border: 1px solid var(--temabg1); */
    margin-right: 0.6vw;
    margin-bottom: 0.6vw;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    color: #414042;
    font-weight: 500;
    letter-spacing: 0px;
}

    .carmenu .button2.active, .carmenu .button2:hover {
        background: #414042;
        color: var(--temacolor1)
    }

.light .carmenu .button2.active, .light .carmenu .button2:hover {
    color: var(--temaaltmenu);
}

.carmenu .item > div {
    font-size: calc(7px + 0.15vw);
    line-height: calc(9px + 0.3vw);
    margin-bottom: 5px;
    font-weight: 300;
    letter-spacing: 2px;
}

    .carmenu .item > div:last-child {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        align-items: flex-end;
    }

.carmenu .mobilfiyat > div:first-child {
    margin-bottom: 5px
}

.carmenu input {
    padding: 7px;
}

.carmenu .item.tree.yakitlist .button2:nth-child(2n) {
    margin-right: 0;
}

.carmenu .item.tree.yakitlist .button2:nth-child(3n) {
    margin-right: 0.6vw;
}

.carmenu .item.tree.yakitlist .button2 {
    width: calc((100% / 2) - 0.6vw);
}

.carmenu .item.tree .button2 {
    width: calc((100% / 3) - 0.4vw);
}

.carmenu .item.two .button2 {
    width: calc((100% / 2) - 0.4vw);
}

.carmenu .item.tree .button2:nth-child(3n) {
    margin-right: 0;
}

.carmenu .item.two .button2:nth-child(2n) {
    margin-right: 0
}

.listebarust {
}

    .listebarust > div:first-child {
    }

    .listebarust > div:last-child {
        display: none
    }

.listebar .button span {
    font-size: calc(8px + 0.25vw);
    line-height: calc(9px + 0.3vw);
}

.listebar .button {
    font-size: 13px;
    line-height: 18px;
    margin-right: 15px;
    background: transparent;
    display: flex;
    align-items: center;
    font-weight: 500;
    color: #414042;
    padding: 9px 10px;
}

    .listebar .button:hover {
        background: var(--temabordercolor);
    }

.light .listebar .button:hover, .light .listebar .button:hover span {
    color: var(--color1)
}

.listebar .button svg {
    height: 15px;
    margin-right: 5px
}



    .listebar .button svg path {
        fill: var(--temacolor);
    }

.light .listebar .button:hover svg path {
    fill: var(--temaaltmenu);
}

svg.active path {
    fill: var(--color3) !important
}


.dropdownsecim > span {
    width: 100%;
    -webkit-appearance: none;
    outline: none;
    display: block;
    cursor: pointer;
    background: var(--color1);
    display: flex;
    justify-content: space-between;
    border: 1px solid var(--bordercolor);
    color: #fff;
    font-size: 14px;
    background: #414042;
    padding: 11px 16px;
    /* font-weight: 500; */
    border-radius: 5px;
    line-height: calc(9px + 0.3vw);
}

.dropdownsecim > ul {
    display: none;
    background: #fff;
    border-left: 1px solid #d0d0d0;
    border-right: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
    position: absolute;
    width: calc(100% - 1px);
    z-index: 99;
    max-height: 400px;
    overflow: auto;
    top: calc(38px + 0.a2vw);
    border-radius: 5px;
    padding: 20px 13px;
}

    .dropdownsecim > ul > li {
        width: 100%;
        cursor: pointer;
        background: var(--color1);
        color: var(--txtcolor1);
        border-bottom: 1px solid #d0d0d0;
        font-size: calc(7px + 0.25vw);
        line-height: calc(20px + 0.3vw);
        padding: 3px 6px !important;
    }

        .dropdownsecim > ul > li:last-child {
            border: none;
        }

        .dropdownsecim > ul > li:hover {
            /* background: var(--bordercolor2); */
            /* color: var(--bordercolor); */
            color: var(--color2);
        }

#dropdownsecim5 {
}

.dsplayfllex {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

.suzme-text {
    width: 100%;
}

.suzme-bar {
    color: #fff;
    margin: 15px 0;
}

    .suzme-bar > div {
        border: 1px solid #ddd;
        padding: 5px;
        font-size: 13px;
        width: 35px;
        text-align: center;
    }

.suzme-input {
}

    .suzme-input > div:first-child, .suzme-input > div:last-child {
        overflow: hidden;
    }

    .suzme-input > div:nth-child(2) {
        padding: 0 5px;
        color: #fff;
        font-size: 21px;
    }

    .suzme-input input {
        padding: 14px 10px; /* border-radius: 5px; */
        border: 0px;
        width: 100%;
        color: #fff;
        font-weight: 500;
        background: radial-gradient( circle at 0% 0%, var(--bgcolor3) 0%, var(--grandcolor4) 101% );
        border: 1px solid var(--txtcolor);
    }

.detayliaramatik {
    width: 180px !important;
    display: flex;
    justify-content: flex-end !important;
    margin-right: 10px;
}

    .detayliaramatik a {
        font-size: 12px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: var(--color1);
        border: 1px solid var(--color2);
        padding: 13px 12px;
        width: 90%;
    }

.detayliarama {
    display: none;
    background: var(--bgcolor4);
    margin-bottom: 20px;
    padding: 50px 30px;
}

    .detayliarama > div {
        height: 100%;
    }

        .detayliarama > div > form > div {
            width: 100%;
            margin-bottom: 25px;
            display: flex;
            flex-direction: row;
        }

.dropust {
    display: inline-block;
    width: calc((100% / 6) - 17px);
    margin-right: 20px;
}

    .dropust > span, .suzme-text > span {
        color: #fff;
        margin-bottom: 10px;
        display: block;
        font-size: calc(8px + 0.3vw);
    }

.detayliarama .dropust:last-child {
    margin: 0;
}

.detayliarama > div > form > div:last-child {
    border: 0;
    margin-block: 0;
    padding: 0;
}

.detayliarama > div > form > div input {
}

.txtbar {
    padding: 25px;
    background: var(--bgcolor3);
}

    .txtbar .dropust {
        width: calc((100% / 3) - 14px);
        margin: 0;
        margin-right: 20px;
        max-width: 354px;
    }

        .txtbar .dropust:last-child {
            margin: 0;
        }

.filterebar {
    display: flex;
    align-items: center;
    margin: 20px 0;
}

    .filterebar > div {
        width: 260px;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
    }

.detayliaramatik a > p,
.dropdownsecim > span > p {
    color: var(--color1);
    margin-bottom: 0;
    font-size: calc(8px + 0.25vw);
    line-height: calc(9px + 0.3vw);
}

.detayliaramatik a > p {
    color: var(--bgcolor2);
}

.detayliaramatik a > i,
.dropdownsecim > span > i {
    transform: rotate(90deg);
    color: var(--grandcolor1);
}

.dropdownsecim > span > i {
    color: var(--color1);
    margin-right: 7px;
}

    .detayliaramatik a > i:before, .dropdownsecim > span > i:before {
    }

.detayliarama .dropdownsecim > span {
    background: radial-gradient( circle at 0% 0%, var(--bgcolor3) 0%, var(--grandcolor4) 101% );
    border: 1px solid var(--txtcolor);
}

.dropdownsecim > span.active {
    border: 1px solid var(--bordercolor);
    background: radial-gradient( circle at 0% 0%, var(--grandcolor1) 0%, var(--grandcolor2) 100% );
}

.detayliarama .dropdownsecim > span > p {
}

.detayliarama .dropdownsecim > span > i {
}

.dropust .dropdownsecim {
    width: 100%;
}

.arazi-baslik {
    padding: 19px 10px;
    width: auto;
    float: left;
    color: var(--color1);
    font-size: calc(20px + 0.5vw);
    line-height: calc(24px + 0.5vw);
    width: 50%;
}

.aracmodel {
    overflow: hidden;
    display: block;
    font-weight: 500;
}

.araclar-list {
    width: 100%;
    margin-bottom: 30px;
    position: relative;
    z-index: 1;
    margin-top: 30px;
}

    .araclar-list > ul {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        width: 100%;
    }

        .araclar-list > ul > li {
            margin: 0 10px 20px 0;
            width: calc((100% /3) - 10px);
        }

            .araclar-list > ul > li > a img {
                width: 100%;
                /* display: block; */
                position: relative;
                z-index: -1;
            }

            .araclar-list > ul > li p {
                padding: 12px 15px 0 10px;
                font-family: "Open Sans";
                font-size: 11px;
            }

                .araclar-list > ul > li p span {
                }



            .araclar-list > ul > li:nth-child(3n) {
                margin-right: 0;
            }

.araclist-loader {
    position: fixed;
    z-index: 99;
    width: 100%;
    height: 100%;
    text-align: center;
    top: 0;
    background: rgba(0, 0, 0, 0.58);
    display: none;
    flex-wrap: nowrap;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.light .araclist-loader {
    background: rgba(255, 255, 255, 0.58);
}

.araclist-loader > img {
    margin-top: 10%;
}

.arac-bulunamadi {
    width: 100%;
    border: 1px solid var(--bordercolor);
    color: #fff;
    background: radial-gradient( circle at 0% 0%, var(--grandcolor1) 0%, var(--grandcolor2) 100% );
    padding: calc(48px + 0.5vw) calc(22px + 0.5vw);
    width: 100%;
}

    .arac-bulunamadi > p {
        font-weight: 300;
        font-size: calc(14px + 0.5vw);
        line-height: calc(24px + 0.5vw);
        margin-bottom: calc(10px + 0.5vw);
        color: var(--color1);
    }

        .arac-bulunamadi > p > a {
            font-weight: 700;
            color: var(--color1);
        }

        .arac-bulunamadi > p:last-child {
            margin-block: 0;
        }

/*arama sayfasy*/

.list-yanmenu {
    width: 100%;
    display: flex;
    flex-direction: column !important;
}


    .list-yanmenu > ul {
        margin-bottom: 0px;
        border: 1px solid var(--bordercolor);
        padding: 13px 12px;
        border-radius: 5px;
        width: 100%;
    }


    .list-yanmenu > div {
        border: 1px solid var(--bordercolor);
        padding: 13px 12px;
        background: radial-gradient( circle at 0% 0%, var(--grandcolor1) 0%, var(--grandcolor2) 100% );
        border-radius: 5px;
        width: 100%;
        margin-bottom: 8px;
    }

.talepform.list-yanmenu > div:not(.active) {
    background: 0 0;
}

list-yanmenu > ul {
    border: 1px solid var(--bordercolor);
    background: 0 0;
    margin: 0;
    padding: 3px 12px;
    width: 95%;
}

.list-yanmenu > ul > li {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 !important;
    margin-bottom: 13px;
}

    .list-yanmenu > ul > li a {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        width: 100%;
    }

.list-yanmenu > ul i {
    margin-right: 10px
}

.list-yanmenu > ul a > p {
    font-weight: 100;
}

.list-yanmenu > div > a {
    color: #ffffff;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: calc(8px + 0.4vw);
    line-height: calc(9px + 0.5vw);
}



.list-yanmenu a > p {
    font-size: calc(8px + 0.4vw);
    line-height: calc(9px + 0.5vw);
    font-weight: 500;
    margin: 0;
}

.list-yanmenu > div.active a, .list-yanmenu > div.active a p, .list-yanmenu > div.active a i {
    color: var(--color1)
}


.list-yanmenu i {
    font-size: calc(6px + 0.24vw);
    line-height: calc(7px + 0.5vw);
    font-weight: 100;
}


.list-yanmenu div i {
    transform: rotate(90deg);
}

.list-yanmenu > ul i {
    margin-right: 10px
}

.list-yanmenu > ul a > p {
    font-weight: 100;
}

.talepform {
    width: 100%
}

    .talepform.list-yanmenu div i {
        transform: rotate(0deg);
    }

.miniform .list-yanmenu > div:not(.active) a > p {
    font-weight: 100;
}

.arama-sonuc {
    width: calc(100% - 250px);
    display: table;
    float: left;
    z-index: 1;
    position: relative;
}

.uyeol {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .uyeol > div {
        width: 100%
    }

        .uyeol > div form > div {
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
        }

        .uyeol > div div > div {
            width: 100%;
            display: flex;
            margin-bottom: 25px;
            align-items: flex-start;
            justify-content: space-between;
            flex-direction: column;
        }

            .uyeol > div div > div > span {
                display: block;
                font-size: 15px;
                line-height: 18px;
                margin-bottom: 9px;
                font-weight: 500;
            }

        .uyeol > div > div {
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: center;
            max-width: 1080px;
            margin-top: 45px;
        }

        .uyeol > div div > div > input {
            border: 1px solid #ddd;
            padding: 13px 10px;
            width: 100%;
            font-size: 14px;
        }

    .uyeol button {
        border: 1px solid #ddd;
        padding: 7px 50px;
        background: transparent;
        border-radius: 0;
        min-width: 134px;
        font-size: 15px;
        line-height: 24px;
        height: auto;
        float: right;
        font-weight: 500;
    }

        .uyeol button:hover {
            background: #3f3d3d;
            color: #fff
        }

.wallpaperlist {
}

    .wallpaperlist h1 {
        margin-bottom: 25px;
    }

    .wallpaperlist .wallpapeslider {
        display: flex;
        flex-wrap: wrap;
    }

        .wallpaperlist .wallpapeslider div {
            width: calc((100% / 3) - 15px);
            margin-right: 15px;
            text-align: center;
            margin-bottom: 25px;
            border: 1px solid var(--temaaltmenu);
            padding: 25px;
        }

            .wallpaperlist .wallpapeslider div a.downloadbutton {
                font-size: calc(8px + 0.35vw);
                line-height: calc(9px + 0.35vw);
                font-weight: 100;
                background: var(--temabordercolor);
                padding: 10px 24px;
                border-radius: 5px;
                border: 1px solid var(--temabordercolor);
                color: var(--color1);
                display: block; /* width: 250px; */
                margin: 10px auto 0 auto;
            }

.aracsozlesmeleri {
    margin: 25px 0;
}

    .aracsozlesmeleri > div {
        border: 1px solid var(--temabordercolor1);
        margin-bottom: calc(var(--altbosluk) / 5);
    }

        .aracsozlesmeleri > div > a:hover {
            background: radial-gradient( circle at 0% 0%, var(--grandcolor1) 0%, var(--grandcolor2) 100% );
            color: var(--color1);
        }

        .aracsozlesmeleri > div a {
            display: block;
            padding: 10px;
            font-weight: 300;
            color: var(--temacolor);
            font-size: calc(9px + 0.5vw);
            line-height: calc(11px + 0.5vw);
        }

.wallpaperlist .wallpapeslider div img {
}

.wallpaperlist .wallpapeslider img {
    width: 100%
}

.uyegir {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    max-width: 960px;
    margin: 0 auto;
}

    .uyegir > div {
    }

        .uyegir > div:first-child {
            width: 40%;
        }

        .uyegir > div:last-child {
            width: 54%;
            background: var(--temabgrbg);
            padding: var(--altbosluk);
            border-radius: 10px;
            position: relative;
        }

.light .uyegir > div:last-child {
    background: var(--temabordercolor1);
}

.uyegir .input-grup a {
    font-size: calc(8px + 0.4vw);
    line-height: calc(9px + 0.5vw);
}

.uyegir .formlar > form {
    position: relative
}

.light .lds-ellipsis div {
    background: #000;
}

.light .girisloaderdv, .light .uyeloaderdv, .light .sifremiunuttumloaderdv {
    background: rgba(255, 255, 255, 0.58);
}

.girisloaderdv, .uyeloaderdv, .sifremiunuttumloaderdv {
    position: absolute;
    z-index: 2;
    width: 100%;
    background: #0006;
    height: 100%;
    display: none;
    left: 0;
    top: 0;
}

    .girisloaderdv > div, .uyeloaderdv > div, .sifremiunuttumloaderdv > div {
        position: relative;
        display: flex;
        flex-direction: column;
        align-content: center;
        align-items: center;
        justify-content: center;
        height: 100%;
    }

#loading-screen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
    transition: opacity 1s;
    z-index: 99999;
}

#logo {
    width: 200px; /* Ýsteðinize göre boyutu ayarlayabilirsiniz */
    opacity: 0;
    animation: logo-fade 2s infinite;
}

@keyframes logo-fade {
    0%, 100% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }
}

#loading-text {
    color: white;
}

body.loaded #loading-screen {
    opacity: 0;
    pointer-events: none;
}

body.loaded #logo {
    opacity: 0;
    animation: none;
}

body.loaded #loading-text {
    display: none;
}

.aramatab {
    width: 100%;
    margin-top: 10px;
}

    .aramatab > div {
        display: flex;
        flex-direction: row;
        align-items: center;
        border-bottom: 1px solid var(--temabordercolor1);
        border-top: 1px solid var(--temabordercolor1);
        padding: 10px 0;
        width: 100%;
    }

    .aramatab label {
        font-size: calc(8px + 0.25vw);
        line-height: calc(13px + 0.25vw);
    }

    .aramatab a {
        font-size: calc(7px + 0.25vw);
        line-height: calc(11px + 0.25vw);
        border: 1px solid var(--temaaltmenu);
        background: var(--temaaltmenu);
        padding: 7px 14px;
        margin-left: 12px;
        border-radius: 5px;
    }

        .aramatab a:last-child {
            background: no-repeat;
        }

        .aramatab a:hover {
            background: no-repeat;
        }

        .aramatab a > i {
            margin-left: 5px;
            background: var(--color1);
            color: var(--color2);
            padding: 3px;
            border-radius: 4px;
            font-size: calc(8px + 0.25vw);
            line-height: calc(8px + 0.25vw);
        }


.arama-sonuc > ul {
    display: flex;
    flex-wrap: wrap;
}

    .arama-sonuc > ul > li {
        margin: 0 15px 35px 0;
        width: calc(25% - 12px);
    }

        .arama-sonuc > ul > li:nth-child(4n) {
            margin-right: 0px;
        }

        .arama-sonuc > ul > li > a img {
        }

        .arama-sonuc > ul > li p {
            padding: 15px 15px 0 0;
            font-family: "Open Sans";
            font-size: 11px;
        }

            .arama-sonuc > ul > li p span {
            }

        .arama-sonuc > ul > li:nth-child(8n + 5), .arama-sonuc > ul > li:nth-child(8n + 6), .arama-sonuc > ul > li:nth-child(8n + 7), .arama-sonuc > ul > li:nth-child(8n + 8) { /* background:#221e1d; */
        }

.araclar-list .list-yanmenu > ul {
    padding-left: 0;
}

    .araclar-list .list-yanmenu > ul > li {
        padding-top: 7px;
        margin-bottom: 10px;
        padding-bottom: 9px;
        border-bottom: 1px solid var(--txtcolor1);
    }

        .araclar-list .list-yanmenu > ul > li a {
            display: flex;
            justify-content: space-between;
            width: 94%;
            padding-left: 15px;
        }

            .araclar-list .list-yanmenu > ul > li a > i {
                color: #fff;
                font-size: 11px;
            }

.araclar-list .list-yanmenu > h3 > a p {
    color: #ffffff;
    font-weight: 600;
    font-size: calc(7px + 0.4vw);
    line-height: calc(8px + 0.5vw);
}

.araclar-list .list-yanmenu > ul > li a:hover {
}

    .araclar-list .list-yanmenu > ul > li a:hover i {
    }

.araclar-list .list-yanmenu > h3 > a i {
    color: #fff; /* transform: rotate(90deg); */ /* margin: 0 5px; */
    font-size: 11px;
}

.araclar-list .list-yanmenu > ul > li:last-child {
    border: 0;
}

.araclar-list .list-yanmenu > ul > li a p {
    font-size: calc(7px + 0.4vw);
    line-height: calc(9px + 0.5vw);
}

.araclar-list > .aramasonuc {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.araclar-list .araclar-list {
    margin-top: 0px;
}
/*end arama sayfasy*/

.bottompage.arac-detay {
    width: 100%;
    margin: 0 auto;
    min-height: 100vh;
}

.arac-detay .info {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    position: relative;
}

    .arac-detay .info img, .arac-detay .info video {
        width: 100%;
        cursor: pointer;
        transition: 0.5s;
        height: 101%;
        -o-object-fit: cover;
        object-fit: cover;
        position: relative;
    }

    .arac-detay .info .grdbg {
    }

    .arac-detay .info .grdbgbottom {
    }

.arac-detay .carhead {
    position: absolute;
    z-index: 4;
    bottom: var(--altbosluk);
    left: calc(var(--altbosluk) * 2);
    display: flex;
    flex-direction: row;
    align-items: stretch;
}

    .arac-detay .carhead > div {
    }

    .arac-detay .carhead > .bos {
        border-right: 1px solid rgba(255,255,255,.30);
        width: 2px;
        margin-right: 20px;
    }

    .arac-detay .carhead > div:first-child {
        width: 25px;
        display: flex;
        flex-direction: column;
        margin-right: 20px;
        justify-content: center;
        align-items: center;
    }

        .arac-detay .carhead > div:first-child > div {
            width: 100%;
            margin-bottom: 9px;
        }

            .arac-detay .carhead > div:first-child > div:last-child {
                margin-bottom: 0px;
                cursor: pointer;
            }

            .arac-detay .carhead > div:first-child > div > svg {
                width: 25px;
            }

    .arac-detay .carhead > div:last-child {
    }

    .arac-detay .carhead > div > div {
        margin-bottom: 5px;
    }

        .arac-detay .carhead > div > div > span {
            color: var(--color1);
        }

        .arac-detay .carhead > div > div > model {
        }

    .arac-detay .carhead > div:last-child > div > h2 {
    }

.custom-select {
    position: relative;
    width: 100%;
}

    .custom-select select {
        width: 100%;
        padding: 12px 40px 12px 12px;
        font-size: 14px;
        border: 1px solid #ddd;
        background-color: #fff;
        appearance: none;
        cursor: pointer;
        line-height: 18px;
    }

    .custom-select .select-icon {
        position: absolute;
        top: 50%;
        right: 20px;
        transform: translateY(-50%) rotate(90deg); /* Rotate the icon */
        pointer-events: none;
        color: #777;
        width: 10px;
    }

    .custom-select select:focus {
        outline: none;
        border-color: #c0c0c0;
        font-weight: bold;
    }

    .custom-select select option {
        padding: 10px;
    }

.detatrentto {
    display: flex;
    align-items: center;
}

    .detatrentto svg {
    }

    .detatrentto > div {
        background: #fff;
        padding: 8px 19px;
        display: flex;
        flex-direction: row;
        align-items: center;
        margin-left: 25px;
        border-radius: 9px;
        cursor: pointer;
        margin-bottom: 0 !important;
    }

        .detatrentto > div > div:last-child {
            margin-left: 11px;
            margin-bottom: 0 !important;
        }

            .detatrentto > div > div:last-child > div {
                font-size: 15px;
                line-height: 17px;
            }

                .detatrentto > div > div:last-child > div:last-child {
                    font-weight: 500;
                }

.aracno {
    position: absolute;
    z-index: 4;
    background: #fff;
    top: 0;
    padding: 0 9px;
    right: 0;
}

    .aracno span {
        font-weight: 300;
        font-size: calc(10px + 0.25vw) !important;
        line-height: calc(16px + 0.45vw) !important;
        color: #000 !important
    }

    .aracno p {
        font-size: calc(10px + 0.25vw) !important;
        line-height: calc(18px + 0.45vw) !important;
        margin: 0 !important;
        color: #000 !important
    }

.carinfo {
    position: absolute;
    z-index: 4;
    right: calc(var(--altbosluk) * 1);
    width: 320px;
    height: calc(100vh - (1vh + 81px));
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: calc(1vh + 81px);
    overflow: hidden;
    top: 0;
    overflow-y: auto;
    pointer-events: none;
}

    .carinfo * {
        pointer-events: auto;
    }

    .carinfo > div:first-child {
        background-color: rgb(0 0 0 / 10%);
        -webkit-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px);
        padding: 35px 25px;
        position: relative;
    }

        .carinfo > div:first-child > ul {
            width: 100%;
        }

            .carinfo > div:first-child > ul > li {
                display: flex;
                justify-content: space-between;
                align-items: flex-end;
            }

                .carinfo > div:first-child > ul > li > div:first-child {
                    width: 110px;
                    font-size: calc(7px + 0.25vw);
                    line-height: calc(9px + 0.35vw);
                    letter-spacing: 2px;
                    border-bottom: 2px solid var(--color1);
                    padding-bottom: 4px;
                    color: var(--color1);
                    margin-bottom: 5px;
                }

                    .carinfo > div:first-child > ul > li > div:first-child:before {
                    }

                .carinfo > div:first-child > ul > li > div:last-child {
                    font-size: calc(9px + 0.25vw);
                    line-height: calc(12px + 0.25vw);
                    width: calc(100% - 122px);
                    letter-spacing: 1px;
                    color: var(--color1);
                }

    .carinfo > div:last-child {
        display: flex;
        flex-direction: column;
        margin-top: 5px;
    }

        .carinfo > div:last-child a {
            background: var(--color1);
            padding: 1.2vh 23px;
            margin-bottom: 5px;
            display: flex;
            align-items: center;
            color: var(--color2);
            font-size: calc(11px + 0.25vw);
            line-height: calc(15px + 0.25vw);
        }

            .carinfo > div:last-child a svg {
                margin-right: 10px
            }

            .carinfo > div:last-child a:hover {
                background: var(--color2);
                color: var(--color1);
            }

                .carinfo > div:last-child a:hover svg {
                    fill: var(--color1)
                }


.renttoown {
    margin-bottom: 25px;
    padding-left: 35px;
}

    .renttoown p {
    }

    .renttoown li {
        line-height: calc(23px + 0.5vw) !important;
        font-size: calc(14px + 0.4vw) !important;
        list-style-type: disclosure-closed;
    }



.leftmodal {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgb(255 255 255 / 70%);
    display: flex;
    align-items: center;
    z-index: 99999;
    top: 0;
    left: 0;
    display: none
}

    .leftmodal input {
        background: inherit !important
    }

    .leftmodal form {
        position: relative
    }

    .leftmodal .pro-detail {
        background: #fff;
        width: 35%;
        height: 100%;
        padding: 7vh 45px 10px 45px;
        overflow-y: auto;
        transition: 0.5s;
        right: -580px;
        position: absolute;
        max-width: 560px;
        top: 0;
        border-left: 1px solid #e1e1e1;
    }

    .leftmodal.show .pro-detail {
        right: 0;
    }

        .leftmodal.show .pro-detail > div {
        }

    .leftmodal .pro-detail header {
        display: flex;
        justify-content: space-between;
        flex-direction: row;
        align-items: center;
        margin-bottom: 16px;
    }

        .leftmodal .pro-detail header h3 {
            font-size: 18px;
            font-weight: 300;
            margin-bottom: 10px;
            line-height: 22px;
        }

            .leftmodal .pro-detail header h3 img {
                width: 40px;
            }

            .leftmodal .pro-detail header h3 > span {
                font-weight: 500;
                font-size: 18px;
            }

                .leftmodal .pro-detail header h3 > span.gizle {
                    display: none !important
                }

        .leftmodal .pro-detail header svg {
        }

    .leftmodal .pro-detail .ictext p {
        font-size: 18px;
        line-height: 23px;
        margin-bottom: 30px;
    }

    .leftmodal .pro-detail .ictext .pesinat p {
        margin-top: 10px;
        font-size: 14px;
        line-height: 18px;
    }

    .leftmodal .pro-detail .ictext p span {
        font-weight: 600
    }

    .leftmodal .pro-detail .ictext h1 {
        margin-bottom: 6px;
        font-weight: 500;
        letter-spacing: 2px;
        font-size: calc(8px + 0.25vw);
        line-height: calc(11px + 0.5vw);
    }

        .leftmodal .pro-detail .ictext h1 * {
            color: #000
        }

        .leftmodal .pro-detail .ictext h1 > b {
            font-size: 16px;
            line-height: 20px;
            font-weight: 600;
        }

    .leftmodal .pro-detail .ictext img {
    }

    .leftmodal .close {
        cursor: pointer
    }

.pro-detail input {
    font-size: 18px;
}

.pro-detail form input {
    display: block;
    height: 100%;
    width: 100%;
    padding: 13px 17px;
    border: 2px solid rgb(216, 216, 219);
    border-radius: 4px;
    background: transparent;
    cursor: pointer;
    margin-bottom: 8px;
    font-size: 15px;
    font-weight: 300;
}

.leftmodal .surebar {
    margin-bottom: 30px;
}

    .leftmodal .surebar span {
        margin-bottom: 3px;
        display: block;
        font-size: calc(8px + 0.25vw);
        line-height: calc(11px + 0.5vw);
        font-weight: 500;
        letter-spacing: 2px;
    }

    .leftmodal .surebar > div {
        display: flex;
        justify-content: space-between;
        align-content: center;
    }

        .leftmodal .surebar > div > div {
            display: block;
            height: 100%;
            width: 100%;
            padding: 13px 17px;
            margin: 0px;
            border: 2px solid rgb(216, 216, 219);
            border-radius: 4px;
            background: transparent;
            cursor: pointer;
            font-size: 16px;
        }

        .leftmodal .surebar > div > div {
            margin-right: 5px;
        }

            .leftmodal .surebar > div > div:last-child {
                margin-right: 0 !important
            }

    .leftmodal .surebar .secili {
        border-color: #000 !important;
        !i;
        !;
    }

.leftmodal .pesinat {
}

    .leftmodal .pesinat > div > div:first-child {
        width: 70px;
        font-size: calc(43px + 1.5ex);
        height: 53px;
        background-image: url(/img/eksi.svg);
        background-size: 50%;
        background-repeat: no-repeat;
        background-position: center;
    }

    .leftmodal .pesinat > div > div:nth-child(2) {
        text-align: center;
    }

    .leftmodal .pesinat > div > div:last-child {
        width: 70px;
        font-size: calc(43px + 1.5ex);
        height: 53px;
        background-image: url("/img/arti.svg");
        background-size: 50%;
        background-repeat: no-repeat;
        background-position: center;
    }

    .leftmodal .pesinat div input {
        padding: 0;
        border-radius: 0;
        border: 0;
        margin: 0;
        font-weight: 200;
    }

        .leftmodal .pesinat div input[type="number"]::-webkit-outer-spin-button, .leftmodal .pesinat div input[type="number"]::-webkit-inner-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }

        .leftmodal .pesinat div input[type="number"] {
            -moz-appearance: textfield;
        }

.leftmodal form button {
    display: block;
    width: 50%;
    padding: 13px 17px;
    margin: 0px;
    border: 2px solid rgb(0 0 0);
    border-radius: 4px;
    background: transparent;
    cursor: pointer;
    font-size: 15px;
    margin: 0 auto;
}

    .leftmodal form button:hover {
        background: #000;
        color: #fff !important;
        !i;
        !;
    }

.leftmodal .finanstesekkur {
    text-align: center;
    margin-top: 50%;
    display: none;
}

    .leftmodal .finanstesekkur p {
        color: #34bb1b;
        font-weight: 300;
    }

.Dimensions-id {
}

    .Dimensions-id .size {
        background: #f3f3f3;
        width: 100%;
        padding: 10px 20px;
    }

        .Dimensions-id .size p {
            font-size: 14px;
            line-height: 25px;
            display: flex;
        }

            .Dimensions-id .size p > span {
                font-size: 14px;
                line-height: 25px;
                font-weight: 700;
                width: 43px;
                display: block;
            }

    .Dimensions-id img {
    }


.arac-detay .leftslider, .arac-detay .leftslider1 {
    max-height: calc(90vh - 90px);
    overflow: hidden;
    background: var(--bgcolor);
}

    .arac-detay .leftslider .slick-slide, .bottompageempty .leftslider .slick-slide, .arac-detay .leftslider1 .slick-slide, .bottompageempty .leftslider1 .slick-slide {
        margin: 0 15px
    }


.newrow {
    margin-top: calc(var(--altbosluk) * 2);
}

    .newrow.padding {
        padding-top: calc(var(--altbosluk) * 2);
        margin-top: 0
    }

.Aciklama > div {
    background: var(--bgcolor4);
    padding: var(--altbosluk);
}

.Aciklama {
    margin-bottom: var(--altbosluk);
}

.headprev, .headnext {
    font-size: 0;
    left: 10px;
    position: absolute;
    background: url(/assets/img/white-arrow.svg) no-repeat center;
    width: 15px;
    height: 15px;
    display: block;
    z-index: 11;
    top: 45px;
    transform: translateY(-50%) rotate(-180deg);
    background-size: 10px;
    border-radius: 15px;
    padding: 0;
    display: none
}

.headnext {
    right: 10px;
    transform: translateY(-50%) rotate(0deg);
    left: initial;
    padding: 11px;
}

.AciklamaHead {
    width: 100%;
    overflow-x: scroll;
    touch-action: pan-x;
    -webkit-overflow-scrolling: touch;
    border-bottom: 1px solid var(--bgcolor3);
    border-top: 1px solid var(--bgcolor3);
    display: flex;
    justify-content: center;
    padding: 15px 0;
}

    .AciklamaHead::-webkit-scrollbar {
        display: none;
    }

    .AciklamaHead > ul {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 96%;
    }

        .AciklamaHead > ul > li {
            margin-right: 30px;
        }

            .AciklamaHead > ul > li label {
                font-size: calc(7px + 0.25vw);
                line-height: calc(9px + 0.5vw);
                font-weight: 500;
                letter-spacing: 2px;
                color: var(--color1);
            }

            .AciklamaHead > ul > li div {
                font-size: calc(9px + 0.25vw);
                line-height: calc(9px + 0.25vw);
                margin-top: 5px;
                color: var(--color1);
            }

.ekstraaciklama {
}

    .ekstraaciklama ul {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-between;
        flex-wrap: wrap;
    }

        .ekstraaciklama ul > li {
            width: 100%;
            display: flex;
            align-items: center;
        }

            .ekstraaciklama ul > li i {
                margin-right: 5px;
                color: var(--color1);
            }

            .ekstraaciklama ul > li p {
                line-height: calc(13px + 0.35vw);
                font-size: calc(8px + 0.35vw);
                margin: 0;
                letter-spacing: 2px;
            }

.arac-detay .rsTmb, .bottompageempty .rsTmb {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    width: 100%;
    z-index: 1;
    cursor: pointer;
}

.galerilink {
    width: 100%;
    display: block;
    height: 100%;
    position: absolute;
    z-index: 3;
}

.arac-detay .arac-detay-galeri {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
}

    .arac-detay .arac-detay-galeri > div {
        width: 65%;
        color: #bdbdbd;
    }

        .arac-detay .arac-detay-galeri > div:last-child {
            width: 34%;
            padding-top: calc(15px + 0.5vw);
            padding-left: calc(15px + 0.5vw);
        }

        .arac-detay .arac-detay-galeri > div > img {
            width: 100%;
        }

        .arac-detay .arac-detay-galeri > div > .arac-bilgileri {
            width: 100%;
        }

        .arac-detay .arac-detay-galeri > div > h2 {
            width: calc(100% - 40px);
            font-size: calc(17px + 0.4vw);
            color: var(--color1);
            font-weight: 500;
            margin-top: calc(5px + 0.3vw);
        }

        .arac-detay .arac-detay-galeri > div > .arac-bilgileri > ul {
            display: flex;
            justify-content: space-between;
            border-bottom: 1px solid var(--grandcolor3);
        }

            .arac-detay .arac-detay-galeri > div > .arac-bilgileri > ul > li {
                display: table-cell;
                line-height: calc(15px + 0.5vw);
                font-size: calc(9px + 0.4vw);
                font-weight: 500;
                color: var(--color1);
                padding: 6px 5px;
            }

                .arac-detay .arac-detay-galeri > div > .arac-bilgileri > ul > li:first-child {
                    width: 154px;
                }

                .arac-detay .arac-detay-galeri > div > .arac-bilgileri > ul > li > span {
                    font-weight: 300;
                    font-size: calc(9px + 0.4vw);
                    line-height: calc(20px + 0.5vw);
                }

.arac-detay .arac-detay-diger {
    margin-bottom: calc(30px + 0.5vw);
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    margin-top: calc(30px + 0.5vw);
}

    .arac-detay .arac-detay-diger > div {
        width: 100%;
        line-height: 28px;
        vertical-align: top;
        background: var(--color2);
        padding: calc(36px + 0.5vw);
    }

        .arac-detay .arac-detay-diger > div:last-child {
            width: 100%;
            background: transparent;
            display: flex;
            padding: 0;
            margin-top: 40px;
        }

        .arac-detay .arac-detay-diger > div > ul {
            display: flex;
            flex-wrap: wrap;
        }

            .arac-detay .arac-detay-diger > div > ul > li { /* border-bottom: 1px solid var(--txtcolor1); */
                width: calc((100% / 3) - 30px);
                font-size: calc(10px + 0.4vw);
                line-height: calc(12px + 0.5vw);
                padding: calc(2px + 0.2vw) 0px;
                margin-right: 40px;
                color: #fff;
                display: flex;
                flex-direction: row;
            }

                .arac-detay .arac-detay-diger > div > ul > li p {
                    margin-left: 6px;
                    font-size: calc(10px + 0.4vw);
                }

                .arac-detay .arac-detay-diger > div > ul > li:nth-child(3n) {
                    margin-right: 0;
                }

                .arac-detay .arac-detay-diger > div > ul > li i {
                    color: var(--color1);
                }

        .arac-detay .arac-detay-diger > div > h3 { /* margin-top: 70px; */
            font-size: calc(18px + 0.5vw);
            color: var(--color1);
            font-weight: 500;
            margin-bottom: calc(10px + 0.5vw);
        }

        .arac-detay .arac-detay-diger > div > h4 {
            margin-top: 30px;
            color: #bdbdbd;
            padding: 5px 10px;
        }

        .arac-detay .arac-detay-diger > div form {
            width: calc(35% - calc(60px + 1vw));
        }

.arac-iletisim {
    width: calc(100% - 30px);
    text-align: center;
    margin: 0 30px;
    color: #000;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 10px 0;
    line-height: 20px;
    border: 4px solid #ccc;
}

.sosyalmedya {
    width: 100%
}

    .sosyalmedya > img {
        width: 100%
    }

.detaysosyalmedya {
    display: flex;
    width: 100%;
    margin-top: calc( 30px + 0.5vw ); /* border: 1px solid var(--bordercolor1); */
    padding: calc(15px + 0.5vw) calc(10px + 0.5vw);
    color: #fff;
    background: var(--bgcolor2);
    justify-content: flex-end;
}

    .detaysosyalmedya > div > h4 {
        color: var(--color1);
        font-weight: 500;
        font-size: calc(11px + 0.4vw);
        margin-right: 25px;
    }

    .detaysosyalmedya > div {
        display: flex;
        align-items: center;
    }

        .detaysosyalmedya > div > div {
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .detaysosyalmedya > div a {
            padding: 0 10px;
            cursor: pointer;
        }

            .detaysosyalmedya > div a img {
                width: 27px;
            }

.kreditab {
    width: 35%;
    margin-right: calc(30px + 0.5vw);
}

.kaskobaslik {
    width: 100%; /* border: 1px solid var(--bordercolor); */
    padding: 13px 18px;
    color: #fff; /* background: radial-gradient(circle at 0% 0%, var(--grandcolor1) 0%, var(--grandcolor2) 100%); */
}

    .kaskobaslik > div.active { /* background:#a61e22; */
    }

    .kaskobaslik > div {
        display: flex;
        width: 100%;
        padding: 5px 8px;
        color: #fff;
        cursor: pointer;
        font-weight: 500;
        font-size: calc(13px + 0.4vw);
        align-items: center;
        margin-bottom: 10px;
    }

        .kaskobaslik > div img {
            width: 19px;
            margin-right: 8px;
            margin-bottom: 4px;
        }

        .kaskobaslik > div:first-child {
        }

    .kaskobaslik p {
        line-height: calc(14px + 0.5vw);
        font-size: calc(9px + 0.4vw);
        color: var(--color1);
        width: 90%;
    }

.kreditoplam,
.kredihesapla,
.kaskohesapla {
    display: block;
    width: 100%;
    overflow: hidden;
    transition: all 0.5s ease-in-out;
    color: #fff;
    border-top: 0;
    margin-top: calc(10px + 0.5vw);
}

.kaskohesapla {
    display: none;
}

    .kaskohesapla > div > p {
        float: left;
        color: #fff;
        line-height: 47px;
    }

    .kaskohesapla span {
        float: right;
        background: #221e1d;
        color: #fff;
        padding: 10px 15px;
        margin-bottom: 10px;
    }

    .kaskohesapla a {
        display: table;
        background: #000;
        padding: 10px;
        width: calc(100% - 20px);
        text-align: center;
        font-weight: 700;
        color: #fff;
    }

        .kredihesapla ul button:hover, .kaskohesapla a:hover {
            background: #ffffff;
            color: var(--bordercolor);
        }

            .kredihesapla ul button:hover i {
                color: var(--bordercolor);
            }

.kredihesapla {
}

    .kredihesapla > div {
        padding: 0px 25px;
    }

.kreditoplam > ul {
    border-bottom: 1px solid var(--bordercolor);
    padding-bottom: 6px;
}

    .kreditoplam > ul:last-child {
        margin-bottom: 0;
        border: 0;
    }

.kreditoplam > ul,
.kredihesapla ul {
    display: flex;
    margin-bottom: 10px;
    align-items: center;
}

    .kredihesapla ul > li {
        display: table-cell;
        color: #fff;
    }

        .kredihesapla ul > li:first-child {
            width: calc(163px + 0.5vw);
        }

        .kredihesapla ul > li:nth-child(2) {
            width: calc(100% - 150px);
        }

            .kredihesapla ul > li:nth-child(2) input {
                margin: 0;
                padding: 5px;
                width: 100%;
                padding: 14px 10px;
                border-radius: 5px;
            }

        .kredihesapla ul > li:nth-child(3) {
            text-align: right;
            width: calc(19px + 0.5vw);
            font-size: calc(9px + 0.4vw);
        }

    .kredihesapla ul button {
        margin: 0;
        font-size: calc(9px + 0.4vw);
        font-weight: 500;
        border-radius: 5px;
        cursor: pointer;
        border: 1px solid var(--bordercolor);
        padding: 13px 21px;
        color: #fff;
        background: radial-gradient( circle at 0% 0%, var(--grandcolor1) 0%, var(--grandcolor2) 100% );
    }

        .kredihesapla ul button i {
            color: var(--color1);
        }

    .kredihesapla ul:last-child {
        margin-bottom: 0;
        margin-top: 20px;
    }

.kreditoplam {
    display: none;
    width: 100%;
    color: #fff;
    border: 1px solid var(--bordercolor);
    padding: 13px 18px;
    color: #fff;
    background: radial-gradient( circle at 0% 0%, var(--grandcolor1) 0%, var(--grandcolor2) 100% );
    margin: 0;
    margin-top: 25px;
}

    .kreditoplam > ul > li {
        color: #fff;
        font-size: calc(11px + 0.4vw);
    }

        .kreditoplam > ul > li:first-child {
            width: 30%;
            font-weight: 500; /* margin-right: 25px; */
        }

.detay-form {
    width: calc(100%);
    height: auto;
    overflow: hidden;
    position: relative;
}

.arac-detay-diger input,
.arac-detay-diger textarea {
    display: block;
    font-size: calc(8px + 0.3vw);
    line-height: calc(11px + 0.5vw);
    margin: 9px 0px 0px 0px;
    border-width: 1px;
    border-style: solid;
    border-radius: 2px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    float: left;
    outline: none;
    width: 100%;
    padding: 14px 10px;
    border-radius: 5px;
}
/*.detay-form .gonder-btn{padding: 7px 18px;font-size: 15px;font-weight: 500;background: #ffffff;color: #a61e22;border: none;margin-top: 20px;border: 1px solid #a61e22;cursor: pointer;outline: none;}*/
.detay-form .gonder-btn {
    font-size: calc(9px + 0.4vw);
    font-weight: 500;
    border: none;
    margin-top: 20px;
    cursor: pointer;
    outline: none;
    border-radius: 5px;
    border: 1px solid var(--bordercolor);
    padding: 13px 18px;
    color: #fff;
    background: radial-gradient( circle at 0% 0%, var(--grandcolor1) 0%, var(--grandcolor2) 100% );
}

    .detay-form .gonder-btn:hover {
        background: var(--color1);
        color: var(--bordercolor);
        border-color: var(--color1);
    }

    .detay-form .gonder-btn > i {
        color: var(--color1);
        margin-right: 3px;
    }

    .detay-form .gonder-btn:hover i {
        color: var(--bordercolor);
    }

.detay-form > h4 {
    color: var(--color1);
    padding: 5px 0px;
    margin-bottom: 10px;
    font-weight: 500;
    font-size: calc(13px + 0.4vw);
    margin-top: 10px;
}

.detay-form > p {
    line-height: calc(14px + 0.5vw);
    font-size: calc(9px + 0.5vw);
    color: var(--color1);
    width: 90%;
    margin-bottom: calc(10px + 0.5vw);
}

.detay-ozel {
    width: 100%;
    color: #fff;
    font-size: calc(9px + 0.4vw);
    font-weight: 500;
    margin: 20px 20px 0px 0;
    padding: 12px 13px;
    border: 1px solid var(--bordercolor);
    color: #fff;
    background: radial-gradient( circle at 0% 0%, var(--grandcolor1) 0%, var(--grandcolor2) 100% );
}
    /*.arac-kodu{padding: 8px 10px;width: calc(100% - 55px);color: #a61e22;font-size: 16px;font-weight: 600;margin: 0 20px 20px 35px;border: 1px solid;text-align: center;}*/

    .detay-ozel i {
        color: var(--color1);
    }

.arac-kodu {
    padding: 8px 0;
    width: 100%;
    color: var(--color1);
    font-weight: 500;
    text-align: right;
    font-size: calc(13px + 0.4vw);
}

.sosyal-medya-paylasim {
    width: calc(100% - 55px);
    color: #fff;
    margin-top: 49px;
    font-size: 14px;
    font-weight: 600;
    margin: 20px 20px 0px 35px;
}

.arac-detay > .detay-baslik {
    width: 100%;
    border-bottom: 1px solid rgba(132, 132, 132, 0.2);
    margin-bottom: 20px;
    position: relative;
}

    .arac-detay > .detay-baslik h1 {
        font-size: calc(11px + 0.5vw);
        font-weight: 600;
        padding: 10px 0;
        color: var(--color1);
        display: flex;
        align-items: center;
    }

    .arac-detay > .detay-baslik > div {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .arac-detay > .detay-baslik h1 > .inceyazi {
        font-size: calc(11px + 0.5vw);
    }

.detay-download {
    margin: 15px 0;
}

    .detay-download > a {
        display: block;
        width: 100%;
        height: 100%;
        float: left;
        width: calc(41px + 0.5vw);
        padding-left: calc(8px + 0.5vw);
    }

        .detay-download > a > img {
            width: 100%;
        }

.altpagem {
    width: calc(100% - var(--altbosluk) * 4);
    margin: 0 auto; /* position: relative; */
    padding: calc(15vh + 50px) 0 calc(50px + 0.5vh) 0;
}

.bottompage {
    width: calc(100%);
}

    .bottompage .videobar {
        width: 90%;
        margin: calc(var(--altbosluk) ) 0;
        max-width: 1800px
    }

        .bottompage .videobar video {
            width: 100%
        }

.bottommenu {
    height: 75vh;
    justify-content: center;
    align-items: flex-start;
    position: relative;
    min-height: 75vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.bottommenubg {
    height: 280px;
    background: #414042;
    min-height: 32vh;
}

.bottommenu > picture {
    width: 100%;
    cursor: pointer;
    transition: 0.5s;
    height: 101%;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
}

    .bottommenu > picture > img {
        width: 100%;
        cursor: pointer;
        transition: 0.5s;
        height: 101%;
        -o-object-fit: cover;
        object-fit: cover;
        position: relative;
    }

.bottommenu > div.txt {
    position: absolute;
    left: 5%;
    bottom: 4%;
    z-index: 4;
    width: 90%;
}

    .bottommenu > div.txt.txtcenter {
        bottom: auto
    }

.bottommenu > div > h1 {
    font-size: clamp(2.2rem, 2.5rem, 5vw);
    font-weight: 200;
    letter-spacing: 2PX;
    color: #fff;
}

.bottommenu > ul {
    display: flex;
    align-items: center;
    width: calc(100% - var(--altbosluk) * 4);
    margin: 0 auto;
}

    .bottommenu > ul > li {
    }

        .bottommenu > ul > li > a {
            font-size: calc(8px + 0.3vw);
            line-height: calc(12px + 0.5vw);
        }

.bottommenu .bos {
    padding: 0 7px;
    color: var(--temacolor);
}

.bottompageempty {
    padding: 5% 0;
}

.bottompage h1 {
}

.bottompage p {
}



.bottompage ul > li {
    /* padding: 6px 0px; */
    font-size: calc(8px + 0.3vw);
    line-height: calc(12px + 0.5vw);
}

.bottomdetailtop {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    width: 90%;
    align-items: center;
}

    .bottomdetailtop > div {
        display: flex;
        flex-direction: column;
    }

        .bottomdetailtop > div:first-child > div {
            display: flex;
            flex-direction: row;
            align-items: center;
        }

            .bottomdetailtop > div:first-child > div:first-child {
                cursor: pointer;
            }

            .bottomdetailtop > div:first-child > div svg {
                width: 20px;
                fill: #fff;
                margin-right: 11px;
            }

            .bottomdetailtop > div:first-child > div h1 {
                font-size: 2.4em;
                line-height: 1.4;
                font-weight: 200;
            }

        .bottomdetailtop > div:last-child {
        }

            .bottomdetailtop > div:last-child h1 {
                font-size: 2rem;
            }

    .bottomdetailtop * {
        color: #fff;
        font-weight: 100;
    }

.car-list-detay {
    width: 100% !important;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 10px;
    max-height: 530px;
    overflow: hidden;
    align-content: flex-start;
}

    .car-list-detay #vitrinimg > img {
        width: 100%
    }

    .car-list-detay > div {
    }

        .car-list-detay > div:first-child {
            width: 100%;
            display: flex;
            align-items: center;
            align-content: center;
        }

            .car-list-detay > div:first-child figure {
                display: flex;
                align-content: center;
            }

                .car-list-detay > div:first-child figure > a {
                    display: flex;
                    height: 530px;
                    overflow: hidden;
                    transition: 0.5s;
                    align-items: center;
                    align-content: center;
                }

                    .car-list-detay > div:first-child figure > a > img {
                    }

    .car-list-detay .galery {
        width: 40%;
        display: flex;
        flex-direction: row;
        gap: 10px;
        margin: 0;
        padding: 0;
        flex-wrap: wrap;
        align-items: flex-start;
    }

        .car-list-detay .galery > figure {
            width: calc(50% - 10px);
            padding: 0;
            height: calc(500px / 4);
        }

            .car-list-detay .galery > figure > a {
                display: flex;
                line-height: 0;
                overflow: hidden;
                width: 100%;
                height: 100%;
                justify-content: center;
                align-items: center;
            }

                .car-list-detay .galery > figure > a > img {
                    width: 100%;
                }

.car-galery-list {
    display: grid;
    width: 100%;
    /* Tam ekran yüksekliği */
    grid-template-columns: repeat(4, 1fr); /* 4 sütuna böl */
    gap: 10px;
}

    .car-galery-list > figure {
        aspect-ratio: 460 / 400; /* Kare şeklinde kalmasını sağlar */
    }

        .car-galery-list > figure > a {
            display: block;
            width: 100%;
            height: 100%;
        }

            .car-galery-list > figure > a > img {
                width: 100%;
                cursor: pointer;
                transition: 0.5s;
                height: 101%;
                -o-object-fit: cover;
                object-fit: cover;
                position: relative;
            }

.car-galery-list9 {
    display: grid;
    width: 100%;
    min-height: 100vh;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr);
    gap: 0px;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

    .car-galery-list9 > figure {
        margin: 0;
        padding: 0;
        height auto;
        //aspect-ratio: 1920 / 793;
        background-color: #ccc;
    }

        .car-galery-list9 > figure:nth-child(1) {
            background-color: #b9a781;
        }

        .car-galery-list9 > figure:nth-child(2) {
            background-color: #fdba13;
        }

        .car-galery-list9 > figure:nth-child(3) {
            background-color: #e28325;
        }

        .car-galery-list9 > figure:nth-child(4) {
            background-color: #c19a9d;
        }

        .car-galery-list9 > figure:nth-child(5) {
            background-color: #81bfb2;
        }

        .car-galery-list9 > figure:nth-child(6) {
            background-color: #287eb9;
        }

        .car-galery-list9 > figure:nth-child(7) {
            background-color: #8c8d8f;
        }

        .car-galery-list9 > figure:nth-child(8) {
            background-color: #d46353;
        }

        .car-galery-list9 > figure:nth-child(9) {
            background-color: #ffffff;
        }

        .car-galery-list9 > figure > a {
            display: block;
            width: 100%;
            height: 100%;
        }

            .car-galery-list9 > figure > a > img {
                width: 100%;
                height: auto;
                object-fit: contain;
                object-position: center;
                transition: 0.5s;
                cursor: pointer;
            }


.car-detail-bar {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

    .car-detail-bar > div {
    }

        .car-detail-bar > div:last-child {
            padding-left: 3%;
            width: 100%;
        }

        .car-detail-bar > div:first-child {
            width: 50%;
        }

            .car-detail-bar > div:first-child > div:first-child {
                background: #eeeeee;
                padding: 25px;
            }

        .car-detail-bar > div > div {
            padding: 25px;
        }

            .car-detail-bar > div > div > h1 {
                font-size: 2.1em;
                line-height: 1.4;
                padding: 18px 0 10px 0;
                font-weight: 300;
            }

            .car-detail-bar > div > div > div {
                border-top: 1px solid #ccc;
                padding-top: 12px;
            }


            .car-detail-bar > div > div ul {
            }

                .car-detail-bar > div > div ul > li {
                    display: flex;
                    flex-direction: row;
                    align-items: center;
                }

                    .car-detail-bar > div > div ul > li > div {
                    }

                        .car-detail-bar > div > div ul > li > div:last-child {
                        }

                        .car-detail-bar > div > div ul > li > div > svg {
                            max-width: 40px;
                            width: 100%;
                            margin-right: 10px;
                        }

                            .car-detail-bar > div > div ul > li > div > svg.cls-s * {
                                fill: none;
                                stroke: #000000;
                                stroke-width: 6px;
                                stroke-miterlimit: 10;
                            }

.cls-1 {
    fill: none;
    stroke: #222221;
    stroke-miterlimit: 10;
}

.car-detail-bar > div > div ul > li > div > span {
    font-weight: bold
}

.textbar {
}

    .textbar > p {
        margin-bottom: 15px
    }

        .textbar > p:last-child {
            margin-bottom: 0
        }

    .textbar h2 {
        font-weight: 100;
        line-height: 1.4;
        font-size: clamp(2.2rem, 2.5rem, 5vw);
        padding-bottom: 2%;
        text-align: center;
    }



    .textbar.news h2 {
        font-weight: 400;
        line-height: 1.2;
        font-size: clamp(1.8rem, 2.2rem, 5vw);
        padding-bottom: 1%;
        text-align: left;
    }

    .textbar .img, .textbar .img > img {
        width: 100%;
        margin-bottom: 2%;
    }

.cerezpolitikasi {
    margin: 0 auto;
    line-height: 25px;
}

    .cerezpolitikasi > h1 {
        padding-bottom: 20px;
        color: var(--temacolor);
    }

    .cerezpolitikasi > p {
        margin-bottom: 10px;
        font-size: calc(10px + 0.4vw);
        line-height: calc(18px + 0.5vw);
        letter-spacing: 1px;
    }

        .cerezpolitikasi > p > span {
            font-weight: 500;
            margin-top: 35px;
            display: block;
            font-size: 19px;
            letter-spacing: 1px;
        }

    .cerezpolitikasi ul {
    }

        .cerezpolitikasi ul > li {
            margin-left: 10px;
            margin-bottom: 10px;
            font-size: calc(10px + 0.4vw);
            letter-spacing: 1px;
        }

            .cerezpolitikasi ul > li i { /* color: var(--bordercolor); */
                font-size: 10px;
                margin-right: 10px;
            }

    .cerezpolitikasi a {
        font-size: calc(10px + 0.5vw);
    }

.twopage {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    padding: 5% 0;
    /* padding: 0; */
    gap: 50px;
}

    .twopage > div:first-child {
        width: 45%;
        position: relative
    }

        .twopage > div:first-child .fixed {
        }

        .twopage > div:first-child img {
            width: 100%;
        }

    .twopage > div:last-child {
        width: 55%;
    }




.iletisim {
    width: 100%;
}

    .iletisim > div {
        margin: 0 auto;
        width: 100%;
        display: table;
    }

        .iletisim > div > ul {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            flex-direction: column;
            width: 100%;
            margin-bottom: 20px;
        }

            .iletisim > div > ul > li {
                width: 100%;
                line-height: 25px;
                padding: 0;
                padding-top: 20px;
                display: flex;
                flex-direction: column;
                justify-content: center;
            }

                .iletisim > div > ul > li:first-child {
                    width: 100%;
                }

                .iletisim > div > ul > li > h3 {
                    font-size: calc(15px + 0.5vw);
                    /* color: var(--color1); */
                    font-weight: 500;
                }

                .iletisim > div > ul > li > p {
                    margin-top: 9px;
                    line-height: calc(23px + 0.5vw);
                    font-size: calc(9px + 0.4vw);
                    margin-bottom: 0;
                }

                .iletisim > div > ul > li > img {
                    width: 100%;
                }

                .iletisim > div > ul > li input, .iletisim > div > ul > li textarea {
                    display: block;
                    font-size: 14px;
                    line-height: initial;
                    margin: 9px 0px 0px 0px;
                    border-width: 1px;
                    border-style: solid;
                    font-weight: normal;
                    float: left;
                    outline: none;
                    padding: 14px 10px;
                    border-radius: 5px;
                    border: 1px solid transparent;
                }

                    .iletisim > div > ul > li input:focus, .iletisim > div > ul > li textarea:focus {
                        border: 1px solid #0cb4ce;
                    }

                .iletisim > div > ul > li input {
                    width: calc(50% - 25px);
                }

                    .iletisim > div > ul > li input:first-child {
                        margin-right: 20px;
                    }

                    .iletisim > div > ul > li input:nth-child(3) {
                        width: calc(100% - 32px);
                    }

                .iletisim > div > ul > li textarea {
                    width: calc(100% - 32px);
                    resize: none;
                    height: 300px;
                }

                .iletisim > div > ul > li iframe {
                    border: 10px solid #000;
                    width: 100%;
                    min-height: 40vh;
                }

        .iletisim > div:last-child {
            position: relative;
        }

            .iletisim > div:last-child > ul > li:first-child {
                vertical-align: top;
                width: 100%;
                min-width: 280px;
            }

    .iletisim .gonder-btn {
        margin-top: 20px;
        outline: none;
        border: 1px solid var(--bordercolor);
        padding: 13px 12px;
        margin-left: 5px;
        color: #fff;
        cursor: pointer;
        font-size: 14px;
        background: radial-gradient( circle at 0% 0%, var(--grandcolor1) 0%, var(--grandcolor2) 100% );
        font-weight: 500;
        border-radius: 5px;
    }

        .iletisim .gonder-btn:hover {
            background: var(--color1);
            color: var(--bordercolor);
        }


.hata {
    width: 100%;
    padding: 20px 10px;
    display: none;
    background: #000;
    margin: 30px auto;
}

    .hata p {
        color: #ffffff;
        text-align: center;
        font-size: 17px;
        font-weight: 600;
        line-height: 21px;
    }

.iletisim .gonder-btn i {
    color: var(--color1);
}

.iletisim .gonder-btn:hover i {
    color: var(--bordercolor);
}


.loaderdv {
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.73);
    z-index: 99;
    text-align: center;
    display: none;
}

    .loaderdv > img {
        margin-top: 10%;
    }

.tesekkurler {
    width: 100%;
    color: var(--color1);
    text-align: center;
    padding: 15px 10px;
    display: none;
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    background: radial-gradient(circle at 0% 0%, #f1f1f1 0%, #ffffff 100%);
}

.headfield {
    border: 1px solid var(--temabordercolor1);
    padding: var(--altbosluk) calc(var(--altbosluk) / 1);
    margin-bottom: var(--altbosluk);
}

    .headfield > legend {
    }

        .headfield > legend > h1 {
        }

.ic-text {
    width: 100%;
}

    .ic-text h1 {
        padding-bottom: 5px;
        font-size: calc(12px + 0.35vw);
        line-height: calc(14px + 0.35vw);
    }

    .ic-text p {
        line-height: calc(17px + 0.25vw);
        font-size: calc(12px + 0.24vw);
        margin-bottom: 6px;
    }

.mesajlarim {
}

    .mesajlarim > div {
        margin: 27px 0;
        border-bottom: 1px solid var(--temaaltmenu);
    }

.talepler > div > h1 {
    font-size: calc(9px + 0.35vw) !important;
    line-height: calc(12px + 0.35vw);
}

.talepler > div > h1 {
    width: 300px;
}

.talepler > div > p {
    width: calc(100% - 340px);
}

.talepler > div > a {
    width: 120px;
}

.formlar {
    grid-row-gap: 16px;
    width: 100%;
    display: flex;
    flex-direction: column;
}

    .formlar > form { /* background: var(--temabgrbg); */ /* padding: var(--altbosluk); */
    }

    .formlar fieldset {
        background-color: transparent; /* border: 1px solid var(--temabordercolor1); */ /* padding: var(--altbosluk) calc(var(--altbosluk) / 1); */
        margin-bottom: var(--altbosluk);
    }

    .formlar legend {
        color: var(--temacolor);
        padding: 0px 5px;
        font-weight: 500;
        letter-spacing: 1px;
        font-size: calc(11px + 0.5vw);
        line-height: calc(17px + 0.5vw);
        margin-bottom: 15px;
    }

    .formlar .input-grup {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-between;
    }

        .formlar .input-grup > div {
            width: 100%;
            position: relative
        }

        .formlar .input-grup.ikili {
            display: flex;
        }

    .formlar textarea, .formlar input {
        font-size: 15px;
        margin-bottom: 0;
        margin-top: 0;
        padding: 8px;
    }

    .formlar .input-grup.ikili div {
        width: calc(50% - 10px);
    }

    .formlar .gonder-btn {
        font-size: 14px;
        line-height: 18px;
    }

        .formlar .gonder-btn i {
            color: var(--color1)
        }

.form-menu {
    margin-bottom: var(--altbosluk);
    width: 100%;
}

    .form-menu > ul {
        display: flex;
        flex-direction: column;
    }

        .form-menu > ul > li {
            margin-right: 10px;
            width: 100%;
        }

            .form-menu > ul > li > a {
                font-size: calc(12px + 0.35vw);
                line-height: calc(17px + 0.35vw);
                background: 0 0;
                padding: 16px 24px;
            }

            .form-menu > ul > li:hover > a, .form-menu > ul > .active > a {
                background: var(--temabordercolor);
            }

            .form-menu > ul > li:last-child {
                margin-right: 10px;
            }

.formlar .charleft {
    clear: both;
    font-family: inherit;
    font-size: 15px;
    letter-spacing: normal;
    line-height: inherit;
    padding-top: 13px;
    width: 100%;
    color: #7d7d7d;
}

.ikili {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    align-items: center;
}

    .ikili.terscevir {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-areas: "txt fullimg";
    }

.formloading {
    position: absolute;
    top: -26px;
    left: -26px;
    background: rgb(0 0 0 / 0.10);
    height: calc(100% + 52px);
    display: none;
    width: calc(100% + 52px);
    z-index: 2;
    border-radius: 17px;
}

.tesekkurler {
    width: 100%;
    padding: 10px 10px;
    display: none;
}

    .tesekkurler > p {
        color: #2f3133;
        text-align: center;
        font-size: 16px;
        font-weight: 600;
        line-height: 23px;
        margin-bottom: 0 !important;
    }


.lds-roller {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
    top: calc(50% - 40px);
    left: calc(50% - 40px);
}

    .lds-roller div {
        animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
        transform-origin: 40px 40px;
    }

        .lds-roller div:after {
            content: " ";
            display: block;
            position: absolute;
            width: 7px;
            height: 7px;
            border-radius: 50%;
            background: #fff;
            margin: -4px 0 0 -4px;
        }

        .lds-roller div:nth-child(1) {
            animation-delay: -0.036s;
        }

            .lds-roller div:nth-child(1):after {
                top: 63px;
                left: 63px;
            }

        .lds-roller div:nth-child(2) {
            animation-delay: -0.072s;
        }

            .lds-roller div:nth-child(2):after {
                top: 68px;
                left: 56px;
            }

        .lds-roller div:nth-child(3) {
            animation-delay: -0.108s;
        }

            .lds-roller div:nth-child(3):after {
                top: 71px;
                left: 48px;
            }

        .lds-roller div:nth-child(4) {
            animation-delay: -0.144s;
        }

            .lds-roller div:nth-child(4):after {
                top: 72px;
                left: 40px;
            }

        .lds-roller div:nth-child(5) {
            animation-delay: -0.18s;
        }

            .lds-roller div:nth-child(5):after {
                top: 71px;
                left: 32px;
            }

        .lds-roller div:nth-child(6) {
            animation-delay: -0.216s;
        }

            .lds-roller div:nth-child(6):after {
                top: 68px;
                left: 24px;
            }

        .lds-roller div:nth-child(7) {
            animation-delay: -0.252s;
        }

            .lds-roller div:nth-child(7):after {
                top: 63px;
                left: 17px;
            }

        .lds-roller div:nth-child(8) {
            animation-delay: -0.288s;
        }

            .lds-roller div:nth-child(8):after {
                top: 56px;
                left: 12px;
            }

@keyframes lds-roller {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes bounce {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-15px)
    }
}


.model-detay .ikili.terscevir .fullimg {
    padding-left: 10%;
}

.ikili {
    grid-template-areas: "fullimg txt";
}

    .ikili > div {
        width: 100%;
    }

    .ikili.news > div {
        width: 98%
    }


    .ikili > div.txt {
        padding: 10%;
        grid-area: txt;
    }

    .ikili > div.fullimg {
        grid-area: fullimg;
    }

    .ikili > div.txt > p, .icalan .brxe-pdhxlc p {
        margin-bottom: 15px;
        letter-spacing: 2px;
        font-weight: 300;
        line-height: 1.5;
        font-size: clamp(16px, 1.25vw, 18px);
    }

        .ikili > div.txt > p:last-child, .icalan .brxe-pdhxlc p:last-child {
            margin-bottom: 0;
        }

    .ikili.terscevir .txtcenter {
        display: grid;
        place-items: center;
    }

.h50 {
    height: 50vh !important
}

.h75 {
    height: 75vh !important
}

.h90 {
    height: 90vh
}

.h100 {
    height: 100vh
}

.ptop {
    padding-top: 5% !important;
}

.modeller {
    display: flex;
    flex-direction: row;
    width: 100%;
    background: #000;
}

    .modeller > div {
        width: calc(100% / 3);
        height: 100%;
        overflow: hidden;
    }

        .modeller > div > a {
            position: relative;
            display: flex;
            flex-direction: column;
            height: 100%;
            justify-content: center;
            align-content: center;
            align-items: center;
            border-radius: 0;
        }

            .modeller > div > a picture {
            }

            .modeller > div > a img {
                height: 100%;
                object-fit: cover;
                width: 100%;
                opacity: .85;
            }

            .modeller > div > a > div {
                position: absolute;
                bottom: 2%;
                left: 2%;
                z-index: 1;
            }

            .modeller > div > a:hover img {
                opacity: 1
            }

            .modeller > div > a > div > h1 {
                font-size: clamp(1.8rem, 2.2rem, 5vw);
                color: #fff;
                font-weight: 200;
            }

.model-detay section.h100 {
    display: flex;
    flex-direction: column;
    align-items: center;
}


    .model-detay section.h100 > div.txt {
        position: absolute;
        bottom: 4%;
        z-index: 3;
        display: flex;
        flex-direction: column;
        align-content: center;
        align-items: center;
        width: 100%;
    }

        .model-detay section.h100 > div.txt > div {
            width: 100%;
            display: flex;
            justify-content: center;
        }

            .model-detay section.h100 > div.txt > div > img {
                filter: brightness(0) invert(1);
                margin-bottom: 15px;
                width: 300px;
            }



            .model-detay section.h100 > div.txt > div > div {
                display: flex;
                column-gap: 3%;
                row-gap: 2%;
                flex-direction: row;
                align-items: center;
                width: 100%;
                justify-content: center;
            }

                .model-detay section.h100 > div.txt > div > div > a {
                    background: transparent;
                    border: 1px solid #fff;
                }

        .model-detay section.h100 > div.txt.txtfade, .txtfade {
            display: none
        }

        .model-detay section.h100 > div.txt.left {
            left: 5%;
            width: 90%;
        }

            .model-detay section.h100 > div.txt.left > div {
                display: flex;
                justify-content: flex-start;
            }

            .model-detay section.h100 > div.txt.left > div {
                display: flex;
                justify-content: flex-start;
            }

                .model-detay section.h100 > div.txt.left > div > div {
                    display: flex;
                    justify-content: flex-start;
                }

                .model-detay section.h100 > div.txt.left > div > img {
                    width: auto;
                    height: 76px
                }

.model-kaydir {
    display: flex;
    align-items: center;
    position: relative;
    height: 100vh;
    overflow: hidden;
    background-color: #ffffff;
}

    .model-kaydir > ul {
        display: flex;
        transition: transform 0.5s ease;
        width: 100vw;
        margin: 0;
        padding: 0;
        list-style: none;
        cursor: grab;
        height: 100%;
    }

        .model-kaydir > ul > li {
            display: flex;
            min-width: 100vw;
            align-items: center;
            justify-content: center;
            color: #fff;
            user-select: none;
            touch-action: pan-y; /* Yatay kaydırmayı JavaScript ile kontrol etmek için */
        }

            .model-kaydir > ul > li > div:first-child img {
                width: 100%;
                /* Yatay kaydırmayı JavaScript ile kontrol etmek için */
                pointer-events: none;
                cursor: pointer;
                transition: 0.5s;
                height: 101%;
                -o-object-fit: cover;
                object-fit: cover;
                position: relative;
            }

    .model-kaydir > button {
        position: absolute;
        bottom: 4%;
        background-color: rgb(255 255 255 / 50%);
        color: white;
        border: none;
        padding: 10px;
        cursor: pointer;
        z-index: 10;
        border-radius: 100%;
        display: flex;
        align-content: center;
        align-items: center;
    }

    .model-kaydir > ul > li > div:first-child {
        height: 100%;
    }

    .model-kaydir > ul > li > div:last-child {
        width: 40%;
        padding: 0 3% 0 4%;
    }

#prevBtn {
    left: 20px;
    transform: rotateY(180deg);
}

#nextBtn {
    right: 20px;
}

.model-kaydir > ul > li > div:last-child h1 {
    font-weight: 200;
    font-size: clamp(1.4rem, 1.7rem, 5vw);
    line-height: 1.4;
    margin-bottom: 10px;
}

.model-kaydir > ul > li > div:last-child p {
    margin-bottom: 22px;
}

.model-oz {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .model-oz > h2 {
        font-size: clamp(1.8rem, 2.2rem, 5vw);
        font-weight: 200;
        margin-bottom: 2%;
    }

    .model-oz p {
        margin-bottom: 15px
    }

        .model-oz p:last-child {
            margin-bottom: 0
        }

    .model-oz > h3 {
        font-size: 16px;
        line-height: 2;
    }

    .model-oz h4 {
        font-style: italic;
        font-weight: bold
    }

    .model-oz h5 {
    }

    .model-oz ul {
        display: flex;
        flex-direction: column;
        margin-top: 2%;
    }

        .model-oz ul > li {
            display: flex;
            flex-direction: row;
            min-height: 15px;
        }

            .model-oz ul > li > p {
                display: flex;
                flex-direction: column;
                width: 100%;
                max-width: 100%;
                font-weight: bold;
                line-height: 21px;
                margin-bottom: 8px;
            }

            .model-oz ul > li > span {
                display: flex;
                flex-direction: column;
                width: 100%;
                max-width: 100%;
                line-height: 19px;
            }

.modal .model-oz > h2 {
    margin-bottom: 0;
}

.modal .model-oz > h3 {
    font-size: 24px;
    line-height: 30px;
}

.modal .model-oz ul > li {
}

    .modal .model-oz ul > li > p {
        width: 245px;
    }

    .modal .model-oz ul > li > span {
    }

.model-buttonlar {
    margin-top: 3%;
    display: flex;
    flex-direction: row;
    gap: 25px;
}

    .model-buttonlar button, .model-buttonlar a {
        background-color: var(--bricks-color-wsqpfu);
        color: var(--bricks-color-gljktn);
        cursor: pointer;
        border: 1px solid rgba(65, 64, 66, 0.4);
        border-radius: 5px;
        font-size: clamp(16px, 1.25vw, 18px);
        padding: 12px 20px;
        margin: 0;
    }

.book .model-buttonlar {
    gap: 10px;
    margin-top: 6px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
}

    .book .model-buttonlar button, .book .model-buttonlar a {
        padding: 4px 23px;
        font-size: 16px;
        line-height: 1.2;
        border-radius: 0;
        border-color: #000;
    }

.model-buttonlar a.linkli {
    padding: 12px 20px;
    border: 1px solid rgba(65, 64, 66, 0.4);
    border-radius: 5px;
    font-size: clamp(16px, 1.25vw, 18px);
    -: 12px 20px;
    margin: 0;
    font-weight: 400;
    line-height: 1.4;
}

.book .ikili {
    grid-template-columns: 1fr 1fr;
}


.car-galeri-txt {
    width: 100%;
    padding-top: 5%;
}

    .car-galeri-txt > div {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
    }

        .car-galeri-txt > div > div {
            width: 50%
        }

.model-detay section.h100 .brxe-morgan-button > .main > .text {
    color: #fff !important;
}

.model-detay section.h100 > video {
    width: 100%;
    cursor: pointer;
    transition: 0.5s;
    height: 101%;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
}

.brxe-block {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    width: 100%;
}

#brxe-oykmvi {
    align-items: flex-end;
    row-gap: 30px;
    flex-direction: column;
}

#brxe-horeml {
    row-gap: 30px;
}

[class*=brxe-] {
    max-width: 100%;
}

.brxe-sswqwx:not(.tag), .brxe-sswqwx img {
    object-fit: cover;
}

.brxe-uukwdz {
    /* aspect-ratio: 16/9; */
    max-height: 535px;
    height: 65vh;
    border-radius: 3px;
    vertical-align: middle;
    object-fit: cover;
}

.brxe-vnshdv {
    width: 100%;
    padding-top: 5%;
    padding-right: 0;
    padding-bottom: 30px;
    padding-left: 0;
    flex-direction: row;
    column-gap: 30px;
}


.brxe-kextxh {
    width: 60%;
    max-height: 535px;
    height: 45%;
    border-radius: 3px;
}

.brxe-sswqwx {
    max-height: 535px;
    height: 65vh;
    border-radius: 3px;
    object-fit: cover;
}


.brxe-ldrbyn {
    max-height: 535px;
    height: 45%;
    width: 60%;
    border-radius: 3px;
}

.brxe-culbsb {
    padding-top: 5%;
    padding-right: 5%;
    padding-bottom: 2%;
    padding-left: 6%;
    width: 66%;
}

.brxe-ytbbkj {
    padding-top: 5%;
    padding-right: 5%;
    padding-bottom: 2%;
    padding-left: 5%;
    width: 66%;
}

.brxe-container h2 {
    font-size: clamp(1.8rem, 2.2rem, 5vw);
    line-height: 1.4;
    font-weight: 300;
    margin-bottom: 1%;
    letter-spacing: 1px;
}

.brxe-container p {
    letter-spacing: 2px;
    font-weight: 300;
    line-height: 1.5;
    font-size: clamp(16px, 1.25vw, 18px)
}

.fullimg {
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
}

    .fullimg > video {
        width: 100%
    }


    .fullimg.bottom {
        display: flex;
        justify-content: flex-end;
    }

    .fullimg.top {
        display: flex;
        justify-content: flex-start;
    }

    .fullimg > .txt {
        position: absolute;
        left: 5vw;
        top: 5vw;
        z-index: 1;
        width: 35%;
    }

        .fullimg > .txt.bottom {
            top: auto;
            bottom: 5vw;
        }

        .fullimg > .txt.right {
            left: auto;
            right: 5vw;
        }

        .fullimg > .txt > h1 {
            color: #fff;
            font-size: clamp(1.8rem, 2.2rem, 5vw);
            font-weight: 400;
            margin-bottom: 13px;
        }

        .fullimg > .txt > p {
            color: #fff;
        }

.img {
    width: 100%;
    border-radius: 5px;
}

.brxe-container {
    display: flex;
    flex-direction: row;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    align-content: center;
    align-items: center;
    padding-top: 0;
}

@media (max-width: 767px) {
    .brxe-container {
        flex-wrap: wrap
    }
}

.brxe-block {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.brxe-pafgck.brxe-block {
    width: 100%;
    padding-right: 2rem;
}

.brxe-ymcvww.brxe-block {
    width: 35%;
}

.brxe-jlticx.brxe-text {
    text-transform: uppercase;
    padding-top: 3rem;
    padding-bottom: 3rem;
    padding-left: 2rem;
    border-left: 7px solid #f9fafa;
}

.generaltxt {
    margin-bottom: 2%;
}

    .generaltxt > p {
        margin-bottom: 20px;
    }

        .generaltxt > p:last-child {
            margin-bottom: 0px;
        }


.brxe-jlticx.brxe-text h3 {
    font-size: clamp(1.6rem, 2rem, 5vw);
}


form .ikili {
    display: flex;
    flex-direction: row;
    gap: 22px;
    width: 100%
}

    form .ikili > div {
        width: 100%
    }

.bottompage .gfield_label {
    font-weight: 500;
    letter-spacing: .1rem;
    font-size: 16px;
}

.bottompage .gfield_required {
    color: #c02b0a;
    display: inline-block;
    font-size: 13.008px;
    padding-inline-start: 0.125em;
}

.bottompage .gform_required_legend {
    font-weight: 300;
    font-size: 17px;
    margin-bottom: 5px;
}

.form-div {
    position: fixed;
    z-index: 99999999;
    width: 500px;
    background: var(--grandcolor1);
    right: 0px;
    top: 5%;
    height: 90%;
    display: none;
}

    .form-div > .forms {
        padding: 30px;
        width: calc(100% - 60px);
        background: #98012e;
    }

    .form-div > .baslik {
        width: calc(100% - 60px);
        font-size: 21px;
        font-weight: 600;
        color: #fff;
        text-align: center;
        background: #550019;
        padding: 50px 30px 20px 30px;
        line-height: 22px;
    }

        .form-div > .baslik > span {
            font-size: 23px;
            font-weight: 500;
            line-height: 30px;
        }

    .form-div input, .form-div textarea {
        font-size: 15px;
        margin-bottom: 0;
        margin-top: 0;
        padding: 8px;
    }




    .form-div textarea {
        overflow: hidden;
    }

    .form-div .gonder-btn {
        padding: 7px 18px;
        font-size: 15px;
        font-weight: 600;
        background: #ffffff;
        color: #949494;
        border: none;
        margin-top: 20px;
        border: 1px solid #949494;
        cursor: pointer;
        outline: none;
        clear: both;
        float: left;
    }

        .form-div .gonder-btn:hover {
            background: #949494;
            color: #ffffff;
        }

    .form-div .tipsecimspan {
        float: left;
        color: #000;
        margin-top: 6px;
        font-size: 15px;
        padding-left: 9px;
    }

    .form-div #tipsecim {
        width: 14px;
        float: left;
        margin-top: 10px;
        cursor: pointer;
    }

    .form-div .drpnot {
        width: 100%;
        padding: 8px;
        border: 1px solid #cccccc;
        color: #8c8c8c;
        margin-bottom: 5px;
    }

    .form-div input:focus, .form-div textarea:focus {
        outline: none;
    }

    .form-div button {
        width: auto;
        background: #98012e;
        color: #ffd2df;
        padding: 5px 10px;
        border: 0px;
        cursor: pointer;
        border: 1px solid #af0739;
        margin-top: 10px;
    }

.kapat {
    color: #fff;
    cursor: pointer;
    position: absolute;
    right: calc(50% - 18px);
    top: -18px;
}

.ac {
    color: #fff;
    cursor: pointer;
    position: absolute;
    left: -18px;
    top: 40%;
    font-size: 50px;
    color: #550019;
    display: none;
}

.notlar {
    width: calc(100% - 40px);
    margin: 20px 20px;
    background: #fff;
    padding: 5px;
    line-height: 22px;
    height: calc(95% - 10px);
    overflow: auto;
    position: relative;
}

.markafiltrele {
    display: none !important
}

.tabicerik {
}

    .tabicerik ul {
    }

        .tabicerik ul li {
            display: flex;
            width: 90%;
            margin: 0 auto;
            justify-content: space-between;
        }

.aracdosya {
}

    .aracdosya ul {
    }

        .aracdosya ul li {
            display: flex;
            width: 90%;
            margin: 0 auto;
            justify-content: flex-start;
        }

            .aracdosya ul li a, .aracdosya ul li i {
                color: #000
            }

.notlar > h4 {
    color: #616161;
    margin: 10px;
    text-align: right;
}

.notlar > p {
    font-size: 13px;
}

.inceyazi {
    font-weight: 200;
    font-size: calc(16px + 0.5vw);
    color: var(--color1);
}

.kalinyazi {
    font-weight: 200 !important;
    font-size: calc(16px + 0.5vw);
    color: var(--color1);
}

.altbar {
    position: fixed;
    bottom: 0;
    z-index: 9999;
    width: 50%;
    padding: 20px 0;
    transition: all 0.8s cubic-bezier(1, 0.15, 0.98, 0.96);
    left: 0;
    border: 1px solid #3e3e3e;
    background: var(--temacolor1);
    display: flex;
}

    .altbar > div:first-child {
        right: 80px;
        position: relative;
        display: flex;
        justify-content: flex-end;
    }

        .altbar > div:first-child p {
            line-height: 18px;
            font-size: 14px;
            color: #fff;
            text-align: right;
            width: 70%;
        }

            .altbar > div:first-child p a {
                color: #fff;
                text-decoration: underline;
                font-size: 14px;
                line-height: 18px;
                font-weight: 500;
            }

    .altbar > div:nth-child(2n) {
        position: absolute;
        right: 20px;
        bottom: 15px;
        background: url(/img/arti.png) no-repeat center;
        background-size: 100%;
        width: 25px;
        cursor: pointer;
        transform: rotate(-45deg);
    }

        .altbar > div:nth-child(2n) a {
            width: 50px;
            height: 50px;
            display: block;
        }

.aracdetayiletisim {
    width: 30%;
    margin-right: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border: 1px solid var(--grandcolor3);
    background: var(--color1);
}

    .aracdetayiletisim > ul {
        border-bottom: 1px solid var(--txtcolor);
        margin-bottom: calc(20px + 0.5vw);
        padding-bottom: calc(10px + 0.5vw);
    }

        .aracdetayiletisim > ul > li {
            text-align: center;
            line-height: calc(23px + 0.5vw);
            color: var(--bgcolor);
            font-weight: 500;
            font-size: calc(15px + 0.4vw);
        }

            .aracdetayiletisim > ul > li a {
                font-size: calc(10px + 0.4vw);
                color: var(--bgcolor1);
            }

        .aracdetayiletisim > ul:last-child {
            border: 0;
            margin: 0;
            padding: 0;
        }

    .aracdetayiletisim h1 {
        border: 1px solid var(--bordercolor);
        background: radial-gradient( circle at 0% 0%, var(--grandcolor1) 0%, var(--grandcolor2) 100% );
        border-radius: 100%;
        width: calc(70px + 0.05vw);
        height: calc(70px + 0.05vw);
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: calc(10px + 0.5vw);
    }

        .aracdetayiletisim h1 i {
            color: var(--color1);
            font-size: calc(40px + 0.5vw);
        }

.mobilhat {
    display: table;
    position: fixed;
    bottom: var(--altbosluk);
    z-index: 100;
    width: calc(var(--altbosluk) * 1.5 );
    height: calc(var(--altbosluk) * 1.5 );
    left: 0;
}

    .mobilhat .mobtable {
        display: table;
        width: 100%;
        border-radius: 0 calc(var(--altbosluk) * 0.5) calc(var(--altbosluk) * 0.5) 0;
        background: rgb(7 176 26);
        height: 100%;
    }


        .mobilhat .mobtable a {
            display: flex;
            width: 100%;
            height: 100%;
            justify-content: center;
            align-items: center;
        }

    .mobilhat img {
        width: 100%;
        max-width: 90%;
    }



.hesabpmobilmenu {
    display: none;
}

.fdoc {
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
    margin-top: 50px;
}

.hesabpmobilmenu .dropdownsecim {
    z-index: 2;
    position: relative;
    border: 1px solid #eee;
    padding: 15px;
    width: 100%;
}

    .hesabpmobilmenu .dropdownsecim > div {
        cursor: pointer;
    }

    .hesabpmobilmenu .dropdownsecim span {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: space-between;
        font-size: 18px;
        font-weight: 600;
    }

    .hesabpmobilmenu .dropdownsecim ul {
        display: none;
        margin-top: 10px;
        background: #fff;
    }

        .hesabpmobilmenu .dropdownsecim ul > li {
            width: 100%;
        }

            .hesabpmobilmenu .dropdownsecim ul > li > a {
                border-bottom: 1px solid #D3D3D3;
                font-size: 14px;
                text-decoration: none;
                color: #000;
                padding: 12px 0;
                display: block;
            }


.slider-container .owl-theme .owl-controls {
    margin: 0;
    text-align: left;
}

.slider-container .owl-pagination {
    position: absolute;
    text-align: center;
    max-width: 980px;
    width: 980px;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 5%;
}

.slider-container .owl-theme .owl-controls .owl-page span { /*background:#00a550;*/
    width: 15px;
    height: 15px;
    opacity: 1;
    border: 2px solid #00a550;
}

.slider-container .owl-theme .owl-controls .owl-page.active span {
    background: #00a550;
}

.home-main-slider-bottom {
    padding: 50px 0;
    background: #221e1f;
}

.home-news-slider {
    position: relative;
}

    .home-news-slider .item {
        width: 100%;
        display: block;
        position: relative;
    }

        .home-news-slider .item a {
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
        }

    .home-news-slider .owl-pagination {
        position: absolute;
        bottom: -30px;
        left: 0;
        right: 0;
    }

    .home-news-slider .owl-theme .owl-controls .owl-page span {
        background: #000;
        opacity: 1;
    }

    .home-news-slider .owl-theme .owl-controls .owl-page.active span {
        background: #fff;
    }

    .home-news-slider h3 {
        color: #8ec83d;
        font-size: 17px;
        font-family: "Open Sans", sans-serif;
        font-weight: 400;
        margin-bottom: 15px;
        margin-top: 20px;
    }

    .home-news-slider .desc {
        color: #fff;
        font-size: 14px;
        font-family: "Open Sans", sans-serif;
        line-height: 20px;
    }

        .home-news-slider .desc p {
            margin-bottom: 15px;
        }

    .home-news-slider a.archive {
        background: #000;
        height: 20px;
        line-height: 20px;
        font-size: 11px;
        width: 55px;
        display: block;
        text-align: center;
        color: #fff;
        text-decoration: none;
        position: absolute;
        bottom: 0;
    }

    .home-news-slider .social-type-1 {
        position: absolute;
        right: 0;
        bottom: 0;
    }

.showcase {
    padding-bottom: 50px;
}

    .showcase article figure {
        position: relative;
    }

        .showcase article figure span {
            width: 80px;
            height: 80px;
            position: absolute;
            top: 0;
            left: 0;
            display: block;
        }

            .showcase article figure span.new {
                background: url(../img/icons/icon_new.png);
            }

            .showcase article figure span.campaign {
                background: url(../img/icons/icon_cam.png);
            }

.showcase {
    background: #8ec83d;
}

    .showcase .title {
        position: relative;
    }

        .showcase .title h2 {
            font-family: Ubuntu, sans-serif;
            font-weight: 700;
            font-size: 33px;
            color: #221e1f;
            letter-spacing: -2.5px;
            text-align: center;
            height: 105px;
            line-height: 105px;
            z-index: 999999;
            position: relative;
            width: 220px;
            margin: 0 auto;
            background: #8ec83d;
        }

        .showcase .title .hr-con {
            height: 12px;
            position: absolute;
            width: 100%;
            top: 50%;
            margin-top: -5px;
        }

            .showcase .title .hr-con span {
                display: block;
                width: 100%;
                height: 1px;
                border: 1px solid #000;
                margin-bottom: 3px;
            }

.home-shop { /*background:#fff*/
    overflow: hidden; /*position: relative;z-index: -2;*/
}

    .home-shop .home-shop-slider {
        position: relative;
        max-width: 935px;
        width: 100%;
        margin: 0 auto;
    }

        .home-shop .home-shop-slider .owl-wrapper {
            height: 75px;
        }

        .home-shop .home-shop-slider .item {
            text-align: center;
        }

            .home-shop .home-shop-slider .item a {
                position: relative;
            }

                .home-shop .home-shop-slider .item a.active:after, .home-shop .home-shop-slider .item a:hover:after {
                    content: "";
                    width: 0;
                    height: 0;
                    border-style: solid;
                    border-width: 7px 6.5px 0;
                    border-color: #8ec83d transparent transparent;
                    position: absolute;
                    bottom: -10px;
                    left: 50%;
                    margin-left: -6.5px;
                }

                .home-shop .home-shop-slider .item a img {
                    border: 1px solid #333;
                }

        .home-shop .home-shop-slider .owl-controls .owl-buttons div {
            background: url(../img/home-shop-slider-arrow.png);
            width: 24px;
            height: 67px;
            display: block;
            padding: 0;
            margin: 0;
            position: absolute;
            top: -2px;
            text-indent: 100%;
            white-space: nowrap;
            overflow: hidden;
        }

            .home-shop .home-shop-slider .owl-controls .owl-buttons div.owl-prev {
                left: -24px;
            }

            .home-shop .home-shop-slider .owl-controls .owl-buttons div.owl-next {
                right: -24px;
                -webkit-transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                transform: rotate(180deg);
            }

.home-shop-selected {
    position: relative;
}

    .home-shop-selected h3 {
        color: #888;
        font-size: 20px;
        font-family: "Open sans", sans-serif;
        text-align: center; /* margin-bottom:50px; */
        display: block;
        font-weight: 400;
    }

.home-shop-selected-slider {
    position: relative; /*max-width:1150px;*/
    width: 100%;
    margin: 0 auto;
}

.home-shop .home-shop-selected-slider .item {
    width: 220px;
    margin: 0 auto;
    height: 100%;
    display: block;
    position: relative;
    overflow: hidden;
}

    .home-shop .home-shop-selected-slider .item a {
        position: relative;
        display: block;
        height: 100%;
        width: 100%;
        overflow: hidden;
    }

        .home-shop .home-shop-selected-slider .item a img { /*float:left;*/
            width: 100%;
            position: relative;
            z-index: -1;
            display: block;
        }

.home-shop .home-shop-selected-slider .owl-pagination {
    position: absolute;
    top: -42px;
    left: 0;
    right: 0;
}

    .home-shop .home-shop-selected-slider .owl-pagination .owl-page span {
        background: #00a550;
        opacity: 1;
    }

    .home-shop .home-shop-selected-slider .owl-pagination .owl-page.active span {
        background: #fff;
        border: 1px solid #00a550;
    }

.e-bulletin .mobile-socialSearch .socialSearch {
    width: 145px;
    position: relative;
    z-index: 0;
}

@media all and (max-width: 980px) {
    .slider-container .owl-pagination {
        width: 100%;
    }
}

@media all and (max-width: 640px) {
    .socialSearch {
        display: none;
    }

    .e-bulletin .mobile-socialSearch, .e-bulletin .mobile-socialSearch .socialSearch {
        display: block;
    }

    .list-yanmenu {
        display: none
    }
}

@media all and (max-width: 500px) {
    .home-main-slider-bottom .row .home-news-slider .col-2.fleft img {
        width: 90%;
        margin: 0 auto;
        display: block;
    }

    .home-news-slider .desc, .home-news-slider h3 {
        padding: 0 1%;
        text-align: center;
    }
}

@media all and (max-width: 480px) {
    .home-shop .home-shop-selected-slider .owl-pagination {
        position: relative;
        top: inherit;
        left: inherit;
        right: inherit;
    }
}

.owl-item {
    float: left;
}

.owl-theme .owl-controls .owl-buttons .owl-prev {
    left: 0;
    background: url(../img/slider2-left-arrow.png) center no-repeat #7b1315;
    background-size: 50%;
}

.owl-theme .owl-controls .owl-buttons .owl-next {
    right: 0px;
    background: url(../img/slider2-right-arrow.png) center no-repeat #7b1315;
    background-size: 50%;
}

.owl-theme .owl-controls { /* margin-top:10px; */
    text-align: center;
}

    .owl-theme .owl-controls .owl-buttons div {
        color: #afafaf;
        display: inline-block;
        zoom: 1;
        padding: 28px 28px;
        font-size: 12px; /* background: url(../img/right-arrow.svg); */
        position: absolute;
        top: -72px;
        cursor: pointer;
    }

    .owl-theme .owl-controls.clickable .owl-buttons div:hover {
        filter: Alpha(Opacity=100);
        opacity: 1;
        text-decoration: none;
    }

    .owl-theme .owl-controls .owl-page {
        display: inline-block;
        zoom: 1;
    }

        .owl-theme .owl-controls .owl-page span {
            display: block;
            width: 12px;
            height: 12px;
            margin: 5px 3px;
            filter: Alpha(Opacity=50);
            opacity: 0.5;
            border-radius: 20px;
        }

        .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
            filter: Alpha(Opacity=100);
            opacity: 1;
        }

        .owl-theme .owl-controls .owl-page span.owl-numbers {
            height: auto;
            width: auto;
            color: #fff;
            padding: 2px 10px;
            font-size: 12px;
            border-radius: 30px;
        }

.owl-item.loading {
    min-height: 150px;
    background: url(AjaxLoader.gif) center center no-repeat;
}

.owl-item p {
    padding: 15px 15px 15px 0;
    font-family: "Open Sans";
    font-size: 11px;
    float: left;
}

    .owl-item p span {
        width: 100%;
        font-family: "Open Sans";
        font-weight: 600;
        font-size: 14px;
    }

.rsWebkit3d .rsSlide:before {
    position: absolute;
    z-index: 11;
    width: 100%;
    height: 100%;
    content: " ";
}

.rsDefault .rsThumb {
    position: relative;
}

    .rsDefault .rsThumb:before {
        position: absolute;
        z-index: 11;
        width: 100%;
        height: 100%;
        content: " ";
    }

.detaylibilgi {
    margin: 40px 0;
}

    .detaylibilgi p a {
        color: #989898;
        border: 1px solid #989898;
        padding: 7px 10px;
        font-size: 14px;
        cursor: pointer;
    }

        .detaylibilgi p a:hover {
            color: #fff;
            border: 1px solid #fff;
        }

.ekranresimver {
    bottom: 53px;
    position: absolute;
    width: calc(100% - 12px);
    background: #a61e22;
    height: 50px;
}

    .ekranresimver > a {
        display: block;
        line-height: 50px;
        text-align: center;
        color: #fff;
    }

.resimengelle {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
}

.detayvideo {
    display: flex;
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    margin: 48px 0;
    overflow: hidden;
}

    .detayvideo > iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
        pointer-events: none;
        animation: fadeIn 2.5s;
        border-radius: 3px;
        margin: -3% 0;
    }

/*video*/
.video object {
    width: 100%;
    height: auto;
}

.vcontainer .icon-play {
    transition: opacity 0.225s;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 76px;
    height: 76px;
    padding: 30px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    cursor: pointer;
    z-index: 9;
}

    .vcontainer .icon-play svg {
        position: static;
        stroke: #f8f7f4;
        stroke-width: 10px;
        height: auto;
    }

video.fullscreen {
    position: absolute;
    z-index: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: var(--zeminbg);
}

.vcontainer {
    position: relative;
    display: grid;
    place-items: center;
    height: 70vh;
    width: 100%;
    margin: 0 auto;
}

    .vcontainer .content {
        z-index: 1;
    }

.videopopup {
    margin-top: calc(30px + 0.5vw);
}

    .videopopup iframe {
        width: 100%;
        height: 100%;
    }

    .videopopup .vdetail {
        position: fixed;
        width: 100vw;
        height: 100vh;
        display: none;
        background: #000;
        left: 0;
        top: 0;
        z-index: 999;
    }

        .videopopup .vdetail video {
            background: #000;
        }

    .videopopup .close {
        position: absolute;
        right: var(--altbosluk);
        top: var(--altbosluk);
        display: block;
        cursor: pointer;
        z-index: 99;
    }

        .videopopup .close svg {
            width: 100%;
        }

    .videopopup .pause, .videopopup .play {
        display: none;
        position: absolute;
        bottom: var(--altbosluk);
        left: var(--altbosluk);
        cursor: pointer;
    }

        .videopopup .play.active, .videopopup .pause.active {
            display: block;
        }

.fullsize .img {
    width: 100%;
}

/*Video end*/

.app-store-pop {
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-transition: all 0.8s ease-in-out;
    transition: all 0.4s ease-in-out;
    display: none;
    direction: none;
    position: fixed;
    z-index: 99999;
    background: rgb(0, 0, 0, 70%);
    top: 0;
}

    .app-store-pop .app-store-close {
        position: absolute;
        top: 20px;
        right: 20px;
        cursor: pointer;
        z-index: 9;
    }

        .app-store-pop .app-store-close > img {
            width: 40px;
        }

    .app-store-pop .apphaber {
        border: 10px solid var(--color1);
        min-height: 50vh;
        height: 90%;
        width: 90%;
    }

        .app-store-pop .apphaber .apphead .head {
            max-width: 650px;
        }

            .app-store-pop .apphaber .apphead .head h1 {
                font-size: 34px;
                line-height: 41px;
                font-weight: 500;
            }

            .app-store-pop .apphaber .apphead .head h2 {
                font-size: 20px;
                line-height: 26px;
                margin: 35px 0;
            }

            .app-store-pop .apphaber .apphead .head div {
            }


.midsummer {
    background: #25151f
}

.yaz-ortasi-section {
    padding-top: 5%;
    padding-bottom: 5%;
    min-height: 40vh;
    width: 100%;
    color: #ffff;
    position: relative;
    overflow: visible;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
    background: url(/img/model/Spokes-Graphic-07.svg) no-repeat center center/cover;
}


    .yaz-ortasi-section h2, .yaz-ortasi-section p {
        color: #ffff;
        line-height: 1.5;
    }

.brxe-inoghz {
    align-items: center;
    min-height: 100vh;
    justify-content: flex-start;
    background-position: center 40%;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(/img/model/Malvern-Hills-01.svg);
    padding-top: 5%;
    display: flex;
    align-items: flex-start;
}

.Fuoriserie {
    background-image: url(/img/model/Pininfarina-Fuoriserie.jpg);
    padding-top: 5%;
    padding-bottom: 10%;
    row-gap: 20vh;
    height: 75vh;
    background-position: bottom center;
    background-size: cover;
    align-items: flex-start;
    justify-content: flex-start;
    display: flex;
}

    .Fuoriserie .textbar > p {
        color: #2f3133;
        font-weight: 400;
    }




.zanaat-section {
    row-gap: 20vh;
    padding-bottom: 10%;
    height: 90vh;
    justify-content: center;
    position: relative;
    background-image: url(/img/model/Craft-Full-Width-text-over-image-1.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

    .zanaat-section::before {
        background-image: linear-gradient(rgba(37, 20, 30, 0.7), rgba(37, 20, 30, 0.7));
        position: absolute;
        content: "";
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        pointer-events: none;
        z-index: 0;
    }

.zanaat-text {
    display: flex;
    flex-direction: column;
    margin-left: 10%;
    justify-content: center;
    position: relative;
    height: 100vh;
    padding-bottom: 10%;
    width: 90%;
    color: #ffffff !important;
    z-index: 1;
    max-width: 710px;
}

.zanaat-section * {
    color: #ffff !important;
}

.zanaat-section h2 {
    font-size: clamp(1.8rem, 2.2rem, 5vw);
    display: flex;
    flex-direction: row;
    align-items: center;
    font-weight: 300;
    margin-bottom: 13px;
}

    .zanaat-section h2 > span, .brxe-inoghz h2 > span {
        color: #d7685e !important;
        font-size: clamp(1.8rem, 2.2rem, 5vw);
        font-weight: 300;
        margin-right: 10px;
        display: contents;
    }


.midsummer-section {
    background-color: #25151f;
    padding: 50px 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding-right: 5%;
    padding-left: 5%;
    background-size: cover;
    background-position: center center;
}

.midsummer-container {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 5% 0;
}

.midsummer-block, .midsummer-div {
    width: 100%;
}

    .midsummer-block.midsummer-div {
        display: flex;
        justify-content: space-between;
        gap: 10% !important;
        align-items: center;
    }

        .midsummer-block.midsummer-div.left > div:last-child {
            margin-top: 0;
        }

.left, .right {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.left {
    align-items: flex-start;
}

.right {
    align-items: flex-end;
}

.midsummer-item {
    position: relative;
    width: 100%;
    /* max-width: 600px; */
    /* width: 1280px; */
    /* aspect-ratio: auto 1280 / 1920; */
}

    .midsummer-item.lower {
        margin-top: 150px;
    }

.midsummer-image {
    width: 100%;
    height: auto;
    object-fit: cover;
    height: 70vh;
    min-height: 800px;
}

.midsummer-heading {
    position: absolute;
    top: -40px;
    font-weight: normal;
    text-transform: uppercase;
    margin: 0;
    padding: 5px 10px;
    color: #eaaea9;
    font-size: 1.7rem;
    letter-spacing: 7px;
    line-height: 1;
}



.kulupler-img {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    align-items: center;
    /* flex-direction: column; */
    border-radius: 3px;
    min-height: 50vh;
}

.kulupler-block {
    padding-right: 2rem;
    align-items: flex-start;
    display: flex;
    flex-direction: row-reverse;
}

.table-container {
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
    font-family: Arial, sans-serif;
}

    .table-container > h2 {
        font-size: clamp(1.6rem, 2rem, 5vw);
    }


.price-table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
}

    .price-table th, .price-table td {
        border: 0;
        border-bottom: 1px solid #ddd;
        padding: 10px;
        text-align: LEFT;
    }

    .price-table th {
        font-weight: bold;
        < h2 style="text-align: center">CX PLATFORM - PLUS FOUR & PLUS SIX SERVİSİ</h2>;
        white-space: nowrap;
    }

    .price-table td:first-child {
        font-weight: bold;
        text-align: left;
    }

    .price-table tr:last-child td {
        border-bottom: 0;
    }

.icon-cell svg {
    width: 16px;
}

.bilgi-form1 {
    display: flex;
    justify-content: center;
    width: 80%;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    align-content: flex-start;
    margin-bottom: 5%;
}

.bg1 {
    background: #25141e;
    background-image: url(/img/model/Mask-group.svg);
    background-position: bottom left;
    background-size: 60%;
    background-repeat: no-repeat;
    position: sticky;
}


.bg2 {
    background: #25141e;
    background-image: url(/img/model/Mask-group.svg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: sticky;
    align-items: flex-end;
    padding-top: 10%;
    padding-bottom: 10%;
}


.bg1.ters {
    background-size: 100%;
    padding-bottom: 5%
}


.content-scroll {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    padding-left: 5%;
}


.text-panel {
    width: 100%;
    padding-top: 5%;
    padding-right: 5%;
}

    /* Fixed durumunda text-panel için */
    .text-panel > div.fixed {
        position: fixed;
        top: 140px; /* 100px kala fixed yapılacak */
        left: 5%; /* content-scroll içindeki padding'e uyumlu */
        right: auto;
        width: 40%; /* Sabit kalması için genişlik belirleyin, örneğin %40 */
        z-index: 10;
    }
    /* Sol taraftaki metin paneli: sabit genişlik, istediğiniz padding */
    .text-panel h2 {
        font-size: clamp(1.8rem, 2.2rem, 5vw);
    }

    .text-panel p {
        font-size: clamp(15px, 1.25vw, 18px);
        margin-bottom: 25px;
        line-height: 1.5;
    }

    .text-panel * {
        color: #dddedf
    }

    .text-panel h2 > span {
        font-size: clamp(1.8rem, 2.2rem, 5vw);
        color: #d7685e;
    }

.image-gallery {
    width: 100%;
    display: flex;
    flex-direction: column;
}

    .image-gallery > img {
        width: 100%;
        margin: 0;
    }


.content-scroll.terscevir {
    flex-direction: row-reverse;
    padding-left: 0;
}

    .content-scroll.terscevir .text-panel {
        padding-left: 5%;
        width: 95%;
    }

    .content-scroll.terscevir .image-gallery {
    }


    .content-scroll.terscevir .text-panel > div.fixed {
        position: fixed;
        /* 100px kala fixed yapılacak */
        left: auto; /* content-scroll içindeki padding'e uyumlu */
        right: 5%;
        width: 40%; /* Sabit kalması için genişlik belirleyin, örneğin %40 */
        z-index: 10;
    }

.isbirligi-section {
    background-image: url(/img/model/Midsummer_Pininfarina_ND_116.jpg);
    padding-top: 5%;
    padding-bottom: 10%;
    row-gap: 20vh;
    height: 75vh;
    background-position: bottom center;
    background-size: cover;
    align-items: center;
    justify-content: flex-start;
    display: flex;
}

    .isbirligi-section::before {
        background-image: linear-gradient(rgba(37, 20, 30, 0.7), rgba(37, 20, 30, 0.7));
        position: absolute;
        content: "";
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        pointer-events: none;
        z-index: 0;
    }

    .isbirligi-section .textbar > p {
        color: #2f3133;
        font-weight: 400;
        z-index: 1;
    }


.midsummer-form {
    background-image: url(/img/model/Spokes-Graphic-01.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #ffff !important;
}

.midsummer-form-txt {
    color: #ffff !important;
}

.tri-section {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    background-color: #25141e;
    margin: 0 auto;
    padding: 0;
    padding-bottom: 10%;
}

.column {
    flex: 1;
    padding: 20px;
}

    .column.left, .column.right {
        flex: 0.4;
        padding: 0;
        gap: 0;
    }

    .column.center {
        flex: 0.6;
        padding-top: 5%;
        padding-right: 2%;
        padding-bottom: 5%;
        padding-left: 2%;
    }

.column-image {
    max-width: 100%;
    height: auto;
    border-radius: 5px;
    opacity: 0; /* Start hidden */
    transform: translateX(0); /* Initial position */
    transition: opacity 0.5s ease, transform 0.5s ease; /* Smooth transition for reset */
    width: 100%;
    height: 101%;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
}

    .column-image.animate {
        opacity: 1; /* Visible when animated */
    }

    .column-image[data-anim="slide-left"].animate {
        transform: translateX(0); /* Final position */
        animation: slideInLeft 1s ease-out forwards;
    }

    .column-image[data-anim="slide-right"].animate {
        transform: translateX(0); /* Final position */
        animation: slideInRight 1s ease-out forwards;
    }

/* Animation keyframes for sliding in from left */
@keyframes slideInLeft {
    from {
        transform: translateX(-100px); /* Start off-screen to the left */
        opacity: 0;
    }

    to {
        transform: translateX(0); /* End at final position */
        opacity: 1;
    }
}

/* Animation keyframes for sliding in from right */
@keyframes slideInRight {
    from {
        transform: translateX(100px); /* Start off-screen to the right */
        opacity: 0;
    }

    to {
        transform: translateX(0); /* End at final position */
        opacity: 1;
    }
}

.intro-text, .bio-text, .impact-text {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 14px;
    );
    );
    );
    );
    );
    );
    );
    );
    );
    );
    vertical-align: baseline;
    font-weight: 100;
    letter-spacing: 2px;
    line-height: 1.5;
    color: #ffff !important;
}

.brxe-ysmvanbrxe-morgan-button {
    border-radius: 50px !important;
    border: solid 2px #d9d9d9;
    padding: 15px 35px;
    color: #d9d9d9;
}

    .brxe-ysmvanbrxe-morgan-button > .main > .text {
        color: #d9d9d9 !important;
        letter-spacing: 2px;
        margin: 0 .5rem 0 0;
        line-height: 1;
        font-size: clamp(16px, 1.25vw, 18px)
    }

.modalfix.morbg > div > div, .modalfix.morbg .model-kaydir {
    background: #25141e
}

.modalfix.morbg * {
    color: #fff
}

#bilgi2.modalfix.morbg .model-kaydir > ul > li > div:first-child {
    width: 45%;
}

#bilgi2.modalfix.morbg .model-kaydir > ul > li > div:last-child {
    width: 100%
}
/* Responsive design */
@media (max-width: 768px) {
    .tri-section {
        flex-direction: column;
        text-align: center;
    }

    .column {
        flex: 1;
        margin-bottom: 20px;
    }

    .column-image[data-anim="slide-left"].animate,
    .column-image[data-anim="slide-right"].animate {
        animation: none; /* Disable animations on mobile for simplicity */
        transform: translateX(0);
        opacity: 1;
    }
}

/* Responsive design */
@media (max-width: 767px) {
    .content-scroll {
        flex-direction: column;
        height: auto;
    }

    .text-panel, .image-gallery {
        margin-left: 0;
        height: auto;
        padding-left: 5%;
        padding-right: 5%;
    }

    .gallery-image {
        height: 300px; /* Smaller height for mobile, matching reference image prominence */
        width: 100%;
        margin-bottom: 10px;
    }

    .image-gallery::before {
        left: 0; /* Gradient covers the entire width on mobile */
    }

    .midsummer-block.midsummer-div {
        flex-direction: column;
        align-items: center;
    }

    .left, .right {
        align-ite ms: center;
    }

    .midsummer-item {
        max-width: 100%;
    }

        .midsummer-item.lower {
            margin-top: 0;
        }

    .midsummer-heading {
        position: static;
        top: 0;
        margin-top: 10px;
    }
}

.bigbrxe-hfqasi {
    color: #d9d9d9;
    text-align: left;
    font-size: 28px;
}

.smallbrxe-qubpgl {
    color: #d9d9d9;
    text-align: left;
    font-size: 20px;
}

@media (max-width: 1500px) {
    .altmenu > div:last-child {
        display: none
    }
}


@media (max-width: 1300px) {
    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
        font-size: 15px;
        line-height: 1.2;
        letter-spacing: 1px;
    }

    .brxe-culbsb, .brxe-ytbbkj, .brxe-ldrbyn, .brxe-kextxh {
        width: 90%;
    }

    .footerbottom .social > a > svg {
        height: 18px;
    }

    .footerbottom > div p {
        font-size: 13px;
        letter-spacing: 1px;
        line-height: 1.3
    }

    #countdown > div > .format {
        font-size: 80px;
    }

    .carousel__text h2.news {
        font-size: 30px
    }

    .arac-detay .info .carinfo > div:first-child > ul > li > div:first-child {
        width: 90px;
    }

    .arac-detay .info .carinfo > div:first-child > ul > li > div:last-child {
        width: calc(100% - 102px);
    }

    .altmenu > div h1 {
        font-size: 12px;
        font-weight: 500;
        letter-spacing: 1px;
        padding-bottom: 9px;
        color: #fff;
        line-height: 1;
    }


    .altmenu > div ul > li a {
        font-size: 16px;
        line-height: 1.2;
        white-space: nowrap;
    }

    .arac-detay .info .carinfo > div:first-child {
        padding: 35px 25px;
    }

    .arac-detay .info .carinfo {
        width: 300px;
        height: calc(100vh - 90px);
        margin-top: 90px;
    }

    #countdown {
        margin-top: 3%
    }

    #brxe-lifsbe.brxe-morgan-button {
        padding: 14px 20px;
    }

    .resimyazi .brxe-block h2 {
        font-size: 30px;
    }

    .baslikbold1 {
        line-height: 35px;
        font-size: 30px;
    }

    .yanmenubar .social a > svg {
        height: 20px;
    }

    .slick-lightbox .slick-arrow, .slader .slick-arrow {
        width: 30px;
        height: 30px;
        background-size: 18px;
    }

    .formlar textarea, .formlar input {
        padding: 0 8px;
    }

        .formlar input.gform_button {
            padding: 8px 12px
        }

    .modal > div > div > .close > svg {
        height: 30px;
    }

    #nextBtn > svg, #prevBtn > svg {
        width: 30px;
        height: 30px
    }
}


@media (max-width: 1000px) {
    .icalan3 {
        width: 70%;
    }

    .h90 {
        height: 60vh;
    }

    .car-galery-list {
        grid-template-columns: repeat(3, 1fr);
        margin-bottom: 25px;
    }

    .ikili:not(.model-buttonlar), .ikili.terscevir {
        display: flex;
        flex-direction: column;
    }

    form .ikili {
        flex-direction: row !important;
    }

    .ikili > div.fullimg {
    }

        .model-detay .ikili.terscevir .fullimg, .ikili > div.fullimg.h75 {
            height: auto !important;
            max-height: 75vh;
            padding: 0
        }

    .ikili > div.txt {
        padding: 7%;
    }

    .model-detay .ikili.terscevir .fullimg {
    }

    .carousel__text .brxe-block > a:last-child {
        display: none
    }

    .model-kaydir > ul > li {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

        .model-kaydir > ul > li > div {
            width: 100% !important
        }

        .model-kaydir > ul > li > div {
            height: 50vh !important;
            !i;
            !;
        }

            .model-kaydir > ul > li > div:last-child {
                padding: 5%
            }

    .baslik1 {
        width: 100%;
    }

    .resimyazi {
        max-height: 60vh
    }

        .resimyazi .brxe-block {
        }

    .footer .altmenu > div h1.active {
        color: #c5a477
    }

    .footer .altmenu {
        display: flex;
        flex-direction: column;
        width: 80%;
        margin: 0;
    }

    .altmenu > div h1 span {
        display: block;
    }

    .altmenu > div ul {
        display: none;
        margin-bottom: 25px;
    }

    .footer .altmenu > div {
        width: 100%;
        margin: 0;
    }

        .footer .altmenu > div h1 {
            font-size: 22px;
            font-weight: 300;
            display: flex;
            justify-content: space-between;
            cursor: pointer;
        }

            .footer .altmenu > div h1 > ul {
            }


    .mmunepopup { /* justify-content: center; */
        background: rgba(0, 0, 0, 0.95);
    }

    .yanmenubar {
        display: none
    }

        .yanmenubar.altmenu {
            display: block;
            width: calc(100% - (var(--altbosluk) * 4));
            margin-top: 170px;
        }

            .yanmenubar.altmenu > div ul > li {
                margin-bottom: 10px
            }

            .yanmenubar.altmenu > div ul {
                margin-left: 15px;
            }

            .yanmenubar.altmenu .social {
                width: 25px;
                right: 25px;
                bottom: 25px;
            }

            .yanmenubar.altmenu > div h1 {
                display: flex;
                flex-direction: row;
                align-items: center;
                justify-content: space-between;
                color: #fff;
                letter-spacing: 3px;
                text-transform: none;
                font-size: 25px;
                padding-bottom: 20px;
                margin-bottom: 2%;
                font-weight: 200;
            }

                .yanmenubar.altmenu > div h1 > span {
                    line-height: 0;
                }

                    .yanmenubar.altmenu > div h1 > span > svg {
                    }

            .yanmenubar.altmenu > div:not(.social) > a {
                display: flex;
                flex-direction: row;
                align-items: center;
                justify-content: space-between;
                color: #fff;
                letter-spacing: 3px;
                text-transform: none;
                font-size: 25px;
                padding-bottom: 0;
                line-height: 1;
                font-weight: 500;
                padding-bottom: 20px;
                margin-bottom: 2%;
                font-weight: 200;
            }

    .altmenu.yanmenubar .social a {
    }

    .yanmenubar.altmenu > div > a > span {
        line-height: 0;
    }

        .yanmenubar.altmenu > div > a > span > svg {
            width: 12px;
            fill: #fff;
        }

    .yanmenubar.altmenu > div ul > li a {
        color: #fff;
        font-size: 16px;
        line-height: 24px;
        font-weight: 300;
    }

    .apphaber .apphead .head div > a {
        width: 150px;
    }

    .apphaber .apphead {
        width: 70%;
    }

        .apphaber .apphead .head div {
            margin-top: calc(var(--altbosluk) / 2);
        }

        .apphaber .apphead .head {
            margin-bottom: 0
        }

    .icalankaydir {
        width: calc(100% - var(--altbosluk) * 2);
    }

    .slick-lightbox .slick-arrow, .slader .slick-arrow {
    }

    .homeslader.slader {
        height: 60vh;
    }

    .slick-arrow.slick-next {
        left: auto !important;
    }

    .carlist > div:first-child, .carmenu {
        position: fixed;
        width: 100%;
        max-width: 460px;
        z-index: 99979;
        top: 0;
        height: 100vh;
        left: -460px;
        transition: .5s;
        display: flex;
        justify-content: center;
        padding: 70px 35px 0 35px;
    }

    .carlist.miniform > div:last-child, .carlist > div:last-child {
        width: 100%
    }

    .filtrele {
        display: flex !important;
        align-items: center;
        cursor: pointer;
    }

    .mobilegizle.close {
        display: block !important;
        position: absolute;
        top: 100px;
        right: 20px;
        cursor: pointer;
    }

        .mobilegizle.close > svg {
            width: 25px;
        }

            .mobilegizle.close > svg > path {
                fill: var(--temacolor);
            }

    .arac-detay .info {
        height: 60vh;
    }

        .arac-detay .info .carinfo {
            display: none
        }

    .grdbg {
        height: 120px;
    }

    .grdbgbottom {
        height: 120px;
    }

    .arac-detay .info .grdbg {
        height: 60px;
    }

    .arac-detay .info .grdbgbottom {
        height: 60px;
        bottom: -1px;
    }

    .carinfo.mobilegizle {
        display: flex !important;
        position: relative;
        height: auto;
        margin: 0;
        width: 100%;
        padding: 0;
        right: auto;
        background: var(--bgcolor); /* margin-bottom: -1px; */
    }

    .arac-detay .leftslider {
        height: calc(40vh);
        min-height: 450px;
    }

    .carinfo.mobilegizle > div > ul {
        display: flex;
        justify-content: space-between;
        flex-direction: row;
        flex-wrap: wrap;
    }

        .carinfo.mobilegizle > div > ul > li {
            width: 49%
        }

    .ekstraaciklama ul > li p, .AciklamaHead > ul > li div {
        line-height: calc(13px + 0.25vw);
    }

    .aracno {
        display: none
    }

    .haberlist .news-item > div {
        width: calc((100% / 2) - 14px);
    }
}


@media (max-width: 800px) {
    :root {
        --altbosluk: calc(10px + 0.5vw);
    }

    .carousel__text > div {
        flex-direction: column;
        flex-direction: column-reverse;
    }

    .treefold {
        display: flex;
        flex-direction: column;
    }

    .resimyazi {
        height: auto
    }

        .resimyazi .brxe-block h2 {
            margin-bottom: 10px
        }

    #countdown > div > .format {
        font-size: 50px;
    }

    .ikili.model-buttonlar, .ikili.terscevir {
        display: flex;
        flex-direction: column;
    }

    .contact ul > li > label > svg {
        fill: #414042;
        height: 17px;
        width: 20px;
    }

    .contact > p, .contact ul > li > label > p {
        font-size: 15px;
        line-height: 18px;
    }

    .bottompage .gfield_label {
        font-size: 14px;
    }

    .tarif.button {
        background: transparent;
        border: 1px solid #eeeeee;
        float: left;
        padding: 0px 4px;
        margin-bottom: 5%;
    }

    .resimyazi .brxe-block {
        display: flex;
        flex-direction: column;
        padding: 0;
        padding-bottom: 13px;
    }

    .twopage {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

        .twopage > div {
            width: 100% !important
        }

    .haberlist .news-item > div {
        width: calc((100%));
    }

    .zoom {
        height: 230px;
    }

    .bottommenubg {
        height: 200px;
        min-height: 25vh;
    }

    .model-oz > h2, .textbar h2 {
        line-height: 1.2;
        font-size: 21px;
        padding-bottom: 2%;
        font-weight: 400;
    }

    .ikili > div.txt {
        padding: 7% 0;
    }

    .brxe-container {
        display: flex;
        flex-direction: column;
        margin-bottom: 15px;
    }

    .brxe-ymcvww.brxe-block, .brxe-pafgck.brxe-block {
        width: 100%;
        padding-right: 0;
    }

    .modeller.h90 {
        height: auto;
        min-height: auto
    }

    .modeller {
        flex-direction: column;
        width: 100%;
    }

        .modeller > div {
            width: calc(100%);
            height: 75vh;
        }

    .bottommenu > div > h1 {
        font-size: 18px;
    }

    .yazisiz-liste .slick-track, .resimkaydir .slick-track {
        gap: 0
    }

    .carlist .listebar {
        flex-direction: column;
    }

    .listebarust {
        margin-bottom: 15px;
        width: 100%;
        text-align: center;
    }

    .detayliaramatik a > p, .dropdownsecim > span > p {
        color: var(--color1);
        margin-bottom: 0;
        font-size: 13px;
        line-height: 14px;
    }

    .bottompage ul > li {
        /* padding: 6px 0px; */
        font-size: 12px;
        line-height: 17px;
        font-weight: 500;
    }

    .dropdownsecim {
        position: relative;
        width: 180px;
    }

    .araclar-list > ul > li {
        width: calc((100%) );
        margin-right: 0;
    }

    .carlist > div:last-child {
        padding-right: 0px;
    }

    .aracim .bilgi > div > div {
        font-size: 13px;
        line-height: 15px;
        font-weight: 400;
        width: 100%;
    }

    .car-list-detay {
        flex-direction: column;
        max-height: none;
        overflow: initial;
    }

        .car-list-detay .galery {
            width: 100%;
        }

    .icalan2 {
        width: 90%
    }

    .car-detail-bar {
        flex-direction: column;
    }

        .car-detail-bar > div {
            width: 100% !important
        }

    .bottomdetailtop > div:last-child h1 {
        font-size: 17px;
    }

    .bottomdetailtop > div:first-child > div h1 {
        font-size: 21px;
        line-height: 25px;
        font-weight: 200;
        font-weight: 400;
    }

    .bottomdetailtop > div:first-child > div svg {
        width: 16px;
    }

    .bottomdetailtop > div:first-child > div {
        margin-top: 7px;
    }

    .car-list-detay > div:first-child figure > a {
        height: auto
    }

    .car-list-detay .galery > figure {
        width: calc(50% - 5px);
    }

    .car-detail-bar > div > div {
        padding: 15px 0;
    }

    .car-detail-bar > div:last-child {
        padding-left: 0%;
    }

    .ekstraaciklama {
        margin: 0;
    }

    .car-galeri-txt > div > div {
        width: 100%;
    }

    .brxe-culbsb, .brxe-ytbbkj, .brxe-ldrbyn, .brxe-kextxh {
        width: 100%;
    }

    #brxe-oykmvi {
        flex-direction: column-reverse;
    }

    .arac-kaydir-liste.slick-slider {
        align-items: start;
        max-height: 60vh;
        overflow: hidden;
        display: flex !important;
        align-content: flex-start !important;
    }

    .slick-lightbox .slick-arrow, .slader .slick-arrow, .arac-kaydir-liste .slick-arrow.slick-next {
        display: none !important;
    }

    .arac-kaydir-liste figure {
        margin-right: 0
    }

    .arac-kaydir-liste .slick-list {
        margin: 0;
    }

    .arac-kaydir-liste figure > div:first-child {
        max-height: 200px;
        overflow: hidden
    }

    .model-oz, .ikili > div.txt.model-oz {
        width: 90%;
        MARGIN: 0 AUTO;
    }

    .modal > div > div {
        width: 96%;
    }

    .ikili, .ikili.terscevir {
        display: flex;
        flex-direction: column;
    }

    form .ikili {
        flex-direction: column !important;
    }

    .formlar textarea, .formlar input {
        margin-top: 6px;
    }

    .model-detay section.h100 > div.txt > div > div {
        display: flex;
        flex-direction: column;
    }

        .model-detay section.h100 > div.txt > div > div > a {
            margin-bottom: 10px
        }

    .model-detay section.h100 > div.txt.left > div > img {
        max-width: 50%;
        height: auto;
    }

    .model-detay section.h100 > div.txt.left > div {
        display: flex;
        justify-content: center;
    }

    .model-detay .h90 {
        height: 85vh;
    }

        .model-detay .h90 img, .model-detay .h90 video {
            width: 100%;
            cursor: pointer;
            transition: 0.5s;
            height: 101%;
            -o-object-fit: cover;
            object-fit: cover;
            position: relative;
        }

    .car-galery-list {
        grid-template-columns: repeat(2, 1fr);
        margin-bottom: 25px;
    }

    .midsummer-block.midsummer-div {
        gap: 10px 0 !important;
    }

    .midsummer-image {
        height: 50vh;
        min-height: 400px;
    }

    .zanaat-section h2 > span, .brxe-inoghz h2 > span {
        /* display: block; */
    }

    .zanaat-section h2 {
        font-size: clamp(1.8rem, 2.2rem, 5vw);
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        font-weight: 300;
        margin-bottom: 13px;
    }

    .content-scroll.terscevir {
        flex-direction: column;
        padding-left: 0;
        display: flex;
    }

    .brxe-inoghz {
        min-height: auto;
        padding-bottom: 15%
    }

    .content-scroll {
        padding: 0;
    }

    .icalan4 {
        width: 90%;
        margin: 0 auto;
    }

    .resimkaydir.news-item > div img {
        min-height: auto;
    }

    .resimkaydir.slick-slider, .leftslidersupersport.slick-slider {
        /*   height: 90vh;*/
        overflow: hidden
    }





    .pvar .leftslidersupersport .slick-list {
        margin: 0;
    }

    .content-scroll.terscevir .image-gallery {
        padding: 0;
    }

        .content-scroll.terscevir .image-gallery img {
            margin-bottom: 10px
        }

    .icalan3 {
        width: 90%;
    }

    .baslik1 {
        font-weight: 400;
        font-size: 20px;
    }

    .ikili.model-buttonlar, .ikili.terscevir {
        display: flex;
        flex-direction: column;
        align-content: flex-start;
        align-items: flex-start;
        gap: 9px;
    }

    .main-item {
        padding: 35px 0;
    }

    .carousel__text {
        padding-bottom: 25px;
    }

        .carousel__text .brxe-block {
            margin-top: 15px;
        }

    #countdown > div > .suffix {
        font-size: 36px;
        line-height: 1;
        margin-bottom: 0;
    }

    .model-buttonlar {
        gap: 13px;
    }

        .model-buttonlar button, .model-buttonlar a {
            padding: 5px 6px;
        }

    .ikili > div.fullimg {
        height: auto !important;
    }

    .generaltxt {
        margin-bottom: 25px;
    }

    .book .ikili > .fullimg.h50 {
        max-height: 50vh;
    }

    .kulupler-img {
        max-height: 50vh;
        width: auto !important;
    }

    .servis-satis * {
        text-align: center
    }

    .bilgi-form1 {
        margin-bottom: 30px
    }

    .fullimg > .txt {
        width: 90%;
    }

        .fullimg > .txt.right {
            gap: 5px
        }

        .fullimg > .txt > h1 {
            width: 100%
        }

    .mobilemidsummer-div {
        flex-direction: column-reverse !important;
    }

    .resimkaydir .slick-dots {
        bottom: 0;
    }

    .midsummer.resimkaydir .slick-slide {
        max-height: 70vh
    }

    .midsummer.resimkaydir.slick-slider {
        height: 75vh
    }

    .altbar {
        width: 100%
    }

    .leftslidersupersport .slick-arrow {
        display: block !important;
        z-index: 999;
        top: 50%;
        left: 8px;
        background-color: #ffffff69;
        border-radius: 100%;
        height: 30px !important;
        width: 30px !important;
        padding: 19px;
        background-position: center;
    }
  
}