:root {
    --renk1: #f44336;
    --renk2: #494fac;
    --renk3: #111111;
}

.indCizgi {
    font-size: 13px;
    margin-right: 5px;
    text-decoration: line-through;
    font-weight: 600;
}

.input-wrapper {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
}

    .input-wrapper input {
        flex: 1;
        padding-right: calc(50% + 10px);
        box-sizing: border-box;
    }

.btn-apply {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 50% !important;
    color: #fff !important;
    text-align: center;
    display: flex !important;
    justify-content: center;
    align-items: center;
    border: none !important;
    cursor: pointer;
    text-decoration: none;
    font-size: 15px !important;
    font-weight: bold !important;
}

    .btn-apply:hover {
        background-color: var(--renk3);
    }


.slider {
    display: flex;
    width: 100%;
    overflow: hidden;
}

    .slider .slidertable {
        position: relative;
        height: 100%;
        display: table;
        width: 100%;
        z-index: 5;
    }

    .slider .slidertablecell {
        display: table-cell;
        vertical-align: middle;
        width: 100%;
        z-index: 10;
        position: relative;
    }

    .slider .container {
        z-index: 5;
    }

.sliderbox {
    width: auto;
    display: inline-block;
    padding: 0px 0px;
    margin-bottom: 20px;
}


    .sliderbox h1 {
        padding: 0px;
        margin: 0px;
        position: relative;
        font-size: 50px;
        color: #fff;
        font-weight: 800;
    }

.sliderbox2 {
    width: 100%;
    display: block;
    padding: 11px 0px;
    margin-bottom: 25px;
    text-align: center;
}

    .sliderbox2 p {
        padding: 0px;
        margin: 0px;
        position: relative;
        font-size: 25px;
        color: #fff;
        font-weight: 500;
    }

.slidercontent {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 1080px;
    max-width: 100%;
    margin: 0 auto;
    padding: 40px 0px;
}

.slidercontentleft {
    position: absolute;
    left: 0px;
    top: 0px;
    padding-left: 130px;
}

.btnCmpInfo {
    position: absolute;
    right: 7%;
    bottom: 15%;
    width: 30px;
    text-align: center;
    cursor: pointer;
    border-radius: 4px;
    padding: 2px 8px;
    font-size: 12px;
    color: #000;
    background: rgba(255 255 255 / 100%);
}

    .btnCmpInfo:hover {
        background: rgba(0 0 0 / 20%);
        color: #fff;
    }

.activecmp {
    color: var(--renk1) !important;
}
/*Sayfa loading div css başlangıcı*/
.page-loading-div-area {
    position: fixed;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(255, 255, 255, 0.5);
    z-index: 999999999;
    display: none;
}

    .page-loading-div-area .loading-spin {
        margin: 0 auto;
        height: 100%;
        display: table;
        color: #f7a950;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .page-loading-div-area .loading-spin img {
            font-size: 800% !important;
            display: table-cell;
            vertical-align: middle;
            width: 80px;
            height: 80px;
        }
/*Sayfa loading div css sonu*/

.barr1 {
    width: 100px;
    height: 3px;
    background: var(--renk1);
    margin-bottom: 7px;
    margin-left: 95px;
}

.barr2 {
    width: 150px;
    height: 3px;
    background: #fff
}

.slidercontentright {
    position: absolute;
    right: 0px;
    bottom: 0px;
    padding-right: 130px;
}

    .slidercontentright .barr1 {
        margin-bottom: 0px;
        margin-left: -40px;
    }

    .slidercontentright .barr2 {
        margin-bottom: 7px;
    }

.slidercontent .btn_s {
    padding: 0px;
    margin: 0px;
    font-size: 18px;
    font-weight: 500;
    text-shadow: 0px 0px 0px #000;
    line-height: 1.7;
    border: 1px solid transparent;
    padding: 9px 22px;
    transition: all 150ms ease-out;
    display: inline-flex;
    position: relative;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 1px solid #fff;
    color: #fff;
}

    .slidercontent .btn_s span {
        position: relative;
        display: block;
        z-index: 1;
    }

    .slidercontent .btn_s:hover {
        background: var(--renk1);
        color: #fff;
        border: 1px solid transparent;
    }

.sliderbgcolor {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: absolute;
    z-index: 1;
    background: #000;
    opacity: 0.5;
}

.slideritem {
    height: 100%;
}

.slideritemimgabbs {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: absolute;
    z-index: 0;
}

.slideritem img, .slideritem video, .slideritem iframe {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
}

.slider .owl-stage-outer {
    height: 100% !important;
}

.slider .owl-item {
    height: 100% !important;
}

.slider .owl-stage {
    height: 100% !important;
    flex-wrap: wrap;
}

.slider .owl-dots {
    bottom: 131px;
    position: absolute;
    width: 100%;
}

.slider .owl-nav {
    position: absolute;
    top: 45%;
    z-index: 2;
    width: 100%;
}

    .slider .owl-nav .owl-next, .slider .owl-nav .owl-prev {
        position: absolute;
        background: rgba(0 0 0 / 20%);
        color: #fff;
        margin: 0px;
        border-radius: 0px;
        padding: 6px 10px;
    }

    .slider .owl-nav .owl-next {
        right: 0px;
    }

    .slider .owl-nav .owl-prev {
        left: 0px;
    }

        .slider .owl-nav .owl-next:hover, .slider .owl-nav .owl-prev:hover {
            background: rgba(0 0 0 / 20%);
            opacity: 0.8;
            color: #fff;
        }

    .slider .owl-nav .owl-next:after {
        font-family: 'Font Awesome 6 Pro';
        content: "\f054";
        font-size: 14px;
        font-weight: 900;
    }

    .slider .owl-nav .owl-prev:after {
        font-family: 'Font Awesome 6 Pro';
        content: "\f053";
        font-size: 14px;
        font-weight: 900;
    }

