: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;
}

/*Reset*/

.light {
    --temacolor: #000;
    --temacolor1: #666;
    --temabg: #fff;
    --temabg1: #AAAAAA;
    --temabgrbg: #fff;
    --temabordercolor: #707070;
    --temabordercolor1: #d1d1d1;
    --temabordercolor2: #333;
    --temaaltmenu: #E8E8E8;
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: "Nimbus";
    font-weight: 100;
}

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: calc(8px + 0.5vw);
    line-height: calc(13px + 0.5vw);
    vertical-align: baseline;
    letter-spacing: 0px;
    color: var(--temacolor);
}
.scrollhidden {
    overflow: hidden !important;
}
.mobileactive{display:none}

body {background: var(--temabg);transition: .5s;}
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)
}

.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;
    letter-spacing: 0.1px;
}

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

textarea, input {
    width: 100%;
    padding: 20px 15px;
    border-radius: 5px;
    background: var(--temabgrbg);
    margin-bottom: 15px;
    border: 1px solid var(--temabordercolor1);
    color: var(--temacolor);
    font-weight: 500;
}

input{}
textarea {
    overflow: auto;
    resize: none;
    padding-top: 15px !important;
    height: 120px !important;
}

    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: #000;}
.bgbeyaz {background: #fff;}
.bgfull {width: 100% !important;}
.txtcenter {text-align: center;}
.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: calc(100% - var(--altbosluk) * 4);margin: 0 auto;margin: var(--altbosluk) auto;}

.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%;
    }

.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 var(--temabg1) !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: -47px;
    font-size: calc(9px + 0.15vw);
    line-height: calc(11px + 0.3vw);
}

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

#slider-range-price > span:first-of-type {
    border-bottom: 20px solid var(--temacolor) !important;
    border-left: 15px solid transparent !important;
    border-right: 15px solid transparent !important;
}

#slider-range-price > span:last-of-type { /* transform: rotate(180deg); */
    margin-left: -0.9em;
    border-top: 20px solid var(--temacolor) !important;
    border-left: 15px solid transparent !important;
    border-right: 15px solid transparent !important;
    border-bottom: 0 solid transparent !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: var(--altbosluk);
    border-radius: 10px;
    display: none;
    background: #ffffff;
    border-radius: 30px;
    width: 60px;
    height: 60px;
    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: 190px;
    height: 105px;
    position: absolute;
    right: 13px;
    width: 25px;
    z-index: 9;
    background-size: 90%;
}

    #twonclick .twonclick {
        display: block;
        height: 90px;
        outline: none;
        text-indent: -9999px;
        width: 37px;
        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: var(--altbosluk) !important;
    position: absolute;
    background: url( ../img/white-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: 10px;
    border: 1px solid #fff;
    border-radius: 30px;
    /* background-color: rgba(0, 0, 0, 0.1); */
    /* backdrop-filter: blur(20px); */
}

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

.slick-arrow.slick-next {
    left: auto !important;
    right: var(--altbosluk) !important;
    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;
    justify-content: center;
    align-items: center;
    opacity: 1;
}

    .carousel__text > div {
        width: 100%;
        height: calc(100% - 13vh);
        display: flex;
        justify-content: flex-end;
        align-items: center;
        flex-direction: column;
        transform: scale(1);
    }

    .carousel__text h1 {
        font-weight: 500;
        font-size: calc(18px + 0.5vw);
        line-height: calc(33px + 0.5vw);
        color: #fff;
        letter-spacing: 8px;
    }

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

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

    .carousel__text a {
        margin-bottom: calc(var(--altbosluk) * 3);
        color: var(--color1);
        font-size: calc(8px + 0.4vw);
        line-height: calc(10px + 0.4vw);
    }

.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: calc(100% - var(--altbosluk) * 4);
    margin: 0 auto;
}