.slider .owl-dots .owl-dot span {
    width: 14px;
    height: 14px;
    margin: 5px 4px;
    background: #fff;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}

.slider .owl-dots .owl-dot.active span {
    background: var(--renk1);
}



body {
    margin: 0;
    padding: 0;
    font-family: "Afacad Flux", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-size: 16px;
    color: #111;
    height: 100%;
    box-sizing: border-box;
    display: block;
    font-display: swap;
}

html {
    height: 100%;
}

a, a:hover, a:focus {
    text-decoration: none;
    color: inherit;
}

.container {
    width: 1500px;
}

.maxwidth100 {
    max-width: 100%;
}

.row:after {
    content: "";
    clear: both;
}

.flexrow {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.flexrow2 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

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

.flexrow4 {
    display: flex;
    flex-wrap: wrap;
}

.flexrow10 {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}

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

.flexrow12 {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 5px;
}

.dflexspacediv {
    display: flex;
    justify-content: space-between;
    align-items: top;
}

.row7-5 {
    margin-left: -7.5px;
    margin-right: -7.5px;
}

.col7-5 {
    padding-left: 7.5px;
    padding-right: 7.5px;
}

.text-left {
    text-align: left !important;
}

.heightauto {
    height: auto !important;
}

.text-white {
    color: #fff !important;
}

.maxw100 {
    max-width: 100% !important;
}

.w100 {
    width: 100% !important;
}

.h100 {
    height: 100% !important;
}

.hauto {
    height: auto !important;
}

.mb0 {
    margin-bottom: 0px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mr5 {
    margin-right: 5px !important;
}

.mr10 {
    margin-right: 10px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.radius0 {
    border-radius: 0px !important;
}

.label {
    font-size: 15px !important;
}

header {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
    background: #111;
}

.header_top {
    padding-top: 10px;
    border-bottom: 1px solid rgba(255 255 255 / 35%);
}

    .header_top .container:after, .header_top .container:before {
        content: none;
    }

    .header_top .container {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

.header_top_first {
    display: flex;
    align-items: center;
}

.header_in {
    position: relative;
    box-sizing: border-box;
}

    .header_in .container {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .header_in .container:after, .header_in .container:before {
            content: none;
        }

.logo_menu {
    display: flex;
    align-items: center;
}

.securty_text {
    display: flex;
    align-items: flex-start;
    font-size: 15px;
    color: #fff;
    gap: 5px;
    width: 280px;
    height: 45px;
    flex-direction: column;
    justify-content: center;
}

    .securty_text > a {
        font-size: 15px;
        cursor: default;
    }

        .securty_text > a:hover {
            color: #fff;
            background-color: #337ab7;
            border-color: #2e6da4;
            outline: unset;
            outline-offset: unset;
        }

        .securty_text > a:active:hover {
            color: #fff;
            background-color: #337ab7;
            border-color: #2e6da4;
            outline: unset;
            outline-offset: unset;
        }

        .securty_text > a:focus {
            color: #fff;
            background-color: #337ab7;
            border-color: #2e6da4;
            outline: unset;
            outline-offset: unset;
        }

        .securty_text > a:active:focus {
            color: #fff;
            background-color: #337ab7;
            border-color: #2e6da4;
            outline: unset;
            outline-offset: unset;
        }

.Lang_Site {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    z-index: 100;
    background: rgba(0 0 0 / 40%);
    border-radius: 3px;
    display: inline-flex;
    align-items: center;
}

    .Lang_Site li {
        margin: 0;
        padding: 0;
        list-style: none;
        position: relative;
        display: block;
    }

        .Lang_Site li a {
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            height: 30px;
            padding: 0px 6px;
            font-size: 16px;
            text-decoration: none;
            font-weight: 400;
            cursor: pointer;
            position: relative;
        }

            .Lang_Site li a i {
                margin-right: 5px;
                font-size: 16px;
            }

    .Lang_Site ul {
        display: none;
        margin: 0;
        padding: 0px;
        list-style: none;
        position: absolute;
        width: 100%;
        left: 0px;
        border-radius: 0px;
        background: #f9f9f9;
        box-shadow: 0px 0px 10px rgba(0 0 0 / 5%);
    }

        .Lang_Site ul li {
            display: block;
            width: 100%;
            float: left;
            margin: 0;
            padding: 0px;
        }

    .Lang_Site li:hover ul {
        display: block;
    }

    .Lang_Site li:hover a {
        background: rgba(255 255 255 / 15%);
        color: #fff;
    }

    .Lang_Site li ul li a {
        color: #000 !important;
        height: auto;
        font-size: 14px;
        text-decoration: none;
        font-weight: 400;
        display: block;
        padding: 6px 9px;
        width: 100%;
        text-align: center;
    }

        .Lang_Site li ul li a:hover {
            background: #fff;
            color: #000;
        }

.searchfrm {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: space-between;
    box-sizing: border-box;
    width: 526px;
    max-width: 100%;
    padding: 0px;
    border: 1px solid rgba(255 255 255 / 35%);
    border-bottom: 0px;
    box-shadow: 0px 0px 0px rgba(0 0 0 / 5%);
    overflow: hidden;
    z-index: 10;
    height: 45px;
}

.mobil_menu .searchfrm {
    width: 100%;
    margin-left: 0;
    border: 1px solid rgba(255 255 255 / 35%);
}






.mobilLang {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 10px;
    justify-content: center;
}

    .mobilLang i {
        font-size: 16px;
        color: #fff;
    }

    .mobilLang a {
        color: #fff;
        font-size: 18px;
        padding: 1px 6px;
        background: rgb(102 102 102 / 60%);
        margin: 0 0px 0 6px;
    }

        .mobilLang a.active {
            color: #e9e9e9;
            background: var(--renk1);
        }

.searchfrm .form-control {
    display: block;
    width: calc(100% - 40px);
    border-radius: 0px;
    background: none;
    border: 0px;
    height: 40px;
    font-size: 15px;
    color: #fff;
    border: 0px solid #cda554;
    box-sizing: border-box;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    box-shadow: 0px 0px 7px rgba(0 0 0 / 10%);
}

.txtSearch::placeholder {
    color: #ddd !important;
}


.searchfrm .btn {
    background: none;
    color: #fff;
    border: 0px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 150ms ease-out;
    border-radius: 0px;
    width: 40px;
    height: 40px;
    font-size: 20px;
    box-sizing: border-box;
}

    .searchfrm .btn:hover {
        background: var(--renk1);
        color: #fff;
    }

.top_btns {
    display: flex;
}

.shopbox {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #fff;
    height: 40px;
    padding: 0px 10px;
    position: relative;
    z-index: 10;
    transition: all 150ms ease-out;
    margin-right: 6px;
    position: relative;
    cursor: pointer;
    border: 1px solid transparent;
}

    .shopbox i {
    }

    .shopbox span {
        top: -3px;
        right: -3px;
        border-radius: 50%;
        position: absolute;
        width: 20px;
        height: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 12px;
        color: #fff;
        background: var(--renk1);
    }

    .shopbox:hover, .shopbox:focus {
        border: 1px solid rgba(255 255 255 / 30%);
        color: #fff;
    }

.logodiv {
    display: block;
    top: 0px;
    z-index: 1;
    width: 280px;
}

    .logodiv img {
        position: relative;
        border: 0px;
        max-width: 100%;
        transition: all 350ms ease-out;
    }

.menu_btn {
    position: relative;
    z-index: 5;
    display: none;
    align-items: center;
    justify-content: center;
    margin-left: 7px;
}

    .menu_btn i {
        color: #fff;
        text-decoration: none;
        font-size: 24px;
    }

.menu_close {
    color: #fff;
    font-size: 30px;
    float: left;
    padding: 0px;
}

    .menu_close:hover {
        color: var(--renk1);
    }

.mobil_menu_link_close {
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100vh;
    width: 100%;
    z-index: 10;
    cursor: pointer;
    background: rgba(0 0 0 / 60%);
    display: none;
}

.mobil_menu {
    display: none;
    width: 80%;
    right: -350px;
    top: 0px;
    position: fixed;
    z-index: 10000;
    padding: 15px;
    height: 100vh;
    transition: all 350ms ease-out;
    background: var(--renk3);
    overflow-y: auto;
}

.mobil_menu_title {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    float: right;
    padding-top: 12px;
}

    .mobil_menu_title img {
        width: 70px;
    }

.menu_cizgi {
    height: 1px;
    background: rgba(255 255 255 / 10%);
    margin-top: 10px;
    margin-bottom: 15px;
}

.mobil_menu_list {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

    .mobil_menu_list li {
        margin: 0px;
        padding: 0px;
        list-style: none;
    }

        .mobil_menu_list li a {
            display: block;
            font-size: 15px;
            color: #fff;
            text-decoration: none;
            padding: 12px 0px;
            border-bottom: 1px solid rgba(255 255 255 / 10%);
            transition: all 250ms ease-out;
            font-weight: 500;
            cursor: pointer;
        }

            .mobil_menu_list li a:hover {
                background: rgba(0 0 0 / 50%);
                padding-left: 7px;
                color: #fff;
            }

            .mobil_menu_list li a i {
                margin-right: 7px;
            }

    .mobil_menu_list ul {
        position: relative;
        z-index: 5;
        display: none;
        padding: 0px;
        margin: 0px;
        padding: 7px 7px 7px 15px;
    }

        .mobil_menu_list ul li a {
            font-weight: 300;
        }

.header_menu {
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: block;
    flex: 1;
}

    .header_menu li {
        margin: 0px;
        padding: 0px;
        list-style: none;
        float: left;
        display: inline-block;
    }

    .header_menu ul li {
        margin: 0px;
        padding: 0px 0px;
        list-style: none;
        display: block;
    }

    .header_menu ul {
        background: #fff;
        position: absolute;
        z-index: 10;
        display: none;
        width: 100%;
        left: 0px;
        padding: 0px 0px;
        margin: 0px;
        overflow: hidden;
        -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.22);
        -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.22);
        box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.22);
        height: auto;
    }

    .header_menu li > a {
        position: relative;
        z-index: 1;
        display: block;
        font-size: 18px;
        font-weight: 400;
        padding: 36px 15px;
        position: relative;
        color: #fff;
        text-decoration: none;
        transition: all 150ms ease-out;
        cursor: pointer;
        border-bottom: 4px solid transparent;
        height: 100px;
    }

        .header_menu li > a i {
            margin-right: 5px;
        }

    .header_menu li:first-child > a i {
        margin-right: 0px;
    }

.header_menu_icon {
    width: 18px;
    margin-right: 5px;
    vertical-align: sub;
}

.header_menu li:first-child > a .header_menu_icon {
    margin-right: 5px;
}

.header_menu li:hover > a {
    background: rgba(255 255 255 / 10%);
    color: #fff;
    border-bottom: 4px solid var(--renk1);
}

    .header_menu li:hover > a i {
        color: #fff;
    }

/*.header_menu li:hover > ul {
        display: block;
    }*/

.header_menu li ul li a {
    font-size: 14px;
    font-weight: 400;
    padding: 10px 10px 10px 10px;
    color: #fff;
    text-align: left;
    text-decoration: none;
    border-top: 0px solid #704794 !important;
    border-bottom: 1px solid rgba(255 255 255 / 10%);
    transition: all 250ms ease-out;
    display: block;
    border-radius: 0px;
    border-right: 0px;
    text-shadow: 0px 0px 0px #333;
}

    .header_menu li ul li a i {
        color: #fff;
        font-size: 14px;
        margin-right: 7px;
    }

    .header_menu li ul li a:hover {
        background: #fff;
        color: #000;
    }

        .header_menu li ul li a:hover i {
            color: var(--renk1);
        }

.menu_box_right {
    padding: 25px;
}

.menu_box_box {
    margin-bottom: 25px;
}

.menu_box_img {
    overflow: hidden;
    height: 100%;
    min-height: 302px;
}

    .menu_box_img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.menu_box_title {
}

    .menu_box_title a {
        font-size: 19px;
        font-weight: 600;
        padding: 4px 0px;
    }

        .menu_box_title a:hover {
            color: var(--renk1);
        }

        .menu_box_title a i {
            margin-right: 5px;
        }

.menu_box_list {
    margin-top: 7px;
}

    .menu_box_list a {
        display: block;
        font-size: 17px;
        color: #000;
        padding: 4px 0px;
    }

        .menu_box_list a:hover {
            color: var(--renk2);
        }

.textas {
    color: #333;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.8;
    padding: 0px;
    margin: 0px;
}

.texthome {
    color: #808080;
    line-height: 1.7;
    font-size: 14px;
    font-weight: 400;
    padding-bottom: 15px;
}


.pageboxbg {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 15PX 0PX 15PX 0PX;
    border-bottom: 1px solid #eee;
    z-index: 0;
}

    .pageboxbg .container:after, .pageboxbg .container:before {
        content: none;
    }

    .pageboxbg .container {
        position: relative;
        z-index: 3;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .pageboxbg h3 {
        padding: 0px;
        margin: 0px;
        color: #000;
        font-size: 24px;
        font-weight: 600;
    }

.main_title {
    margin-bottom: 35px;
    border-bottom: 1px solid #c2c2c2;
}

    .main_title h2 {
        margin: 0px;
        padding: 0px;
        font-size: 30px;
        font-weight: 600;
        color: #000;
        padding-bottom: 12px;
    }

.title100 {
    position: relative;
    display: block;
    margin-bottom: 10px;
}

    .title100 h2 {
        margin: 0px;
        padding: 18px 15px;
        display: block;
        font-size: 16px;
        font-weight: 600;
        color: #000;
        margin: 2px;
        background: #fff;
        border-bottom: 1PX solid #ccc;
    }


.shop_pop {
    z-index: 100;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0 0 0 / 70%);
    top: 0px;
    left: 0px;
    display: none;
}

.shop_box_content::-webkit-scrollbar {
    width: 5px;
    background-color: #fff;
}

.shop_box_content::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 3px;
}

.shop_box {
    position: fixed;
    background: #fff;
    height: 100%;
    display: block;
    right: -320px;
    top: 0px;
    width: 450px;
    max-width: 85%;
    display: flex;
    flex-direction: column;
    transition: all 400ms ease-out;
    z-index: 100;
}

.shop_box_header {
    background: var(--renk1);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
}

.shop_box_title {
    font-size: 20px;
    color: #fff;
    display: flex;
    align-items: center;
    font-weight: 600;
}

    .shop_box_title i {
        margin-right: 15px;
    }

.shop_box_close {
    font-size: 18px;
    color: #fff;
    cursor: pointer;
}

    .shop_box_close:hover {
        opacity: 0.7;
    }

.shop_pop_close2 {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 10;
}

.shop_box_footer {
    display: block;
    margin-top: auto;
    padding: 15px;
    background: #f9f9f9;
    border-top: 5px solid var(--renk1);
    box-shadow: 0px 0px 15px rgba(0 0 0 / 10%);
}

.shop_box_content {
    height: 100%;
    overflow-y: scroll;
    padding: 15px;
}

.shopboxlist {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

    .shopboxlist li {
        border-bottom: 1px solid rgba(0 0 0 / 10%);
        display: flex;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

.shopboximg {
    width: 85px;
    height: 85px;
    overflow: hidden;
    display: block;
}

    .shopboximg img {
        max-width: 100%;
    }

.shopboxtext {
    padding-left: 12px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

    .shopboxtext h3 {
        margin: 0px;
        padding: 0px;
        margin-bottom: 3px;
        font-size: 15px;
        font-weight: 400;
        color: #000;
        line-height: 1.2;
    }

.vrynt {
    font-size: 13PX;
    color: #999;
}

.shopboxprice {
    font-weight: 500;
    margin-bottom: 5px;
}

    .shopboxprice span {
        text-decoration: line-through;
        font-size: 12px;
        color: #666;
    }

.shopboxbottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.numbers-row10 {
    overflow: hidden;
    display: inline-flex;
    border: 1px solid #ccc;
}

    .numbers-row10 input {
        border: 1px solid #ccc;
        border-top: 0px;
        border-bottom: 0px;
        float: left;
        height: 25px;
        padding: 0 6px;
        width: 40px;
        text-align: center;
        font-size: 15PX;
        font-weight: 500;
    }

    .numbers-row10 .button {
        background: #fff;
        border: 0px solid #c1bfbf;
        color: #444;
        display: flex;
        float: left;
        font-size: 18px;
        font-weight: 500;
        height: 25px;
        padding-top: 0px;
        padding: 1px 0 0;
        align-items: center;
        justify-content: center;
        width: 25px;
        cursor: pointer;
        border-radius: 0px;
    }

        .numbers-row10 .button:hover {
            background: #e9e9e9;
        }

.shopboxdelete {
    color: red;
}

    .shopboxdelete:hover {
        opacity: 0.6;
    }

.shoptotal {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 4px;
    padding-top: 4px;
    border-top: 1px solid rgba(0 0 0 / 7%);
}

    .shoptotal:first-child {
        border-top: 0px;
    }

    .shoptotal span {
        display: flex;
    }

    .shoptotal b {
        display: flex;
    }

.shop_comp_btn {
    display: flex;
    font-size: 16px;
    background: var(--renk3);
    color: #fff;
    padding: 10px 10px;
    justify-content: center;
    margin-top: 15px;
}

    .shop_comp_btn:hover, .shop_comp_btn:focus {
        background: var(--renk2);
        color: #fff;
    }



.pagenum {
    margin-top: 30px;
    display: block;
    margin-bottom: 20PX;
    text-align: left;
}

    .pagenum a {
        padding: 10px 15px;
        color: #333;
        font-size: 16px;
        background: #fff;
        border: 1px solid #ccc;
        font-weight: 500;
        display: inline-block;
        margin-bottom: 2px;
    }

        .pagenum a:hover {
            background: var(--renk1);
            color: #fff;
            border: 1px solid transparent;
        }

        .pagenum a.active {
            background: var(--renk1);
            color: #fff;
            border: 1px solid transparent;
        }

@keyframes shopbox {
    0% {
        opacity: 1;
        top: -150px;
        transform: translateX(0);
    }

    50%, 70%, 90% {
        opacity: 1;
        top: 15px;
        transform: translateX(-5px);
    }

    40%, 60%, 80% {
        opacity: 1;
        transform: translateX(5px);
    }

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

@keyframes shopanim {
    from {
        opacity: 0;
        margin-right: -150px;
    }

    to {
        opacity: 1;
        margin-right: 0px;
    }
}

@keyframes checkanim {
    from {
        opacity: 0;
        margin-left: 0px;
        transform: scale(1.9)rotate(180deg);
    }

    to {
        opacity: 1;
        margin-left: 0px;
        transform: scale(1.0)rotate(0deg);
    }
}

@keyframes shop_text {
    0% {
        opacity: 1;
        transform: translateX(0);
    }

    30%, 50%, 70%, 90% {
        opacity: 1;
        transform: rotate(5deg);
    }

    40%, 60%, 80% {
        opacity: 1;
        transform: rotate(0deg);
    }

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

.shop_home_pop {
    position: fixed;
    text-align: center;
    top: 15px;
    padding: 0px;
    right: 15px;
    z-index: 1000;
    display: none;
    border-radius: 10px;
    background: rgba(49 53 135 / 90%);
    border: 3px solid #f9f9f9;
    box-shadow: 0px 0px 15px rgba(0 0 0 / 15%);
    overflow: hidden;
}

.shop_home_pop_shop {
    position: relative;
    font-size: 20px;
    color: #fff;
    transition: all 150ms ease-out;
    background: var(--renk1);
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    cursor: pointer;
}

    .shop_home_pop_shop span {
        font-size: 14px;
        padding-left: 7px;
    }

    .shop_home_pop_shop i {
    }

.shop_home_pop_check {
    position: relative;
    font-size: 35px;
    color: #fff;
    transition: all 150ms ease-out;
    background: rgba(255 255 255 / 10%);
}

    .shop_home_pop_check i {
        opacity: 0;
    }

.shop_home_pop_text {
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    opacity: 0;
    padding: 10px 20px;
}

.shop_home_pop.show {
    animation: shopbox 0.5s ease-in-out normal;
}

    .shop_home_pop.show .shop_home_pop_shop {
        animation: shopanim 0.5s ease;
        animation-delay: 0.9s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
    }

    .shop_home_pop.show .shop_home_pop_check i {
        animation: checkanim 0.5s;
        animation-delay: 0.5s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
    }

    .shop_home_pop.show .shop_home_pop_text {
        animation: shop_text 0.5s;
        animation-delay: 0.0s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
    }

.hometopminus {
    position: relative;
    margin-top: -110px;
    z-index: 1;
}

.pagetitle {
    margin-bottom: 20px;
}

    .pagetitle h2 {
        margin: 0px;
        padding: 0px;
        font-size: 22px;
        font-weight: 600;
        color: #000;
    }

.pagetitle3 {
    display: block;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
}

    .pagetitle3 h2 {
        margin: 0px;
        padding: 0px;
        font-size: 24px;
        font-weight: 400;
        color: #000;
        position: relative;
        display: inline-block;
        padding-bottom: 10px;
    }

.pagetitle4 {
    display: block;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
}

    .pagetitle4 h2 {
        margin: 0px;
        padding: 0px;
        font-size: 28px;
        font-weight: 700;
        color: #000;
        position: relative;
        display: inline-block;
        padding-bottom: 10px;
    }

.details_left_pad {
    padding-right: 30px;
}

.producttitle {
    margin-bottom: 40px;
}

    .producttitle h2 {
        margin: 0px;
        padding: 0px;
        font-size: 30px;
        font-weight: 600;
        color: #000;
    }

.details_border {
    margin: 16px 0px;
    height: 1px;
    background: #e9e9e9;
    width: 100%;
}

.details_border_empty {
    margin: 30px 0px;
    height: 0px;
    width: 100%;
}

.details_camp {
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    display: inline-block;
    margin-right: 10px;
    background: var(--renk1);
    display: inline-block;
    padding: 5px 13px;
    line-height: 1.1;
    text-align: center;
    float: left;
}

    .details_camp span {
        font-size: 16px;
        display: block;
    }

.detailsprice {
    display: block;
    margin-bottom: 8px;
    color: #000;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.2;
}

    .detailsprice span {
        color: #000;
        font-size: 16px;
        font-weight: 500;
        text-decoration: line-through;
        display: block;
        margin-right: 4px;
        margin-right: 4px;
    }

.product_stock {
    margin-bottom: 0px;
}

    .product_stock span {
        display: flex;
        align-items: center;
        font-size: 16px;
    }

        .product_stock span i {
            margin-right: 5px;
            font-size: 14px;
        }

        .product_stock span.product_stock_yes {
            color: #56ad6a;
        }

        .product_stock span.product_stock_no {
            color: #999;
        }

.product_varyant {
}

    .product_varyant span {
        /*display: block;
        margin: 4px;
        font-weight: 400;
        text-align: center;
        font-size: 14px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;*/

        margin: 4px;
        font-weight: 400;
        font-size: 100%;
        height: 45px;
        text-align: center;
        justify-content: center;
        display: flex;
        align-items: center;
    }

    .product_varyant a {
        display: block;
        padding: 0px;
        border: 1px solid #ccc;
        font-size: 16px;
        color: #000;
        cursor: pointer;
        margin-right: 7px;
        transition: all 150ms ease-out;
        margin-bottom: 13px;
    }

        .product_varyant a.active {
            border: 1px solid transparent;
            background: var(--renk3);
            color: #fff;
        }

        .product_varyant a:hover {
            border: 1px solid transparent;
            background: var(--renk3);
            color: #fff;
        }

.product_variant_box.active a {
    border-color: #0f69b1;
    border-width: 2px;
}

.details_piece {
    margin-right: 10px;
    overflow: hidden;
}

.numbers-row {
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #ccc;
}

    .numbers-row input {
        border: 1px solid #ccc;
        border-top: 0px;
        border-bottom: 0px;
        height: 52px;
        padding: 0 6px;
        width: 50px;
        text-align: center;
        font-size: 20PX;
        font-weight: 700;
    }

        .numbers-row input:focus {
            outline: none;
        }

    .numbers-row .button {
        border: 0px solid #c1bfbf;
        color: #444;
        display: block;
        font-size: 20px;
        font-weight: 600;
        height: 52px;
        padding-top: 10px;
        padding: 1px 0 0;
        text-align: center;
        vertical-align: middle;
        width: 32px;
        cursor: pointer;
        background: #fff;
        border-radius: 0px;
        line-height: 50px;
    }

        .numbers-row .button:hover {
            background: #e9e9e9;
        }

.shopadd {
    border: 0PX;
    padding: 7px 40px;
    line-height: 38px;
    height: 50px;
    display: inline-block;
    color: #fff;
    background-color: var(--renk3);
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    cursor: pointer;
    transition: all 150ms ease-out;
}

    .shopadd:hover {
        background-color: var(--renk1);
        color: #fff;
    }

    .shopadd:focus {
        background-color: #ca4137;
        color: #fff;
    }

    .shopadd i {
        margin-right: 7px;
    }

/*Şimdi Al*/
.shopadd2 {
    border: 0PX;
    padding: 7px 40px;
    line-height: 38px;
    height: 50px;
    display: inline-block;
    color: #fff;
    background-color: var(--renk2);
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    cursor: pointer;
    transition: all 150ms ease-out;
    margin-left: 5px;
}

    .shopadd2:hover {
        background-color: var(--renk1);
        color: #fff;
    }

    .shopadd2:focus {
        background-color: #ca4137;
        color: #fff;
    }

    .shopadd2 i {
        margin-right: 7px;
    }

.key_fatures h4 {
    font-size: 20px;
}

.key_fatures p {
    line-height: 1.6;
}

.products_pageinf {
}

    .products_pageinf .item {
        display: flex;
        align-items: center;
        font-size: 16px;
        padding-bottom: 12px;
    }

        .products_pageinf .item i {
            margin-right: 10px;
            font-size: 20px;
            width: 30px;
        }

        .products_pageinf .item.item-ph {
            padding-top: 0px;
        }

            .products_pageinf .item.item-ph > i {
                font-size: 25px;
                margin-right: 18px;
                margin-left: -3px;
            }

            .products_pageinf .item.item-ph > span {
                height: 46px;
                display: flex;
                align-items: flex-end;
                flex-direction: row;
                position: relative;
            }

                .products_pageinf .item.item-ph > span small {
                    display: inline-block;
                    position: absolute;
                    top: -10px;
                }

                    .products_pageinf .item.item-ph > span small i {
                        margin: 0;
                        font-size: 16px;
                    }

                .products_pageinf .item.item-ph > span img {
                    height: 36px;
                    width: auto;
                    display: inline-block;
                }

.video_product {
    /*min-height: 750px;*/
    position: relative;
    display: flex;
}

.videobgcolor {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: absolute;
    z-index: 1;
    background: #000;
    opacity: 0.2;
}

.video_productabs {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    /*position: absolute;*/
    z-index: 0;
}

    .video_productabs img, .video_productabs video, .video_productabs iframe {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top center;
    }

.video_product_text {
    position: relative;
    display: none; /*flex*/
    align-items: end;
    margin: 0 auto;
    margin-top: auto;
    justify-content: space-between;
    z-index: 15;
    width: 1470px;
    max-width: 85%;
    padding-bottom: 30px;
}

.video_product_textt h2 {
    margin: 0px;
    padding: 0px;
    font-size: 35px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 5px;
}

.video_product_textt p {
    margin: 0px;
    padding: 0px;
    font-size: 28px;
    font-weight: 600;
    color: #fff;
}

.video_product_play a {
    display: inline-flex;
    align-items: center;
    padding: 10px 20px;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    background: var(--renk1);
    gap: 5px;
}

    .video_product_play a:hover {
        background: var(--renk3);
    }

.fatures_product {
    padding-top: 50px;
}

.fatures_product_list {
    margin-bottom: 50px;
}

.fatures_product_list_text {
    padding-right: 40px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .fatures_product_list_text h3 {
        margin: 0px;
        padding: 0px;
        margin-bottom: 15px;
        font-size: 28px;
        font-weight: 600;
        color: #000;
    }

        .fatures_product_list_text h3:after {
            content: "";
            display: block;
            background: var(--renk1);
            width: 50px;
            height: 2px;
            margin-top: 7px;
        }

    .fatures_product_list_text p {
        margin: 0px;
        padding: 0px;
        font-size: 18px;
    }

.fatures_product_list_img {
    height: 100%;
    min-height: 550px;
}

    .fatures_product_list_img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.fatures_product_list:nth-child(even) .flexrow4 {
    flex-direction: row-reverse;
}

.fatures_product_list:nth-child(even) .fatures_product_list_text {
    padding-right: 0px;
    padding-left: 40px;
}

.description_product {
    padding: 60px 0px;
    border: 1px solid #ccc;
    border-left: 0px;
    border-right: 0px;
}

.description_product_title {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 20px;
}

    .description_product_title:after {
        content: "";
        display: block;
        background: var(--renk1);
        width: 50px;
        height: 1px;
        margin-top: 7px;
    }

.description_product_right {
    padding: 30px;
    background: #f9f9f9;
}

.description_product_text {
    margin: 0px;
    padding: 0px;
    font-size: 17px;
    line-height: 1.5;
    color: #000;
}

.howto_product {
    padding: 50px 0px;
}

#pnlNasilKullanirim.accor.panel-group a.howtotitle {
    padding: 14px 0px 14px 15px;
    transition: all 0.4s;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #e9e9e9;
}

    #pnlNasilKullanirim.accor.panel-group a.howtotitle[aria-expanded="false"]:before {
        font-family: "Font Awesome 6 Free";
        content: "\002b";
        padding: 8px 12px;
        font-size: 14px;
        position: absolute;
        top: 0px;
        right: 0px;
        z-index: 1000;
        color: #666;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #pnlNasilKullanirim.accor.panel-group a.howtotitle[aria-expanded="true"]:before {
        font-family: "Font Awesome 6 Free";
        content: "\2212";
        padding: 8px 12px;
        font-size: 14px;
        position: absolute;
        top: 0px;
        right: 0px;
        z-index: 1000;
        color: #666;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

.howtotitle {
    font-size: 24px;
    color: #000;
    font-weight: 600;
    margin-bottom: 25PX;
    text-align: center;
    display: block;
}

    .howtotitle:after {
        content: "";
        display: block;
        background: var(--renk1);
        width: 50px;
        height: 2px;
        margin: 0 auto;
        margin-top: 7px;
    }

.howtolist {
    background: #f9f9f9;
    padding: 30px;
}

    .howtolist .item {
        display: flex;
        align-items: center;
        padding-bottom: 15px;
        margin-bottom: 15px;
        border-bottom: 1px solid #e9e9e9;
    }

        .howtolist .item:last-child {
            border-bottom: none !important;
        }

    .howtolist .howtolist_number {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 65px;
        height: 65px;
        border-radius: 50%;
        font-size: 28px;
        background: #fff;
        margin-right: 15px;
    }

    .howtolist .howtolist_text {
        font-size: 18px;
        flex: 1;
    }

        .howtolist .howtolist_text b {
            display: block;
        }

        .howtolist .howtolist_text span {
            display: block;
        }

.faq_product {
    padding: 50px 0px;
    background: #f9f9f9;
}

.accor .panel-title > a {
    padding: 14px 0px 14px 15px;
    display: block;
    font-size: 18px;
    color: #000;
    font-weight: 400;
    transition: all 0.4s;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #e9e9e9;
}

    .accor .panel-title > a.pm-dark-link {
        background-color: #5F89D7;
        color: white;
        text-align: left;
    }

.accor .panel-body p {
    padding: 0px !important;
    margin: 0px;
    font-size: 17px;
    color: #333;
    font-weight: normal;
    line-height: 1.5;
}

.accor .panel {
    box-shadow: none;
    background: none;
}

.accor .panel-default {
    border: none;
}

.accor.panel-group {
    margin: 0px 0 !important;
    border: 0px solid #e9e9e9;
    overflow: hidden;
}

    .accor.panel-group .panel {
        border-radius: 5px;
        margin-bottom: 5px;
        padding-bottom: 0px;
    }

.accor .panel-title {
    display: block;
    /*float: right;*/
    font-size: 16px;
    margin-bottom: 0 !important;
    /* margin-left: 10px;*/
    margin-top: 0;
}

    .accor .panel-title i {
        display: block;
        float: right;
        font-size: 14px;
        padding: 15px;
        color: white;
        background-color: #f7b962;
    }


.accor .panel-default > .panel-heading a[aria-expanded="true"]:before {
    font-family: "Font Awesome 6 Free";
    content: "\2212";
    padding: 8px 12px;
    font-size: 14px;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 1000;
    color: #666;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.accor .panel-default > .panel-heading a[aria-expanded="false"]:before {
    font-family: "Font Awesome 6 Free";
    content: "\002b";
    padding: 8px 12px;
    font-size: 14px;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 1000;
    color: #666;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.accor .panel-title p {
    margin: 0px;
    padding: 0px;
}

.accor .panel-body {
    padding: 20px 10px !important;
    margin-bottom: 20px;
}


.accor .panel-collapse {
    float: left;
    width: 100%;
}

    .accor .panel-collapse a {
        color: white;
        font-weight: 500;
    }

.accor.panel-group .panel-heading + .panel-collapse .panel-body {
    border-top: medium none;
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 30px;
}

.accor .panel-default > .panel-heading {
    background-color: white;
    color: inherit;
    padding: 0px;
    display: inline-block;
    width: 100%;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -o-border-radius: 0px;
    transition: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
}


    .accor .panel-default > .panel-heading a:focus {
        background-color: #e9e9e9;
        color: #111;
    }

    .accor .panel-default > .panel-heading a:hover {
        background-color: #e9e9e9;
        color: #111;
    }


    .accor .panel-default > .panel-heading:hover h4 a {
        color: white;
    }

.accor .pm-accordionIcon {
    float: left;
    font-size: 16px;
    margin-right: 7px;
    width: auto;
    padding: 6px 5px;
    display: block;
}

.accor.panel-group .panel + .panel {
    margin-top: 0px !important;
}

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

.callcentertop {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 600;
    gap: 10px;
    margin-bottom: 5px;
}

    .callcentertop i {
        font-size: 30px;
    }

.callcenterbottom {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: 18px;
    font-weight: 400;
    gap: 5px;
}

    .callcenterbottom span {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        font-weight: 700;
    }


.listeinf {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    background: #f9f9f9;
    padding: 8px 15px;
    margin-bottom: 25px;
}

.listeinf_left {
    display: flex;
    align-items: center;
    gap: 30px;
    width: 100%;
    justify-content: space-between;
}

.filterproduct {
    font-size: 18px;
    cursor: pointer;
    gap: 10px;
    display: flex;
    align-items: center;
}

.listeinftext {
    display: flex;
    color: #000;
    gap: 5PX;
}

.srlmbox {
    display: flex;
}

.siralama_ {
    height: 40px;
    font-size: 16px;
    font-weight: 400;
    color: #000;
    border: 1px solid #ccc;
    background-color: #f9f9f9;
    border-radius: 0px;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 15px;
}

.shop_campboxx_ {
    margin-bottom: 20px;
}


.video_category {
    /*min-height: 750px;*/
    position: relative;
    display: flex;
    /*padding-left: 30px;*/
}

.video_categoryabs {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    /*position: absolute;*/
    z-index: 0;
}

    .video_categoryabs img, .video_categoryabs video, .video_categoryabs iframe {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top center;
    }

.video_category_text {
    padding: 30px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto 0;
    z-index: 1;
    width: 700PX;
    height: 100%;
    background: rgba(0 0 0 / 50%);
    max-width: 85%;
}

.video_category_textt h2 {
    margin: 0px;
    padding: 0px;
    font-size: 32px;
    font-weight: 600;
    color: #fff;
    padding-bottom: 10px;
    margin-bottom: 30px;
    border-bottom: 1px solid rgba(255 255 255 / 30%);
}

.video_category_textt p {
    margin: 0px;
    padding: 0px;
    font-size: 17px;
    color: #fff;
    line-height: 1.5;
}

.video_category_play a {
    display: inline-flex;
    align-items: center;
    padding: 10px 20px;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    background: var(--renk1);
    gap: 5px;
}

    .video_category_play a:hover {
        background: var(--renk3);
    }

.filterproductbox_content {
    position: fixed;
    z-index: 8;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: rgba(0 0 0 / 5%);
    display: none;
    transition: all 150ms ease-out;
}

.filterproductbox {
    position: fixed;
    z-index: 10;
    top: 0px;
    left: 0px;
    height: 100%;
    overflow-y: auto;
    background: #fff;
    border-right: 1px solid #ccc;
    width: 300px;
    max-width: 100%;
    padding: 25px;
    transition: all 150ms ease-out;
}

.filterproductboxcloselink {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    top: 0px;
    left: 0px;
}

.filterproductboxtop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

    .filterproductboxtop h4 {
        margin: 0px;
        padding: 0px;
        font-size: 20px;
    }

    .filterproductboxtop i {
        font-size: 24px;
        cursor: pointer;
    }

.sol_baslik {
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 18px;
}

.sol_czg {
    margin: 15px 0px 15px 0px;
    height: 1px;
    background: #e9e9e9;
    width: 100%;
}

.sol_form {
}

    .sol_form label {
        font-weight: 400;
        font-size: 16px;
    }

    .sol_form .btn {
        background: var(--renk1);
        color: #ffffff;
        border: 0px;
        width: 100%;
        font-weight: 500;
        font-size: 18px;
        border-radius: 0px;
        padding: 10px 25px;
        margin-top: 15px;
    }

        .sol_form .btn:hover {
            background: var(--renk3);
            color: #ffffff;
        }

    .sol_form input[type=file] {
    }

    .sol_form input[type=checkbox], .sol_form input[type=radio] {
        vertical-align: top;
        margin-right: 7px;
    }

    .sol_form .radio label {
        display: block;
        margin-bottom: 5px;
    }


    .sol_form .form-control {
        font-size: 16px;
        border-radius: 0px;
        border-radius: 0px;
        height: 38px;
        -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
        box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
    }

    .sol_form .textrea {
        height: 139px;
    }

.shop_step {
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: block;
    text-align: center;
    margin-bottom: 30px;
}

    .shop_step li {
        margin: 0px;
        padding: 0px;
        list-style: none;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        text-align: left;
        background-color: #fff;
        padding: 10px 14px;
        border: 1px solid #ccc;
    }

        .shop_step li.active {
            background-color: var(--renk1);
            border: 1px solid transparent;
        }

            .shop_step li.active i {
                color: #fff;
            }

            .shop_step li.active span {
                color: #fff;
            }

        .shop_step li span {
            font-size: 16px;
            font-weight: 400;
            color: #000;
        }

        .shop_step li i {
            font-size: 20px;
            color: #999;
            margin-right: 7px;
            border: 1px solid transparent;
            vertical-align: middle;
        }

.shop_arrow {
    display: inline-block;
    margin-right: 20px;
    margin-left: 20px
}

    .shop_arrow i {
        bottom: 0px;
        font-size: 16px;
        color: #cccccc;
        position: relative;
    }


.csstable {
    border: 1px solid #e9e9e9;
    background: #fff;
    border-spacing: 0;
}

    .csstable table {
        margin-bottom: 0px;
    }

    .csstable > table > thead {
        background: #fff;
        border: 0px solid #f9f9f9;
        border-bottom: 1px solid #ccc;
        border-top: 0px solid #ccc;
    }

        .csstable > table > thead > tr > th {
            font-size: 16px;
            font-weight: 600;
            color: #333;
            padding: 12px 10px;
            position: relative;
            border-bottom: 0px;
        }

            .csstable > table > thead > tr > th:after {
            }

    .csstable > table > tbody > tr > td {
        font-size: 16px;
        font-weight: 400;
        color: #333;
        height: 60px;
        padding: 10px 10px;
        vertical-align: middle;
        border-top: 1px solid #eeeeee;
        position: relative;
    }

        .csstable > table > tbody > tr > td b {
            font-weight: 500;
        }

    .csstable > table > tbody > tr:hover td {
        background: #f9f9f9;
    }

    .csstable .label {
        font-size: 12px;
        padding: 4px 8px;
        font-weight: 500;
        display: inline-block;
    }

.shop_delete_ {
    background: red;
    color: #fff;
    width: 25px;
    height: 25px;
    display: flex;
    font-size: 13px;
    align-items: center;
    justify-content: center;
    opacity: 0.5;
}

    .shop_delete_:hover {
        opacity: 1;
        color: #fff;
    }

.sptimg_ {
    width: 80px;
    border: 1px solid #e9e9e9;
}


.shop_pad {
    margin-bottom: 30px;
}

.shop_pad2 {
    padding: 25px;
    background: #f9f9f9;
}

.left_totatl_list {
    list-style: none;
    padding: 0px;
    margin: 0px;
    margin-bottom: 20PX;
}

    .left_totatl_list li {
        list-style: none;
        padding: 0px;
        margin: 0px;
        font-size: 16px;
        color: #333;
        font-weight: normal;
        border-bottom: 1px solid #e9e9e9;
        margin-bottom: 7px;
        padding-bottom: 7px;
    }

        .left_totatl_list li:last-child {
            border-bottom: 0px solid #e9e9e9;
            margin-bottom: 0px;
            padding-bottom: 0px;
        }

        .left_totatl_list li:after {
            clear: both;
            content: "";
            display: block;
        }

        .left_totatl_list li span {
            float: right;
        }

.shop_btn_comp {
    font-size: 16px;
    color: #FFF;
    background: var(--renk3);
    font-weight: 600;
    display: block;
    padding: 12PX 18PX;
    text-align: center;
    border-radius: 0px;
    transition: all 150ms ease-out;
    border: 0px;
}

    .shop_btn_comp i {
        margin-left: 10px;
    }

    .shop_btn_comp:hover {
        color: #fff;
        background: var(--renk1);
    }

    .shop_btn_comp:focus {
        color: #fff;
        background: var(--renk1);
    }

.shop_more_btn {
    font-size: 16px;
    color: #999;
    background: #fff;
    font-weight: 400;
    display: block;
    padding: 10PX 18PX;
    margin-top: 5px;
    text-align: center;
    transition: all 150ms ease-out;
}

    .shop_more_btn i {
        margin-right: 10px;
    }

    .shop_more_btn:hover {
        opacity: 0.9;
    }

.ka_radio {
    padding: 10px;
    background: #fff;
    border: 1px solid #e9e9e9;
    margin-bottom: 5px;
}

    .ka_radio label {
        display: block;
        margin-bottom: 0px;
        font-weight: 400;
        cursor: pointer;
    }

.ka_radio_inf {
    font-size: 12px;
}

.ka_radio_flex {
    display: flex;
    align-items: center;
}

    .ka_radio_flex img {
        max-width: 120px;
        margin-right: 7px;
    }

.ka_radio input[type=radio] {
    margin: 0px 0 0;
    margin-top: 1px\9;
    line-height: normal;
    margin-right: 10px;
}


.tab_list2 {
    margin: 0px;
    padding: 0px;
    list-style: none;
    border: 0px;
    width: 100%;
    display: table;
    table-layout: fixed;
}

    .tab_list2 li {
        margin: 0px;
        padding: 0px;
        list-style: none;
        float: left;
        border-radius: 0px;
        display: table-cell;
    }

        .tab_list2 li.active a {
            background: #fff;
            color: #333;
            border-radius: 0px;
            border-bottom: 2px solid #fff;
            margin-bottom: -1px;
            border-top: 1px solid #ccc;
        }

        .tab_list2 li a {
            display: block;
            font-weight: 600;
            font-size: 17px;
            color: #333;
            padding: 12px 15px;
            border-radius: 0px;
            background: #f7f7f7;
            border: 1px solid #e9e9e9;
            border-bottom: 0px;
            display: block;
            margin-bottom: -2px;
        }

            .tab_list2 li a img {
                width: 20px;
                height: 20px;
                margin-right: 5px;
            }

            .tab_list2 li a:hover {
                background: #ebebeb;
                color: #333;
                border-radius: 0px;
                border-bottom: 1px solid #ebebeb;
            }

        .tab_list2 li.active a:hover {
            background: #fff;
            color: #333;
            border-radius: 0px;
            border-bottom: 0px solid #ebebeb;
            border-bottom: 2px solid #fff;
            margin-bottom: -1px;
        }

        .tab_list2 li.active a:focus, .tab_list2 li.active a:focus span {
            background: #fff;
            color: #333;
            border-radius: 0px;
            border-bottom: 2px solid #fff;
            margin-bottom: -1px;
            border-top: 1px solid #ccc;
        }

        .tab_list2 li a span {
            color: #fff;
            font-weight: 600;
        }

.tabdiv2 {
    padding: 15px;
    border: 1px solid #ddd;
    line-height: 1.7;
    font-size: 16px;
    padding-top: 20px;
    margin-bottom: 40px;
}

.cartnos div {
    padding-left: 5px;
    padding-right: 5px;
}

.cartnos {
    margin-left: -5px;
    margin-right: -5px;
}


.payment_form {
}

    .payment_form label {
        font-weight: 400;
        font-size: 16px;
    }

    .payment_form .btn {
        background-image: linear-gradient(to left, var(--color2), var(--color2), var(--color1), var(--color1));
        background-size: 150% 100%;
        color: #fff;
        border: 0px;
        width: 100%;
        font-weight: 500;
        padding: 13px 45px;
        transition: all 350ms ease-out;
        margin-bottom: 0px;
        display: inline-block;
        border-radius: 0px;
        width: auto;
    }

        .payment_form .btn:hover {
            color: #fff;
            background-size: 100% 100%;
        }

    .payment_form input[type=file] {
    }

    .payment_form input[type=checkbox], input[type=radio] {
        margin: 7px 0 0 -20px;
    }


    .payment_form .form-control {
        font-size: 16px;
        border-radius: 0px;
        height: 47px;
        font-weight: 500;
        color: #333;
        box-shadow: 0 0px 0px rgba(0,0,0,.075);
    }

    .payment_form .textrea {
        height: 139px;
    }


.shop_payment_btn {
    font-size: 16px;
    color: #FFF;
    background: var(--renk3);
    font-weight: 600;
    display: inline-block;
    padding: 12PX 30PX;
    text-align: center;
    border-radius: 0px;
    transition: all 250ms ease-out;
    border: 0px;
}

    .shop_payment_btn i {
        margin-left: 5px;
    }

    .shop_payment_btn:hover {
        background: var(--renk1);
        color: #fff;
    }


.bank_info_header {
    display: flex;
    justify-content: flex-start;
    align-content: center;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    background: #f9f9f9;
    padding: 5px 15px;
    font-size: 20px;
    color: #3d3d3d;
    font-weight: 700;
    border: 1px solid #d1d1d1;
    border-radius: 2px;
    margin-bottom: 5px;
    margin-top: 30px;
}

.bank_info {
    padding: 15px;
    background-color: #f9f9f9;
    margin-bottom: 5px;
    border: 1px solid #d1d1d1;
    border-radius: 2px;
    color: #3d3d3d;
}

    .bank_info span {
        font-size: 16px;
    }

    .bank_info h4 {
        font-size: 18px;
    }


.shop_finish {
    padding: 25px;
    text-align: left;
    text-align: center;
    background: #f9f9f9;
    margin-top: 00PX;
    width: 750px;
    max-width: 100%;
    margin: 0 auto;
    border-radius: 10px;
}

.shop_finish_ {
    padding: 30PX;
}

.shop_finish_title {
}

    .shop_finish_title h4 {
        font-size: 20px;
        font-weight: 600;
        padding: 0px;
        margin: 0px;
        color: #000;
        display: inline-block;
    }

    .shop_finish_title i {
        color: #53bb53;
        font-size: 50px;
        margin-right: 15px;
        display: block;
        vertical-align: sub;
        margin-bottom: 15px;
    }

.shop_finish b {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
}

.shop_finish p {
    font-size: 18px;
    padding: 0px;
    margin: 15px 15px;
}

.dealers_form_box {
    width: 750px;
    max-width: 100%;
    background: #f9f9f9;
    padding: 30px;
    margin: 0 auto;
}

.login_image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
}

.login_video {
    height: 450px;
    overflow: hidden;
}

    .login_video video {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top center;
    }

.login_form {
    width: 100%;
    background: #f9f9f9;
    padding: 30px;
    margin: 0 auto;
}

    .login_form h3 {
        margin: 0px;
        padding: 0px;
        margin-bottom: 30px;
        font-size: 24PX;
        font-weight: 600;
    }

.frmlink {
    color: #999;
    margin-bottom: 4px;
    display: inline-block;
    font-size: 16px;
}

.login_form label {
    font-weight: 400;
    font-size: 18px;
    color: #000;
}

.login_form .szlsm label {
    font-size: 16px;
}

.login_form .inputdivi {
    position: relative;
}

    .login_form .inputdivi i {
        position: absolute;
        left: 0px;
        top: 18px;
        font-size: 14px;
        margin-left: 15px;
        color: #000;
    }

.login_form .btn1 {
    background: var(--renk1);
    color: #ffffff;
    border: 0px;
    font-size: 16px;
    border-radius: 0px;
    padding: 11px 30px;
    transition: all 150ms ease-out;
}

    .login_form .btn1:hover {
        background: #054070;
    }

.login_form .btn2 {
    color: #ffffff;
    border: 0px;
    font-size: 16px;
    border-radius: 0px;
    transition: all 150ms ease-out;
}

    .login_form .btn2:hover {
        background: #054070;
    }

.login_form input[type=file] {
}

.login_form .checkbox input[type=checkbox], .login_form .checkbox input[type=radio] {
    position: absolute;
    margin-top: 5px;
}

.login_form .form-control {
    font-size: 16px;
    height: 50px;
    padding-left: 38px;
    border-radius: 0px;
    box-shadow: 0 0px 10px rgba(0 0 0 / 2%);
    border: 1px solid #e9e9e9;
    color: #000;
}

    .login_form .form-control::-webkit-input-placeholder {
        color: #666;
    }

.login_form .textrea {
    height: 139px;
}

.hsbykm {
}

    .hsbykm a {
        font-weight: 600;
    }


.left {
    color: #fff;
    margin-bottom: 0px;
    font-size: 14px;
    background: #fff;
    background: #f9f9f9;
    padding: 20px;
    overflow: hidden;
    margin-bottom: 20px;
}

.left_title {
    padding: 0px;
    margin: 0px;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 500;
    color: #111;
    padding-bottom: 8px;
    border-bottom: 1px solid #ccc;
}

.left_list {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px;
    list-style: none;
    border: 0px solid #e9e9e9;
}

    .left_list ul {
        margin: 0px;
        padding: 0px 0px;
        list-style: none;
        display: none;
        border-left: 0px solid #cda554;
    }

    .left_list li {
        margin: 0px;
        padding: 0px;
        list-style: none;
        display: block;
    }

        .left_list li a {
            font-size: 17px;
            padding: 11px 0px;
            font-weight: 600;
            display: block;
            text-decoration: none;
            color: #000;
            transition: all 0.3s;
            position: relative;
            margin-bottom: 0px;
            cursor: pointer;
            border-bottom: 1px solid rgba(0 0 0 / 8%);
        }

            .left_list li a.active {
                color: var(--renk1);
            }

            .left_list li a i {
                margin-right: 8px;
                color: #b91b33;
                font-size: 14px;
                vertical-align: baseline;
            }

            .left_list li a.active i {
                color: #fff;
            }

            .left_list li a:hover {
                color: var(--renk1);
            }

                .left_list li a:hover i {
                    color: #fff;
                }

.hmbxkt {
    margin-bottom: 25px;
}

.hmbxkt_ {
    background: #FFF;
    transition: all 100ms ease-out;
    border: 1PX solid #e9e9e9;
    border-bottom: 1px solid var(--renk1);
}

    .hmbxkt_:hover {
    }

.hmbxkt_in {
    padding: 25px 17px 20px 17px;
    text-align: center;
}

.hmbxkt_ a {
    display: block;
    color: #000;
    font-size: 16px;
    padding: 3px 7px;
    background: rgba(0,0,0,0.1);
    text-align: center;
}

    .hmbxkt_ a:hover {
        background: var(--renk1);
        color: #fff;
    }

.hmbxkt_ i {
    font-size: 40px;
    color: #333;
    opacity: 0.9;
    margin-bottom: 10px;
}

.hmbxkt_inf {
    float: none;
    text-align: center;
}

    .hmbxkt_inf span {
        font-size: 18px;
        color: #000;
        font-weight: 400;
    }


.hes2_form {
}

    .hes2_form label {
        font-weight: 400;
        font-size: 16px;
    }

    .hes2_form .btn {
        background: var(--renk1);
        color: #fff;
        border: 0px;
        width: 100%;
        font-weight: 500;
        padding: 13px 45px;
        transition: all 350ms ease-out;
        margin-bottom: 0px;
        display: inline-block;
        border-radius: 0px;
        width: auto;
        font-size: 16px;
    }

    .hes2_form input[type=file] {
    }

    .hes2_form .btn:hover {
        background: var(--renk2);
    }

    .hes2_form .checkboxx input[type=checkbox], .hes2_form .checkboxx input[type=radio] {
        vertical-align: top;
        margin-right: 7px;
        margin-left: 10px;
    }

    .hes2_form .checkboxx {
        width: 100%;
    }

        .hes2_form .checkboxx td {
            width: 24.9%;
        }

    .hes2_form .form-control {
        font-size: 16px;
        border-radius: 0px;
        font-weight: 600;
        height: 50px;
        box-shadow: 0px 0px 0px rgba(0,0,0,0.1);
        border: 1px solid #ddd;
    }

    .hes2_form .textrea {
        height: 139px;
    }

.adresdiv {
    background: #fff;
    border: 1px solid #e6e6e6;
    padding: 15px;
    margin-bottom: 5px;
    border-radius: 0px;
}

.adresdivsag {
    text-align: right;
}

    .adresdivsag a {
        padding: 3px 6px;
        font-size: 17px;
        color: #333;
        transition: all 200ms ease-out;
        border-radius: 0px;
    }

        .adresdivsag a:hover {
            background: #333;
            color: #ffffff;
        }

.adresdivsol h5 {
    font-weight: 700;
    margin: 0px;
    padding: 0px;
    margin-bottom: 10px;
    font-size: 18PX;
}

.adresdivsol p {
    font-weight: 400;
    margin: 0px;
    padding: 0px;
    font-size: 16px;
}


.orders_filter {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 10px;
}

    .orders_filter label {
        font-weight: 600;
        font-size: 13px;
    }

    .orders_filter .btn {
        background: var(--renk1);
        color: #ffffff;
        border: 0px;
        font-weight: 400;
        font-size: 14px;
        border-radius: 0px;
        padding: 8px 25px;
    }

    .orders_filter input[type=file] {
    }

    .orders_filter .slctd {
        margin: auto 10px;
    }

    .orders_filter .btn:hover {
        background: var(--renk2);
        color: #ffffff;
    }

    .orders_filter .checkbox {
        display: inline-block;
        margin-right: 7px;
    }

        .orders_filter .checkbox input[type=checkbox], .orders_filter .checkbox input[type=radio] {
            vertical-align: top;
            margin-right: 3px;
            margin-left: 0px;
            position: relative;
        }

        .orders_filter .checkbox label {
            margin-right: 7px;
            padding-left: 0px;
            font-size: 16PX;
        }


    .orders_filter .form-control {
        font-size: 16px;
        border-radius: 0px;
        height: 38px;
        box-shadow: 0 0px 10px rgba(0,0,0,.075);
        font-weight: 500;
    }

    .orders_filter .textrea {
        height: 139px;
    }

.order_details_box {
    padding: 15px;
    background: #fff;
    display: flex;
    flex-direction: column;
    border: 1px solid #e9e9e9;
    border-radius: 0px;
    margin-bottom: 15px;
    height: 100%;
    width: 100%;
}

    .order_details_box b {
        font-weight: 500;
        margin-bottom: 15px;
    }

        .order_details_box b span {
            color: var(--renk2);
            font-weight: 600;
        }

.boxdiv_title100 {
    padding-bottom: 12px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
}

    .boxdiv_title100 h4 {
        font-size: 19px;
        font-weight: 600;
        margin: 0px;
        padding: 0px;
        color: var(--renk1);
    }

.orders_info_small {
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 0px;
    background: #f9f9f9;
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 15px;
}

.contact_map {
    width: 100%;
    height: 450px;
}

.cont_title {
    margin-bottom: 20px;
}

    .cont_title h2 {
        padding: 0px;
        margin: 0px;
        font-size: 26px;
        color: #111;
        font-weight: 500;
        display: inline-block;
    }

        .cont_title h2.byz {
            color: #fff;
        }

.pop_product_img {
    margin-bottom: 20px;
    text-align: left;
}

.popselect_product .producttitle h2 {
    font-size: 24px;
}

.popselect_product .shopadd {
    width: 100%;
}
.popselect_product .shopadd2 {
    width: 100%;
}

.pop_product_img img {
    width: 200px;
    max-width: 100%;
}

.blogdiv {
    margin-bottom: 30px;
}

.blogdiv_ {
    height: 100%;
}



.blogdiv_pad {
}

.blogdiv_ h3 {
    margin: 0px;
    padding: 0px;
    font-size: 20px;
    font-weight: 600;
    color: #000;
    line-height: 1.2;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.blogdiv_ p {
    margin: 0px;
    padding: 0px;
    color: #000;
    font-size: 16px;
    margin-top: 7px;
    display: -webkit-box;
    -webkit-line-clamp: 23;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.blogvideobox {
    display: none;
}

.blogvideo .blogvideobox {
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    background: var(--renk1);
    padding: 4px 8px;
    border-radius: 2px;
    font-size: 25px;
    line-height: 1.0;
    color: #fff;
}

.blogdiv:hover .blogdiv_ h3 {
    color: var(--renk1);
}

.blog_details_img {
    margin: 0px 0px 25px 0px;
    max-width: 100%;
}

.blog_details_box {
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 20px;
}

.blog_details_date {
    display: inline-block;
    font-size: 16px;
    background: #fff;
    color: #000;
}

.blog_social a {
    margin: 0px 0px;
    display: inline-flex;
    color: #666;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    border: 1px solid #ddd;
}

    .blog_social a:hover {
        background: #fff;
        color: #222;
    }


.m_galeri_l {
    padding: 15px;
    display: inline-block;
    overflow: hidden;
    border-bottom: 0px solid #CCC;
}

    .m_galeri_l:hover .m_galeri_img {
        transform: scale(1.2) rotate(0deg);
        z-index: 3;
        box-shadow: 0 0 10px rgba(0,0,0,0.4);
    }

.m_galeri_img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: all 300ms ease-out;
    vertical-align: text-bottom;
}

.m_galeri_a {
    height: 210px;
    width: 100%;
    overflow: hidden;
    text-decoration: none;
    display: block;
    position: relative;
    box-sizing: border-box;
}

.m_galeri_efekt {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    opacity: 0;
    background: rgba(0 0 0 / 30%);
    transition: all 200ms ease-out;
    text-align: center;
}

    .m_galeri_efekt i {
        font-size: 50px;
        color: #ffffff;
        opacity: 0;
        transition: all 400ms ease-out;
    }

.m_galeri_l:hover .m_galeri_efekt i {
    transform: rotate(360deg);
    font-size: 40px;
    opacity: 1;
}

.m_galeri_l:hover .m_galeri_efekt {
    width: 100%;
    z-index: 5;
    opacity: 1;
}


.content {
    margin: 50px auto 50px auto;
}

.content2 {
    margin: 25px auto 50px auto;
    min-height: 300px;
}

.products_box {
    margin-bottom: 30px;
}

.products_box_ {
    position: relative;
    height: 100%;
    transition: all 350ms ease-out;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

.products_box_img {
    overflow: hidden;
    position: relative;
    border: 1px solid #c2c2c2;
    margin-bottom: 10px;
    box-sizing: border-box;
}

    .products_box_img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        transition: all 200ms ease-out;
        transform: scale(1.0);
    }

.products_box_text {
}

    .products_box_text h3 {
        margin: 0px;
        padding: 0px;
        /*font-size: 20px;*/
        font-size: 100%;
        font-weight: 600;
        color: #000;
        margin-bottom: 2px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

.products_box_bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 4px;
    margin-top: auto;
}

.products_box_price {
    font-size: 20px;
    font-weight: 600;
    color: #000;
    line-height: 1.2;
}

    .products_box_price span {
        font-size: 16px;
        display: block;
        font-weight: 400;
        color: #878787;
        text-decoration: line-through;
    }

.products_box_btns {
    display: flex;
    align-items: center;
    justify-content: end;
}

    .products_box_btns a {
        border: 1px solid #a1a1a1;
        font-size: 20px;
        color: #3e3e3e;
        justify-content: center;
        display: inline-flex;
        align-items: center;
        transition: all 50ms ease-out;
        margin-left: 8px;
        padding: 7px 7px;
        cursor: pointer;
    }

        .products_box_btns a:hover {
            background: var(--renk2);
            color: #fff;
        }

.products_bar {
    position: absolute;
    top: 12px;
    left: 0px;
    display: flex;
    z-index: 1;
    flex-direction: column;
    gap: 10px;
}

.discountbox {
    position: absolute;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background: var(--renk2);
    font-size: 16px;
    padding: 2px 10px;
    font-weight: 400;
    color: #fff;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    top: 12px;
    left: 0px;
}

.products_bar .discountbox {
    position: unset;
    top: unset;
    left: unset;
}

.discountbox2 {
    /*position: absolute;*/
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background: var(--renk1);
    font-size: 16px;
    padding: 2px 10px;
    font-weight: 400;
    color: #fff;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /*top: 45px;*/
    /*left: 0px;*/
}

.products_box_:hover .products_box_img img {
    /*background: var(--renk1);*/
    /*color: #fff;*/
    /*border: 1px solid transparent;*/
    transform: scale(1.1);
}

.home_pro_box_dark .products_box_img {
    border: 1px solid rgba(255 255 255 / 10%);
}

.home_pro_box_dark .products_box_text h3 {
    color: #fff;
}

.home_pro_box_dark .products_box_price {
    color: #fff;
}

    .home_pro_box_dark .products_box_price span {
        color: rgba(255 255 255 / 70%);
    }

.home_pro_box_dark .products_box_btns a {
    color: #fff;
}

.hmcategory {
    padding: 0px;
}

.hmcategory_ {
    position: relative;
    overflow: hidden;
}

    .hmcategory_ a {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-direction: column;
        min-height: 210px;
        color: #fff;
        position: relative;
        z-index: 1;
        padding: 0px 28px;
    }

        .hmcategory_ a h3 {
            text-align: left;
            font-size: 30px;
            transition: all 150ms ease-out;
        }

        .hmcategory_ a i {
            font-size: 25px;
            transition: all 150ms ease-out;
        }

.hmcategory_img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
    top: 0px;
    transition: all 250ms ease-out;
}

.hmcategory_:hover .hmcategory_img {
    transform: scale(1.1);
}

.hmcategory_:hover h3 {
    transform: translateY(-10%);
}

.hmcategory_:hover a i {
    transform: translateY(50%);
}

.home_dealers {
    position: relative;
    min-height: 630px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f9f9f9;
    overflow: hidden;
}

.home_dealers_left {
    position: absolute;
    left: 0px;
    width: 46%;
    height: 100%;
    background: #eee;
    transform: rotate(5deg) scale(1.2);
    z-index: 5;
    border-right: 7px solid var(--renk1);
    overflow: hidden;
}

    .home_dealers_left img {
        object-fit: cover;
        width: 100%;
        height: 100%;
    }

.home_dealers_right {
    position: absolute;
    right: 0px;
    width: 52%;
    height: 100%;
    background: #e9e9e9;
    overflow: hidden;
}

    .home_dealers_right img {
        object-fit: cover;
        width: 100%;
        height: 100%;
    }

.home_dealersbox {
    position: relative;
    z-index: 10;
    width: 750px;
    max-width: 100%;
    background: rgba(0 0 0 / 75%);
    padding: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #fff;
    margin: 0px 25px;
}

    .home_dealersbox h3 {
        font-size: 40px;
        margin: 0px;
        padding: 0px;
        margin-bottom: 30px;
        font-weight: 700;
        text-align: center;
    }

    .home_dealersbox p {
        font-size: 18px;
        margin: 0px;
        padding: 0px;
        margin-bottom: 22px;
        text-align: center;
    }

.home_dealersbox_btn {
    font-size: 18px;
    padding: 9px 22px;
    transition: all 150ms ease-out;
    color: #fff;
    text-align: center;
    background: var(--renk1);
}

    .home_dealersbox_btn:hover {
        font-size: 18px;
        padding: 9px 22px;
        transition: all 150ms ease-out;
        color: #fff;
        text-align: center;
        background: var(--renk2);
    }

.home_pro_box {
    position: relative;
    padding: 80px 0px;
}

    .home_pro_box .container {
        position: relative;
        z-index: 1;
    }

.home_pro_boximg {
    position: absolute;
    z-index: 0;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.home_pro_box_dark .main_title h2 {
    color: #fff;
}

.home_pro_box_dark .main_title {
    border-bottom: 1px solid rgba(255 255 255 / 30%);
}

.homeinf {
    margin-top: 10px;
    margin-bottom: 10px;
}

.homeinf_ {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

    .homeinf_ i {
        font-size: 60px;
        margin-bottom: 10px;
    }

    .homeinf_ h4 {
        font-size: 24px;
        margin-bottom: 4px;
    }

    .homeinf_ p {
        font-size: 16px;
        color: #787878;
    }

.contact_form {
}

    .contact_form label {
        font-weight: 444;
        color: #000;
        font-size: 16px;
    }

    .contact_form .radio-inline {
        font-weight: 500;
        color: #333;
        font-size: 14px;
        padding-top: 10px;
    }

    .contact_form .btn {
        background: var(--renk1);
        color: #fff;
        border: 0px;
        width: 100%;
        font-weight: 500;
        padding: 12px 38px;
        transition: all 150ms ease-out;
        margin-bottom: 0px;
        display: inline-block;
        border-radius: 0px;
        width: auto;
        font-size: 16px;
    }

        .contact_form .btn:hover {
            background: var(--renk3);
        }

    .contact_form .form-control {
        font-size: 16px;
        color: #222;
        height: 50px;
        border: 0px;
        border-radius: 0px;
        background: #fff;
        box-shadow: 0 0px 10px rgba(0 0 0 /0%);
        padding-left: 30PX;
        border: 1px solid #e9e9e9;
    }

.contact_form2 .form-control {
    padding-left: 15px;
    height: 40px;
}

.contact_form .form-control::-webkit-input-placeholder {
    color: #666;
}

.contact_form2 .form-control {
    padding-left: 15px;
    height: 40px;
}

.inputdivi {
    position: relative;
}

    .inputdivi i {
        position: absolute;
        left: 0px;
        top: 17px;
        font-size: 14px;
        margin-left: 10px;
        color: #999;
    }

.contact_form .dropdown {
    padding: 7px 12px;
}

.contact_form .textrea {
    height: 110px;
}

.contact_form .form-group {
}

.contact_form_bg {
    background: #f9f9f9;
    padding: 25px;
    padding-bottom: 10px;
    height: 100%;
    border-radius: 0px;
}

.contact_form_bg2 {
    background: #111;
    padding: 25px;
    padding-bottom: 10px;
    height: 100%;
    border-radius: 0px;
}

.contact_list {
    padding: 0;
    margin: 0;
    list-style: none;
}

    .contact_list li {
        padding: 0;
        margin: 0;
        list-style: none;
        padding: 10px 5px 10px 5px;
        border-bottom: 1px solid rgba(255 255 255 / 7%);
        margin-bottom: 5px;
        display: flex;
        align-items: center;
        justify-content: start;
        line-height: 1.9;
        color: #fff;
    }

        .contact_list li span {
            color: #fff;
            font-size: 18px;
            font-weight: 400;
        }



        .contact_list li i {
            margin-right: 10px;
            margin-left: 7px;
            vertical-align: baseline;
            color: #fff;
            font-size: 18px;
        }

.contact_social_icon {
    display: block;
    margin-bottom: 0px;
    padding: 10px 0px 30px 0px;
}

    .contact_social_icon a {
        text-decoration: none;
        color: #fff;
        font-size: 16px;
        align-items: center;
        justify-content: center;
        display: inline-flex;
        width: 35px;
        height: 35px;
        border-radius: 0px;
        text-align: center;
        transition: all 180ms ease-out;
        border: 1px solid rgba(255 255 255 / 20%);
    }

        .contact_social_icon a:hover {
            color: #fff;
            background: var(--renk1);
        }

.filter {
    margin-bottom: 0px;
    text-align: center;
}

.filter_productdetails {
    text-align: right;
}

.filter a {
    float: none;
    display: inline-block;
    padding: 1px 4px 1px 0px;
    line-height: 14px;
    border-left: 1px solid rgba(255 255 255 / 20%);
    color: #666;
    line-height: 1.2;
    text-decoration: none;
    font-size: 15px;
}

    .filter a i {
        font-size: 13px;
        margin-right: 1px;
    }

    .filter a:after {
        font-family: 'Font Awesome 6 Pro';
        content: "\f105";
        font-size: 13px;
        margin-left: 7px;
    }

    .filter a:first-child {
        border-left: 0px;
        padding-left: 0px;
    }

    .filter a:last-child:after {
        content: none;
    }


/* Elit Creative */
.imza-div {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    gap: 0px 15px;
}

.imza_ayrac {
    display: inline-flex;
    font-size: 23px;
}

.batuhan_emir {
    display: inline-flex;
    position: relative;
}

    .batuhan_emir a {
        display: inline-block;
        max-height: 30px;
        overflow-y: hidden;
    }

        .batuhan_emir a img {
            height: 30px;
            filter: invert(1);
        }

.ElitCreative {
    position: relative;
    display: inline-block;
    padding: 0px;
}

    .ElitCreative .elit-icon {
        position: relative;
        cursor: pointer;
        display: block;
        width: 68px;
        overflow: hidden;
        -webkit-transition: width 0.3s;
        -webkit-transition-timing-function: linear;
        transition: width 0.3s;
        transition-timing-function: linear;
        margin-right: 0px;
        padding: 0px;
        margin-bottom: 0;
    }

        .ElitCreative .elit-icon img {
            position: relative;
            cursor: pointer;
            max-width: none;
        }

    .ElitCreative .elit-popup {
        width: 185px;
        box-sizing: border-box;
        bottom: 40px;
        left: -50px;
        position: absolute;
        background: #fff;
        box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
        border-radius: 5px;
        padding: 15px;
        display: none;
        text-align: center;
        z-index: 9999999999;
    }

        .ElitCreative .elit-popup .elit-logo {
            width: auto;
            margin-bottom: 7px;
        }

        .ElitCreative .elit-popup a {
            color: #4e4e4e;
        }

            .ElitCreative .elit-popup a:hover {
                color: #4e4e4e;
            }

        .ElitCreative .elit-popup .elit-text-1 {
            color: #4e4e4e;
            font-size: 16px;
            font-weight: 600;
            margin-bottom: 5px;
            font-family: Calibri, sans-serif;
        }

        .ElitCreative .elit-popup .elit-text-2 {
            color: #4e4e4e;
            font-size: 12px;
            font-weight: 500;
            margin-bottom: 5px;
            font-family: Calibri, sans-serif;
        }

        .ElitCreative .elit-popup .pupup-mask {
            position: absolute;
            left: 0px;
            bottom: -11px;
            width: 100%;
            text-align: center;
        }

    .ElitCreative:hover .elit-icon {
        width: 131px;
    }

    .ElitCreative:hover .elit-popup {
        display: block;
    }

.dikey_ortala {
    display: table-cell;
    vertical-align: middle;
}
/* Elit Creative */


.footer_mobile_box {
    display: none;
}

.footeraccor.accor .panel-default > .panel-heading {
    background-color: rgba(255 255 255 / 15%);
}

.footeraccor.accor .panel-title > a {
    font-size: 15px;
    color: #fff;
    border-bottom: 0px;
    padding: 10px 0px 10px 15px;
}

.footeraccor.accor .panel-default > .panel-heading a:focus {
    background-color: var(--renk1);
    color: #fff;
}

.footeraccor.accor .panel-default > .panel-heading a[aria-expanded="true"]:before {
    color: #fff;
    z-index: 1;
}

.footeraccor.accor .panel-default > .panel-heading a[aria-expanded="false"]:before {
    color: #fff;
    z-index: 1;
}

.footeraccor.accor .panel-body {
    padding: 0px 5px !important;
    margin-bottom: 5px;
}

footer {
    background: #111;
    position: relative;
    margin-top: 90px;
    padding-top: 95px;
}

.footer_mask {
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 125px;
    background: url(../img/footer_mask.png) top center no-repeat;
}

.footer_in {
    position: relative;
}

.footer_copyright {
    font-size: 14px;
    font-weight: 300;
    color: #8c8c8c;
    background: rgba(255 255 255 / 10%);
    padding: 10px 0px;
    margin-top: 30px;
}

    .footer_copyright .container {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .footer_copyright .container:after, .footer_copyright .container:before {
            content: none;
        }

.footerdiv {
    width: 20%;
    margin-top: 20px;
}

.footer_logo {
    display: block;
    padding-left: 19%;
}

    .footer_logo img {
        max-width: 100%;
    }

.footerdiv h2 {
    position: relative;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    margin: 0px;
    padding: 0px;
    display: block;
    margin-bottom: 22px;
}

.footerbox {
    margin-bottom: 5px;
    margin-top: 5px;
}

.footerbox_ {
    display: flex;
    align-items: center;
    margin-bottom: 0px;
}

    .footerbox_ i {
        margin-right: 15px;
        font-size: 16px;
        color: #d9d9d9;
    }

    .footerbox_ span {
        font-size: 16px;
        color: #fff;
    }


.footer_menu {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
}

    .footer_menu li {
        margin: 0;
        padding: 0;
        list-style: none;
        display: block;
    }

        .footer_menu li a {
            position: relative;
            padding: 4px 0px;
            font-size: 16px;
            color: #fff;
            text-decoration: none;
            display: block;
            transition: all 80ms ease-out;
        }

            .footer_menu li a > img {
                width: 18px;
                height: 18px;
                margin-right: 5px;
            }

            .footer_menu li a i {
                font-size: 12px;
                margin-right: 5px;
                transition: all 800ms ease-out;
            }

            .footer_menu li a:hover {
                color: #999;
                text-decoration: underline;
            }

.Footer_Social_Links {
    display: block;
    margin-top: 20PX;
}

    .Footer_Social_Links a {
        text-decoration: none;
        color: #fff;
        font-size: 18px;
        align-items: center;
        justify-content: center;
        display: inline-flex;
        width: 35px;
        height: 35px;
        border-radius: 0px;
        text-align: center;
        transition: all 180ms ease-out;
        border: 1px solid transparent;
    }

        .Footer_Social_Links a:hover {
            border: 1px solid rgba(255 255 255 / 30%);
        }

        .Footer_Social_Links a:last-child {
            margin-right: 0px;
            padding: 0px 0px 0px 0px;
        }

.footer_text {
    color: #929292;
    font-size: 16px;
    margin-bottom: 30px;
}


/* Footer css 2 başlangıç */
/*footer.footer2 {
    background: #111;
    position: relative;
    margin-top: 90px;
    padding-top: 20px;
    border-top: 5px solid #f44336;
}

    footer.footer2 .footer_in2 {
        position: relative;
    }

        footer.footer2 .footer_in2 .footerdiv2 {
            width: 20%;
            margin-top: 0px;
        }

        footer.footer2 .footer_in2 .footer_logo2 {
            display: block;
        }

            footer.footer2 .footer_in2 .footer_logo2 img {
                max-width: 100%;
            }

        footer.footer2 .footer_in2 .footer_guvenli_alisveris {
            display: block;
            margin-top: 15px;
        }

            footer.footer2 .footer_in2 .footer_guvenli_alisveris img {
                display: inline-block;
                width:100%;
            }*/
/* Footer css 2 bitiş */

.users_campbox_ {
    padding: 10px;
    display: flex;
    align-items: center;
    border-radius: 10px;
    background: var(--renk1);
}

.owl-item:nth-child(3n+1) .item .users_campbox .users_campbox_ {
    background: var(--renk1) !important;
}

.owl-item:nth-child(3n+2) .item .users_campbox .users_campbox_ {
    background: var(--renk2) !important;
}

.owl-item:nth-child(3n+0) .item .users_campbox .users_campbox_ {
    background: var(--renk3) !important;
}

.users_campbox_img {
    padding: 10px;
    margin-right: 10px;
    width: 60px;
    border-radius: 10px;
    background: rgba(255 255 255 / 20%);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    font-weight: 600;
}

    .users_campbox_img img {
        max-width: 100%;
        width: auto !important;
    }

.users_campbox_text {
    flex: 1;
    font-size: 13PX;
    color: #fff;
    font-weight: 400;
}

    .users_campbox_text span {
        display: block;
        line-height: 1.3;
    }

    .users_campbox_text a {
        display: inline-block;
        cursor: pointer;
        border-radius: 4px;
        padding: 2px 8px;
        font-size: 12px;
        color: #000;
        background: rgba(255 255 255 / 100%);
    }

        .users_campbox_text a:hover {
            background: rgba(0 0 0 / 40%);
            color: #fff;
        }


.owl-stage {
    display: flex;
}

.owlstyle2 .owl-nav .owl-next, .owlstyle2 .owl-nav .owl-prev {
    border-radius: 0px;
    background: #fff;
    padding: 5px 10px;
    color: #999;
    border-radius: 3px;
    position: absolute;
}

.owlstyle2 .owl-nav .owl-next {
    right: -40px;
}

.owlstyle2 .owl-nav .owl-prev {
    left: -40px;
}

.owlstylecampbox .owl-nav .owl-next {
    right: -20px;
}

.owlstylecampbox .owl-nav .owl-prev {
    left: -20px;
}

.owlstyle2 .owl-nav {
    position: absolute;
    top: 34%;
    right: 0px;
    width: 100%;
}

.owlstylecampbox .owl-nav {
    top: 25%;
    margin-top: 0px;
}






.owl-item {
    height: 100%;
}

    .owl-item .item {
        height: 100%;
    }

.home_pro_box_dark .owlstyle .owl-nav .owl-next, .home_pro_box_dark .owlstyle .owl-nav .owl-prev {
    color: #fff;
}

.owlstyle .owl-stage-outer {
    display: flex;
    padding: 0px 0PX 0PX 1PX;
}

.owlstyle .owl-nav {
    position: absolute;
    top: -95px;
    right: 0px;
}

    .owlstyle .owl-nav .owl-next, .owlstyle .owl-nav .owl-prev {
        border-radius: 0px;
        background: none;
        padding: 5px 12px;
        border-radius: 0px;
        border: 1px solid #c2c2c2;
        color: #565656;
        font-size: 17px;
    }

    .owlstyle .owl-nav .owl-next {
    }

    .owlstyle .owl-nav .owl-prev {
    }

        .owlstyle .owl-nav .owl-next:hover, .owlstyle .owl-nav .owl-prev:hover {
            background: rgba(0 0 0 / 5%);
            color: #666;
        }

        .owlstyle .owl-nav .owl-next.disabled, .owlstyle .owl-nav .owl-prev.disabled:hover {
            background: rgba(0 0 0 / 5%);
            color: #666;
        }

    .owlstyle .owl-nav .owl-next:after {
        font-family: 'Font Awesome 6 Pro';
        content: "\f054";
        font-weight: 900;
    }

    .owlstyle .owl-nav .owl-prev:after {
        font-family: 'Font Awesome 6 Pro';
        content: "\f053";
        font-weight: 900;
    }

    .owlstyle .owl-nav .owl-next:before {
    }

    .owlstyle .owl-nav [class*=owl-] {
        margin: 0px;
        margin-left: 8px;
    }

.owlstyleType2 .owl-stage-outer {
    display: flex;
    padding: 0px 0PX 0PX 1PX;
}

.owlstyleType2 .owl-nav {
    position: absolute;
    top: 34%;
    left: 0px;
    width: 100%;
}

    .owlstyleType2 .owl-nav .owl-next, .owlstyleType2 .owl-nav .owl-prev {
        border-radius: 0px;
        background: none;
        padding: 5px 12px;
        border-radius: 0px;
        border: 1px solid #c2c2c2;
        color: #565656;
        font-size: 17px;
    }

    .owlstyleType2 .owl-nav .owl-next {
        top: 0;
        right: -32px;
    }

    .owlstyleType2 .owl-nav .owl-prev {
        top: 0;
        left: -38px;
    }

        .owlstyleType2 .owl-nav .owl-next:hover, .owlstyleType2 .owl-nav .owl-prev:hover {
            background: rgba(0 0 0 / 5%);
            color: #666;
        }

        .owlstyleType2 .owl-nav .owl-next.disabled, .owlstyleType2 .owl-nav .owl-prev.disabled:hover {
            background: rgba(0 0 0 / 5%);
            color: #666;
        }

    .owlstyleType2 .owl-nav .owl-next:after {
        font-family: 'Font Awesome 6 Pro';
        content: "\f054";
        font-weight: 900;
    }

    .owlstyleType2 .owl-nav .owl-prev:after {
        font-family: 'Font Awesome 6 Pro';
        content: "\f053";
        font-weight: 900;
    }

    .owlstyleType2 .owl-nav .owl-next:before {
    }

    .owlstyleType2 .owl-nav [class*=owl-] {
        margin: 0px;
        position: absolute;
    }

@keyframes moveUp {
    from {
        transform: translateY(100%);
    }

    to {
        transform: translateY(0%);
    }
}

.cookie {
    z-index: 100;
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    background: rgba(0 0 0 / 80%);
    padding: 30px;
    animation: moveUp 1s ease-in-out normal;
}

.cookiebtn {
    display: block;
    padding: 10px 20px;
    font-size: 16px;
    background: var(--renk1);
    color: #fff;
    cursor: pointer;
    margin-bottom: 15px;
    text-align: center;
}

    .cookiebtn.cookiebtn2 {
        background: var(--renk2);
    }

    .cookiebtn:hover {
        background: rgba(255 255 255 / 30%);
        color: #fff;
    }

.cookiebtnlink {
    display: block;
    font-size: 15px;
    color: #fff;
    cursor: pointer;
    text-align: center;
}

    .cookiebtnlink:hover {
        color: var(--renk2);
    }

.cookietext {
    color: rgba(255 255 255 / 70%);
    font-size: 15px;
    max-height: 100px;
    overflow-y: hidden;
}

.cookie_title {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}





/*WHATSAPP BOARD CSS START*/
.whatsapp-fixed-bottom-div {
    display: block;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
}

    .whatsapp-fixed-bottom-div div.w-chat-div {
        /*display: inline-block;*/
        display: none;
        width: 264px;
        height: 190px;
        position: fixed;
        right: 20px;
        bottom: 99px;
        /*background: #ffffff;*/
        /*border-radius: 5px 5px 0px 5px;*/
        z-index: 9999999998;
    }

        .whatsapp-fixed-bottom-div div.w-chat-div .w-chat-close {
            display: inline-block;
            position: absolute;
            top: -35px;
            right: 0;
            background: #28973b;
            width: 30px;
            height: 30px;
            border-radius: 5px;
            text-align: center;
        }

            .whatsapp-fixed-bottom-div div.w-chat-div .w-chat-close a {
                color: #ffffff;
                font-size: 20px;
                display: inline-block;
                padding: 0 0 0 0;
            }

                .whatsapp-fixed-bottom-div div.w-chat-div .w-chat-close a i {
                    display: inline-block;
                }

        .whatsapp-fixed-bottom-div div.w-chat-div .w-div-1 {
            display: inline-block;
            background: #28973b;
            width: 100%;
            height: 80px;
            border-radius: 5px 5px 0px 0px;
        }

            .whatsapp-fixed-bottom-div div.w-chat-div .w-div-1 span {
                display: inline-block;
                font-size: 15px;
                color: #ffffff;
                width: 100%;
                line-height: 20px;
                padding: 10px 15px 10px 15px;
                text-align: center;
            }

        .whatsapp-fixed-bottom-div div.w-chat-div .w-div-2 {
            display: inline-block;
            background: #ffffff;
            width: 100%;
            height: auto;
            border-radius: 0px 0px 5px 5px;
        }

            .whatsapp-fixed-bottom-div div.w-chat-div .w-div-2 span {
                display: inline-block;
                font-size: 14px;
                color: #6c6c6c;
                width: 100%;
                line-height: 30px;
                padding: 10px 15px 10px 15px;
                text-align: left;
                font-weight: 600;
            }

        .whatsapp-fixed-bottom-div div.w-chat-div .w-div-3 {
            display: inline-block;
            background: #ffffff;
            width: 100%;
            height: 50px;
            border-radius: 5px 5px 5px 0px;
            margin-top: 10px;
            padding: 10px 15px 10px 15px;
            box-shadow: 0px 0px 10px 2px rgba(76, 203, 98, 0.6);
            position: relative;
        }

            .whatsapp-fixed-bottom-div div.w-chat-div .w-div-3 input {
                display: inline-block;
                background: #ffffff;
                border: none;
                outline: none;
                width: 100%;
                height: 30px;
                line-height: 30px;
                font-size: 13px;
                color: #6c6c6c;
                text-align: left;
                font-weight: 600;
            }

            .whatsapp-fixed-bottom-div div.w-chat-div .w-div-3 a {
                display: inline-block;
                background: #28973b;
                font-size: 20px;
                width: 30px;
                height: 30px;
                line-height: 30px;
                color: #ffffff;
                position: absolute;
                right: 15px;
                text-align: center;
                border-radius: 5px;
            }

                .whatsapp-fixed-bottom-div div.w-chat-div .w-div-3 a:hover {
                    color: #28973b;
                    background: #ffffff;
                }

                .whatsapp-fixed-bottom-div div.w-chat-div .w-div-3 a i {
                    display: inline-block;
                }

        .whatsapp-fixed-bottom-div div.w-chat-div .w-div-last {
            display: inline-block;
            background: #ffffff;
            width: 165px;
            height: 79px;
            position: absolute;
            bottom: -79px;
            left: 0;
            padding: 10px 15px 10px 15px;
            border-radius: 0 0 5px 5px;
            box-shadow: -1px 9px 5px 0px rgba(76, 203, 98, 0.2);
            text-align: center;
        }

            .whatsapp-fixed-bottom-div div.w-chat-div .w-div-last img {
                display: inline-block;
                width: 90% !important;
                height: 63px;
            }

    .whatsapp-fixed-bottom-div a.w-icon {
        display: inline-block;
        width: 60px;
        height: 60px;
        background: #2cae43;
        color: #fff;
        padding: 0px 15px 0px 15px;
        border-radius: 100%;
        text-align: center;
        z-index: 9999999997;
    }

        .whatsapp-fixed-bottom-div a.w-icon:hover {
            background: #3bda57;
            color: #fff;
        }

        .whatsapp-fixed-bottom-div a.w-icon img.w-text {
            width: 60px;
            height: auto;
            position: absolute;
            left: -14px;
            top: -14px;
        }

        .whatsapp-fixed-bottom-div a.w-icon i {
            display: inline-block;
            /* float: left; */
            line-height: 60px;
            font-size: 39px;
            margin-right: 0;
        }






.whatsapp-fixed-bottom-div-mobile {
    /*display: block;*/
    display: none;
    position: fixed;
    bottom: 20px;
    left: 30px;
    z-index: 9999;
}

    .whatsapp-fixed-bottom-div-mobile div.w-chat-div {
        /*display: inline-block;*/
        display: none;
        min-height: 100% !important;
        min-width: 100% !important;
        max-height: 100% !important;
        max-width: 100% !important;
        position: fixed;
        left: 0;
        top: 0;
        background: #ffffff;
        /*border-radius: 5px 5px 0px 5px;*/
        z-index: 999999998;
    }

        .whatsapp-fixed-bottom-div-mobile div.w-chat-div .w-chat-close {
            display: inline-block;
            position: absolute;
            top: 5px;
            right: 5px;
            background: #28973b;
            width: 30px;
            height: 30px;
            border-radius: 5px;
            text-align: center;
        }

            .whatsapp-fixed-bottom-div-mobile div.w-chat-div .w-chat-close a {
                color: #ffffff;
                font-size: 22px;
                display: inline-block;
                /*padding: 2px 0 0 0;*/
            }

                .whatsapp-fixed-bottom-div-mobile div.w-chat-div .w-chat-close a i {
                    display: inline-block;
                }

        .whatsapp-fixed-bottom-div-mobile div.w-chat-div .w-div-1 {
            display: inline-block;
            background: #28973b;
            width: 100%;
            height: auto;
            margin-top: 40px;
            border-radius: 0;
        }

            .whatsapp-fixed-bottom-div-mobile div.w-chat-div .w-div-1 span {
                display: inline-block;
                font-size: 14px;
                color: #ffffff;
                width: 100%;
                line-height: 30px;
                padding: 10px 15px 10px 15px;
                text-align: center;
            }

        .whatsapp-fixed-bottom-div-mobile div.w-chat-div .w-div-2 {
            display: inline-block;
            background: #ffffff;
            width: 100%;
            height: auto;
            border-radius: 0px 0px 5px 5px;
            bottom: 50px;
            left: 0;
            position: absolute;
        }

            .whatsapp-fixed-bottom-div-mobile div.w-chat-div .w-div-2 span {
                display: inline-block;
                font-size: 14px;
                color: #6c6c6c;
                width: 100%;
                line-height: 30px;
                padding: 10px 15px 10px 15px;
                text-align: left;
                font-weight: 600;
            }

        .whatsapp-fixed-bottom-div-mobile div.w-chat-div .w-div-3 {
            display: inline-block;
            background: #ffffff;
            width: 100%;
            height: 50px;
            border-radius: 5px 5px 0px 5px;
            padding: 10px 15px 10px 15px;
            box-shadow: 0px 0px 10px 2px rgba(76, 203, 98, 0.6);
            position: absolute;
            bottom: 0;
            left: 0;
        }

            .whatsapp-fixed-bottom-div-mobile div.w-chat-div .w-div-3 input {
                display: inline-block;
                background: #ffffff;
                border: none;
                outline: none;
                width: 100%;
                height: 30px;
                line-height: 30px;
                font-size: 13px;
                color: #6c6c6c;
                text-align: left;
                font-weight: 600;
            }

            .whatsapp-fixed-bottom-div-mobile div.w-chat-div .w-div-3 a {
                display: inline-block;
                background: #28973b;
                font-size: 20px;
                width: 30px;
                height: 30px;
                line-height: 30px;
                color: #ffffff;
                position: absolute;
                right: 15px;
                text-align: center;
                border-radius: 5px;
            }

                .whatsapp-fixed-bottom-div-mobile div.w-chat-div .w-div-3 a:hover {
                    color: #28973b;
                    background: #ffffff;
                }

                .whatsapp-fixed-bottom-div-mobile div.w-chat-div .w-div-3 a i {
                    display: inline-block;
                }

        .whatsapp-fixed-bottom-div-mobile div.w-chat-div .w-div-last {
            display: inline-block;
            background: #ffffff;
            width: 100%;
            height: 100px;
            position: absolute;
            bottom: 50%;
            right: 0;
            padding: 10px 15px 10px 15px;
            border-radius: 0;
        }

            .whatsapp-fixed-bottom-div-mobile div.w-chat-div .w-div-last img {
                display: inline-block;
                width: 100%;
                height: auto;
                margin-top: 16px;
            }

    .whatsapp-fixed-bottom-div-mobile a.w-icon {
        display: inline-block;
        width: 60px;
        height: 60px;
        background: #2cae43;
        color: #fff;
        padding: 0px 15px 0px 15px;
        border-radius: 100%;
        text-align: center;
        z-index: 999999997;
    }

        .whatsapp-fixed-bottom-div-mobile a.w-icon:hover {
            background: #3bda57;
            color: #fff;
        }

        .whatsapp-fixed-bottom-div-mobile a.w-icon img.w-text {
            width: 60px;
            height: auto;
            position: absolute;
            left: -14px;
            top: -14px;
        }

        .whatsapp-fixed-bottom-div-mobile a.w-icon i {
            display: inline-block;
            /* float: left; */
            line-height: 60px;
            font-size: 39px;
            margin-right: 0;
        }
/*WHATSAPP BOARD CSS START*/
/* WP 2 end*/


.blogdiv {
    margin-bottom: 30px;
}

.blogdiv_ {
    margin-bottom: 0px;
    background: #fff;
    border: 1px solid #e9e9e9;
    height: 100%;
    border-radius: 0;
}

.blogdivimg {
    overflow: hidden;
    border-radius: 0px;
    text-align: center;
}

    .blogdivimg img {
        width: 100%;
        min-height: 100%;
    }

        .blogdivimg img[src*="oto55-loading.svg"] {
            width: 200px !important;
            height: 200px !important;
        }

.owl-carousel .owl-item .blogdivimg img[src*="oto55-loading.svg"] {
    width: 200px !important;
    height: 200px !important;
    display: inline-block !important;
}

.blogdivimg:has(> img[src*="oto55-loading.svg"]) {
    width: 100% !important;
    text-align: center !important;
    height: 300px !important;
}

.blogdivimg img[src*="oto55-loading-2.svg"] {
    width: 200px !important;
    height: 200px !important;
}

.owl-carousel .owl-item .blogdivimg img[src*="oto55-loading-2.svg"] {
    width: 200px !important;
    height: 200px !important;
    display: inline-block !important;
}

.blogdivimg:has(> img[src*="oto55-loading-2.svg"]) {
    width: 100% !important;
    text-align: center !important;
    height: 300px !important;
}

/*.blogdivimg:has(> img[src*="oto55-loading.svg"])  {
    border:5px solid #000;
	text-align: center;
	height:100px;
}

.blogdivimg img[src*="oto55-loading.svg"] {
    min-height: 100px;
	width: 150px;
}*/


.blogdiv_pad {
    padding: 15PX;
}

.blogdiv_ h3 {
    margin: 0px;
    padding: 0px;
    font-size: 18px;
    font-weight: 600;
    color: var(--fume);
    line-height: 1.4;
}

.blogdiv_ p {
    margin: 0px;
    padding: 0px;
    color: #6d6b6b;
    font-size: 14px;
    margin-top: 8px;
}

.blogdiv_ small {
    display: block;
    margin-bottom: 7px;
    color: #6d6b6b;
    font-size: 14px;
}

.blogdiv:hover .blogdiv_ h3 {
    color: var(--renk1);
}

.blogdiv:hover .blogdiv_ {
    background: #f9f9f9;
}

.blog_readmore {
    font-size: 18px;
    font-weight: 600;
    color: var(--color1);
    text-decoration: underline;
}

.blog_details_img {
    border-radius: 10px;
    margin: 0px 0px 25px 0px;
    max-width: 100%;
}

.blog_details_box {
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}

.blog_details_date {
    padding: 4px 15px 2px 15px;
    background: #F9F9F9;
    color: #555;
    font-size: 14px;
    border-radius: 3px;
    display: inline-block;
    margin-right: 15px;
}

.blog_social a {
    margin: 0px 5px;
    padding: 6px 10px;
    background: var(--mavi);
    color: #fff;
    border-radius: 3px;
    text-align: center;
}

    .blog_social a:hover {
        background: #fff;
        color: #222;
    }

.key_list {
    margin-bottom: 25px;
}

    .key_list a {
        display: inline-block;
        color: #555;
        padding: 7px 12px;
        margin-bottom: 2px;
        font-size: 13px;
        background: #e9e9e9;
        border-radius: 4px;
        border: 1px solid #eee;
    }

        .key_list a:hover {
            background: #f9f9f9;
        }

.blog_menu {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px;
    list-style: none;
    border: 0px solid #e9e9e9;
    margin: 0px;
    margin-bottom: 30px;
}

    .blog_menu li {
        margin: 0px;
        padding: 0px;
        list-style: none;
        display: block;
    }

        .blog_menu li a {
            font-size: 15px;
            font-weight: 500;
            padding: 7px 0px;
            display: block;
            text-decoration: none;
            color: #333;
            border-radius: 4px;
            transition: all 0.2s;
            position: relative;
            margin-bottom: 0px;
            cursor: pointer;
            border-bottom: 1px solid rgba(0 0 0 / 8%);
            margin-bottom: 1px;
        }

            .blog_menu li a i {
                margin-right: 5px;
                font-size: 10px;
            }

            .blog_menu li a:hover {
                color: var(--renk1);
            }

            .blog_menu li a.active {
                color: var(--renk1);
            }



/*Bildirim alanı*/
.notification-area {
    display: none;
}

#toast-container {
    position: fixed;
    z-index: 999999999999;
}

.toast-bottom-right {
    right: 12px;
    bottom: 12px;
}

#toast-container > div {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    position: relative;
    overflow: hidden;
    margin: 0 0 6px;
    padding: 15px 15px 15px 50px;
    width: 300px;
    background-position: 15px center;
    background-repeat: no-repeat;
    opacity: .95;
    color: #fff !important;
}

#toast-container * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.toast-success {
    background-color: #39c759;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==) !important;
}

.toast-warning {
    background-color: #fb3;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=) !important;
}

.toast-info {
    background-color: #33b5e5;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=) !important;
}

.toast-error {
    background-color: #ff3547;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=) !important;
}

.toast {
    /*background-color: #030303;*/
}

button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.toast-close-button {
    position: relative;
    right: -.3em;
    top: -.3em;
    float: right;
    font-size: 20px;
    font-weight: 400;
    text-shadow: 0 1px 0 #fff;
    opacity: .8;
    color: #fff !important;
}

    .toast-close-button:focus, .toast-close-button:hover {
        text-decoration: none;
        cursor: pointer;
        opacity: .4;
    }

    .toast-close-button:focus, .toast-close-button:hover {
        color: #000 !important;
    }

.toast-title {
    font-weight: 600;
    font-size: 16px;
}

.toast-message {
    word-wrap: break-word;
}

#toast-container > :hover {
    -webkit-box-shadow: 0 8px 17px 0 rgba(0,0,0,.2), 0 6px 20px 0 rgba(0,0,0,.19);
    box-shadow: 0 8px 17px 0 rgba(0,0,0,.2), 0 6px 20px 0 rgba(0,0,0,.19);
    -webkit-transition: .45s;
    -o-transition: .45s;
    transition: .45s;
    opacity: 1;
    cursor: pointer;
}
/*Bildirim alanı*/

/*Loading*/
.loading-div-area {
    position: absolute;
    z-index: 99;
    top: 0px;
    width: 100%;
    left: 0;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    display: none;
}

    .loading-div-area .loading-img-area {
        width: 200px;
        height: 200px;
        margin: 0 auto;
        max-width: 200px;
        margin-top: 25px;
    }

        .loading-div-area .loading-img-area img {
            width: 100%;
            height: 100%;
        }
/*Loading*/


.sonuc_odeme {
    text-align: left;
    text-align: center;
    background: #FFF;
    margin-top: 00PX;
}

.sonuc_odeme_ {
    padding: 30PX;
}

.sonuc_odeme_title {
}

.odemetutar {
    background: #eeeeee;
    padding: 12px;
    font-weight: 600;
    font-size: 18px;
    text-align: left;
    border-top: 1px solid #dadada;
}

.sonuc_odeme_title h4 {
    font-size: 22px;
    font-weight: 600;
    padding: 0px;
    margin: 0px;
    color: #53bb53;
    display: inline-block;
}

.sonuc_odeme_title i {
    color: #53bb53;
    font-size: 60px;
    margin-right: 15px;
    display: block;
    vertical-align: sub;
    margin-bottom: 15px;
}

.sonuc_odeme b {
    font-weight: 600;
    margin-bottom: 15px;
}

.sonuc_odeme p {
    padding: 0px;
    margin: 15px 15px;
}

#noResult {
    width: 100%;
    text-align: center;
}

    #noResult img {
        height: 500px;
        max-width: 100%;
    }

.bb_link {
    margin: 0px;
    padding: 0px;
    list-style: none;
    padding: 20px;
    background: #FFF;
    border-radius: 10px;
    border: 1px solid #e9e9e9;
    margin-bottom: 20px;
}

    .bb_link li {
        margin: 0px;
        padding: 0px 0px;
        list-style: none;
    }

        .bb_link li a {
            display: block;
            font-size: 15px;
            font-weight: 500;
            padding: 7px 7px;
            margin-bottom: 7px;
            border-radius: 5px;
            /*background-image: linear-gradient(to right, var(--mor), var(--mor), var(--mavi), var(--mavi));*/
            color: #000;
            background-size: 150% 100%;
            transition: all 350ms ease-out;
        }

            .bb_link li a span {
                display: inline-block;
                border-radius: 2px;
                padding: 2px 5px;
                background: #000;
                color: #333;
                font-size: 14px;
            }

            .bb_link li a i {
                margin-right: 5px;
                color: #000;
            }

            .bb_link li a:hover {
                background-size: 300% 100%;
            }



.corp_div_v2 {
    margin-bottom: 50px;
    padding-bottom: 50px;
    border-bottom: 1px dashed #d1d1d1;
}

    .corp_div_v2:last-child {
        margin-bottom: 0;
        padding-bottom: 50px;
        border-bottom: none;
    }

    .corp_div_v2 .corp_img {
        margin: 0 15px 5px 0;
        width: 40%;
        float: left;
        display: inline-block;
    }

        .corp_div_v2 .corp_img img {
            width: 100%;
            height: auto;
            object-fit: cover;
        }

        .corp_div_v2 .corp_img video {
            width: 100%;
            height: auto;
            object-fit: cover;
        }

    .corp_div_v2 .corp_text {
        display: block;
        width: 100%;
        padding: 0;
        margin: 0;
        text-align: justify;
    }

        .corp_div_v2 .corp_text h3 {
            margin: 0px;
            padding: 0px;
            margin-bottom: 15px;
            font-size: 28px;
            font-weight: 600;
            color: #000;
        }

        .corp_div_v2 .corp_text p {
            color: #333;
            font-weight: 400;
            font-size: 16px;
            line-height: 1.8;
            padding: 0px;
            margin: 0px; /*text-indent: 22px;*/
        }

.corp_div_v2_reverse {
}

    .corp_div_v2_reverse .corp_img {
        margin: 0 0 5px 15px;
        float: right;
    }

        .corp_div_v2_reverse .corp_img img {
        }

        .corp_div_v2_reverse .corp_img video {
        }

    .corp_div_v2_reverse .corp_text {
    }

        .corp_div_v2_reverse .corp_text h3 {
        }

        .corp_div_v2_reverse .corp_text p {
        }

.corp_div_v2_full {
}

    .corp_div_v2_full .corp_div_v2_full_sub_item {
        display: flex;
        flex-direction: column;
        align-content: center;
        flex-wrap: wrap;
        align-items: center;
    }

    .corp_div_v2_full .corp_img {
        margin: 0 0 15px 0;
        float: unset;
        width: 100%;
    }

        .corp_div_v2_full .corp_img img {
            max-height: 700px;
        }

        .corp_div_v2_full .corp_img video {
            max-height: 700px;
        }

    .corp_div_v2_full .corp_text {
    }

        .corp_div_v2_full .corp_text h3 {
        }

        .corp_div_v2_full .corp_text p {
        }

.corp_div_v2_full_center {
}

    .corp_div_v2_full_center .corp_div_v2_full_sub_item {
        display: flex;
        flex-direction: column;
        align-content: center;
        flex-wrap: wrap;
        align-items: center;
    }

    .corp_div_v2_full_center .corp_img {
        margin: 0 0 15px 0;
        float: unset;
        width: auto;
    }

        .corp_div_v2_full_center .corp_img img {
            max-height: 700px;
        }

        .corp_div_v2_full_center .corp_img video {
            max-height: 700px;
        }

    .corp_div_v2_full_center .corp_text {
    }

        .corp_div_v2_full_center .corp_text h3 {
        }

        .corp_div_v2_full_center .corp_text p {
        }


.corporate_div {
    margin-bottom: 50px;
}

.corporate_div_text {
    padding-right: 10px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .corporate_div_text h3 {
        margin: 0px;
        padding: 0px;
        margin-bottom: 15px;
        font-size: 28px;
        font-weight: 600;
        color: #000;
    }

    .corporate_div_text p {
        color: #333;
        font-weight: 400;
        font-size: 16px;
        line-height: 1.8;
        padding: 0px;
        margin: 0px;
    }

.corporate_div_img {
    height: 100%;
    /*min-height: 550px;*/
}

    .corporate_div_img video {
        width: 100%;
        /*height: 100%;*/
        object-fit: cover;
    }

    .corporate_div_img img {
        width: 100%;
        /*height: 100%;*/
        object-fit: cover;
    }

.corporate_div:nth-child(odd) .flexrow4 {
    flex-direction: row-reverse;
}

.corporate_div:nth-child(odd) .corporate_div_text {
    padding-right: 0px;
    padding-left: 10px;
}


.catalog {
    margin-bottom: 20px;
}

.catalog_ {
    margin-bottom: 20px;
    padding: 15px;
    background: #eeeeee;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 10px;
}

.catalog_img {
    margin-bottom: 15px;
    overflow: hidden;
    border-radius: 7px;
}

    .catalog_img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.catalog_ h4 {
    margin: 0px;
    padding: 0px;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 0px;
}

.catalog_ .catalogbtn {
    position: relative;
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    padding: 14px 30px;
    border-radius: 35px;
    background: var(--yesil);
    margin-top: 15px;
}

.catalog_:hover {
}

    .catalog_:hover .catalogbtn {
        background: var(--mor);
    }

.pnlinputs label input {
    margin-top: 8px;
}

.pnlinputs label a {
    text-decoration: underline;
}

#Zoom-1 {
    border: 1px solid #eeeeee;
}

.selectors .pd_small_image:first-child {
    padding-left: 0;
}

.selectors .pd_small_image:last-child {
    padding-right: 0;
}

.selectors .pd_small_image {
    max-width: 20% !important;
}

.pagetitle2 h2 {
    margin-top: 0;
}

.custom-select-container {
    position: relative;
    max-width: 100%;
}

    .custom-select-container .custom-select {
        border: 1px solid #ddd;
        border-radius: 4px;
        background-color: #fff;
        cursor: pointer;
        position: relative;
        margin-bottom: 5px;
    }

        .custom-select-container .custom-select .selected-option {
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 10px;
            position: relative;
        }

            .custom-select-container .custom-select .selected-option > small.order {
                float: left;
                margin-right: 2px;
            }

            .custom-select-container .custom-select .selected-option > img {
                width: 50px;
                height: 50px;
                border-radius: 4px;
                object-fit: cover;
            }

            .custom-select-container .custom-select .selected-option > span.title_area {
                float: left;
                display: inline-block;
                padding-right: 45px;
            }

            .custom-select-container .custom-select .selected-option > span.drop_icon_area {
                display: inline-block;
                position: absolute;
                right: 20px;
                top: 27%;
                font-size: 25px;
            }

        .custom-select-container .custom-select .options {
            position: absolute;
            top: 100%;
            left: 0;
            width: 100%;
            border: 1px solid #ddd;
            border-radius: 4px;
            background-color: #fff;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
            max-height: 400px;
            overflow-y: auto;
            display: none;
            z-index: 100;
        }

            .custom-select-container .custom-select .options .option {
                display: flex;
                align-items: center;
                gap: 10px;
                padding: 10px;
                cursor: pointer;
                transition: background-color 0.2s ease;
                border-bottom: 1px dashed #eaeaea;
            }

                .custom-select-container .custom-select .options .option:last-child {
                    border-bottom: none;
                }

                .custom-select-container .custom-select .options .option:hover {
                    background-color: #f1f1f1;
                }

                .custom-select-container .custom-select .options .option small.order {
                    float: left;
                    margin-right: 2px;
                }

                .custom-select-container .custom-select .options .option img {
                    width: 75px;
                    height: 75px;
                    border-radius: 4px;
                    object-fit: cover;
                }

                .custom-select-container .custom-select .options .option span {
                    font-size: 14px;
                    color: #333;
                }

.sipHavaleText {
    font-size: 14px !important;
    color: var(--renk1) !important;
}

.havaleText {
    color: var(--renk1);
}

/*.svg ikonlarını fontawesome ikonu gibi kullanmak için css başlangıcı*/
.fa-custom.fac-ph-cizelge {
    display: inline-block;
    width: 1em !important;
    height: 1em;
    -webkit-mask-image: url('/assets/img/ph-icon.svg');
    mask-image: url('/assets/img/ph-icon.svg');
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: currentColor; /* Renk kontrolü */
    vertical-align: middle;
}

.fa-custom.fac-arrow-1-down {
    display: inline-block;
    width: 1em !important;
    height: 1em;
    -webkit-mask-image: url('/assets/img/arrow-icon-1-down.svg');
    mask-image: url('/assets/img/arrow-icon-1-down.svg');
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: currentColor; /* Renk kontrolü */
    vertical-align: middle;
}

.fa-custom.fac-konsantre {
    display: inline-block;
    width: 1em !important;
    height: 1em;
    -webkit-mask-image: url('/assets/img/konsantre-icon.svg');
    mask-image: url('/assets/img/konsantre-icon.svg');
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: currentColor; /* Renk kontrolü */
    vertical-align: middle;
}
/*.svg ikonlarını fontawesome ikonu gibi kullanmak için css bitişi*/


/* Header Alanı Banner Css Başlangıcı */
.topbannerbox {
    padding: 10px 0px;
    position: relative;
    display: flex;
    align-items: center;
    min-height: 45px !important;
    max-height: 200px !important;
    justify-content: center;
    overflow-x: hidden;
    overflow-y: hidden;
}

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

        .topbannerbox .topbannerbox_content.container:after, .topbannerbox .container:before {
            content: none;
        }

        .topbannerbox .topbannerbox_content.container {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 1;
            width: 1500px;
        }

.topbannerboximg {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    left: 0px;
    top: 0px;
    z-index: 0;
}

.topbannerbox_items {
    display: inline-flex;
    align-items: center;
    gap: 15px;
}

.topbannerboxbtn {
    padding: 0px;
    margin: 0px;
    font-size: 14px;
    font-weight: 500;
    text-shadow: 0px 0px 0px #000;
    line-height: 1.25;
    border: 1px solid transparent;
    padding: 5px 15px;
    transition: all 150ms ease-out;
    display: inline-flex;
    position: relative;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 1px solid inherit;
    color: inherit;
    flex: none;
    text-decoration: none;
}

    .topbannerboxbtn:hover {
        background: var(--renk2);
        color: inherit;
        border: 1px solid transparent !important;
    }

.topbannerboxlist {
    display: flex;
    gap: 10px;
}

    .topbannerboxlist .itemm {
        font-size: 17px;
        color: inherit;
        font-weight: 500;
        display: flex;
        align-items: center;
        justify-content: center;
        align-content: center;
        gap: 5px;
    }

        .topbannerboxlist .itemm i {
            margin-right: 3px;
        }

.topbannerowl .owl-height {
    transition: height 0.1s ease-in-out !important;
    background: #000000;
}

.topbannerowl .owl-item {
    direction: ltr !important;
}

@media (max-width: 768px) {
    .topbannerboxlist {
        flex-direction: column;
        gap: 5px;
        font-size: 13px;
    }

    .topbannerboxbtn {
        font-size: 13px;
        padding: 3px 10px;
    }
}
/* Header Alanı Banner Css Bitişi */


/* whatsapp yeni start  */
#bonusWp {
    position: fixed;
    right: 25px;
    bottom: 20px;
    z-index: 49;
    border-radius: 50%;
    padding-top: 0px;
    margin-top: 0px;
}

    #bonusWp .wpDis {
        width: 60px;
        height: 60px;
        background-color: #4FCE5D;
        border-radius: 50%;
        padding-left: 12px;
        padding-top: 10px;
        color: #fff;
        position: relative;
        transition: background-color 200ms ease;
        cursor: pointer;
    }

        #bonusWp .wpDis:hover {
            background-color: #44a14e;
        }

            #bonusWp .wpDis:hover a {
                background-color: #44a14e;
            }

        #bonusWp .wpDis i {
            font-size: 39px;
        }

        #bonusWp .wpDis a {
            transition: all 300ms ease;
            position: absolute;
            left: 10px;
            top: 10px;
            width: 40px;
            height: 40px;
            background-color: #4FCE5D;
            border-radius: 50%;
            padding-top: 0;
            text-align: center;
        }

            #bonusWp .wpDis a:hover {
                background-color: #44a14e;
            }

    #bonusWp:hover .wpDis a {
    }