.head {
    text-align: center;
    margin: 0 auto;
    margin-bottom: calc(var(--altbosluk));
    max-width: 720px;
}

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

    .altmenu > div {
        width: calc(50% - 160px);
        max-width: 460px;
    }

        .altmenu > div:nth-child(2n) {
            width: 260px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .altmenu > div > a {
        display: block;
        text-align: center;
        }

            .altmenu > div > a img {
            width: 80%;
            }

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

            .altmenu > div ul > li {
                /* width: calc(100% /3); */
            }

                .altmenu > div ul > li a {
                    font-size: calc(6px + 0.5vw);
                    line-height: calc(13px + 0.5vw);
                }


.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 {
    color: var(--color1);
    font-weight: 500;
    margin-top: 0.3vh;
    font-size: calc(9px + 0.5vw);
    line-height: calc(16px + 0.5vw);
    letter-spacing: 0;
}

.baslik1 {
    font-size: calc(10px + 0.5vw);
    color: var(--temacolor);
    font-weight: 100;
    line-height: calc(13px + 0.5vw);
    letter-spacing: 3px;
}

.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-top: calc(var(--altbosluk) * 2);
}

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

.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%
        }

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

 

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

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

    .treefold figure{margin-right: 15px;display: flex !important;flex-direction: column;justify-content: space-between;}
    .treefold figure>div:first-child{margin-bottom:10px}
.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: 25px 15px;
    flex-direction: column;
    justify-content: space-between;
}

    .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;
    }

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

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


.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;
}

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

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

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

            .news-item > div a h1 {
                margin-top: 25px;
                color: var(--bgcolor);
                font-size: calc(9px + 0.5vw);
                line-height: calc(16px + 0.5vw);
            }

            .news-item > div a h2 {
                margin-top: 5px;
                color: var(--bgcolor);
                font-weight: 100;
            }

    .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;
            }

.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-top: calc(var(--altbosluk) * 1);}
.haberlist .news-item {display: flex;flex-wrap: wrap;flex-direction: row;justify-content: flex-start;}
.haberlist .news-item>div {margin-bottom: 45px;width: calc(25% - 10px); margin-right:10px}
.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: 100%;margin-left: 15px;}
.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(1vh + 37px);
    transition: .5s;
    background: var(--temabg);
}

    .topbar.fixed {
        background: var(--temabg) !important;
        margin-top: 0;
        /* box-shadow: 0 0 4px 0px var(--temabgrbg); */
        border-bottom: 1px solid var(--temabordercolor1);
        padding: 20px 0;
    }

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

    .topbar .menu {
        width: 100%;
        margin: 0 auto;
        display: flex;
        align-items: center;
        max-width: 820px;
        justify-content: space-between;
    }

        .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(15px + 1vh);
            }

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

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

.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: var(--temacolor);
    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;
}

.mmunepopup.active {
    right: 0;
}

.popaltmenu.active {
    right: 0;
}

.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.5s;
    z-index: 999;
    position: fixed;
    right: -100%;
    top: -50px;
    height: calc(100vh + 50px);
    display: flex;
    align-items: flex-start;
    overflow: hidden;
    width: 40%;
    flex-direction: column;
    justify-content: center;
    max-width: 850px;
    background: var(--temacolor);
}

    .mmunepopup::before {
        content: "";
        background-image: url(../../img/arma.svg);
        background-repeat: no-repeat;
        background-size: 60%;
        background-position-x: 80%;
        background-position-y: center;
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: -1;
        opacity: 0.14;
    }

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

    .popaltmenu ul, .mmunepopup ul {
        margin-bottom: calc(30px + 10px);
    }

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

            .popaltmenu ul > li a, .mmunepopup ul > li > a {
                color: var(--temabg);
                padding: 8px 0px;
                display: flex;
                justify-content: space-between;
                cursor: pointer;
                font-size: 18px;
                align-items: center;
            }

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

.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;
}



.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%;
    max-width: 450px;
    margin-top: calc(var(--altbosluk) / 2);
}

.popaltmenu ul > li a:hover,
.mmunepopup ul > li > a:hover {
    color: var(--temabordercolor1);
}

.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: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;
    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;
}


.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;
}

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

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

.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: 17px;
    align-items: center;
}

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

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

        .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-size: calc(8px + 0.4vw);
            line-height: calc(9px + 0.5vw);
            font-weight: 100;
            letter-spacing: 0px;
        }

.carlist .aracim .usttab > div:first-child > div model {
    color: var(--temacolor);
}

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

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

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

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

    .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 {
}