@media (max-width: 768px) {
    #bonusWp {
        right: 25px;
        left: unset;
    }
}
/* whatsapp yeni end  */


@media (min-width: 1200px) and (max-width: 1500px) {
    .container {
        width: 1170px;
    }

    .header_menu {
        /*margin-left: 90px;*/
    }

    .searchfrm {
        width: 437px;
        /*margin-left: 88px;*/
    }

    .header_menu li > a {
        font-size: 16px;
        font-weight: 400;
        padding: 30px 10px;
        height: 86px;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .container {
        width: 970px;
    }

    .logodiv img {
        max-width: 85px;
    }

    .header_menu {
        /*margin-left: 79px;*/
    }

    .searchfrm {
        width: 437px;
        /*margin-left: 50px;*/
    }

    .header_menu li > a {
        font-size: 16px;
        font-weight: 400;
        padding: 30px 10px;
        height: 86px;
    }

        .header_menu li > a i {
            display: none;
        }

    .header_menu li:first-child > a i {
        display: block;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .container {
        width: 750px;
    }

    .header_in {
        padding: 10px 0px;
    }

    .footerdiv {
        width: 33%;
    }

    .logodiv img {
        max-width: 80px;
    }

    .header_menu {
        display: none;
    }

    header .searchfrm {
        display: none;
    }

    .searchfrm {
        width: 500px;
        margin-left: 10px;
    }

    .securty_text {
        display: none;
    }

    .menu_btn {
        display: flex;
    }

    .shopbox {
        font-size: 24px;
        width: 40px;
        height: 40px;
        margin-right: 6px;
    }

        .shopbox span {
            top: 2px;
            right: 2px;
            width: 17px;
            height: 17px;
            font-size: 13px;
        }

    .Lang_Site {
    }

        .Lang_Site li a {
            width: 40px;
            height: 40px;
            font-size: 15px;
        }

    .ElitCreative {
        width: 100%;
        text-align: center;
        margin-top: 15px;
        margin-bottom: 15px;
        overflow: auto;
    }

        .ElitCreative .elit-icon {
            width: 100%;
            text-align: center;
            padding-top: 0;
            margin-right: 0;
        }

        .ElitCreative:hover .elit-icon {
            width: 100%;
        }

        .ElitCreative:hover .elit-popup {
            display: none;
        }
}

@media (max-width: 768px) {
    .hometopminus .flexrow12 {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 5px;
    }

    .tab_list2 li {
        width: 50%;
    }

    .content2 {
        margin: 10px auto 30px auto;
        min-height: 300px;
    }

    footer {
        margin-top: 15px;
    }

    .whatsapp-fixed-bottom-div {
        display: none;
    }

    .whatsapp-fixed-bottom-div-mobile {
        display: block;
    }

    .ElitCreative {
        width: 100%;
        text-align: center;
        margin-top: 15px;
        margin-bottom: 15px;
        overflow: auto;
    }

        .ElitCreative .elit-icon {
            width: 100%;
            text-align: center;
            padding-top: 0;
            margin-right: 0;
        }

        .ElitCreative:hover .elit-icon {
            width: 100%;
        }

        .ElitCreative:hover .elit-popup {
            display: none;
        }

    .container {
        width: 100%;
    }

    .header_top {
        display: none;
    }

    .header_in {
        padding: 7px 0px;
    }

    header {
    }

    .logodiv {
        width: auto;
    }

        .logodiv img {
            max-width: 80px;
        }

    .header_menu {
        display: none;
    }

    header .searchfrm {
        display: none;
    }

    .menu_btn {
        display: flex;
    }

    .searchfrm {
        width: 230px;
        margin-left: 10px;
    }

        .searchfrm .form-control {
            height: 35px;
        }

        .searchfrm .btn {
            font-size: 16px;
        }

    .securty_text {
        display: none;
    }


    .pageboxbg {
        padding: 20px 0px 20px 0px;
        height: auto;
    }

        .pageboxbg h3 {
            font-size: 18px;
            text-align: center;
            margin-bottom: 5px;
        }

    .footer_social_icon a {
        font-size: 15px;
    }

    .footerdiv {
        width: 100%;
        text-align: center;
    }

    .dblock-xs {
        display: block !important;
    }

    .dflexspacediv-xs {
        display: flex;
        justify-content: space-between;
        align-items: top;
    }

    .main_title {
        text-align: left;
    }

        .main_title h2 {
            font-size: 18px;
            width: 75%;
        }

    .main_title2 h2 {
        font-size: 15px;
        width: 75%;
    }

    .slider {
        height: 210px !important;
    }

    .slidercontentleft {
        display: none;
    }

    .slidercontentright {
        display: none;
    }

    .slidercontent {
        width: 85%;
        padding: 15px 0;
    }

    .sliderbox {
        margin-bottom: 0px;
    }

    .sliderbox2 {
        margin-bottom: 5px;
    }

    .sliderbox h1 {
        font-size: 22px;
        font-weight: 700;
    }

    .sliderbox2 p {
        font-size: 16px;
        font-weight: 400;
    }

    .slidercontent .btn_s {
        font-size: 15px;
        padding: 7px 22px;
    }

    .header_top_right {
        text-align: center;
        display: flex;
    }

    .slider .owl-dots {
        bottom: 15px;
    }

    .topbtn {
        padding: 5px 5px;
        font-size: 13px;
        flex: 1;
    }

        .topbtn i {
            margin-right: 5px;
        }

    .Lang_Site li a {
        padding: 8px 5px;
        font-size: 13px;
    }

    .owlstyle .owl-nav {
        top: -80px;
    }

        .owlstyle .owl-nav .owl-next, .owlstyle .owl-nav .owl-prev {
            border-radius: 0px;
            padding: 2px 7px;
            font-size: 14px !important;
        }

        .owlstyle .owl-nav [class*=owl-] {
            margin: 0px;
            margin-left: 3px;
        }

    .owlstyleType2 .owl-nav {
        top: 34%;
    }

        .owlstyleType2 .owl-nav .owl-prev {
            left: -11px;
        }

        .owlstyleType2 .owl-nav .owl-next {
            right: -11px;
        }

        .owlstyleType2 .owl-nav .owl-next, .owlstyleType2 .owl-nav .owl-prev {
            border-radius: 0px;
            padding: 5px 10px;
            font-size: 17px !important;
        }

        .owlstyleType2 .owl-nav [class*=owl-] {
            margin: 0px;
        }

    .info_bottom_ {
        justify-content: start;
        border-bottom: 1px solid rgba(0 0 0 / 10%);
        border-right: 0px;
        font-size: 14px;
    }

        .info_bottom_ img {
            width: 30px;
        }

    .Lang_Site {
        margin-right: 3px;
    }

        .Lang_Site li a {
            width: 40px;
            height: 40px;
            font-size: 13px;
        }

    .shopbox {
        font-size: 18px;
        width: 40px;
        height: 40px;
        margin-right: 3px;
    }

        .shopbox span {
            top: 2px;
            right: 2px;
            width: 17px;
            height: 17px;
            font-size: 12px;
        }

    .topbtn {
        display: none;
    }

    .topbtn2 {
        display: inline-flex;
    }

    .filter a {
        font-size: 14px;
    }

    .text-left-xs {
        text-align: left !important;
    }

    .text-center-xs {
        text-align: center !important;
    }

    .map_ {
        margin-top: 15px;
    }

    .m_galeri_a {
        height: 95px;
    }

    .galeri_kat a {
        height: auto;
    }

    .videogaleriimg {
        height: auto;
    }

    .shop_step li {
        padding: 7px 12px;
        margin-bottom: 5px;
        display: flex;
    }

        .shop_step li i {
            font-size: 14px;
            margin-right: 4px;
        }

        .shop_step li span {
            font-size: 16px;
        }

    .shop_arrow {
        margin-right: 7px;
        margin-left: 7px;
        transform: rotate(90deg);
    }

    .xs-row7-5 {
        margin-left: -5px;
        margin-right: -5px;
    }

    .xs-col7-5 {
        padding-left: 5px;
        padding-right: 5px;
    }

    .products_box_text h3 {
        font-size: 15px;
    }

    .products_box_price {
        font-size: 16px;
    }

        .products_box_price span {
            font-size: 14px;
        }

    .products_box_btns a {
        font-size: 16px;
        margin-left: 5px;
        padding: 6px 7px;
    }

    .home_dealers_left {
        top: 0px;
        left: 0px;
        width: 100%;
        height: 50%;
        transform: rotate(0deg) scale(1);
        border-bottom: 7px solid var(--renk1);
        border-right: 0px;
    }

    .home_dealers_right {
        bottom: 0px;
        right: 0px;
        width: 100%;
        height: 50%;
    }

    .home_dealersbox h3 {
        font-size: 24px;
    }

    .home_dealersbox p {
        font-size: 16px;
    }

    .home_dealersbox_btn {
        font-size: 16px;
    }

    .hmcategory_ a {
        min-height: 150px;
    }

        .hmcategory_ a h3 {
            font-size: 20px;
        }

        .hmcategory_ a i {
            font-size: 16px;
        }

    .footer_copyright .container {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: column;
    }

    .ElitCreative {
        margin-top: 15px;
    }

    .footer_logo {
        padding-left: 5%;
    }

        .footer_logo img {
            width: 230px;
        }

    .footer_mask {
        background: url(../img/footer_mask.png) top center no-repeat;
    }

    .homeinf_ i {
        font-size: 28px;
    }

    .homeinf_ h4 {
        font-size: 20px;
    }

    .homeinf_ p {
        font-size: 16px;
    }

    .footerbox_ {
        /*justify-content: center;*/
    }

    .footerdivclose {
        display: none;
    }

    .footer_mobile_box {
        display: block;
    }

    .hometopminus {
        margin-top: 20px;
    }

    .discountbox {
        font-size: 14px;
        padding: 2px 7px;
    }

    .discountbox2 {
        font-size: 14px;
        padding: 2px 7px;
    }

    .xsmb20 {
        margin-bottom: 20px;
    }

    .orders_filter {
        flex-direction: column;
    }

    .orders_info_small {
        flex-direction: column;
    }

    .listeinf {
        flex-direction: column;
        gap: 20px;
        margin-bottom: 10px;
    }

    .pagenum a {
        padding: 5px 10px;
        font-size: 14px;
    }

    .blogdiv_pad p {
        display: none;
    }

    .blogdiv_pad h3 {
        font-size: 16px;
        font-weight: 400;
    }

    .producttitle {
        margin-bottom: 20px;
        margin-top: 15px;
    }

        .producttitle h2 {
            font-size: 20px;
        }

    .details_camp {
        padding: 5px 7px;
        font-size: 20px;
    }

    .detailsprice {
        font-size: 24px;
    }

    .video_product_text {
        flex-direction: column;
        align-items: start;
        gap: 10px;
    }

    .video_product_textt h2 {
        font-size: 22px;
    }

    .video_product_textt p {
        font-size: 18px;
    }

    .fatures_product_list_text h3 {
        font-size: 20px;
    }

    .fatures_product_list_text {
        margin-bottom: 10px;
    }

    .fatures_product_list_text {
        padding-right: 0px;
    }

    .fatures_product_list:nth-child(even) .fatures_product_list_text {
        padding-right: 0px;
        padding-left: 0px;
    }

    .fatures_product_list_img {
        min-height: 210px;
    }

    .corp_div_v2 {
    }

        .corp_div_v2:last-child {
        }

        .corp_div_v2 .corp_img {
            margin: 0 0 15px 0;
            width: 100%;
            float: left;
            display: inline-block;
        }

            .corp_div_v2 .corp_img img {
            }

            .corp_div_v2 .corp_img video {
            }

        .corp_div_v2 .corp_text {
        }

            .corp_div_v2 .corp_text h3 {
            }

            .corp_div_v2 .corp_text p {
            }

    .corp_div_v2_reverse {
    }

        .corp_div_v2_reverse .corp_img {
            margin: 0 0 15px 0;
            width: 100%;
            float: left;
            display: inline-block;
        }

            .corp_div_v2_reverse .corp_img img {
            }

            .corp_div_v2_reverse .corp_img video {
            }

        .corp_div_v2_reverse .corp_text {
        }

            .corp_div_v2_reverse .corp_text h3 {
            }

            .corp_div_v2_reverse .corp_text p {
            }

    .corp_div_v2_full {
    }

        .corp_div_v2_full .corp_div_v2_full_sub_item {
        }

        .corp_div_v2_full .corp_img {
        }

            .corp_div_v2_full .corp_img img {
            }

            .corp_div_v2_full .corp_img video {
            }

        .corp_div_v2_full .corp_text {
        }

            .corp_div_v2_full .corp_text h3 {
            }

            .corp_div_v2_full .corp_text p {
            }

    .corp_div_v2_full_center {
    }

        .corp_div_v2_full_center .corp_div_v2_full_sub_item {
        }

        .corp_div_v2_full_center .corp_img {
        }

            .corp_div_v2_full_center .corp_img img {
            }

            .corp_div_v2_full_center .corp_img video {
            }

        .corp_div_v2_full_center .corp_text {
        }

            .corp_div_v2_full_center .corp_text h3 {
            }

            .corp_div_v2_full_center .corp_text p {
            }

    .corporate_div_text h3 {
        font-size: 20px;
    }

    .corporate_div_text {
        margin-bottom: 10px;
    }

    .corporate_div_text {
        padding-right: 0px;
    }

    .corporate_div:nth-child(even) .fatures_product_list_text {
        padding-right: 0px;
        padding-left: 0px;
    }

    .corporate_div_img {
        min-height: 210px;
    }

    .description_product_right {
        margin-top: 15px;
        padding: 15px;
    }

    .howtotitle {
        font-size: 20px;
    }

    .howtolist .howtolist_number {
        width: 40px;
        height: 40px;
        font-size: 18px;
    }

    .callcenterbottom {
        text-align: center;
    }

    .video_product {
        /*min-height: 300px;*/
    }

    .pagetitle4 h2 {
        font-size: 20px;
    }

    .contact_map {
        height: 250px;
    }

    .pagetitle3 h2 {
        font-size: 20px;
    }

    .details_left_pad {
        padding-right: 0px;
    }

    .cookie {
        overflow-y: auto;
    }

    .cookietext {
        font-size: 13px;
    }

    .cookiebtn {
        padding: 7px 15px;
        font-size: 14px;
        margin-bottom: 5px;
    }

    .video_category_textt h2 {
        font-size: 24px;
    }

    /* Footer css 2 başlangıç */

    /* Footer css 2 bitiş */
}


@media (min-width: 480px) and (max-width: 768px) {
    .m_galeri_a {
        height: 165px;
    }
}


/*Yeni Footer Css Başlangıç*/
footer.footer2 {
    display: inline-block;
    width: 100%;
    background: #111;
    position: relative;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 5px solid #f44336;
}

    footer.footer2 .footer_desktop {
        display: block;
    }

    footer.footer2 .footer_mobile {
        display: none;
    }

    footer.footer2 .footer_desktop.footer_in2 {
        position: relative;
    }

    footer.footer2 .footer_desktop .footerdiv2 {
        width: 20%;
        margin-top: 0px;
    }

    footer.footer2 .footer_desktop .footerdiv3 {
        width: 60%;
        margin-top: 0px;
    }

    footer.footer2 .footer_desktop .footerdiv4 {
        width: 80%;
        margin-top: 0px;
    }

    footer.footer2 .footer_desktop .footerdiv5 {
        width: 25%;
        margin-top: 0px;
    }

    footer.footer2 .footer_desktop .footerdiv6 {
        width: 15%;
        margin-top: 0px;
    }

    footer.footer2 .br_cizgi {
        display: inline-block;
        width: 100%;
        height: 1px;
        background: #ffffff;
        opacity: 0.3;
        margin: 15px 0;
    }

    footer.footer2 .footer_logo2 {
        display: flex;
        align-items: center;
        gap: 10px;
    }

        footer.footer2 .footer_logo2 a {
            display: inline-block;
        }

            footer.footer2 .footer_logo2 a img {
                display: inline-block;
                width: 100%;
                max-width: 100%;
                height: 65px;
            }

        footer.footer2 .footer_logo2 .footer_logo2_copy_text {
            display: inline-block;
        }

            footer.footer2 .footer_logo2 .footer_logo2_copy_text span {
                display: inline-block;
                color: #d1d1d1;
                font-size: 14px;
                width: 100%;
                line-height: 2;
            }

    footer.footer2 ul.footer_menu2 {
        margin: 0;
        padding: 0;
        list-style: none; /*display: inline-block;*/
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: flex-start;
        gap: 0px 15px;
    }

        footer.footer2 ul.footer_menu2 li { /*margin: 0 15px;*/
            padding: 0;
            list-style: none;
            display: block;
            float: left;
        }

            footer.footer2 ul.footer_menu2 li:first-child {
                margin-left: 0;
            }

            footer.footer2 ul.footer_menu2 li:last-child {
                margin-right: 0;
            }

            footer.footer2 ul.footer_menu2 li a {
                position: relative;
                padding: 0px 0px;
                font-size: 18px;
                font-weight: 300;
                color: #fff;
                text-decoration: none;
                display: block;
                transition: all 80ms ease-out;
                text-transform: uppercase;
                letter-spacing: 1px;
                line-height: 0.5;
            }

                footer.footer2 ul.footer_menu2 li a > img {
                    width: 18px;
                    height: 18px;
                    margin-right: 5px;
                }

                footer.footer2 ul.footer_menu2 li a i {
                    font-size: 12px;
                    margin-right: 5px;
                    transition: all 800ms ease-out;
                }

                footer.footer2 ul.footer_menu2 li a:hover {
                    color: #999;
                    text-decoration: underline;
                }

    footer.footer2 .footer_contact {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

        footer.footer2 .footer_contact > div {
            display: flex;
            gap: 5px;
            align-items: baseline;
        }

            footer.footer2 .footer_contact > div > i {
                font-size: 18px;
                color: #ffffff;
            }

            footer.footer2 .footer_contact > div > a {
                font-size: 18px;
                color: #ffffff;
            }

                footer.footer2 .footer_contact > div > a:hover {
                    text-decoration: underline;
                }

    footer.footer2 .footer_guvenli_alisveris {
        display: inline-block;
        width: 100%;
    }

        footer.footer2 .footer_guvenli_alisveris img {
            display: inline-block;
            width: auto;
        }

    footer.footer2 ul.footer_menu3 {
        margin: 0;
        padding: 0;
        list-style: none; /*display: inline-block;*/
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        flex-direction: row;
        gap: 15px;
    }

        footer.footer2 ul.footer_menu3 li { /*margin: 0 15px;*/
            padding: 0;
            list-style: none;
            display: block;
            float: left;
        }

            footer.footer2 ul.footer_menu3 li:first-child {
                margin-left: 0;
            }

            footer.footer2 ul.footer_menu3 li:last-child {
                margin-right: 0;
            }

            footer.footer2 ul.footer_menu3 li a {
                position: relative;
                padding: 0px 0px;
                font-size: 14px;
                font-weight: 300;
                color: #fff;
                text-decoration: none;
                display: block;
                transition: all 80ms ease-out;
                letter-spacing: 0px;
                line-height: 0.6;
            }

                footer.footer2 ul.footer_menu3 li a > img {
                    width: 18px;
                    height: 18px;
                    margin-right: 5px;
                }

                footer.footer2 ul.footer_menu3 li a i {
                    font-size: 12px;
                    margin-right: 5px;
                    transition: all 800ms ease-out;
                }

                footer.footer2 ul.footer_menu3 li a:hover {
                    color: #999;
                    text-decoration: underline;
                }

    footer.footer2 .footer_desktop .footer_social {
        display: flex;
        align-items: center;
        gap: 5px;
        justify-content: flex-end;
    }

    footer.footer2 .footer_social a {
        text-decoration: none;
        color: #fff;
        font-size: 16px;
        align-items: center;
        justify-content: center;
        display: inline-flex;
        width: 28px;
        height: 28px;
        border-radius: 0px;
        text-align: center;
        transition: all 80ms ease-out;
        border: 1px solid rgba(255 255 255 / 20%);
    }

        footer.footer2 .footer_social a:hover {
            border: 1px solid rgba(255 255 255 / 30%);
        }

        footer.footer2 .footer_social a:last-child {
        }

@media (min-width: 1201px) and (max-width: 1500px) {
    /*footer.footer2 .footer_desktop .footerdiv2 {width: 20%; margin-top: 0px;}*/
    footer.footer2 .footer_desktop .footerdiv3 {
        width: 60%;
        margin-top: 0px;
    }
    /*footer.footer2 .footer_desktop .footerdiv4 {width: 80%; margin-top: 0px;}*/
    footer.footer2 .footer_desktop .footerdiv5 {
        width: 15%;
        margin-top: 0px;
    }

    footer.footer2 .footer_desktop .footerdiv6 {
        width: 25%;
        margin-top: 0px;
    }

    footer.footer2 ul.footer_menu2 {
        gap: 0px 15px;
    }

    footer.footer2 ul.footer_menu3 {
        gap: 0px 10px;
    }

    footer.footer2 ul.footer_menu2 li a {
        line-height: 1.5;
    }

    footer.footer2 ul.footer_menu3 li a {
        line-height: 1.5;
        text-align: center;
    }

    footer.footer2 .footer_contact > div {
        align-items: center;
    }

        footer.footer2 .footer_contact > div > a {
            text-align: center;
        }
}

@media (min-width: 768px) and (max-width: 1200px) {
    /*footer.footer2 .footer_desktop .footerdiv2 {width: 20%; margin-top: 0px;}*/
    footer.footer2 .footer_desktop .footerdiv3 {
        width: 50%;
        margin-top: 0px;
    }
    /*footer.footer2 .footer_desktop .footerdiv4 {width: 80%; margin-top: 0px;}*/
    footer.footer2 .footer_desktop .footerdiv5 {
        width: 15%;
        margin-top: 0px;
    }

    footer.footer2 .footer_desktop .footerdiv6 {
        width: 35%;
        margin-top: 0px;
    }

    footer.footer2 ul.footer_menu2 {
        gap: 0px 15px;
    }

    footer.footer2 ul.footer_menu3 {
        gap: 0px 10px;
    }

    footer.footer2 ul.footer_menu2 li a {
        line-height: 1.5;
    }

    footer.footer2 ul.footer_menu3 li a {
        line-height: 1.5;
        text-align: center;
    }

    footer.footer2 .footer_contact > div {
        align-items: center;
    }

        footer.footer2 .footer_contact > div > a {
            text-align: center;
        }
}

@media (max-width: 768px) {
    footer.footer2 {
    }

        footer.footer2 .footer_desktop {
            display: none;
        }

        footer.footer2 .footer_mobile {
            display: block;
        }

        footer.footer2 .flexrow3 {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            flex-direction: row;
        }

        footer.footer2 .flexrow11 {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            flex-direction: row;
            gap: 15px 0px;
        }

        footer.footer2 .footer_in2 {
        }

        footer.footer2 .footer_mobile .footerdiv2 {
            width: 35%;
            margin-top: 0px;
        }

        footer.footer2 .footer_mobile .footerdiv3 {
            width: 65%;
            margin-top: 0px;
        }

        footer.footer2 .footer_mobile .footerdiv4 {
            width: 100%;
            margin-top: 0px;
        }

        footer.footer2 .footer_logo2 {
            display: flex;
            gap: 10px;
            flex-direction: column;
            align-items: center;
        }

            footer.footer2 .footer_logo2 a {
            }

                footer.footer2 .footer_logo2 a img {
                }

            footer.footer2 .footer_logo2 .footer_logo2_copy_text {
            }

                footer.footer2 .footer_logo2 .footer_logo2_copy_text span {
                }

        footer.footer2 ul.footer_menu2 {
            display: flex;
            flex-wrap: wrap;
            gap: 10px 20px;
            flex-direction: row;
            justify-content: center;
            margin-top: 15px;
        }

            footer.footer2 ul.footer_menu2 li {
                margin: 0;
            }

                footer.footer2 ul.footer_menu2 li:first-child {
                }

                footer.footer2 ul.footer_menu2 li:last-child {
                }

                footer.footer2 ul.footer_menu2 li a {
                    line-height: 1;
                }

                    footer.footer2 ul.footer_menu2 li a > img {
                    }

                    footer.footer2 ul.footer_menu2 li a i {
                    }

                    footer.footer2 ul.footer_menu2 li a:hover {
                    }

        footer.footer2 .footer_mobile_contact_soial_div {
            display: flex;
            align-items: center;
            flex-direction: column;
            margin-top: 20px !important;
        }

        footer.footer2 .footer_contact {
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: center;
            display: none !important;
        }

            footer.footer2 .footer_contact > div {
            }

                footer.footer2 .footer_contact > div > i {
                }

                footer.footer2 .footer_contact > div > a {
                }

                    footer.footer2 .footer_contact > div > a:hover {
                    }

        footer.footer2 .footer_guvenli_alisveris {
            text-align: center;
        }

            footer.footer2 .footer_guvenli_alisveris img {
            }

        footer.footer2 ul.footer_menu3 {
            display: flex;
            flex-wrap: wrap;
            gap: 5px 20px;
            flex-direction: row;
            justify-content: center;
            margin-top: 15px;
        }

            footer.footer2 ul.footer_menu3 li {
                margin: 0;
            }

                footer.footer2 ul.footer_menu3 li:first-child {
                }

                footer.footer2 ul.footer_menu3 li:last-child {
                }

                footer.footer2 ul.footer_menu3 li a {
                    line-height: 1;
                }

                    footer.footer2 ul.footer_menu3 li a > img {
                    }

                    footer.footer2 ul.footer_menu3 li a i {
                    }

                    footer.footer2 ul.footer_menu3 li a:hover {
                    }

        footer.footer2 .footer_mobile .footer_social {
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: center;
            gap: 10px;
        }

        footer.footer2 .footer_social a {
        }

            footer.footer2 .footer_social a:hover {
            }

            footer.footer2 .footer_social a:last-child {
            }
}
/*Yeni Footer Css Bitiş*/