.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;
    /* margin-top: var(--altbosluk); */
    background: var(--color2);
    display: flex;
    align-items: center;
}

    .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 {
    width: 100%;
    background-color: var(--bgcolor1);
}

    .footerbottom > div {
        width: 100%;
        text-align: center;
        padding: 15px 0;
    }

        .footerbottom > div a {
            color: var(--color1);
            font-size: 14px;
        }

            .footerbottom > div a:hover {
            }

.rsContent > div {
    position: absolute;
    width: 100%;
    font-family: "Open Sans";
    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;
}
    .carlist.karsilastirlist > div{background:none!important;width:100%!important}
    .carlist > div:first-child {
        width: 410px;
        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: calc(100% - 450px);
        flex-direction: column;
    }

 .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 var(--temabg1);
        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: calc(6.5px + 0.2vw);line-height: calc(8px + 0.3vw);background: var(--temabg1); padding: 0.7vw  0.4vw; 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: var(--color1);}
.carmenu .button2.active, .carmenu .button2:hover {background: var(--temacolor);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: calc(8px + 0.25vw);
    line-height: calc(9px + 0.3vw);
    margin-right: 15px;
    background: transparent;color: var(--temacolor);display: flex;align-items: center;}

    .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: var(--temabordercolor);
    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-size: calc(10px + 0.5vw);
    line-height: calc(12px + 0.5vw);
    font-weight: 500;
    color: var(--color1);
    overflow: hidden;
    height: calc(9px + 0.5vw);
}

.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 15px 35px 0;
            width: calc((100% /3) - 12px);
        }

            .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: 100px; /* Ý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:last-child> div {
        margin-bottom: 5px;
    }

.arac-detay .carhead>div:last-child>div>span {
            color: var(--color1);
        }

.arac-detay .carhead>div:last-child> div > model {
        }

.arac-detay .carhead>div:last-child > div > h2 {
        }

.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;}
.aracno p {font-size: calc(10px + 0.25vw) !important;line-height: calc(18px + 0.45vw) !important;margin: 0 !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;}
 .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)}

.pswp__counter{display:none!important}
.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(../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: row;
        align-items: flex-start;
        justify-content: space-between;
        flex-wrap: wrap;
    }

        .ekstraaciklama ul > li {
            width: 49%;
            display: flex;
            align-items: center;
        }

            .ekstraaciklama ul > li i {
                margin-right: 5px;
                color: var(--color1);
            }

            .ekstraaciklama ul > li p {
                line-height: calc(9px + 0.35vw);
                font-size: calc(8px + 0.35vw);
                margin: 0;
                letter-spacing: 2px;
                color: var(--color1);
            }

.arac-detay .rsTmb, .bottompageempty .rsTmb {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    width: 100%;
    z-index: 1;
    cursor: pointer;
}

.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%);
    margin-top: calc(2vh + 90px);
}

.bottompage .videobar{ width:90%;margin: calc(var(--altbosluk) ) 0; max-width:1800px}
.bottompage .videobar video{ width:100%}

.bottommenu {
    border-bottom: 1px solid var(--temabordercolor1);
    border-top: 1px solid var(--temabordercolor1);
    padding: 15px 0;
}

    .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: calc(var(--altbosluk) * 1) 0;
}

    .bottompageempty:before {
        content: "";
        background-image: url(../../img/arma.svg);
        background-repeat: no-repeat;
        background-size: auto 100%;
        background-position-x: 95%;
        background-position-y: top;
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: -1;
        opacity: 0.14;
        right: 0;
    }


.bottompage h1 {
    padding-bottom: calc(14px + 0.5vw);
    color: #fff;
    font-size: calc(18px + 0.5vw);
    line-height: calc(24px + 0.5vw);
    color: var(--temacolor);
}

.bottompage p {
    line-height: calc(23px + 0.5vw);
    font-size: calc(14px + 0.4vw);
    margin-bottom: 20px;
}



.bottompage ul > li {
    padding: 6px 0px;
    font-size: calc(8px + 0.3vw);
    line-height: calc(12px + 0.5vw);
}

.textbar {
    max-width: 75%;
}

    .textbar h2 {
        font-weight: 100;
        font-size: calc(25px + 0.5vw);
        line-height: calc(34px + 0.5vw);
        color: var(--temacolor);
    }

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

        .cerezpolitikasi > p > span {
            font-weight: 500;
            margin-top: 35px;
            display: block;
            font-size: 19px;
        }

    .cerezpolitikasi ul {
    }

        .cerezpolitikasi ul > li {
            margin-left: 10px;
            margin-bottom: 10px;
            font-size: calc(10px + 0.4vw);
        }

            .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;
    margin-top: var(--altbosluk);
    padding: 0;
}

    .twopage > div:first-child {
        width: 40%;
        position: relative
    }

        .twopage > div:first-child .fixed {
        }

        .twopage > div:first-child img {
            width: 100%;
        }

    .twopage > div:last-child {
        width: calc(60% - 50px - var(--altbosluk) - var(--altbosluk));
        margin-right: calc(var(--altbosluk) * 2);
    }




.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 {
            margin-top: 30px;
            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 var(--bordercolor);
    background: radial-gradient( circle at 0% 0%, var(--grandcolor1) 0%, var(--grandcolor2) 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{margin-top: var(--altbosluk);}
.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 {}
.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;}

.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 {
        width: calc(100% - 18px);
        background: #ffffff;
        border: none;
        border: 1px solid #cccccc;
        font-size: 12px;
        padding: 8px 8px;
        color: #151414;
        margin-bottom: 5px;
    }

    .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 {
            }
@media (max-width: 1400px) {
    .carlist > div:first-child {width: 330px;padding: 35px 22px;}
    .carlist > div:last-child {width: calc(100% - 360px);}
     #slider-range-price .ui-slider-handle div span {bottom: -37px;}
    .aracim .bilgi > div > div:first-child {width: 90px;}
    .usttab.fiyat {margin-top: 20px;}
    .araclar-list > ul > li {margin: 0 15px 25px 0;}
}

@media (max-width: 1300px) {

    .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);}
    .arac-detay .info .carinfo > div:first-child {padding: 35px 25px;}
    .arac-detay .info .carinfo {width: 300px;height: calc(100vh - 90px);margin-top: 90px;}
}

@media (max-width: 1200px) {
    .topbar .menu{max-width:60%}
    .bottommenu{padding: 10px 0;}
    .icalan {width: calc(100% - var(--altbosluk) * 2);}
    .topbar .temamod {margin-left: calc(var(--altbosluk) * 1);}
    .menu-bar2 .mmenu {margin-right: calc(var(--altbosluk) * 1);}

    #twonclick{right: 5px;width: 20px;}
    #twonclick .twonclick {width: 20px;background-size: 12px;}
    .uyegir{max-width:100%}
        .mmunepopup{width:70%}
        .haberlist .news-item > div{width:calc((100% / 3) - 10px )}
         .haberlist .news-item>div:nth-child(4n){margin-right:10px}
        .haberlist .news-item>div:nth-child(3n){margin-right:0}
}

@media (max-width: 1100px) {
    
    .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 {left: calc(var(--altbosluk) / 2) !important;}
    .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: 9997;
    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}
}

@media (max-width: 800px) {
.listebarust {}
.listebarust > div:first-child {}
.listebarust > div:last-child {display: block}
.mobilfiyatgizle {display: none}
.mobilfiyat {display: block !important}
.mobilaracslider {display: flex !important;}

    .desktoppicture {
        display: none !important;
    }

    .mobilcarhead {
        display: block !important;
        padding-bottom: 5px;
        margin-bottom: -1px;
        border-bottom: 1px solid var(--bgcolor3);
    }

    .main-item {
        padding-top: calc(var(--altbosluk) );
    }

    .main-begin {
        width: calc(100% - var(--altbosluk));
    }

    .arac-info {
        bottom: calc(var(--altbosluk) / 2);
        left: calc(var(--altbosluk) / 2);
    }

    .topbar .menu > div:first-child, .topbar .menu > div:last-child {
        display: none
    }

    .topbar .menu {
        justify-content: center;
    }

    .apphaber {
        min-height: 30vh;
    }

        .apphaber > img {
            height: 30vh;
        }

    .topbar .menu > div a img {
        height: auto;
        width: 130px;
    }

    .carousel__text h1 {
        text-align: center;
    }

    .footer .altmenu > div:first-child, .footer .altmenu > div:last-child {
        display: none
    }

    .footer .altmenu {
        justify-content: center;
    }

    .footerbottom > div a {
        font-size: 12px;
    }

    .vitrinilan > div {
        width: calc(50% - 5px);
        margin-bottom: 10px;
    }

    .aracim > div:last-child {
        position: relative;
        margin-top: 25px;
        left: 0;
    }

    .aracim p span, .aracmodel, .aracim p span {
        color: var(--temacolor)
    }

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

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

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

    .aracim .bg30 {
        display: none
    }

    .baslikbold {
        font-size: calc(16px + 0.3vw);
        line-height: calc(21px + 0.3vw);
        letter-spacing: 0px;
        margin-bottom: 3px;
    }

    .button {
        font-size: calc(10px + 0.35vw) !important;
        line-height: calc(13px + 0.35vw);
        font-weight: 300;
        padding: 7px 14px;
    }

    .treefold div:last-child a {
        margin-top: 0px;
        margin-bottom: 10px;
    }

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

    .topbar .temamod {
        margin-left: calc(var(--altbosluk) / 2);
    }

    .altbar {
        width: 100%;
        padding: 20px 0;
        border: 1px solid var(--temacolor1);
    }

        .altbar > div:first-child p, .altbar > div:first-child p a {
            font-size: 13px;
            line-height: 16px;
        }

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

    .arac-kaydir-liste {
        margin-left: 0
    }

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

    .slick-lightbox .slick-arrow, .slader .slick-arrow {
        width: 15px;
        height: 15px;
        padding: 10px;
        background-size: 6px;
        background-position: center center;
    }

    .mmunepopup {
        width: 80%
    }

    .arac-detay .leftslider {
        height: 400px;
        min-height: 400px;
    }

    .carhead .aracmodel {
        color: var(--color1) !important;
    }

    .bottompage .head {
        max-width: 90%;
        margin: 0 auto
    }

    .newrow {
        margin-top: calc(var(--altbosluk) * 1) !important;
        margin-bottom: 25px !important;
    }
    /*.arac-detay .info{height: 360px;}*/
    .carlist .listebar > div:first-child { /* display:none; */
        margin-bottom: 15px;
        display: flex;
        justify-content: space-between;
        flex-direction: row;
        width: 95%;
        align-items: center;
        border-bottom: 1px solid var(--temabordercolor1);
        padding-bottom: 11px;
    }

    .dropdownsecim > span {
        padding: 7px 14px;
    }

    .haberlist .news-item > div {
        width: calc((100% / 2) - 10px )
    }

        .haberlist .news-item > div:nth-child(3n) {
            margin-right: 10px
        }

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

    .textbar {
        max-width: 95%
    }

.uyegir {flex-direction: column;}
.uyegir > div:first-child, .uyegir > div:last-child, .uyegir > div {width: 100%;margin-bottom: 30px}
.carmenu.hesabim {display: none !important}
.hesabpmobilmenu {display: block}
.hesaptab .carlist {display: table !important}
.talepler > div > p {width: 100%;line-height: calc(22px + 0.25vw);font-size: calc(15px + 0.24vw);}
.talepler > div > h1 {font-size: calc(15px + 0.35vw) !important;}
.talepler > div {flex-direction: column;padding-bottom: 16px;}
.talepler > div > a {width: auto}
.mobilehidde {display: none}
.carmenu .button2 {padding: 8px 4px;font-size: calc(9px);}
.secmarka {}
.secmarka>div{font-size: 13px !important;line-height: 15px !important;margin-bottom: 0 !important;margin-top: 16px;}
.secmarka>.div>div:last-child {}
.secmarka>div>div.tree .button2 {}
.secmarka  .button2 {font-size: calc(11px);padding: 11px 4px;/* margin-right: 10px; */margin-bottom: 6px;}
.item.tree.secmarka .button2 {/* width: calc((100% / 2) - 10px); */}
.item.tree.secmarka .button2:nth-child(3n){/* margin-right: 10px; */}
.markafiltrele {display: flex !important;}
.carlist > div:first-child > form{max-height: 680px;overflow-y: scroll;padding: 0 20px 70px 0;}

}

@media (max-width: 510px) {
    .mobilbrosur, .headnext{display:block}
    /*.bottompage ul > li{min-width: 85px;}*/
    .loading-icon .icon-load{width:25px;height:25px;border: 2px solid rgba(255, 255, 255, 0.3);
    border-top: 2px solid #fff;}
       .menuarama{display:none}
       textarea, input {padding: 13px 13px;border-radius: 5px;margin-bottom: 10px;}
     .treefold figure, .arac-kaydir-liste figure{margin-right:0}
    .aracim{/* border:0 ; */padding: 18px 7px;}
    .apphaber .apphead .head div > a {width: 120px;}
    .carousel__text h1 {font-weight: 500;font-size: calc(18px + 0.35vw);line-height: calc(24px + 0.35vw);letter-spacing:6px}
    .topbar {padding-top: calc(1vh + 27px);}
     .mmunepopup{width:100%}
     .textbar {max-width: 100%;}
    .bottommenu > ul {width: calc(100% - var(--altbosluk) * 2);}
    .arac-detay .leftslider .slick-slide, .bottompageempty .leftslider .slick-slide {margin: 0 0px;}
    .twopage > div:first-child{display:none}
    .twopage > div:last-child, .iletisim{width:calc(100% - var(--altbosluk) * 2);margin: 0 auto;}
      .iletisim > div > ul > li > p {line-height: calc(26px + 0.5vw);font-size: calc(12px + 0.4vw);}
    .mmunepopup .tarif > a {font-size: 14px;line-height: 18px;}
    .araclar-list > ul > li {width: calc((100% /2) - 5px);margin: 0 10px 10px 0;padding: 0 0;}
     .araclar-list > ul > li:nth-child(3n) {margin: 0 10px 10px 0;}
        .araclar-list > ul > li:nth-child(2n) {margin-right: 0;}
    .dropdownsecim {width: 150px;}
   
    .carlist .listebar {display: flex;justify-content: flex-end;flex-direction: column;}
    .carinfo > div:first-child > ul > li > div:first-child{width:50px;letter-spacing:0}
    .carinfo > div:first-child > ul > li > div:last-child {width: calc(100% - 65px);}
     .carinfo > div:last-child{display: flex;flex-direction: row;width: 100%;justify-content: center;margin-bottom: -1px;background: var(--temabg);display: none;}
    .arac-detay .leftslider {height: 260px;min-height: 260px;}
    .arac-detay .carhead {left: calc(var(--altbosluk) * 1);}
    .slick-arrow.slick-next {right: calc(var(--altbosluk) / 2) !important}
     .aracim .usttab > div:first-child > div model, .aracim .bilgi > div > div {font-size: calc(10px + 0.4vw);line-height: calc(12px + 0.4vw);}
     .aracim .bilgi > div > div:first-child {width: 70px;min-width: 70px;}
    .aracmodel {font-size: calc(10px + 0.4vw);line-height: calc(12px + 0.4vw);height: calc(12px + 0.4vw); margin:3px 0}
   .aracim .usttab > div:first-child > div span, .usttab.fiyat > div:first-child > div:first-child, .aracim p span {font-size: calc(9px + 0.4vw);line-height: calc(10px + 0.5vw);}
    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: calc(10px + 0.4vw);line-height: calc(14px + 0.4vw);}
    .mt45 {margin-top: 25px;}
    .aracim > div:last-child {margin-top: 15px;}
    .icalan {width: calc(100% - var(--altbosluk) * 1.2);}
    .pagination > li > a, .pagination > li > span{font-size: calc(10px + 0.5vw);}
    .listebar .button {margin-right: 8px;font-size: calc(9px + 0.35vw) !important;}
    .formlar fieldset {margin-bottom: calc(var(--altbosluk) / 2);}
    .formlar legend {margin-bottom: 10px;}
    #twonclick{display:none}
    .arac-kaydir-liste .aracim{border:0px;padding: 0;}
    .aracim p{margin-top:10px}
    .wallpaperlist .wallpapeslider div {width: calc((100% / 3) - 5px);margin-right: 5px;margin-bottom: 5px;padding: 10px;}
    .carinfo > div:first-child{padding: 15px 25px;backdrop-filter: none;}
    .mobilyok{display:none !important}
    .arac-detay .info {height: 247px;}
    .arac-detay .newrow{margin: 0 !important;padding: 0;width: 100%;position: relative;}
       .arac-detay .newrow>div{ padding-top: 0;  background: var(--bgcolor);}
       .arac-detay .newrow>div>.head{ display:none}
       .AciklamaHead > ul {width: 100%;}
}