*, html, body, p, div, ul, ol, li, em, strong, a, article, figure, address, figcaption, select, input, button, img, table, tr, td, aside, header, video, b, span, h1, h2, h3, select {
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 1.4em;
    font-weight: 400;
    box-sizing: border-box;
}

.soru {
    padding: 20px !important;
    background: #b2fed4;
    border-radius: 10px;
    margin: 20px 0 20px !important;
    background-image: linear-gradient(90deg, #b2fed4, #EFF2F5) !important;
}

    .soru b {
        font-weight: bold !important
    }

.imgc {
    background: #6f7178;
    padding: 10px;
    border-radius: 5px;
    width: 80px;
    transition: all .3s;
    margin-right: -30px;
    margin-left: -10px;
}

#tmcsp {
    display: block;
    position: absolute;
    font-size: 9px;
}

.payFrameBg {
    width: 100%;
    background: rgba(0,0,0,.7);
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9998
}

.payFrame {
    width: 606px;
    height: 650px;
    border: 0px !important;
    padding: 13px 13px 14px;
    position: relative;
    margin: 5% auto;
    display: table;
    background: #fff;
    z-index: 9999;
    overflow: hidden !important;
    box-shadow: 0px 0px 50px rgba(0,0,0,.1);
}

    .payFrame body {
        overflow: hidden !important
    }

.loops.active .imgc {
    background: #f5b621;
    margin-right: -15px
}

body {
    font-size: 15px;
    line-height: 1.4em;
    font-weight: 400;
    color: #101010;
    background: #FAFBFD;
}

h5 {
    font-size: 18px;
    font-weight: bold;
    margin: 10px 0
}

.bg1 {
    background: #fafbfd;
}

.AYDBg {
    background: #e5e5e5 !important
}

.AYDLogo {
    position: absolute;
    width: 55px;
    border-radius: 50%;
    right: 20px;
    top: 27px;
    padding: 4px;
    background: #fff;
    box-sizing: border-box;
    object-fit: cover;
}

.main {
    width: 100%;
    display: table;
    position: relative;
}

.pages {
    width: 1200px;
    display: table;
    margin: 0 auto;
    position: relative;
}

header {
    padding-top: 10px;
    width: 100%;
    position: relative
}

.headerBody, .topPage {
    width: 100%;
    display: table;
    position: relative
}

a {
    text-decoration: none;
}

.topPage {
    text-align: right;
    padding: 10px 0
}

    .topPage a {
        margin-left: 15px;
        font-size: 13px;
        transition: all .3s;
        color: #555;
    }

        .topPage a:hover {
            color: #999
        }

.headerBodyTR, .detailTable .detailTR, .powTable .tr {
    display: table-row;
}

.headerBody .logo {
    width: 215px;
    height: 62px;
    display: table-cell;
    vertical-align: middle;
}

.headerBody .search {
    display: table-cell;
    vertical-align: middle;
    padding: 10px 0px 10px 20px;
    width: 768px;
    position: relative;
}

.searchBody {
    display: none;
    position: absolute;
    z-index: 9500;
    width: 96.8%;
    background: #fff;
    padding-bottom: 10px;
    border-radius: 0px 0px 10px 10px
}

    .searchBody .t1 {
        padding: 12px 30px 14px 12px;
        width: 100%;
        background-color: #ecf0f2;
    }

        .searchBody .t1 b {
            padding-left: 10px
        }

        .searchBody .t1 b, .searchBody .t2 b, .searchBody .t3 b {
            font-weight: bold;
            font-size: 15px
        }

    .searchBody .t2 {
        padding: 22px 0 22px 24px;
        width: 100%;
        background-color: #fff;
    }

    .searchBody .t3 {
        padding: 22px 16px;
        width: 100%;
        background-color: #fff;
    }

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

.headerBody .search input[type="search"] {
    background: #EFF2F5 url(/pagesProducts/img/search.png) no-repeat 15px center;
    text-indent: 30px;
    padding: 20px;
    border-radius: 7px;
    width: 100%;
    display: table
}

    .headerBody .search input[type="search"].active {
        border-radius: 7px 7px 0px 0px;
    }

.mic {
    position: absolute;
    right: 0;
    z-index: 1000;
    background: url(/pagesProducts/img/mic-off.png) no-repeat 0 0;
    cursor: pointer;
    padding: 14px 12px;
    margin: 18px
}

.headerBody .login, .headerBody .checkout {
    display: table-cell;
    vertical-align: middle;
    padding: 10px 5px 10px 8px;
    width: 190px;
}

.headerBody .checkout {
    padding: 10px 0 10px 4px;
}

    .headerBody .login .loginBtn, .headerBody .checkout .checkoutBtn, .headerBody .login .areaBtn {
        width: 100%;
        height: 60px;
        transition: all .3s;
        border-radius: 5px;
        border: solid 1px #dee3ed;
        display: -webkit-box;
        text-indent: 33px;
        font-weight: bold !important;
        align-items: center;
        padding: 0 14px 0 25px;
        cursor: pointer;
        color: #253342;
        font-size: 15px;
        font-weight: 500;
        position: relative;
        background: #fff url(/pagesProducts/img/user.png) no-repeat 20px center;
    }

        .headerBody .login .loginBtn:hover, .headerBody .login .areaBtn:hover {
            background-color: #dee3ed
        }

    .headerBody .checkout .checkoutBtn {
        border: solid 1px #e1af3a;
        background: #f5b621;
        text-indent: 0px
    }

        .headerBody .checkout .checkoutBtn:after {
            content: "";
            background: url(/pagesProducts/img/sepetim.png) no-repeat -89px center;
            position: absolute;
            right: 8%;
            transition: all .5s;
            width: 40px;
            height: 35px;
            background-size: cover;
            top: 11px;
        }

        .headerBody .checkout .checkoutBtn:hover {
            background-color: #d79e17
        }

.clear {
    clear: both
}

.checkoutCount {
    position: absolute;
    font-size: 10px;
    font-weight: bold;
    line-height: 0px !important;
    margin: -30px 0 0 0;
    right: 22px;
    width: 18px;
    height: 18px;
    background: #000;
    color: #fff;
    display: flow;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
    line-height: 17px !important;
    z-index: 100;
}

.checkoutV {
    margin-bottom: 5px;
    width: auto;
    transition: all .3s;
    border-radius: 5px;
    position: relative;
    display: table;
    font-weight: bold !important;
    align-items: center;
    padding: 25px 25px;
    cursor: pointer;
    background: #f5b621;
}

    .checkoutV:before {
        content: "";
        background: url(/pagesProducts/img/sepetim.png) no-repeat -76px center;
        position: absolute;
        right: 13%;
        transition: all .5s;
        width: 35px;
        height: 30px;
        background-size: cover;
        top: 10px;
    }

    .checkoutV .checkoutCount {
        margin: -15px 0 0 0 !important;
        right: 15px !important;
        font-size: 9px;
        width: 15px;
        height: 15px;
        line-height: 15px !important;
    }

#smallCheckout {
    position: absolute;
    z-index: 9999;
    margin: 10px 0 0 -172px;
}

    #smallCheckout .KS {
        animation: bounceIn .3s;
        display: table;
        position: relative;
        padding: 20px;
        z-index: 9999;
        background: #fff;
        box-shadow: 0px 0px 10px rgba(0,0,0,.1);
        width: auto;
        max-height: 438px;
        border-radius: 6px;
        border: solid 1px #dee3ed;
    }

        #smallCheckout .KS .sm1, #smallCheckout .KS .sm2 {
            padding: 0px !important
        }

        #smallCheckout .KS .slick-list {
            height: auto !important
        }

    #smallCheckout ul {
        list-style-type: none;
        width: auto;
        max-height: 329px;
        position: relative;
        display: block;
        overflow: hidden;
        margin: 12px 0;
    }

        #smallCheckout ul li {
            display: flex;
            gap: 10px;
            overflow: hidden;
            align-items: center;
            width: 308px !important;
            padding-bottom: 10px;
            padding: 10px 0;
            border-bottom: 2px solid #eee;
        }

    #smallCheckout .slick-slide {
        display: flex !important
    }

    #smallCheckout ul li:last-child {
        padding-bottom: 10px !important;
        border-bottom: 1px solid #eee;
    }

.smallCheckoutBg {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9998;
    width: 100%;
    height: 100%
}

#smallCheckout ul li a {
    display: contents
}

    #smallCheckout ul li a img {
        position: relative;
        width: 65px;
    }

    #smallCheckout ul li a strong {
        position: relative;
        word-wrap: break-word;
        font-weight: bold;
        line-height: 27px;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        display: -ms-flexbox;
        display: flex;
        display: -webkit-box;
        width: 212px;
        height: 29px;
        color: #000;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        -webkit-box-align: start;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }

    #smallCheckout ul li a small {
        display: block;
        color: #999;
        font-size: 12px;
        position: relative;
        top: -4px;
        height: 19px;
    }

    #smallCheckout ul li a b {
        display: block;
        font-size: 17px;
        line-height: 30px;
        font-weight: bold;
        color: #000
    }

    #smallCheckout ul li a .proDtys {
        display: block
    }

    #smallCheckout ul li a b sup {
        font-size: 11px;
        font-weight: bold;
        color: #000
    }

.nav {
    display: table;
    width: 100%;
    margin-top: 15px;
    width: 100%;
    background: #FAFBFD;
    position: relative;
    z-index: 5000
}

    .nav ul {
        display: table;
        margin: 15px auto;
        width: auto;
        position: relative;
        list-style-type: none
    }

        .nav ul li {
            width: 150px;
            padding: 5px 10px;
            display: table-cell;
            text-align: center;
            vertical-align: middle;
            position: relative;
        }

            .nav ul li a {
                font-weight: bold;
                color: #555;
                font-size: 14px;
                transition: 250ms all ease !important;
                display: inline-table;
                position: relative;
                padding: 6px 0;
            }

                .nav ul li:hover a, .nav ul li a:hover, .nav ul li a.mouseover {
                    color: #F5B621;
                }

                .nav ul li a:after {
                    content: "";
                    position: absolute;
                    width: 100%;
                    height: 2px;
                    bottom: 0;
                    right: 0;
                    background-color: #F5B621;
                    transform: scaleX(0);
                    transform-origin: bottom;
                    transition: 250ms all ease !important;
                }

                .nav ul li a:hover:after, .nav ul li a.mouseover:after {
                    transform-origin: bottom left right;
                    transform: scaleX(1);
                }

            .nav ul li:after {
                width: 1px;
                height: 24px;
                background: #eff2f5;
                content: "";
                position: absolute;
                right: 0;
                top: 50%;
                margin-top: -12px;
            }

            .nav ul li:last-child:after {
                content: close-quote;
                display: none
            }

            .nav ul li.active:before {
                width: 0;
                height: 0;
                border-left: 10px solid transparent;
                border-right: 10px solid transparent;
                border-bottom: 10px solid #eff2f5;
                border-bottom-color: #eff2f5;
                content: '';
                position: absolute;
                left: 51px;
                bottom: -15px;
                z-index: 3000;
                margin-left: 9%;
            }

.fullMenuBg {
    width: 100%;
    padding: 40px 0;
    background: #EFF2F5;
    display: none;
    position: absolute;
    max-height: 540px;
    z-index: 9999;
    margin-top: 0px
}

    .fullMenuBg .pages {
        z-index: 5000 !important
    }

.list1, .list2, .list3 {
    width: 188px;
    max-width: 188px;
    min-width: 188px;
    display: table-cell;
    vertical-align: top;
    padding: 10px 20px 20px 0;
}

.list2 {
    width: 160px;
    max-width: 160px;
    min-width: 160px;
    padding-right: 20px
}

    .list2:last-child {
        margin-right: 0px;
        width: 240px;
        min-width: 240px;
        max-width: 240px;
    }

.list1 .ls1 {
    padding-right: 10px;
    display: block;
    width: 100%;
    position: relative;
    overflow: auto;
    max-height: 450px;
}

    .list1 .ls1 a, .list2 .ls2 a {
        display: list-item;
        margin-bottom: 3px;
        clear: both;
        transition: all .4s;
        position: relative;
        color: #444;
        font-weight: bold;
        padding: 6px 0;
    }

.list2 .ls2 a {
    display: table;
}

.list1 .ls1 .img {
    border-radius: 10px;
    float: left;
    margin: 0px 20px 20px 0;
    text-align: center;
    padding: 10px 10px 5px 10px;
    border: 2px solid #000;
    font-weight: bold;
    width: 108px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    cursor: pointer;
    transition: all .4s;
    position: relative;
    overflow: hidden;
}

    .list1 .ls1 .img:nth-child(5n+0) {
        margin-right: 0 !important
    }

    .list1 .ls1 .img .sp {
        height: 2.3125rem;
        margin-bottom: 0.25rem;
        position: relative;
        margin-top: 13px;
    }

        .list1 .ls1 .img .sp b {
            color: #000;
            font-size: 13px;
            font-weight: 700;
            transition: all .4s;
            line-height: 1.22;
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            height: 2rem;
            width: 100%;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            white-space: normal;
            overflow: hidden !important;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            margin-bottom: 0.5rem;
        }

.elips {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 20px;
    width: 90%;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow: hidden !important;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.elips3 {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 41px;
    width: 100%;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow: hidden !important;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.elips2 {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 20px;
    font-weight: bold;
    width: 215px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow: hidden !important;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.elips4 {
    word-spacing: normal;
    width: 95%;
    height: 18px;
    float: left;
    font-weight: 700;
    line-height: 23px !important;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow: hidden !important;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.spanFlex {
    width: 98%;
    height: 20px;
    overflow: hidden;
    display: flex;
    display: -webkit-box !important;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    -webkit-box-align: start;
    -webkit-box-flex: 1;
}

.list1 .ls1 .img img {
    width: 60%;
    height: auto;
    margin: 0 auto 3px;
    display: table;
    transition: all .4s;
    opacity: 1
}

.list1 .ls1 a.bold, .list2 .ls2 a.bold {
    padding: 10px 0;
    color: blue;
}

.boldsx {
    font-weight: bold !important
}

.list1 .ls1 .img:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    transition: all .4s;
    box-shadow: 0px 0px 0px #EFF2F5 inset
}

.list1 .ls1 .img:hover:before {
    animation: fadeIn 1s alternate;
    box-shadow: 0px -150px 0px #fff inset
}


.list1 .ls1 a:hover, .list2 .ls2 a:hover {
    color: #F6A821
}

.list2 .ls2 {
    border-left: 1px solid #e3e7eb;
    display: block;
    width: 100%;
    padding-left: 30px;
    position: relative;
    overflow: auto;
    max-height: 450px;
}

    .list2 .ls2 a:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 2px;
        bottom: 0;
        right: 0;
        background-color: #F5B621;
        transform: scaleX(0) !important;
        transform-origin: bottom left !important;
        transition: 250ms all ease !important;
    }

    .list2 .ls2 a:hover:after {
        transform-origin: bottom left !important;
        transform: scaleX(1) !important
    }


.list3 {
    width: 500px;
    max-width: 500px;
    min-width: 500px;
    padding-right: 0px
}

    .list3 .ls3 {
        float: right;
        display: table;
        position: relative
    }
.addScroll1::-webkit-scrollbar, .addScroll1-moz-scrollbar, .addScroll1 scrollbar,
.taleps.active::-webkit-scrollbar, .taleps.active-moz-scrollbar, .taleps.active scrollbar,
.teslimatBody .TBR::-webkit-scrollbar, .teslimatBody .TBR-moz-scrollbar, .teslimatBody .TBR scrollbar,
.addScroll::-webkit-scrollbar, .addScroll-moz-scrollbar, .addScroll scrollbar,
.RDTab .cp .mcp ul::-webkit-scrollbar, .RDTab .cp .mcp ul-moz-scrollbar, .RDTab .cp .mcp ul scrollbar,
.list1 .ls1::-webkit-scrollbar, .list1 .ls1-moz-scrollbar, .list1 .ls1 scrollbar,
.list2 .ls2::-webkit-scrollbar, .list2 .ls1-moz-scrollbar, .list2 .ls2 scrollbar,
.sticker::-webkit-scrollbar, .sticker-moz-scrollbar, .sticker scrollbar,
.mhy::-webkit-scrollbar, .mhy-moz-scrollbar, .mhy scrollbar,
.downTable::-webkit-scrollbar, .downTable-moz-scrollbar, .downTable scrollbar,
.popTagTextPRO::-webkit-scrollbar, .popTagTextPRO-moz-scrollbar, .popTagTextPRO scrollbar {
    width: 3px;
    height: 8px;
    border-radius: 5px !important
}

.taleps.active::-webkit-scrollbar-track, .taleps.active-moz-scrollbar-track, .taleps.active scrollbar-track,
.teslimatBody .TBR::-webkit-scrollbar-track, .teslimatBody .TBR-moz-scrollbar-track, .teslimatBody .TBR scrollbar-track,
.addScroll::-webkit-scrollbar-track, .addScroll-moz-scrollbar-track, .addScroll scrollbar-track,
.addScroll1::-webkit-scrollbar-track, .addScroll1-moz-scrollbar-track, .addScroll1 scrollbar-track,
.RDTab .cp .mcp ul::-webkit-scrollbar-track, .RDTab .cp .mcp ul-moz-scrollbar-track, .RDTab .cp .mcp ul scrollbar-track,
.mhy::-webkit-scrollbar-track, .mhy-moz-scrollbar-track, .mhy scrollbar-track,
.downTable::-webkit-scrollbar-track, .downTable-moz-scrollbar-track, .downTable scrollbar-track,
.list1 .ls1::-webkit-scrollbar-track, .list1 .ls1-moz-scrollbar-track, .list1 .ls1 scrollbar-track,
.list2 .ls2::-webkit-scrollbar-track, .list2 .ls2-moz-scrollbar-track, .list2 .ls2 scrollbar-track,
.sticker::-webkit-scrollbar-track, .sticker-moz-scrollbar-track, .sticker scrollbar-track,
.popTagTextPRO::-webkit-scrollbar-track, .popTagTextPRO-moz-scrollbar-track, .popTagTextPRO scrollbar-track {
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.1);
    border-radius: 5px !important
}

.taleps.active::-webkit-scrollbar-thumb, .taleps.active-moz-scrollbar-thumb, .taleps.active scrollbar-thumb,
.addScroll::-webkit-scrollbar-thumb, .addScroll-moz-scrollbar-thumb, .addScroll scrollbar-thumb,
.addScroll1::-webkit-scrollbar-thumb, .addScroll1-moz-scrollbar-thumb, .addScroll1 scrollbar-thumb,
.RDTab .cp .mcp ul::-webkit-scrollbar-thumb, .RDTab .cp .mcp ul-moz-scrollbar-thumb, .RDTab .cp .mcp ul scrollbar-thumb,
.downTable::-webkit-scrollbar-thumb, .downTable-moz-scrollbar-thumb, .downTable scrollbar-thumb,
.sticker::-webkit-scrollbar-thumb, .sticker-moz-scrollbar-thumb, .sticker scrollbar-thumb,
.mhy::-webkit-scrollbar-thumb, .mhy-moz-scrollbar-thumb, .mhy scrollbar-thumb,
.list1 .ls1::-webkit-scrollbar-thumb, .list1 .ls1-moz-scrollbar-thumb, .list1 .ls1 scrollbar-thumb,
.list2 .ls2::-webkit-scrollbar-thumb, .list2 .ls2-moz-scrollbar-thumb, .list2 .ls2 scrollbar-thumb,
.popTagTextPRO::-webkit-scrollbar-thumb, .popTagTextPRO-moz-scrollbar-thumb, .popTagTextPRO scrollbar-thumb {
    background: #F6A821;
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.1);
    border-radius: 5px !important
}

    .taleps.active::-webkit-scrollbar-thumb:window-inactive, .taleps.active-moz-scrollbar-thumb:window-inactive, .taleps.active scrollbar-thumb:window-inactive,
    .teslimatBody .TBR::-webkit-scrollbar-thumb:window-inactive, .teslimatBody .TBR-moz-scrollbar-thumb:window-inactive, .teslimatBody .TBR scrollbar-thumb:window-inactive,
    .addScroll::-webkit-scrollbar-thumb:window-inactive, .addScroll-moz-scrollbar-thumb:window-inactive, .addScroll scrollbar-thumb:window-inactive,
    .addScroll1::-webkit-scrollbar-thumb:window-inactive, .addScroll1-moz-scrollbar-thumb:window-inactive, .addScroll1 scrollbar-thumb:window-inactive,
    .RDTab .cp .mcp ul::-webkit-scrollbar-thumb:window-inactive, .RDTab .cp .mcp ul-moz-scrollbar-thumb:window-inactive, .RDTab .cp .mcp ul scrollbar-thumb:window-inactive,
    .downTable::-webkit-scrollbar-thumb:window-inactive, .downTable-moz-scrollbar-thumb:window-inactive, .downTable scrollbar-thumb:window-inactive,
    .sticker::-webkit-scrollbar-thumb:window-inactive, .sticker-moz-scrollbar-thumb:window-inactive, .sticker scrollbar-thumb:window-inactive,
    .mhy::-webkit-scrollbar-thumb:window-inactive, .mhy-moz-scrollbar-thumb:window-inactive, .mhy scrollbar-thumb:window-inactive,
    .list1 .ls1::-webkit-scrollbar-thumb:window-inactive, .list1 .ls1-moz-scrollbar-thumb:window-inactive, .list1 .ls1 scrollbar-thumb:window-inactive,
    .list2 .ls2::-webkit-scrollbar-thumb:window-inactive, .list2 .ls2-moz-scrollbar-thumb:window-inactive, .list2 .ls2 scrollbar-thumb:window-inactive,
    .popTagTextPRO::-webkit-scrollbar-thumb:window-inactive, .lpopTagTextPRO-moz-scrollbar-thumb:window-inactive, .popTagTextPRO scrollbar-thumb:window-inactive {
        background: rgba(246,168,33,1);
        border-radius: 5px !important
    }

    .RDTab .cp .mcp ul scrollbar-thumb:window-inactive, .RDTab .cp .mcp ul::-webkit-scrollbar-thumb, .RDTab .cp .mcp ul-moz-scrollbar-thumb, .RDTab .cp .mcp ul scrollbar-thumb {
        background: #ACB9D2 !important
    }

.popTagTextPRO {
    display: block;
    position: relative;
    margin: 10px 0;
    max-height: 500px;
    overflow: auto
}
/*grid*/
.grid {
    display: flex;
    margin: 0;
}

    .grid .col-3 {
        display: inline-table;
        max-width: 33.33333%;
        position: relative;
        margin-right: 15px;
    }

        .grid .col-3:last-child {
            margin-right: 0px !important
        }

.pro {
    width: 17.5rem;
    height: 30.875rem;
    border-radius: 0.625rem;
    -webkit-box-shadow: 0 2px 0.375rem 0 rgba(37,51,66,.09);
    box-shadow: 0 2px 0.375rem 0 rgba(37,51,66,.09);
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1.6625rem 1rem 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 1.25rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-repeat: no-repeat;
    background-size: cover;
}

    .pro:after {
        transition: all .3s;
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        border-radius: 0.625rem;
        border: 3px solid #F5B621;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        z-index: 2;
        pointer-events: none;
        opacity: 0;
        -webkit-transition: opacity .3s;
        -o-transition: opacity .3s;
        transition: opacity .3s;
    }

    .pro:hover:after, .activeZ:after {
        opacity: 1;
        -webkit-transition: opacity .3s;
        -o-transition: opacity .3s;
        transition: opacity .3s;
    }

    .pro .fav {
        border: 0;
        -webkit-box-shadow: 0 0;
        box-shadow: 0 0;
        position: absolute;
        top: 20px;
        right: 20px;
        z-index: 6000;
        background: 0 0;
        border-radius: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

.proimg {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.carouselX {
    height: 18.5125rem;
    margin-bottom: 1.5rem;
    position: relative;
}

    .carouselX .img-container {
        margin-left: auto;
        margin-right: auto;
        position: relative;
        overflow: hidden;
        list-style: none;
        padding: 0;
        z-index: 1;
    }

        .carouselX .img-container .swp {
            position: relative;
            width: 100%;
            height: 100%;
            z-index: 1;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-transition-property: -webkit-transform;
            transition-property: -webkit-transform;
            -o-transition-property: transform;
            transition-property: transform;
            transition-property: transform,-webkit-transform;
            -webkit-box-sizing: content-box;
            box-sizing: content-box;
        }

            .carouselX .img-container .swp .swp-slide {
                -webkit-flex-shrink: 0;
                -ms-flex-negative: 0;
                flex-shrink: 0;
                width: 100%;
                height: 100%;
                position: relative;
                -webkit-transition-property: -webkit-transform;
                transition-property: -webkit-transform;
                -o-transition-property: transform;
                transition-property: transform;
                transition-property: transform,-webkit-transform;
            }

                .carouselX .img-container .swp .swp-slide figure {
                    width: 17.5rem;
                    height: 18.925rem;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-line-pack: center;
                    align-content: center;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    margin-top: -20px;
                    justify-content: center;
                }

#inProc .carouselX .img-container .swp .swp-slide figure {
    width: 15.5rem;
}

.carouselX .img-container .swp .swp-slide figure img {
    max-width: 100%;
    width: auto;
    height: 100%;
    object-fit: cover;
}

.carouselX .img-container .swp .swp-slide figure img {
    display: none
}

    .carouselX .img-container .swp .swp-slide figure img:first-child {
        display: block
    }


.pro_footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 3.875rem;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    letter-spacing: 0;
}

    .pro_footer:after {
        content: "";
        height: 1px;
        width: calc(100% + 32px);
        position: absolute;
        background-color: #ecf0f2;
        top: 0;
        left: -1rem;
    }

    .pro_footer .price {
        color: #2855ac;
        font-size: 15px;
        font-weight: 700;
    }

        .pro_footer .price:last-child {
            position: relative;
            min-width: 7.5rem;
            text-align: right;
            padding-left: 0.425rem;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            color: #253342;
            font-size: 19px
        }

            .pro_footer .price:last-child small, .pro_footer .priceSingle small {
                font-size: 11px !important;
                position: relative;
                font-weight: bold;
                top: -6px;
                left: -3px;
            }

            .pro_footer .price:last-child:before {
                content: "";
                height: 2.5rem;
                width: 1px;
                background-color: #ecf0f2;
                position: absolute;
                left: 0;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
            }

    .pro_footer .priceSingle {
        text-align: left !important;
        padding-left: 0px !important;
        color: #253342;
        font-weight: 700;
        font-size: 19px;
    }

.proName {
    color: #253342;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.36;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-box;
    height: 48px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -webkit-box-align: start;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    margin-top: -10px;
    transition: all .6s color;
}

.pro:hover .proName {
    color: #340c8a
}

.fa-fav {
    background: url(/pagesProducts/img/fav.png) no-repeat 0 0;
    cursor: pointer;
    display: inline-block;
    width: 23px;
    height: 20px;
    background-size: cover;
}

.pro:hover .fa-fav {
    background-position: -25px 0;
}

.fa-fav.active {
    background-position: -50px 0 !important;
}

.native {
    width: auto;
    height: 1.375rem;
    border-radius: 0.625rem;
    background: #fff;
    padding: 0.3125rem 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    left: 50%;
    -webkit-transform: translateX(-50%) !important;
    -ms-transform: translateX(-50%) !important;
    transform: translateX(-50%) !important;
    bottom: -5px;
    position: absolute;
    text-align: center;
    -webkit-transition: .3s opacity;
    -o-transition: .3s opacity;
    transition: .3s opacity;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10;
}

    .native span {
        width: 0.5rem;
        height: 0.5rem;
        margin: 0 3px;
        color: #8e9fad;
        opacity: .4;
        cursor: pointer;
        -webkit-transition: all 150ms;
        -o-transition: all 150ms;
        transition: all 150ms;
        width: 1.5rem;
        height: 5px;
        display: inline-block;
        border-radius: 10px;
        background: #000;
        opacity: .2;
    }

        .native span.active {
            opacity: 1;
            background-color: #F5B621;
            width: 1.5rem;
            height: 5px;
        }

.color {
    border-radius: 27px;
    padding: 4px 12px 4px 6px;
    background: #fff url(/pagesProducts/img/color.png) no-repeat 7px center;
    text-indent: 20px;
    font-size: 13px;
    display: table;
    font-weight: bold;
    box-shadow: 0px 0px 10px rgba(0,0,0,.1);
    position: absolute;
    margin: 0;
    z-index: 4000 !important;
    right: 1px;
    color: #777;
    bottom: 5%;
}

.color1, .memory {
    border-radius: 27px;
    padding: 4px 12px 4px 6px;
    background: #fff url(/pagesProducts/img/color.png) no-repeat 7px center;
    text-indent: 20px;
    font-size: 13px;
    display: inline-block;
    margin-right: 5px;
    color: #777;
    font-weight: bold;
    box-shadow: 0px 0px 10px rgba(0,0,0,.1);
}

.memory {
    background: #fff url(/pagesProducts/img/memory.png) no-repeat 7px center;
}

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

.z5000 {
    z-index: 5000;
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
}

.z9 {
    z-index: 9999
}

.imgBtnBody {
    position: absolute;
    z-index: 3000;
    display: table;
    left: 0;
    width: 100%;
    height: 100%;
}

    .imgBtnBody .btnk {
        width: auto;
        display: table-cell;
        cursor: pointer;
    }

.alternate {
    position: absolute;
    height: 90px;
    padding: 10px 0px;
    background: rgba(255,255,255,.3);
    width: 100%;
    z-index: 7000;
    bottom: -15px;
    display: none
}

.alter_info, .table1 {
    display: table;
    width: 100%;
    position: relative;
}

    .alter_info small {
        font-size: 11px;
        color: #000
    }

        .alter_info small:last-child {
            text-decoration: underline;
            float: right;
            display: inline-block;
            border-radius: 3px;
            background: #10db2b;
            padding: 3px 6px;
            color: #fff;
        }

.alter_slider {
    display: table;
    padding: 0px !important;
    position: relative;
    margin: 2px 0 !important;
}

    .alter_slider img {
        transition: all .4s;
        width: 52px !important;
        height: auto !important;
        object-fit: cover !important;
        border-radius: 5px;
        margin: 2px 3px 0 !important;
        padding: 0px !important;
        border: 1px solid #10db2b;
    }

        .alter_slider img:hover {
            border: 1px solid #999;
        }

        .alter_slider img:last-child {
            margin-right: 0px !important
        }

.freeC {
    background: url(/pagesProducts/img/free-cargo.png) no-repeat 0 center;
    padding: 13px;
    margin-right: 5px;
    float: left;
}

.delivery {
    background: url(/pagesProducts/img/delivery.png) no-repeat 0 center;
    padding: 13px;
    margin-right: 5px;
    float: left;
}

.smallBtn1, .smallBtn2, .smallBtn3, .smallBtn4 {
    background: #253342;
    display: inline-block;
    color: #fff;
    border-radius: 5px;
    padding: 4px 6px;
    font-size: 9px;
    font-weight: bold;
    line-height: 13px;
    text-transform: uppercase;
    width: 84px;
}

.smallBtn2 {
    background: #F5B621;
    width: 87px;
    margin-left: 6px
}

.smallBtn3, .smallBtn4 {
    background: #F5B621;
    padding: 8px 10px;
    transition: all .3s;
    font-size: 12px;
    width: 90px;
    position: relative;
    text-transform: capitalize;
    top: 7px;
}

.smallBtn4 {
    width: auto;
    font-size: 12px;
    color: #000;
    display: inline-flex;
    align-items: center;
    float: right;
    margin-top: -15px;
}

    .smallBtn3:hover, .smallBtn4:hover {
        background: #e5a91b
    }

.shipBtn {
    position: relative;
    top: -10px;
    left: -5px;
}



.swiperBody {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}

.swiperBg {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding: 20px 0 10px;
}

    .swiperBg .slick-dots {
        margin: 15px auto -20px;
    }

        .swiperBg .slick-dots li button {
            width: 25px !important
        }

#questionSales {
    display: inline-block;
    position: relative;
    overflow: hidden;
}

    #questionSales strong {
        margin-top: 4px;
        font-weight: bold;
        display: block;
    }

        #questionSales strong span {
            float: right;
            font-weight: 600;
            font-size: 13px;
            margin-top: 4px;
        }

    .swiperBg a, #questionSales a {
        background-color: #fff;
        box-shadow: 0 1px 4px 0 rgba(37,51,66,.2) !important;
        color: #253342;
        padding: 6px 15px !important;
        height: 2rem;
        line-height: 36px !important;
        font-size: .875rem;
        border-radius: 35px !important;
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        position: relative;
        margin: 0 5px;
        transition: all .3s;
    }

    #questionSales .nt {
        display: block;
        position: relative;
        float: none;
        width: 416px;
        overflow: hidden;
        padding: 10px 0;
    }

#NTPOY a:first-child {
    margin-left: 0px !important
}

#NTPOY .slick-list {
    padding: 10px;
    height: 40px !important;
}

.swiperBg a:hover, #questionSales a:hover, #NTPOY a.active {
    background: #a27ded !important;
    color: #fff !important
}

#NTPOY a {
    margin: 3px 5px !important;
    line-height: 20px !important;
}

    #NTPOY a.active {
        line-height: 20px !important;
        position: relative;
    }

        #NTPOY a.active:after {
            content: "";
            transition: all .3s;
            background: #a27ded url(/pagesProducts/img/okgtw.png) no-repeat right center !important;
            padding: 0 10px 0 13px;
        }

.okspt {
    content: "";
    transition: all .3s;
    background: url(/pagesProducts/img/okspt.png) no-repeat right center !important;
    padding: 0 16px;
}

.spp {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    width: auto;
    height: 2.5rem !important;
    display: inherit !important
}

.slick-initialized .slick-slide {
    display: table !important
}

.v2 {
    margin-left: -10px
}

    .v2 .pro {
        width: 12.5rem;
        height: 24.875rem;
    }

    .v2 .shipBtn {
        display: none
    }

    .v2 .carouselX .img-container .swp .swp-slide figure {
        width: 10.5rem;
        height: 14.925rem;
        margin-top: 4px;
    }

    .v2 .carouselX {
        height: 15.5125rem;
        margin-bottom: 1rem;
        position: relative;
    }

    .v2 .alter_slider img {
        transition: all .4s;
        width: 34px !important;
    }

    .v2 .alter_slider {
        left: -2px
    }

    .v2 .alternate {
        bottom: -8px;
    }

    .v2 .proName {
        color: #253342;
        font-size: 1rem;
        font-weight: 700;
        line-height: 1.36;
        margin-top: -7px;
        height: 44px;
    }

    .v2 .pro_footer .price {
        font-size: 19px;
    }

        .v2 .pro_footer .price:last-child {
            min-width: 6.5rem;
            padding-left: 0.425rem;
        }

    .v2 .col-3 {
        margin-right: 8px !important;
    }

.searchProductsList {
    width: 100%;
    position: relative;
    display: block;
    margin-left: -14px;
    padding: 0px 3px 0px 14px;
    overflow: hidden;
}

.table {
    display: table;
    border-top: 1px solid #ccc;
    margin-top: 10px;
    width: 100%;
    border-collapse: collapse;
    position: relative
}

    .table .tr {
        display: table-row
    }

        .table .tr .td {
            display: table-cell;
            padding: 10px;
            vertical-align: middle;
            border-bottom: 1px solid #f4f4f4
        }

    .table.nbt {
        border: 0px !important;
        margin: 10px 0 !important;
        padding: 0px !important
    }

        .table.nbt .tr .td {
            border-bottom: 0px !important;
            padding: 0 !important
        }

            .table.nbt .tr .td:last-child {
                width: 230px !important;
                background: #d4d6db;
                border-radius: 6px;
                border-left: 30px solid transparent;
                box-shadow: 0px 0px 70px rgba(0,0,0,.2);
            }

    .table .tr:last-child .td {
        border-bottom: 0px
    }

    .table .tr:nth-child(even) {
        background: #f2f2f2
    }

    .table .td:last-child {
        font-weight: bold;
        font-size: 20px;
    }

        .table .td:last-child small {
            font-size: 11px !important;
            position: relative !important;
            top: -6px !important;
            left: -3px !important;
        }

    .table .tr .td img {
        border-radius: 5px;
        width: 40px
    }

.menuDownH {
    user-select: none;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0.5rem;
    -webkit-box-shadow: 0 0.375rem 0.75rem -0.25rem rgba(37,51,66,.2);
    box-shadow: 0 0.375rem 0.75rem -0.25rem rgba(37,51,66,.2);
    background-color: #EFF2F5;
    margin-bottom: 1.25rem;
    border: 1px solid #edeff1;
}

.piw {
    padding: 1.5rem 1.2rem;
    border-bottom: 1px solid #EAEDF2
}

    .piw:last-child {
        border-bottom: 0px
    }

.searchFilterPiw {
    padding: 10px;
    background: #fff url(/pagesProducts/img/search1.png) no-repeat 10px center;
    margin: -20px 0 20px;
    width: 100%;
    border-radius: 30px;
    text-indent: 28px;
}

    .searchFilterPiw[placeholder] {
        font-size: 13px
    }

.menuDownH strong {
    display: block;
    cursor: pointer;
    color: #4e5152;
    font-size: 16px;
    font-weight: bold;
    background: url(/pagesProducts/img/menu-down1.png) no-repeat 99% center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 231px;
    padding: 0px 48px 0px 0;
}

    .menuDownH strong.active {
        background-image: url(/pagesProducts/img/menu-down2.png);
        border-bottom: 1px solid #EAEDF2;
        padding: 20px 48px 20px 0;
        margin-top: -20px;
    }

    .menuDownH strong.fixtr:before {
        content: "";
        background-image: url(/pagesProducts/img/okgt.png);
        background-repeat: no-repeat;
        background-position: 0 center;
        padding: 0px 10px;
        margin-right: 5px;
    }

.piw strong.active + .mdh {
    display: block;
}

.menuDownH .mdh {
    display: none;
    width: 100% !important;
    position: relative !important;
    padding: 27px 0 10px !important;
}

.mhy {
    max-height: 16rem;
    overflow: auto;
    width: 221px;
    display: block;
    max-height: 200px;
    position: relative;
}

.downTable .mhy {
    width: 180px !important
}

.mhy ul li {
    padding: 4px 0
}

    .mhy ul li a {
        font-weight: bold;
        color: #4E5152;
        transition: all .3s -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        display: -ms-flexbox;
        display: flex;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        -webkit-box-align: start;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        width: 190px;
    }

        .mhy ul li a:hover {
            color: #f5b621
        }

.checkMS label {
    position: relative;
    display: block;
    cursor: pointer;
    padding: 0.375rem 0;
}

.checkMS [type="checkbox"]:checked, .checkMS [type="checkbox"]:not(:checked), .radioMS [type="radio"]:checked, .radioMS [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.checkMS label span {
    font-size: 1rem;
    line-height: 1.5rem;
    color: #253342;
    padding-left: 2rem;
    position: relative;
    font-weight: 500;
    display: block;
}

.vita {
    margin-bottom: 7px;
    position: relative
}

    .vita:last-child {
        margin-right: 0px
    }

    .vita label span {
        max-width: 315px !important
    }

.checkMS label span:after {
    content: "";
    position: absolute;
    height: 1.5rem;
    width: 1.7rem;
    border: 1px solid #dee3ed;
    top: 0;
    left: 0;
    background-color: #fff;
    border-radius: 3px;
}

.radioMS label input:checked ~ span:before, .checkMS label input:checked ~ span:before, .adresBody.active .checkMS label span:before {
    display: block;
}

.checkMS label input:checked ~ span::before, .tabex tbody tr.activejs td i.sc, .okm:before {
    background: url(/pagesProducts/img/okgt.png) no-repeat 6px 5px;
    position: absolute;
    width: 1.5rem;
    height: 1.7rem;
    background-size: inherit;
    left: -0.5px;
}

.radioMS label input:checked:disabled ~ span, .radioMS label input:disabled ~ span, .checkMS label input:disabled ~ span, .checkMS label input:disabled ~ span {
    color: #bbb !important
}

    .checkMS label input:disabled ~ span:before {
        opacity: .5
    }

    .checkMS label input:disabled ~ span:after {
        border: 1px solid #999;
        opacity: .5
    }

.okm:before {
    content: "";
    background-size: auto;
    margin: -5px 0 0 -22px;
}

.checkMS label span:before {
    position: absolute;
    color: #0082CA;
    content: "";
    font-size: 1.75rem;
    font-weight: 700;
    display: none;
    z-index: 1;
    top: 1px;
    left: -1px;
}

.radioMS label {
    position: relative;
    display: flex;
    cursor: pointer;
    min-height: 1.6875rem;
    margin-bottom: 4px;
}

input[type=radio] {
    display: none;
    padding: 0;
    margin: 0;
    border: 0px;
    outline: none;
    box-sizing: content-box;
}

.radioMS label span {
    max-width: 315px;
    height: 25px;
    text-align: left;
    padding-left: 2.5rem !important;
    display: flex;
    line-height: 26px;
    align-items: center;
}

.radioMS label:after {
    content: "";
    position: absolute;
    height: 1.7rem;
    width: 1.7rem;
    border: 1px solid #dee3ed;
    top: 0;
    left: 0;
    background-color: #fff;
    border-radius: 100%;
}

.radioMS label span:before {
    content: "";
    width: 14px;
    height: 14px;
    position: absolute;
    background: #f5b621;
    border-radius: 50%;
    top: 6px;
    left: 1.5px;
    display: none;
    font-weight: bold !important;
    z-index: 1;
}

.radioMS label input:checked ~ span, .checkMS label input:checked ~ span {
    font-weight: 700;
}

.col1 {
    width: 250px;
    display: table-cell
}

.bigSlider {
    width: 1903px;
    height: 500px;
    display: block;
    margin: 0 auto;
    position: relative;
    overflow: hidden
}

    .bigSlider div {
        position: relative;
        width: 100%;
        display: flex;
        left: 0;
        top: 0
    }

.slick-dots {
    list-style-type: none !important;
    display: table;
    margin: -35px auto;
    position: relative;
    z-index: 1000
}

    .slick-dots li {
        float: left;
    }

        .slick-dots li button {
            cursor: pointer;
            color: rgba(0,0,0,0);
            background: #ccc;
            border-radius: 50px;
            width: 44px;
            transition: all .3s;
            margin-right: 4px;
            height: 10px;
        }

            .slick-dots li button:hover {
                background: #f5b621;
            }

        .slick-dots li:last-child button {
            margin-right: 0px
        }

        .slick-dots li.slick-active button {
            background: #f5b621;
        }

.xFulr .col-3 {
    margin-right: 20px;
}

    .xFulr .col-3 a.pro {
        width: 285px;
    }

input[type="search"]::-webkit-search-cancel-button {
    display: none;
}

.xFulr .carouselX .img-container .swp .swp-slide figure {
    width: 16.5rem;
}

h1, h2, h3, h4 {
    font-size: 30px;
    line-height: 40px;
    font-weight: bold;
    padding: 20px 0;
}

h4 {
    font-size: 20px;
    color: #6ca2a6;
}

h1 span {
    font-size: 30px;
    font-weight: bold;
}


.top30 {
    margin-top: 30px
}

.bottom20 {
    margin-bottom: 20px
}

.categoryList {
    display: table;
    margin-top: 30px;
    position: relative;
    width: 100%
}

    .categoryList .ns {
        float: left;
        margin: 0px 20px 20px 0;
        text-align: center;
        padding: 0;
        width: 154px;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        cursor: pointer;
        transition: all .4s;
        position: relative;
    }

        .categoryList .ns:last-child {
            margin-right: 0px
        }

        .categoryList .ns .img {
            border-radius: 100%;
            padding: 15px;
            border: 2px solid #000;
            width: 100px;
            height: 100px;
            margin: 0 auto;
            position: relative;
            display: block;
            transition: .8s all;
            overflow: hidden;
        }

        .categoryList .ns:hover .img {
            animation: fadeIn .8s;
            background: #f5b621;
            border: 2px solid #f5b621;
        }

        .categoryList .ns .img img {
            width: 80%;
            height: auto;
            margin: 6% auto;
            display: table;
            transition: all .4s;
            opacity: 1;
        }

        .categoryList .ns .sp {
            height: 2.3125rem;
            margin-bottom: 0.25rem;
            position: relative;
            margin-top: 13px;
        }

            .categoryList .ns .sp b {
                color: #000;
                font-size: 15px;
                font-weight: 700;
                transition: all .4s;
                line-height: 1.22;
                -webkit-box-flex: 1;
                -ms-flex-positive: 1;
                flex-grow: 1;
                height: 2.55rem;
                width: 100%;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                white-space: normal;
                overflow: hidden !important;
                -o-text-overflow: ellipsis;
                text-overflow: ellipsis;
                margin-bottom: 0.5rem;
            }

.effects {
    opacity: 0;
    transition: transform 1s .15s cubic-bezier(0,1,.3,1),opacity .2s .15s ease-out
}

    .effects.is-visible {
        opacity: 1;
        animation: fadeIn 1s
    }

.gifPro {
    position: absolute;
    z-index: 8500;
    right: 8%;
    top: 11%;
}

    .gifPro .ngimg {
        display: block;
        width: 80px;
        height: 80px;
        position: relative;
        border-radius: 50%;
        background: #fff;
        border: 4px solid #F5B621;
        padding: 5px;
    }

        .gifPro .ngimg img {
            width: 65px;
            height: auto;
            margin: 6px auto;
        }

#tooltip, #tooltip1, #tooltip2 {
    font-size: 14px;
    text-align: left;
    line-height: 26px;
    color: #2A2D35;
    background-color: #fff;
    position: absolute;
    z-index: 10000;
    padding: 12px 12px;
    border-radius: 3px;
    max-width: 800px !important;
    margin-top: -25px;
    box-shadow: 0px 10px 120px rgba(0,0,0,.4), 0px -1px 3px rgba(255,255,255,.1);
}

#tooltip1 {
    max-width: 600px !important;
    padding: 7px;
    font-size: 11px;
    margin-top: 2px;
    line-height: 18px;
}

#tooltip2 {
    animation: bounceIn .3s;
    padding: 30px !important;
    border-radius: 10px;
    margin-top: -30px
}

#tooltip img.qimg {
    display: inline-block;
    width: 100px;
    height: auto;
    float: left
}

#tooltip2 .img {
    float: left;
    border-radius: 10px;
    background: #fff;
    width: 60px;
    height: 60px;
    position: relative;
    overflow: hidden;
    margin: 10px 20px 10px 0;
}

#tooltip2 img {
    width: 100%;
    height: auto
}

#tooltip2 strong {
    font-weight: 700;
    font-size: 20px;
    padding: 10px 10px 10px 0px;
    display: inline-block !important;
    line-height: 22px;
    width: 284px;
    margin: 6px 0;
}

#tooltip2 p {
    padding: 10px 0;
    line-height: 22px;
}

#tooltip b, #tooltip1 b, #tooltip2 b {
    font-weight: 700;
    display: inline !important
}

#tooltip1 b {
    font-size: 11px
}

#tooltip:after, #tooltip1:after, #tooltip2:after {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff;
    border-top-color: #fff;
    content: '';
    position: absolute;
    left: 50%;
    bottom: -10px;
    margin-left: -10px;
}

#tooltip.top:after, #tooltip1.top:after, #tooltip2.top:after {
    border-top-color: transparent;
    border-bottom: 10px solid #fff;
    border-bottom-color: #fff;
    top: -20px;
    bottom: auto;
}

#tooltip.left:after, #tooltip1.left:after, #tooltip2.left:after {
    left: 10px;
    margin: 0;
}

#tooltip.right:after, #tooltip1.right:after, #tooltip2.right:after {
    right: 10px;
    left: auto;
    margin: 0;
}

.kmp {
    width: 100%;
    position: relative;
    display: table;
    overflow: hidden
}

    .kmp .side {
        width: 393.5px !important;
        display: table-cell !important;
        vertical-align: top !important;
        padding-right: 10px;
        box-sizing: content-box !important
    }

        .kmp .side:last-child {
            padding-right: 0px
        }

        .kmp .side figure {
            width: 100% !important;
            display: block !important;
            position: relative !important;
            overflow: hidden !important;
            border-radius: 10px !important;
        }

            .kmp .side figure img {
                width: 100% !important;
                height: auto !important;
                vertical-align: bottom !important;
            }

    .kmp .slick-dots {
        margin: 30px auto
    }

.otherList {
    display: block;
    border-bottom: 1px solid #DEE3ED;
    position: relative;
}

    .otherList .slick-initialized .slick-slide {
        display: block !important
    }

    .otherList ul {
        list-style-type: none;
        width: 1200px;
        height: 135px;
        position: relative;
    }

        .otherList ul li {
            width: 110px;
            padding: 10px 0;
            text-align: center;
            font-weight: bold !important;
            display: table-cell !important;
            vertical-align: middle;
            height: 135px !important;
            cursor: pointer;
            transition: all .6s;
            transition: all .3s;
            border-bottom: 3px solid rgba(0,0,0,0)
        }

            .otherList ul li .img {
                width: 57px;
                height: auto;
                clear: both;
                display: block;
                margin: 0 auto;
                padding: 10px;
                transition: all .6s;
                border: 3px solid #000;
                border-radius: 50%;
            }

            .otherList ul li:hover .img {
                animation: fadeIn .8s;
                background: #f5b621;
                border: 3px solid #f5b621 !important;
            }

            .otherList ul li.active .img {
                background: #f5b621;
                border: 3px solid #f5b621 !important;
            }

            .otherList ul li .img img {
                width: 100%;
                transition: all .3s;
                height: auto;
            }



            .otherList ul li a b, .otherList ul li b {
                display: block;
                padding: 10px;
                font-weight: bold;
                transition: all .3s;
                font-size: 14px;
                line-height: 20px;
                color: #000;
                text-align: center;
                -webkit-box-flex: 1;
                -ms-flex-positive: 1;
                flex-grow: 1;
                display: -ms-flexbox;
                display: flex;
                display: -webkit-box;
                height: 48px;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                -webkit-box-align: start;
                overflow: hidden;
                -o-text-overflow: ellipsis;
                text-overflow: ellipsis;
            }


            .otherList ul li:hover {
                border-bottom: 3px solid #f5b621;
                position: relative;
            }

                .otherList ul li:hover a b {
                    color: #f5b621
                }

                .otherList ul li:hover .img {
                    border-color: #f5b621
                }

            .otherList ul li.active {
                border-color: #f5b621;
                position: relative
            }

                .otherList ul li.active a b {
                    color: #f5b621
                }

                .otherList ul li.active:before {
                    width: 0;
                    height: 0;
                    border-left: 10px solid transparent;
                    border-right: 10px solid transparent;
                    border-bottom: 10px solid #f5b621;
                    border-bottom-color: #f5b621;
                    content: '';
                    position: absolute;
                    left: 40%;
                    bottom: 0;
                    z-index: 3000;
                }


    .otherList button, .firstProcList button {
        position: absolute;
        right: -40px;
        top: 16px;
        color: rgba(0,0,0,0);
        background: url(/pagesProducts/img/next.png) no-repeat 0 0;
        padding: 6px 0px;
        cursor: pointer;
        transition: all .4s;
    }

    .otherList .slick-prev, .firstProcList .slick-prev, .categoryBanner .slick-prev {
        left: -40px;
        background: url(/pagesProducts/img/prev.png) no-repeat 0 0;
    }

    .otherList button.slick-disabled, .firstProcList button.slick-disabled, .categoryBanner button.slick-disabled {
        opacity: .3;
    }


footer {
    background: #EFF2F5;
    color: #ccc;
    position: relative;
    z-index: 100
}

    footer .foot {
        background: #000;
        padding: 20px 0
    }

        footer .foot span {
            float: right;
            display: inline-block;
        }

            footer .foot span a {
                margin-left: 20px;
                color: #ccc
            }

    footer span a:hover {
        text-decoration: underline
    }

    footer b {
        font-weight: 700
    }

.pixBody {
    display: table;
    margin: 0 auto;
}

.pix {
    margin: 0 auto;
    padding: 50px 20px;
    width: 340px;
    display: table-cell;
    color: #000;
    position: relative;
    text-align: center;
    z-index: 300;
    transition: all .3s;
}

    .pix:hover {
        background: #FAFBFD
    }

    .pix p {
        font-size: 14px;
    }

    .pix strong {
        font-weight: bold;
        font-size: 18px;
        display: block;
        padding: 20px 0;
    }

.credit, .teslimat, .iade {
    background: url(/pagesProducts/img/pay.png) no-repeat 30px 30px;
    padding: 60px;
    border-radius: 50%;
    display: table;
    border: 3px solid #000;
    margin: 20px auto;
}

.teslimat {
    background: url(/pagesProducts/img/pay.png) no-repeat -160px 27px;
}

.iade {
    background: url(/pagesProducts/img/pay.png) no-repeat -259px 27px;
}

.footerTitle {
    text-align: center;
    color: #000;
    display: table;
    margin: 30px auto;
    width: 80%;
    padding: 20px 0
}

    .footerTitle strong {
        font-weight: bold;
        font-size: 22px;
        padding: 10px 0;
        display: block
    }

    .footerTitle p {
        padding: 20px 0
    }

.breadcrumb {
    width: 100%;
    background: #f7f7f8;
    display: table;
    width: 100%;
    padding: 20px 0
}

    .breadcrumb .pages ol {
        list-style-type: none;
        display: table;
    }

        .breadcrumb .pages ol li {
            float: left;
        }

            .breadcrumb .pages ol li a {
                transition: all .3s;
                margin-right: 10px;
                color: #000
            }

                .breadcrumb .pages ol li a:hover {
                    color: #f5b621
                }

            .breadcrumb .pages ol li:first-child a span {
                font-weight: bold !important
            }

.fx {
    color: #83B941 !important
}

    .breadcrumb .pages ol li a:after, .fx:after {
        content: "";
        margin-left: 10px;
        background: url(/pagesProducts/img/nxt.png) no-repeat 0 4px;
        padding: 0px 5px;
    }


.breadcrumb .pages ol li:last-child a:after {
    content: close-quote;
    display: none
}

.center {
    text-align: center !important
}

.firstProcList {
    display: block;
    width: 1200px;
    margin-bottom: 30px;
    border-radius: 10px;
    position: relative;
    padding: 15px 30px;
    background: #EFF2F5
}

.v3 .col-3 {
    margin-right: 11px !important;
}

.v3 .pro {
    width: 14.6rem;
    height: 29.875rem;
}

.v4 .pro {
    width: 19.23rem;
}

.v3 .carouselX {
    height: 17.7125rem;
    margin-bottom: 1.5rem;
    position: relative;
}

    .v3 .carouselX .img-container .swp .swp-slide figure {
        width: 12.5rem;
        height: 17.925rem;
        margin-top: -25px;
    }

.v3 .alter_slider img {
    width: 42px !important;
    float: left
}

.firstProcList .slick-prev {
    left: -46px;
    background-position: -4px 0 !important;
}

.spHid {
    font-weight: bold;
    color: #000;
    position: relative;
    top: 30px
}

.firstProcList button {
    top: 160px;
    right: -45px;
    border-radius: 50% !important;
    width: 32px !important;
    display: inline-block !important;
    background-color: #eff2f5 !important
}

.rig {
    float: right
}

.pageBody {
    display: table;
    width: 100%;
    margin-top: 30px;
    position: relative;
}

    .pageBody .pageTr {
        display: table-row
    }

    .pageBody .pageLeft {
        display: table-cell;
        max-width: 270px;
        min-width: 270px;
        vertical-align: top
    }

    .pageBody .pageRight {
        padding: 0px 0 20px 34px;
        max-width: 930px;
        min-width: 930px;
        display: table-cell;
        vertical-align: top
    }

    .pageBody .pageTr .filter, .pageBody .pageTr .mode, .pageBody .pageTr .chose {
        display: table-cell;
        vertical-align: top
    }

    .pageBody .pageTr .filter {
        max-width: 785px;
        min-width: 785px;
        padding-right: 10px
    }

        .pageBody .pageTr .filter:last-child fieldset:last-child {
            margin-bottom: 0px !important
        }

        .pageBody .pageTr .filter a.tag {
            line-height: 2.5rem;
            color: #253342;
            text-decoration: none;
            box-sizing: border-box;
            height: 2.5rem;
            border-radius: 50px;
            text-align: left;
            padding: 4px 30px 4px 15px;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            background-color: #fff;
            box-shadow: 0 0 6px 0 rgba(37,51,66,.1);
            margin: 0 8px 0.625rem 0;
            font-size: 14px;
            transition: background-color .3s,padding-left .2s ease-in;
            display: inline-flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: center;
            font-weight: 700;
            white-space: nowrap;
            overflow: hidden;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            position: relative;
        }


            .pageBody .pageTr .filter a.tag.rmv:after, .pageBody .pageTr .filter a.allRemove.rmv:after {
                content: "";
                width: 16px;
                height: 16px;
                position: absolute;
                background: url(/pagesProducts/img/close.png) no-repeat 0 0;
                right: 10px;
                background-size: cover
            }

.closePen {
    content: "";
    width: 32px;
    height: 32px;
    position: absolute;
    background: url(/pagesProducts/img/closePen.png) no-repeat 0 0;
    right: 5%;
    top: 5%;
    background-size: cover;
    display: inline-block;
    cursor: pointer;
    z-index: 999999;
}

.filterLsX {
    width: 530px;
    display: inline-block;
    float: left;
    margin-right: 20px;
    position: relative;
}

    .filterLsX .slick-prev, .filterLsX .slick-next {
        top: 0;
        border-radius: 50% !important;
        width: 38px !important;
        height: 38px !important;
        position: absolute;
        transition: all .3s;
        color: rgba(0,0,0,0);
        display: inline-block !important;
        cursor: pointer;
        background-color: #f8c858 !important;
        z-index: 1000;
        box-shadow: 0px 0px 20px rgba(255,255,255,.6)
    }

    .filterLsX .slick-prev {
        background: url(/pagesProducts/img/prev.png) no-repeat -1px center;
        margin-left: -5px;
        box-shadow: 15px 0px 15px rgba(0,0,0,.2) !important;
    }

    .filterLsX .slick-next {
        background: url(/pagesProducts/img/next.png) no-repeat center center;
        right: 0;
        box-shadow: -15px 0px 15px rgba(0,0,0,.2) !important;
        margin: 0px -17px;
    }

.pageBody .pageTr .filter a.allRemove.rmv:after {
    right: 7%;
}

.filterLsX button.slick-disabled {
    opacity: 0;
    visibility: hidden
}

a.allRemove, .allClr {
    line-height: 2.5rem;
    color: #253342;
    text-decoration: none;
    box-sizing: border-box;
    height: 2.5rem;
    border-radius: 50px;
    text-align: left;
    padding: 4px 40px 4px 15px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background-color: #dee3ed;
    box-shadow: 0 3px 6px 0 rgba(37,51,66,.1);
    margin: 0 0.3rem 0.625rem 0;
    font-size: 14px;
    transition: background-color .3s,padding-left .2s ease-in;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    position: relative;
}

.dots {
    background-image: url(/pagesProducts/img/dots.png);
    background-repeat: no-repeat;
    background-position: 76% center;
    padding: 10px;
    cursor: pointer;
    padding-right: 32px !important;
}

a.allRemove:hover {
    color: #000;
    background-color: #D0D8E6
}

.pageBody .pageTr .filter a.tag:hover {
    background: #DEE3ED
}

.pageBody .pageTr .mode {
    min-width: 215px;
    max-width: 215px;
}

.pageBody .pageTr .chose {
    min-width: 195px;
    max-width: 195px
}


.swictheryBody {
    display: table;
    position: relative
}

    .swictheryBody input {
        display: none
    }

    .swictheryBody span {
        margin-right: 15px;
        display: inline-block;
        position: relative;
        font-weight: bold;
        transition: all .3s ease-in-out
    }

    .swictheryBody input + .swicthery {
        position: relative;
        display: inline-block;
        width: 50px;
        height: 26px;
        transition: all .3s;
        border-radius: 38px;
        background: #DEE3ED;
        top: 8px;
        cursor: pointer;
    }

        .swictheryBody input + .swicthery:before {
            content: "";
            width: 20px;
            height: 20px;
            background: #fff;
            border-radius: 100%;
            position: absolute;
            margin: 2.7px 0 0 3px;
            transition: all .3s;
            left: 0;
        }

    .swictheryBody input:checked + .swicthery {
        background: #F8C858;
    }

        .swictheryBody input:checked + .swicthery + span, .swictheryBody input + .swicthery + span {
            margin-left: 10px;
        }

        .swictheryBody input:checked + .swicthery + span {
            color: #F8C858
        }

        .swictheryBody input:checked + .swicthery:before {
            margin: 2.7px 0 0 26px;
            left: 0;
        }


.categoryBanner {
    display: block;
    position: relative;
    margin-bottom: 50px;
    width: 100%;
    height: auto
}

    .categoryBanner .banner {
        display: block;
        position: relative;
        width: 100%;
        height: 368px;
    }

        .categoryBanner .banner div {
            display: block;
            overflow: hidden;
            position: relative;
            border-radius: 10px;
        }

        .categoryBanner .banner img {
            width: 100%;
            height: auto;
        }

    .categoryBanner .slick-dots {
        margin: 15px auto;
    }

    .categoryBanner button.slick-disabled {
        opacity: .3;
        z-index: -1
    }

    .categoryBanner .slick-slider .slick-prev, .vPrev, .categoryBanner .slick-slider .slick-prev, .vPrev1,
    .bayiBody .xPrev {
        top: 160px;
        left: -15px;
        border-radius: 50% !important;
        width: 32px !important;
        height: 32px !important;
        position: absolute;
        color: rgba(0,0,0,0);
        display: inline-block;
        cursor: pointer;
        background-color: #fafbfd !important;
        z-index: 1000;
    }

    .categoryBanner .slick-slider .slick-next, .vNext, .categoryBanner .slick-slider .slick-next, .vNext1, .bayiBody .xNext {
        top: 160px;
        right: -15px;
        border-radius: 50% !important;
        width: 32px !important;
        height: 32px !important;
        position: absolute;
        color: rgba(0,0,0,0);
        display: inline-block;
        cursor: pointer;
        background-color: #fafbfd !important;
        z-index: 1000;
    }

    .categoryBanner .slick-slider .slick-prev, .vPrev, .categoryBanner .slick-slider .slick-prev, .vPrev1, .bayiBody .xPrev {
        background: url(/pagesProducts/img/prev.png) no-repeat -3px 0;
    }

    .categoryBanner .slick-slider .slick-next, .vNext, .categoryBanner .slick-slider .slick-next, .vNext1, .bayiBody .xNext {
        background: url(/pagesProducts/img/next.png) no-repeat 0 0;
    }

.vPrev, .vNext, .vPrev1, .vNext1 {
    top: 200px
}

.bayiBody .xPrev {
    top: 186px;
    left: -53px;
    padding: 20px;
    background-position: center center;
    background-color: #EFF2F5 !important;
}

.bayiBody .xNext {
    top: 186px;
    right: -44px;
    padding: 20px;
    background-position: center center;
    background-color: #EFF2F5 !important;
}

.pager {
    display: table;
    background: #F7F7F8;
    border-radius: 10px;
    padding: 10px 20px;
    margin: 20px auto;
}

    .pager a {
        font-weight: bold;
        display: inline-block;
        border-radius: 100%;
        color: #000;
        transition: all .3s;
        width: 35px;
        height: 35px;
        text-align: center;
        align-items: center;
        padding: 6px;
        margin-right: 7px;
        font-size: 16px;
    }

        .pager a:hover {
            color: #f5b621
        }

        .pager a.active {
            background: #f5b621;
            color: #fff
        }

hr {
    padding: 10px 0;
    border-bottom: 1px solid #F6F6F7;
    width: 100%
}

.hr2 {
    padding: 0px !important;
    border-bottom: 2px solid #F6F6F7;
    width: 100%;
    margin: 10px 0 !important
}

.vsx {
    font-size: 12px !important;
    font-weight: 600 !important
}

    .vsx .fatura {
        width: 15px !important;
        height: 15px !important;
        margin: 2px 4px 0px 0px !important;
    }

#article {
    width: 100%;
    padding: 40px 0;
    background: #FAFBFD;
    position: relative;
    z-index: 1000;
    margin-bottom: -20px;
    box-shadow: 0px -20px 40px #FAFBFD
}

article {
    background: #FAFBFD;
    position: relative;
}

    article h2, article h3, article h4 {
        font-size: 20px;
        line-height: 30px
    }

    article p {
        padding: 10px 0;
        line-height: 25px;
        word-wrap: break-word;
        text-align: justify
    }

    article b, article strong, article em {
        font-weight: 700
    }

    article i {
        color: #000 !important
    }

    article ul {
        padding: 20px 40px;
    }

        article ul li {
            padding: 2px 0
        }

    article a {
        transition: all .3s;
        display: inline-block;
        font-weight: 700;
        color: #6e0a8b;
        transition: all .4s;
        padding: 0px !important;
        position: relative;
    }

        article a:hover {
            color: #f5b621
        }

        article a:after {
            content: "";
            position: absolute;
            width: 100%;
            height: 3px;
            bottom: 0;
            right: 0;
            background-color: #f5b621;
            transform: scaleX(0);
            transform-origin: bottom right;
            transition: transform .3s
        }

        article a:hover:after {
            transform-origin: bottom left;
            transform: scaleX(1)
        }

.popTagBg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.7);
    z-index: 9999
}

.popTagText {
    display: table;
    margin: 3% auto;
    max-width: 700px;
    background: #fff;
    position: relative;
    padding: 30px 40px 40px;
    border-radius: 10px;
}

    .popTagText h3 {
        clear: both;
        display: block;
        padding: 0 0 15px;
        border-bottom: 1px solid #ddd;
    }

    .popTagText .filter {
        display: table !important;
        width: 100%;
        max-width: initial !important;
        min-width: initial !important;
        margin: 0;
    }

    .popTagText .close {
        background: url(/pagesProducts/img/xshClose.png) no-repeat 0 0;
        padding: 12px;
        cursor: pointer;
        right: 8px;
        position: absolute;
        z-index: 1000;
        margin: 20px;
        top: 10px;
        display: inline-block;
    }

.closep {
    background: url(/pagesProducts/img/close.png) no-repeat 0 0;
    padding: 8px;
    cursor: pointer;
    right: 8px;
    position: absolute;
    z-index: 1000;
    margin: 0px;
    top: 10px;
    display: inline-block;
}

.popTagText i.tags {
    background: url(/pagesProducts/img/tags.png) no-repeat 0 0;
    padding: 10px 10px 6px;
    margin-right: 3px;
    position: relative;
    display: inline-block;
    top: 4px;
}

.alters {
    margin: 0 6px 6px 0;
    display: inline-block;
    float: left
}

    .alters .colorPartMid {
        cursor: pointer;
    }

.noShadow {
    box-shadow: none !important
}

.pageBody .pageTr .filter a.tag b, .radioMS label input:checked ~ span, .radioMS label input ~ span,
.checkMS label input:checked ~ span, .checkMS label input ~ span {
    height: 20px;
    max-width: 80px;
    padding: 0;
    overflow: hidden;
    font-weight: 500;
    position: relative;
    margin: 0 5px 0 5px;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #000;
}

    .checkMS label input ~ span.full {
        max-width: initial !important
    }

.radioMS label input:checked ~ span, .radioMS label input ~ span,
.checkMS label input:checked ~ span, .checkMS label input ~ span {
    max-width: 315px;
    height: 25px;
    text-align: left;
    padding-left: 2.5rem !important;
    line-height: 26px;
}

.popTagText .filter a.tag b {
    text-overflow: inherit !important;
    max-width: initial !important;
    overflow: visible !important
}

.popTagText .filter h5 {
    padding: 20px 0 0px;
    display: block;
    font-size: 23px;
    font-weight: bold;
    clear: both;
    margin: 0;
}

.PMS {
    display: inline-block;
    margin: 0 34px 0 0;
    float: left;
    width: 18rem;
}

.NoR {
    margin-right: 0px !important
}

.disabled {
    opacity: .5 !important;
    color: #999 !important;
    cursor: default !important
}

.proCompare {
    display: none;
    position: absolute;
    padding: 19px;
    border-radius: 0px 10px 0px 10px;
    background: #fff;
    right: 3px;
    top: 3px;
    box-shadow: -3px 3px 10px rgba(33,33,33,.1);
    z-index: 7500;
}

    .proCompare input {
        display: none
    }

        .proCompare input + label, .rdinline {
            display: inline-block;
            position: relative;
            cursor: pointer;
        }

            .proCompare input + label:before {
                content: "";
                background: url(/pagesProducts/img/checkbox.png) no-repeat 0 0;
                padding: 0 10px;
            }

        .proCompare input:checked + label:before {
            background: url(/pagesProducts/img/checkbox.png) no-repeat -23px 0;
        }

        .proCompare input:disabled + label {
            opacity: .4
        }

.compareBody {
    width: 100%;
    display: none;
    padding: 20px;
    position: fixed;
    z-index: 9999;
    left: 0;
    animation: fadeInUp .7s;
    bottom: 0;
    background: #fff;
}

.tableCRP {
    display: table;
    margin: 5px auto;
}

.tabletableCRP {
    width: 300px;
    cursor: pointer;
    background: #fff;
    display: table;
    position: relative;
    float: left;
    margin-right: 10px;
    border-radius: 10px;
    border: 3px solid #eff2f5
}

.tabletableCRPButton {
    display: table;
    position: relative;
    float: left;
    vertical-align: middle;
    width: auto;
}

    .tabletableCRPButton a {
        min-width: 8.75rem;
        line-height: 2.5rem;
        height: 37.5px;
        background-color: #fff;
        padding: 0 1.5rem 0 1rem;
        color: #253342;
        text-decoration: none;
        border-radius: 2.5rem/100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 1rem;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-weight: 700;
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        position: relative;
        top: 45px;
        margin-right: 6px;
        margin-left: 10px;
    }

        .tabletableCRPButton a:last-child {
            background-color: #ccc;
            margin-right: 0px;
            margin-left: 0px
        }

            .tabletableCRPButton a:last-child.active {
                background-color: #ffc900;
                margin-right: 0px;
                margin-left: 0px
            }

.tabletableCRP .closep {
    display: none;
    margin: 0 !important
}

.tabletableCRP.active .closep {
    display: table
}

.tabletableCRP:hover {
    box-shadow: 0px 0px 20px rgba(0,0,0,.1);
}

.tabletableCRPButton a:last-child:before {
    content: "";
    background: url(/pagesProducts/img/compare.png) no-repeat 0px center;
    padding: 12px;
    margin-right: 10px;
}

.compareCls {
    background: url(/pagesProducts/img/closedx.png) no-repeat 0px center;
    padding: 12px;
    margin: 0 10px 0 -9px
}

.CRPCount {
    display: table-cell;
    width: 1%;
    vertical-align: middle;
    text-align: center;
    padding: 15px 10px;
    font-size: 30px;
    font-weight: bold;
    color: #e6e6e6;
}

.CRPImg {
    display: table-cell;
    width: 65px;
    vertical-align: middle;
    text-align: center;
    height: 121px;
    padding: 15px 10px 15px 0px;
}

    .CRPImg img {
        width: 65px;
        filter: opacity(0.1);
    }

        .CRPImg img.active {
            filter: opacity(1)
        }

.CRPNamePrice {
    display: table-cell;
    width: 79%;
    vertical-align: middle;
    text-align: left;
    padding: 15px 20px 15px 0px;
}

    .CRPNamePrice span {
        font-weight: bold;
        color: #e6e6e6;
        font-size: 16px;
    }

.tabletableCRP.active .CRPNamePrice span, .tabletableCRP.active .CRPCount {
    color: #474747
}

.comareHeader {
    width: 100%;
    padding: 40px 0 80px;
    background: #474747;
    text-align: center;
    color: #fff;
    background-image: linear-gradient(to top, #3f3f3f, #393939, #333333, #2d2d2d, #272727);
}

.compareTable {
    display: table;
    border-collapse: separate;
    width: 100%;
    border-spacing: 10px 20px;
    margin: -75px auto 20px;
    position: relative;
}

.compareTd {
    display: table-cell;
    width: 33.333%;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 20px rgba(33,33,33,.1);
}

.minnle {
    padding: 10px 30px 0px 10px;
    display: block;
    border-bottom: 2px solid #f5b621
}

.compareTd .imgx {
    display: table-cell;
    vertical-align: middle;
    width: 80px;
}

    .compareTd .imgx img {
        width: 100%;
        height: auto
    }

.compareTd strong.big, b.big {
    font-size: 18px !important;
    font-weight: bold;
    color: #000;
    display: table-cell;
    vertical-align: middle
}

b.big {
    font-size: 20px !important;
}

.compareTd hr {
    width: 100%
}

.minTable {
    display: table;
    padding: 14px 0;
    width: 100% !important;
    border-collapse: separate;
    border-spacing: 0;
    position: relative;
    border-bottom: 1px solid #f2f2f2;
}

    .minTable .minTR {
        display: table-row
    }

    .minTable .minTD {
        display: table;
        width: 100%;
        text-align: center;
        font-size: 14px;
        padding: 15px 0;
        color: #888;
        position: relative;
        overflow: hidden;
    }

        .minTable .minTD b {
            color: #240646;
            font-weight: bold;
            font-size: 16px;
            display: block;
            text-align: center;
        }

.colorPartBody {
    display: table;
    margin: 0px auto;
    max-width: 300px
}

.colorPart {
    padding: 10px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
    float: left;
    margin-right: 6px;
    background: #fff;
    position: relative;
    display: inline-block;
    overflow: hidden;
    border: 1px solid #dee3ed;
    cursor: pointer;
}

.colorPartMid {
    width: 85%;
    height: 85%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%;
    margin: 2px;
}

.memoryPart {
    border-radius: 5px;
    padding: 4px 10px;
    float: left;
    border: 2px solid #dee3ed;
    font-weight: bold;
    text-align: center;
    font-size: 14px;
    margin-right: 4px;
    margin-bottom: 6px;
    color: #a198b7;
    margin: 3px 4px 3px auto;
}

    .colorPart:last-child, .memoryPart:last-child {
        margin-right: 0px
    }

.detailBtn {
    padding: 10px 50px;
    border-radius: 30px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    transition: all .3s;
    background: #3b3b3b;
}

    .detailBtn:hover {
        background: #E60000
    }

.pinTable {
    display: inline-block;
    float: left;
    margin: 0 5px 0 0
}

.colorpartBody {
    display: table;
    position: relative;
    padding: 0px;
    background: #fff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    overflow: hidden;
    border: 3px solid rgba(0,0,0,0);
    box-shadow: 0px 0px 10px rgba(0,0,0,.1);
}

.pinTable .colorpartBody .colorPartMid {
    width: 100%;
    height: 100%;
    display: table;
    border-radius: 50%;
    left: 0;
    top: 0;
    margin: auto;
}

.memBody {
    display: none;
    position: absolute;
    left: 0;
    width: 255px;
    height: 27px;
    background: #fff;
    display: block;
    overflow: hidden;
    margin: 10px 0 5px;
}

.v3 .memBody {
    width: 198px
}

.v2 .memBody {
    width: 177px;
    left: -6px
}

#inProc .memBody {
    width: 243px
}

.pinTable:first-child .memBody {
    display: block
}

.pinTable .memBody .hfz, .minTD .memBody .hfz {
    padding: 3px 6px;
    border-radius: 5px;
    border: 2px solid #ddd;
    font-size: 11px;
    float: left;
    margin: 0 3px 3px 0;
    transition: all .3s;
    color: #000;
    width: auto;
    text-align: center;
    text-align: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    -webkit-box-align: start;
    overflow: hidden;
    max-width: 71px;
    height: 25px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

    .minTD .memBody .hfz:hover, .pinTable .memBody .hfz:hover {
        background: #DEE3ED
    }

.hfz.pr {
    font-weight: bold !important;
    width: auto !important;
    background: #dee3ed;
    color: #000 !important;
    border: 2px solid #c3c0c0 !important;
}

.hide {
    display: none
}



.OVVTR {
    display: block;
    overflow: hidden;
    transition: all .4s;
    max-height: 700px;
    box-sizing: border-box;
    border-right: 10px solid rgba(0,0,0,0);
    border-bottom: 10px solid rgba(0,0,0,0);
    border-top: 10px solid rgba(0,0,0,0);
}

    .OVVTR:hover {
        overflow: auto
    }

    .OVVTR::-webkit-scrollbar {
        width: 4px;
        background-color: #dee3ed;
        border-radius: 5px;
    }

    .OVVTR::-webkit-scrollbar-thumb {
        background-color: #8E9FAD;
        border-radius: 5px;
        -webkit-box-shadow: 0px 0px 10px #48eefc;
        -moz-box-shadow: 0px 0px 10px #48eefc;
        box-shadow: 0px 0px 10px #48eefc;
    }

    .OVVTR::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 0.375rem rgba(0,0,0,.3);
        background-color: #dee3ed;
        border-radius: 5px;
    }

.jps {
    display: flex;
    position: relative;
}

.pageLeft {
    position: -webkit-sticky !important;
    position: sticky !important;
    bottom: 0 !important;
}

.load:after {
    content: "";
    width: 24px;
    height: 25px;
    position: absolute;
    background: url(/pagesProducts/img/load.svg) no-repeat 0 0;
    right: 10px;
    top: 4px;
}

.load.x:after {
    left: 3px;
    width: 23px;
    height: 23px;
    top: 3px;
}

.npsok:before, .npsok1:before {
    content: "";
    background-image: url(/pagesProducts/img/okgt.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    position: absolute;
    background-size: cover !important;
    left: 12px;
    width: 14px;
    height: 12px;
    top: 12px;
}

.npsok1:before {
    position: relative;
    display: inline-block;
    margin-right: 6px;
    left: 0;
    top: 3px;
}

.load1:after {
    content: "";
    width: 37px;
    height: 39px;
    position: absolute;
    background: url(/pagesProducts/img/load1.svg) no-repeat 0 0;
    right: 1px;
    top: -14px;
}

.load2 {
    background: url(/pagesProducts/img/load1.svg) no-repeat center center !important;
}

.favOK, .favOKx {
    background: url(/pagesProducts/img/check-mark.png) no-repeat 0 0 !important;
    width: 27px;
    height: 27px;
    display: inline-block;
    background-size: contain !important;
    position: absolute;
    right: -1px;
    top: -3px;
}

.favOKx {
    position: relative !important
}

a.jps.active {
    color: #f5b621
}

    a.jps.active:before {
        content: "";
        background-image: url(/pagesProducts/img/okgt.png);
        background-repeat: no-repeat;
        background-position: 0 center;
        padding: 0 10px;
        margin-right: 5px;
    }



.checkMS .colorpartBody {
    display: table;
    position: relative;
    padding: 0px;
    background: #fff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    overflow: hidden;
    border: 0px !important;
    background: linear-gradient(to left, rgba(255,252,255,1) 0%,rgb(223 223 223) 100%);
}

    .checkMS .colorpartBody .colorPartMid {
        width: 70%;
        height: 70%;
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        border-radius: 50%;
        margin: 6px;
    }

        .checkMS .colorpartBody .colorPartMid:hover {
            /*animation: rubberBand .8s;*/
        }

        .checkMS .colorpartBody .colorPartMid.active:before {
            content: "";
            background-image: url(/pagesProducts/img/okgt.png);
            background-repeat: no-repeat;
            background-position: center center;
            padding: 10px;
            position: absolute;
            margin: 4px;
        }

.urunListPS {
    width: 100%;
    height: auto;
    display: block;
    overflow: hidden;
}

.urunListPSBg {
    width: 100%;
    display: none;
    height: 100%;
    position: absolute;
    z-index: 9999;
    background: rgba(255,255,255,.5)
}

.pktop {
    border-top: 1px solid #EAEDF2
}

.sticker {
    position: -webkit-sticky;
    position: sticky;
    display: block;
    top: 0
}

.noFix {
    width: 100%;
    position: relative
}

    .noFix.active {
        background: #EFF2F5;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 8000
    }

        .noFix.active .pageBody {
            margin: 16px 0;
        }


.menuDouble {
    user-select: none;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0.5rem;
    -webkit-box-shadow: 0 0.375rem 0.75rem -0.25rem rgba(37,51,66,.2);
    box-shadow: 0 0.375rem 0.75rem -0.25rem rgba(37,51,66,.2);
    background-color: #EFF2F5;
    margin-bottom: 1.25rem;
    transition: all .3s;
    border: 1px solid #edeff1;
}

    .menuDouble.active {
        background-color: #fff;
    }

    .menuDouble b {
        display: block;
        cursor: pointer;
        color: #4e5152;
        font-size: 16px;
        font-weight: bold;
        background: url(/img/menu-down1.png) no-repeat 99% center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 231px;
        padding: 0px 48px 0px 0;
    }

        .menuDouble b.active {
            background-image: url(/img/menu-down2.png);
        }


    .menuDouble .mdhx {
        display: block;
        width: 100% !important;
        position: relative !important;
        padding: 27px 0 0px !important;
    }

    .menuDouble .piwx {
        padding: 1.5rem 1.2rem;
    }

    .menuDouble .mdhx .searchFilterPiw, .menuDouble .menuDownH .searchFilterPiw {
        background-color: #EFF2F5
    }

        .menuDouble .menuDownH .searchFilterPiw, .menuDouble .menuDownH .searchFilterPiw[placeholder] {
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            display: -ms-flexbox;
            display: flex;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            -webkit-box-align: start;
            overflow: hidden;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            padding-right: 30px;
        }

    .menuDouble .menuDownH strong {
        display: block;
        cursor: pointer;
        color: #4e5152;
        font-size: 16px;
        font-weight: bold;
        background: url(/img/menu-down1.png) no-repeat 99% center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 190px;
        padding: 0px 60px 0px 0;
    }

    .menuDouble .menuDownH {
        background: #fff;
        transition: all .3s;
        margin-bottom: 10px;
        box-shadow: none !important
    }

        .menuDouble .menuDownH:last-child {
            margin-bottom: 0px !important
        }

        .menuDouble .menuDownH strong.active {
            background-image: url(/img/menu-down2.png);
            border-bottom: 1px solid #EAEDF2;
            padding: 20px 60px 20px 0;
            margin-top: -20px;
        }

.downTable {
    display: inline-block;
    max-height: 600px;
    position: relative;
    overflow: auto;
    width: 104%;
    padding-right: 11px;
}

.menuDouble b + .mdhx, .menuDouble b + .mdhx + .downTable {
    display: none
}

.menuDouble b.active + .mdhx, .menuDouble b.active + .mdhx + .downTable {
    display: block !important
}

.downTable .menuDownH:hover {
    background: #FDFDFD;
}

.checkMS label:last-child {
    padding-bottom: 0px
}

fieldset {
    margin: 10px 0;
    display: table;
    width: 100%;
    border: 1px solid #DEE3ED;
    border-radius: 5px;
    padding: 20px 20px 10px;
}

    fieldset legend {
        padding: 5px 12px;
        font-size: 14px !important;
        font-weight: bold;
        background: #DEE3ED;
        color: #000;
        border-radius: 5px;
    }

    fieldset a.tag {
        height: 2.2rem !important;
        padding: 6px 30px 6px 6px !important;
    }

.jtBody {
    display: table;
    margin: 10px auto;
    position: relative;
    padding: 0
}

    .jtBody .pinTable {
        display: table-cell;
        padding: 10px 0 0;
    }

        .jtBody .pinTable:last-child {
            padding-right: 0px
        }

        .jtBody .pinTable .memBody {
            display: none;
        }

    .jtBody .colorpartBody {
        width: 35px;
        height: 35px;
        cursor: pointer;
    }

.minTD .memBody {
    position: relative;
    display: table;
    margin: 0 auto;
    width: auto !important
}

    .minTD .memBody .hfz {
        padding: 6px !important;
        margin: 0 5px 3px 0;
        font-size: 12px;
        max-width: 91px;
        height: 30px;
        cursor: pointer;
    }

.select3BG {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 2000;
    width: 100%;
    height: 100%
}


/*detay*/
.detailTable {
    width: 100%;
    display: table;
    position: relative;
    margin: 20px 0
}


    .detailTable .detailTR .detailTD, .powTable .td {
        display: table-cell;
        width: 50%;
        vertical-align: top
    }

        .detailTable .detailTR .detailTD:first-child {
        }

            .detailTable .detailTR .detailTD:first-child .ImageSoruce {
                padding: 20px;
                background: #fff;
                border-radius: 10px
            }

                .detailTable .detailTR .detailTD:first-child .ImageSoruce .shipBtn {
                    position: absolute;
                    margin: 23px;
                    z-index: 1000
                }

                .detailTable .detailTR .detailTD:first-child .ImageSoruce:hover .shipBtn {
                    display: none
                }

        .detailTable .detailTR .detailTD:last-child {
            padding-left: 30px;
        }

        .detailTable .detailTR .detailTD .gal {
            display: table;
            margin: 0 auto
        }

        .detailTable .detailTR .detailTD h1 small {
            font-size: 20px !important;
            display: block !important;
            font-weight: 600 !important;
        }

        .detailTable .detailTR .detailTD .gal .slide {
            position: relative;
            display: table;
            margin: 0 auto;
            width: 550px;
        }

            .detailTable .detailTR .detailTD .gal .slide .ovBG img {
                width: auto;
                height: 450px;
                display: table;
                margin: 0 auto;
            }

        .detailTable .detailTR .detailTD .gal .slideThumb {
            display: block;
            margin: 20px auto;
            width: 450px !important;
            position: relative;
        }

            .detailTable .detailTR .detailTD .gal .slideThumb #thSlider {
                display: table;
                position: relative;
                margin: 0 auto
            }

            .detailTable .detailTR .detailTD .gal .slideThumb .thumbimg {
                float: left;
                display: inline-block;
                margin-right: 10px;
                position: relative;
                overflow: hidden;
                border: 2px solid #EFF2F5;
                border-radius: 5px;
                cursor: pointer;
                padding: 5px;
                transition: all .3s;
                width: 65px;
                background: #fff
            }



                .detailTable .detailTR .detailTD .gal .slideThumb .thumbimg:hover {
                    border: 2px solid #DEE3ED
                }

                .detailTable .detailTR .detailTD .gal .slideThumb .thumbimg.active {
                    border: 2px solid #ACB9D2
                }

                .detailTable .detailTR .detailTD .gal .slideThumb .thumbimg img {
                    width: 100%;
                    height: auto;
                }

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

img, img[role="presentation"] {
    user-drag: none;
    -moz-user-focus: ignore;
    -webkit-user-modify: read-only;
    -webkit-user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.zoom {
    display: block;
    position: relative;
    overflow: hidden;
    height: 450px;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    width: 550px;
    cursor: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUyLjk2NiA1Mi45NjYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUyLjk2NiA1Mi45NjY7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4Ij4KPGc+Cgk8cGF0aCBkPSJNMjguOTgzLDIwaC02di02YzAtMC41NTItMC40NDgtMS0xLTFzLTEsMC40NDgtMSwxdjZoLTZjLTAuNTUyLDAtMSwwLjQ0OC0xLDFzMC40NDgsMSwxLDFoNnY2YzAsMC41NTIsMC40NDgsMSwxLDEgICBzMS0wLjQ0OCwxLTF2LTZoNmMwLjU1MiwwLDEtMC40NDgsMS0xUzI5LjUzNSwyMCwyOC45ODMsMjB6IiBmaWxsPSIjMDAwMDAwIi8+Cgk8cGF0aCBkPSJNNTEuNzA0LDUxLjI3M0wzNi44NDUsMzUuODJjMy43OS0zLjgwMSw2LjEzOC05LjA0MSw2LjEzOC0xNC44MmMwLTExLjU4LTkuNDItMjEtMjEtMjFzLTIxLDkuNDItMjEsMjFzOS40MiwyMSwyMSwyMSAgIGM1LjA4MywwLDkuNzQ4LTEuODE3LDEzLjM4NC00LjgzMmwxNC44OTUsMTUuNDkxYzAuMTk2LDAuMjA1LDAuNDU4LDAuMzA3LDAuNzIxLDAuMzA3YzAuMjUsMCwwLjQ5OS0wLjA5MywwLjY5My0wLjI3OSAgIEM1Mi4wNzQsNTIuMzA0LDUyLjA4Niw1MS42NzEsNTEuNzA0LDUxLjI3M3ogTTIuOTgzLDIxYzAtMTAuNDc3LDguNTIzLTE5LDE5LTE5czE5LDguNTIzLDE5LDE5cy04LjUyMywxOS0xOSwxOSAgIFMyLjk4MywzMS40NzcsMi45ODMsMjF6IiBmaWxsPSIjMDAwMDAwIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==), auto
}

    .zoom:after {
        content: '';
        display: block;
        width: 33px;
        height: 33px;
        position: absolute;
        top: 0;
        right: 0;
    }

    .zoom img {
        display: block;
    }

        .zoom img::selection {
            background-color: transparent;
        }

.ovBG {
    width: 100%;
    height: 450px;
    display: block;
    position: relative;
    overflow: hidden;
    user-select: none;
}

.RD {
    display: table;
    width: 100%;
    margin: 20px 0;
    padding: 0px;
}

.RDRow {
    display: table-row
}

.RDTab {
    display: table-cell;
    vertical-align: top;
    width: 50%;
    position: relative;
}

    .RDTab .cp {
        display: block;
        width: 278px;
        border-radius: 5px;
        margin-right: 20px;
        transition: all .3s;
        border: 2px solid #EFF2F5;
        padding: 20px;
        cursor: pointer;
        position: relative;
        background-image: url(/pagesProducts/img/menu-down1.png);
        background-position: 95% 19px;
        background-repeat: no-repeat;
    }

        .RDTab .cp:hover, .RDTab .cp.check {
            border: 2px solid #DEE3ED
        }

        .RDTab .cp.active {
            background-color: #fff;
            border: 2px solid #ACB9D2;
            border-radius: 5px 5px 0px 0px;
            border-bottom: 0 solid transparent;
            background-image: url(/pagesProducts/img/menu-down2.png);
        }

        .RDTab .cp span {
            font-weight: bold;
            display: block;
            color: #8EA0AD;
            margin-bottom: 12px;
            font-size: 14px;
        }

        .RDTab .cp i.memoryx {
            background: #fff url(/pagesProducts/img/memory.png) no-repeat center center;
            box-shadow: 0px 0px 5px rgba(0,0,0,.1);
            padding: 2px 12px;
            margin-right: 6px;
            border-radius: 50%;
            position: relative;
            top: 1px;
        }

        .RDTab .cp i.renks {
            background: #fff url(/pagesProducts/img/color.png) no-repeat center center;
            box-shadow: 0px 0px 5px rgba(0,0,0,.1);
            padding: 2px 12px;
            margin-right: 6px;
            border-radius: 50%;
            position: relative;
            top: 1px;
        }

        .RDTab .cp b {
            display: block;
            font-size: 16px;
            color: #000;
            font-weight: bold;
        }

        .RDTab .cp:last-child {
            margin-right: 0px
        }

    .RDTab:last-child .cp, .RDTab:last-child .cp .mcp {
        width: 285px
    }

    .RDTab .cp .mcp {
        animation: fadeIn .3s;
        display: none;
        position: absolute;
        background: #fff;
        z-index: 9999;
        padding: 15px 0 0 !important;
        border-left: 2px solid #ACB9D2;
        width: 278px;
        border-right: 2px solid #ACB9D2;
        border-bottom: 2px solid #ACB9D2;
        border-radius: 0px 0px 5px 5px;
        margin: 5px 0 0 0 !important;
        left: -1.9px;
    }

        .RDTab .cp .mcp hr {
            margin: -15px 0 5px 0
        }

        .RDTab .cp .mcp ul {
            list-style-type: none !important;
            width: 98%;
            max-height: 280px;
            overflow: auto;
            margin-bottom: 10px;
        }

    .RDTab .cp.active .mcp {
        display: block
    }

    .RDTab .cp .mcp ul li {
        padding: 15px 20px;
        display: block;
        transition: all .5s;
        font-weight: bold;
        line-height: 25px;
    }

.color3 {
    padding: 10px;
    margin-right: 10px;
    border-radius: 50%;
    position: relative;
    top: 0px;
    border: 0px !important;
    outline: none !important;
    width: 16px;
    display: inline-block;
    margin-bottom: -4px;
    height: 16px;
    box-shadow: 0px 0px 10px rgba(0,0,0,.2) inset;
}

.zoom img:first-child {
    animation: fadeIn .7s;
}

.clm {
    background: linear-gradient(90deg, rgba(255,255,255,.4) 0%, rgba(255,255,255,0.2721463585434174) 100%);
}

.RDTab .cp ul li:hover, .RDTab .cp ul li.active {
    background: #F8F9FA
}

.lred {
    background: #f5b621
}

.favG {
    background: url(/pagesProducts/img/fav1.png) no-repeat center center;
    float: right;
    transition: all .4s;
    padding: 32px 30px;
    margin: 7px 0px 7px 5px;
    border-radius: 5px;
    border: 2px solid #EFF2F5;
}

    .favG.active {
        background: url(/pagesProducts/img/fav3.png) no-repeat center center !important;
    }

    .favG:hover {
        background: #fff url(/pagesProducts/img/fav2.png) no-repeat center center;
        border: 2px solid #f5b621;
    }

.LVTab {
    width: 100%;
    display: block;
    overflow: hidden;
    position: relative;
    background: #fff;
    border-radius: 5px;
    margin-bottom: 22px;
    transition: all .4s;
    background-position: 98% 10px;
    background-repeat: no-repeat;
    border: 2px solid #2a4282
}

#stokinfoG {
    float: right;
    font-weight: bold;
    font-size: 15px;
    color: #f5b621;
    margin: 9px 0 0 54px;
}

.LVTab table tr td .time {
    margin: -42px 10px 2px 0 !important;
    padding: 4px 15px;
    position: relative;
    transition: all .4s;
    border: 0px;
    top: -9px !important;
    background: rgba(239,242,245,.5)
}

    .LVTab table tr td .time span b {
        font-size: 13px !important;
        margin-right: 3px
    }

.LVTab.active table tr td .time {
    background: rgba(255,255,255,.2)
}

.LVTab.active {
    background-image: url(/pagesProducts/img/okgtt.png);
    box-shadow: 0px 0px 60px rgba(0,0,0,.1), 0px 0px 130px rgba(4,154,111,.3) inset
}

.LVTab table {
    width: 95%;
    display: table;
    margin: 10px auto
}

    .LVTab table td:first-child {
        width: 33px;
        text-align: left;
        vertical-align: middle
    }

    .LVTab table td:last-child {
        text-align: right;
        vertical-align: middle
    }

    .LVTab table td strong.big, .pow b.big {
        color: #2a4282;
        font-weight: bold;
        display: block;
        font-size: 28px
    }

    .LVTab table td em.big {
        color: rgb(191, 196, 200);
        display: block;
        font-style: normal;
        font-weight: bold;
    }


.through {
    text-decoration: line-through;
    font-weight: bold;
    font-size: 18px
}

.LVTab table td b {
    font-weight: bold
}

.LVTab table td strong.big sup, .LVTab table td em.big sup, .pow b.big sup {
    position: relative;
    top: 3px;
    margin-left: 3px;
    font-weight: bold;
    font-size: 13px
}

    .LVTab table td em.big sup, .LVTab table td em.big sup b {
        font-size: 10px !important
    }

.LVTab .tip1 {
    background: #2a4282;
    display: table;
    color: #fff;
    font-weight: 600;
    font-size: 11px;
    padding: 7px 12px;
    border-radius: 0px 0px 10px 0px
}

.countdown_row span:last-child {
    display: none !important
}

.radioMSX {
    display: inline-block;
    position: relative;
    top: 5px
}

    .radioMSX input[type="radio"] {
        display: none
    }

    .radioMSX input + label {
        position: relative;
        display: inline-block;
        overflow: hidden;
        cursor: pointer;
        min-height: 1.6875rem;
        margin-bottom: 4px;
        padding: 10px;
        width: 25px;
        height: 25px;
        border: 2px solid #2a4282;
        background: #fff;
        border-radius: 50%;
    }

        .radioMSX input + label::after {
            content: "";
            position: absolute;
            height: 16px;
            width: 16px;
            border-radius: 100%;
            left: 3px;
            top: 2.79666px;
            background-color: #fff;
        }

    .radioMSX input:checked + label:after {
        content: "";
        position: absolute;
        height: 15px;
        width: 15px;
        border-radius: 100%;
        left: 0;
        top: 0;
        margin: 3.4px;
        background-color: #2a4282;
    }

.c1 {
    border: 2px solid #f5b621
}

    .c1 .tip1 {
        background: #f5b621 !important
    }

    .c1.active {
        background-image: url(/pagesProducts/img/okgt.png);
        box-shadow: 0px 0px 60px rgba(0,0,0,.1), 0px 0px 130px rgba(224,34,11,.2) inset
    }

    .c1 .radioMSX input:checked + label:after {
        background-color: #f5b621;
    }

    .c1 .radioMSX input + label {
        border: 2px solid #f5b621;
    }

    .c1 table td strong.big {
        color: #f5b621;
    }


.c2 {
    border: 2px solid #EFF2F5
}

    .c2 .tip1 {
        background: #EFF2F5 !important;
        color: #7e7474;
    }

    .c2 .radioMSX input:checked + label:after {
        background-color: #EFF2F5;
        color: #444;
    }

    .c2 .radioMSX input + label {
        border: 2px solid #EFF2F5;
    }

    .c2 table td:last-child {
        color: #7e7474;
    }

    .c2 table td strong.big, .c2 table td b {
        color: #ddd;
    }


.smale {
    font-weight: 600;
    font-size: 11px;
    height: 25px;
}

.sigortaBody {
    display: block !important;
    position: relative !important;
    overflow: hidden !important;
    width: 569px !important;
    height: 155px
}

    .sigortaBody .slick-dots {
        margin: 20px auto;
    }

        .sigortaBody .slick-dots li button {
            width: 25px !important;
            height: 7px
        }

.sigorta {
    display: table;
    padding: 20px 15px 20px 10px;
    border: 2px solid #EFF2F5;
    float: left;
    cursor: pointer;
    border-radius: 5px;
    transition: all .4s;
    margin: 10px 12px 0px 0px
}

    .sigorta:hover {
        background: #fff;
        border: 2px solid #ACB9D2
    }


    .sigorta strong {
        font-weight: bold;
        width: 183px;
        display: block;
        font-size: 17px
    }

    .sigorta.active {
        border: 2px solid #f5b621;
    }

.checkbox1 {
    padding: 10px;
    background: url(/pagesProducts/img/checkbox5.png) no-repeat 0 0;
    float: right
}

.checkbox2 {
    padding: 10px;
    background: url(/pagesProducts/img/checkbox5x.png) no-repeat 0 0;
    float: right
}

.sigorta.active .checkbox1, .sigorta.active .checkbox2 {
    background-position: -23px 0;
}

.sigorta .text {
    float: left;
    font-size: 13px;
    line-height: 22px;
}

    .sigorta .text b {
        font-weight: 600;
        color: #0db561;
    }

        .sigorta .text b.bf {
            color: #f5b621;
            font-size: 12px !important
        }

    .sigorta .text span.price {
        color: #f5b621;
        font-weight: bold;
    }

.tps, .infox {
    background: url(/pagesProducts/img/tooltip.png) no-repeat 0 0px;
    margin-left: 3px;
    display: inline-block;
    position: relative;
    top: 2px;
    filter: grayscale(1);
    width: 10px;
    height: 10px;
    cursor: pointer;
    background-size: contain;
}

.infox {
    margin-left: 6px;
    top: 1px;
    cursor: pointer;
    position: absolute;
    filter: grayscale(0)
}

.sgicon1, .sgicon2, .sgicon3 {
    background: url(/img/anti-theft.png) no-repeat 0 center;
    float: left;
    border-radius: 5px;
    width: 53px;
    height: 53px;
    margin: 10px 13px 10px 0;
    background-size: cover !important;
}

.sgicon2 {
    background: url(/img/insurance.png) no-repeat 0 center;
}

.sgicon3 {
    background: url(/img/repair.png) no-repeat 0 center;
}

.toptipDiv {
    padding: 20px 40px !important;
    display: table;
    max-width: 500px !important;
}

    .toptipDiv ul {
        padding: 20px 20px 20px 40px
    }

        .toptipDiv ul li {
            padding: 4px 0
        }


.smallBtnBody {
    float: right;
    position: relative;
    display: inline-block
}

.smallNext, .smallPrev {
    background: url(/pagesProducts/img/ntd.png) no-repeat center center;
    border-radius: 35px;
    padding: 5px 10px;
    cursor: pointer;
}

.smallPrev {
    background: url(/pagesProducts/img/ntd1.png) no-repeat center center;
    margin-right: 10px
}

.smallNextBG {
    padding: 7px;
    float: right;
    display: inline-block;
    border-radius: 50%;
    background: #fff;
    margin: -6px;
}

    .smallNextBG .smallNext {
        border-radius: 0px;
        position: relative;
        padding: 5px 11px;
        left: 1px;
    }

.rgb {
    width: 100%;
    user-select: none;
    background: linear-gradient(-45deg, #EE7752, #e1af3a, #D29D20, #9161CB, #ff5);
    background-size: 400% 400%;
    border-radius: 10px;
    animation: gradient 10s ease infinite;
    height: 152px;
    margin: 20px 0;
    display: block;
    position: relative;
    overflow: hidden;
}

.rgbaInfo {
    width: 100%;
    background: linear-gradient(-45deg, #f5b621, #e1af3a, #2a4282, #f5b621, #2a4282);
    background-size: 400% 400%;
    border-radius: 10px;
    padding: 20px;
    color: #fff;
    font-size: 18px;
    font-weight: 600
}

.rgb .txt {
    float: right;
    text-align: right;
    padding: 20px 35px 20px 28px;
    font-size: 30px;
    width: 367px;
    font-weight: 600;
    color: #fff;
}

    .rgb .txt b {
        text-decoration: underline;
        font-weight: bold;
        font-size: 30px;
        color: #000;
    }

    .rgb .txt span {
        font-size: 14px !important;
        font-weight: bold;
        display: block;
    }

.rgb .img {
    border-radius: 10px;
    width: 100px;
    height: 132px;
    display: inline-block;
    position: relative;
    overflow: hidden;
    margin: 10px 12px 0 0;
    float: right;
    padding: 10px;
    background: #fff
}

#minsd {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 115px;
}

    #minsd img {
        float: left
    }

.rgb .img img {
    width: 100%;
    height: auto
}

.rgb:before {
    content: "";
    background: url(/pagesProducts/img/gift.png) no-repeat 0 0;
    padding: 40px 100px;
    width: 200px;
    height: 156px;
    margin: -20px;
    position: absolute;
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}



.mobilVarBody {
    display: table;
    margin: 18px auto 40px;
}

    .mobilVarBody .x1 {
        float: left;
        text-align: center;
        width: 100px;
        margin-right: 20px;
    }

        .mobilVarBody .x1:last-child {
            margin-right: 0px
        }

        .mobilVarBody .x1 span {
            text-align: center;
            display: block;
            font-size: 14px;
            font-weight: 600;
            color: #000
        }

        .mobilVarBody .x1 small {
            font-size: 14px;
            font-weight: 600;
            color: #f5b621
        }

.mobileVar {
    background: url(/pagesProducts/img/ozellik.png) no-repeat 0px 0;
    padding: 23px 34px;
    border-radius: 35px;
    border: 2px solid #EFF2F5;
    display: table;
    width: 70px;
    height: 70px;
    margin: 10px auto;
}

.x_baglanti {
    background-position: 15px center
}

.x_ekranBoyut {
    background-position: -42px center
}

.x_kamera {
    background-position: -102px center
}

.x_ram {
    background-position: -177px center
}

.x_cpu {
    background-position: -246px center
}

i small {
    position: absolute !important;
    z-index: -1 !important;
    color: rgba(0,0,0,0) !important
}

.urunSure {
    display: table;
    width: 100%;
    position: relative;
    top: 5px;
    font-weight: 600;
    font-size: 13px;
    color: #000
}

    .urunSure strong {
        font-weight: bold;
        color: #ff0000;
        font-size: 13px;
        right: 0;
        float: right;
        margin-top: 11px;
    }

.time {
    display: inline-table;
    border-radius: 20px;
    margin: 3px 5px;
    padding: 5px 15px;
    border: 1px solid #EFF2F5;
    position: relative;
    top: -1px;
}

    .time span {
        color: #2a4282;
        font-weight: bold !important;
        font-size: 14px;
    }

        .time span code {
            font-weight: 600;
            margin-right: 3px;
            font-size: 13px
        }

        .time span small {
            font-size: 12px;
            font-weight: 500 !important;
            color: #797979 !important
        }

#ggtX {
    display: inline
}

.time span:after {
    content: "|";
    margin: 0 7px;
    color: #d7dadd
}

.time span:last-child:after, .time span:nth-child(3):after {
    content: close-quote;
    display: none
}

.cardinfosBody {
    display: table;
    margin: 20px auto;
    position: relative
}

.cardInfos {
    background-color: #ecf0f2;
    padding: 31px;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 50%;
    transition: all .2s;
}

.c_kargo {
    background-image: url(/pagesProducts/img/z1h.png);
    background-position: center 13px;
}

.c_garanti {
    background-image: url(/pagesProducts/img/z2h.png);
}

.c_iade {
    background-image: url(/pagesProducts/img/z3h.png);
}

.c_taksit {
    background-image: url(/pagesProducts/img/z4h.png);
}

.cardinfosBody .j1 {
    float: left;
    margin-right: 10px;
    cursor: pointer;
    width: 120px;
}

    .cardinfosBody .j1:last-child {
        margin-right: 0px
    }

    .cardinfosBody .j1 i {
        display: table;
        margin: 5px auto
    }

    .cardinfosBody .j1 span {
        text-align: center;
        display: block;
        transition: all .2s;
        margin: 10px 0;
        font-weight: 600;
        font-size: 13px;
    }

    .cardinfosBody .j1:hover span, .cardinfosBody .j1.active span {
        color: #F9CE6C;
    }

    .cardinfosBody .j1:hover .cardInfos, .cardinfosBody .j1.active .cardInfos {
        background-color: #F9CE6C;
    }

    .cardinfosBody .j1.active .c_kargo, .cardinfosBody .j1:hover .c_kargo {
        background-image: url(/pagesProducts/img/z1.png);
    }

    .cardinfosBody .j1.active .c_garanti, .cardinfosBody .j1:hover .c_garanti {
        background-image: url(/pagesProducts/img/z2.png);
    }

    .cardinfosBody .j1.active .c_iade, .cardinfosBody .j1:hover .c_iade {
        background-image: url(/pagesProducts/img/z3.png);
    }

    .cardinfosBody .j1.active .c_taksit, .cardinfosBody .j1:hover .c_taksit {
        background-image: url(/pagesProducts/img/z4.png);
    }

.rate {
    margin-top: 15px;
    display: table;
    position: relative
}

    .rate small {
        font-size: 11px;
        font-weight: 600;
        position: relative;
        left: 1px;
        top: -3px;
    }

    .rate .comment {
        background: url(/pagesProducts/img/comment.png) no-repeat 0 0;
        background-size: contain;
        display: inline-block;
        width: 15px;
        cursor: pointer;
        height: 16px;
        position: absolute;
        right: -20px;
        top: -7px;
    }

.topkop {
    margin: -10px 0 0 -5px !important;
    line-height: 20px !important
}

    .topkop b, #tooltip1 p b {
        font-size: 12px !important
    }

#tooltip1 p {
    padding-top: 10px;
    font-size: 12px;
}

    #tooltip1 p small {
        font-size: 11px;
        font-weight: 700;
        color: #666
    }

#tooltip1 .commentBg {
    font-size: 12px;
    padding: 10px;
    width: 250px;
    display: block
}

    #tooltip1 .commentBg strong {
        font-size: 12px;
        padding: 5px 0;
        font-weight: bold;
        display: block
    }

        #tooltip1 .commentBg strong small {
            color: #999;
            display: block;
            padding: 1px 0;
            font-size: 10px;
        }

    #tooltip1 .commentBg samp {
        font-size: 10px;
        padding: 10px 0;
        font-weight: bold;
        display: block
    }

        #tooltip1 .commentBg samp i {
            background: url(/pagesProducts/img/like.png) no-repeat 0 0;
            width: 10px;
            height: 10px;
            margin: 0 1px;
            display: inline-block;
            background-size: contain
        }

    #tooltip1 .commentBg em {
        font-weight: 600;
        font-size: 11px;
        display: block;
        margin-top: 5px;
        padding: 10px 0 0;
        font-style: normal;
        border-top: 1.2px solid #EFF2F5 !important;
    }

.rate strong {
    font-weight: bold;
    font-size: 23px;
    margin-right: 7px;
    color: #f5b621;
}

.rate .s1 {
    background: url(/pagesProducts/img/s1.png) no-repeat 0 0;
    padding: 1px 10px;
    margin-right: 2px
}

.rate .s2 {
    background: url(/pagesProducts/img/s2.png) no-repeat 0 0;
    padding: 1px 10px;
    margin-right: 2px
}

.rate .s3 {
    background: url(/pagesProducts/img/s3.png) no-repeat 0 0;
    padding: 1px 10px;
    margin-right: 2px
}

.rate span, .rate em {
    font-size: 13px;
    margin-left: 5px;
    position: relative;
    top: -2px;
}

    .rate span b {
        font-weight: 600
    }

.rate em {
    background: url(/pagesProducts/img/favj.png) no-repeat 0 center;
    font-style: normal;
    margin-left: 10px;
    display: inline-block;
    text-indent: 18px !important;
}

    .rate em b {
        font-weight: 600 !important;
    }

@-webkit-keyframes bounceIn {
    20%,40%,60%,80%,from,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

@keyframes bounceIn {
    20%,40%,60%,80%,from,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

.infoToolTip {
    position: absolute;
    z-index: 9999;
    padding: 20px;
    box-shadow: 0px 0px 30px rgba(0,0,0,.1);
    background: #fff;
    display: table;
    border-radius: 10px;
    width: 320px;
    margin: 117px 0;
    display: none;
    user-select: none;
    animation: bounceIn .3s;
}

    .infoToolTip p strong {
        font-weight: bold;
        display: block;
        line-height: 32px
    }


    .infoToolTip:after {
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #fff;
        border-bottom-color: #fff;
        content: '';
        position: absolute;
        left: 19%;
        top: -9px;
        margin-left: -10px;
    }

    .infoToolTip.top {
        margin: 117px 0 0 -90px
    }

        .infoToolTip.top:after {
            left: 48%;
        }

    .infoToolTip.right {
        margin: 117px 0 0 -180px
    }

        .infoToolTip.right:after {
            left: 76%;
        }

.closeMTT {
    z-index: 400;
    background: url(/pagesProducts/img/remove1.png) no-repeat 0 center;
    padding: 9px;
    float: right;
    cursor: pointer;
    position: relative;
    right: -10px;
    top: -10px;
}

.stokCode {
    font-weight: 600;
    font-size: 14px;
    display: table;
    border-radius: 6px;
    border: 1px solid #ddd;
    padding: 10px;
}

    .stokCode b {
        color: #f5b621;
        font-weight: 900
    }

.sepetBtn, .haberBtn {
    padding: 15px;
    border-radius: 10px;
    background: #f5b621;
    color: #000;
    font-weight: 600;
    width: 100%;
    margin-bottom: 30px !important;
    font-size: 25px;
    cursor: pointer;
    margin: 20px 0 10px;
    transition: all .5s;
    position: relative;
    display: block;
    overflow: hidden;
}

.w100D {
    width: 100%
}

.haberBtn {
    background: #2a4282 !important;
    border-radius: 5px !important;
    color: #fff !important
}

    .haberBtn:hover {
        background: #f5b621 !important
    }

.sepetBtn1 {
    padding: 8px 44px 8px 15px;
    border-radius: 5px;
    background: #f5b621;
    color: #000;
    font-weight: 600;
    font-size: 16px;
    cursor: pointer;
    transition: all .3s;
    position: relative;
    text-align: left !important;
    display: inline-flex;
    overflow: hidden;
    float: right;
    top: 15px;
}

    .sepetBtn1:hover {
        background: #F5D667;
    }

    .sepetBtn1:after {
        content: "";
        background: url(/pagesProducts/img/sepetim.png) no-repeat -23px center;
        position: absolute;
        right: 8%;
        transition: all .5s;
        width: 26px;
        height: 21px;
        background-size: cover;
        top: 9px;
    }

.sepetBtn:hover {
    color: #fff;
    user-select: none;
    background: linear-gradient(-45deg, #e1af3a, #9161CB, #D29D20,#f5b621, #EE7752);
    background-size: 400% 400%;
    animation: gradient 4s ease infinite;
    box-shadow: 0px 0px 20px rgba(0,0,0,.2), 0px 0px 30px rgba(0,0,0,.2) inset
}

.sepetBtn:after {
    content: "";
    background: url(/pagesProducts/img/sepetim.png) no-repeat -152px center;
    position: absolute;
    right: 2%;
    transition: all .5s;
    width: 47px;
    height: 40px;
    background-size: cover;
    top: 14px;
}

.sepetBtn:hover:after {
}


.discount {
    padding: 12px;
    background: #eff2f5 url(/pagesProducts/img/discount.png) no-repeat 98.5% center !important;
    color: #000;
    border-radius: 5px;
    font-weight: 600;
    font-size: 14px;
    margin: -5px 0 -5px;
}

.bayiBody {
    background: #EFF2F5;
    padding: 40px 0;
    margin-top: 40px;
    display: table;
    width: 100%
}

.partner {
    width: 1200px;
    padding: 50px 0;
    display: block;
    overflow: hidden;
    position: relative;
}

.bayiBody h2 {
    font-size: 23px !important;
    line-height: 26px;
    font-weight: bold;
    padding: 20px 0;
}

.pow {
    padding: 30px;
    background: #fff;
    width: 288px;
    border-radius: 10px;
    margin-right: 15px;
    opacity: 1 !important;
    float: left;
}

    .pow strong {
        position: relative;
    }

    .pow:last-child {
        margin-right: 0px
    }

    .pow a {
        position: relative;
        color: #2a4282;
        float: left;
        font-weight: 700 !important;
        line-height: 1.36;
        font-size: 17px;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        transition: all .3s;
        flex-grow: 1;
        display: -ms-flexbox;
        display: flex;
        display: -webkit-box;
        height: 48px;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        -webkit-box-align: start;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        transition: all .6s color;
    }

        .pow a:hover {
            color: #f5b621
        }

    .pow .skor {
        float: right;
        margin-left: 5px;
        background: #f1f1f1;
        color: #000;
        font-weight: bold;
        padding: 9px;
        border-radius: 35px;
        display: inline-block;
        position: relative;
        top: -11px;
        left: 10px;
        font-size: 13px;
    }

    .pow .powBtn {
        display: table;
        width: 100%;
        margin: 10px 0;
    }

    .pow hr {
        padding: 0px !important
    }

    .pow b {
        display: inline-block;
        color: #f5b621 !important;
        font-size: 25px !important;
        margin: 20px 0
    }

        .pow b.big sup {
            top: -3px;
            font-size: 14px
        }

    .pow p {
        font-weight: 600;
        font-size: 13px;
        padding: 10px 0;
        color: #999;
    }

.detayList {
    width: 100%;
    position: relative;
    display: table;
    box-shadow: 0px -13px 13px 0px rgba(55,55,55,.03);
}

.proVT {
    display: block;
    width: 1200px;
    position: relative;
    overflow: hidden;
}

.xNextx {
    background: url(/pagesProducts/img/arrR.png) no-repeat center center;
    padding: 23px;
    border-radius: 50%;
    position: absolute;
    z-index: 1000;
    right: -70px;
    z-index: 1000;
    margin: 17px 0;
    cursor: pointer;
}

.xPrevx {
    background: url(/pagesProducts/img/arrL.png) no-repeat center center;
    padding: 23px;
    border-radius: 50%;
    position: absolute;
    left: -70px;
    z-index: 1000;
    margin: 17px 0;
    cursor: pointer;
}

.simBody, .sow {
    float: right;
    position: relative;
    top: 3px
}

.sow {
    position: absolute;
    right: 0;
    margin: 10px 16px;
}

    .simBody i:before, .simBody i:after, .sow i.sm1:before, .sow i.sm2:after {
        transition: all .4s
    }

    .sim1:before, .sow i.sm1:before {
        content: " ‹ ";
        font-size: 18px;
        font-weight: bold;
        padding: 1px 10px 4px;
        cursor: pointer;
        font-style: normal;
        display: inline-block;
        border-radius: 50%;
        border: 2px solid #EFF2F5
    }

    .sim2:after, .sow i.sm2:after {
        content: " › ";
        font-size: 18px;
        font-weight: bold;
        padding: 1px 10px 4px;
        cursor: pointer;
        font-style: normal;
        display: inline-block;
        border-radius: 50%;
        margin-left: 6px;
        border: 2px solid #EFF2F5
    }

.simBody i:hover:before, .simBody i:hover:after {
    color: #f5b621
}

ul#proVT {
    display: table;
    list-style-type: none;
    margin: 0 auto;
}

    ul#proVT li {
        float: left
    }

        ul#proVT li a {
            padding: 30px 18px;
            transition: all .3s;
            border-bottom: 3px solid transparent;
            font-size: 16px;
            font-weight: 600;
            display: inline-block;
            color: #000
        }

        ul#proVT li:after {
            content: "|";
            font-size: 18px;
            color: #ddd;
            margin: 0 auto;
        }

        ul#proVT li:last-child:after {
            display: none;
            content: close-quote
        }

        ul#proVT li a:hover {
            color: #f5b621;
        }

        ul#proVT li a.active {
            color: #f5b621;
            border-bottom: 3px solid #f5b621;
            /* background: rgb(234,237,240);
            background: linear-gradient(360deg, rgba(234,237,240,.7) 0%, rgba(255,255,255,1) 100%)
                */
        }

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.detayBody {
    padding: 80px 0;
    display: block
}

    .detayBody .dtMix {
        animation: fadeIn .3s;
        text-align: left;
        position: relative;
        display: none;
        width: 100%
    }


        .detayBody .dtMix p {
            line-height: 25px;
            padding: 10px 0;
            font-size: 15px;
            text-align: justify;
            overflow-wrap: break-word;
            word-break: break-word;
        }

            .detayBody .dtMix p b, .detayBody .dtMix b, .detayBody .dtMix p strong, .detayBody .dtMix strong {
                font-weight: 700
            }

        .detayBody .dtMix ul {
            margin: 10px 0 10px 40px !important;
        }

            .detayBody .dtMix ul li {
                padding: 4px 0
            }

        .detayBody .dtMix:first-child {
            display: table
        }

        .detayBody .dtMix h2 {
            font-size: 25px;
            line-height: 28px;
            font-weight: bold;
            padding: 15px 0;
        }

        .detayBody .dtMix h3 {
            font-size: 25px;
            line-height: 35px;
        }

        .detayBody .dtMix table {
            width: 100%;
            margin: 10px 0;
            padding: 20px;
            border-radius: 5px;
            border: 2px solid #EFF2F5 !important;
        }

            .detayBody .dtMix table caption {
                padding: 15px 20px;
                background: #EFF2F5;
                font-weight: bold;
                border-radius: 5px;
                text-align: left;
                margin: 20px 0;
            }

            .detayBody .dtMix table tr td, .detayBody .dtMix table tr th {
                padding: 9px 0;
                width: auto;
                width: 80%;
                border-bottom: 1px solid #EFF2F5;
                text-align: left
            }

            .detayBody .dtMix table tr:last-child td, .detayBody .dtMix table tr:last-child th {
                border-bottom: 0px
            }

            .detayBody .dtMix table tr td:first-child,
            .detayBody .dtMix table tr th:first-child {
                width: 200px !important;
                font-weight: 600
            }

.NFull {
    padding: 15px 30px;
    border-radius: 50px;
    font-weight: bold;
    background: #f5b621;
    cursor: pointer;
    margin: 20px auto;
    display: table;
    transition: all .3s;
}

    .NFull:hover {
        background: #fbd5ae
    }

.dtMix .OzelAlan, .dtMix .varyantS, .commentBody, .sss, .commentTop, .powTable {
    display: table;
    width: 100%;
    position: relative;
}

    .dtMix .OzelAlan .oimg {
        width: 20%;
        padding: 5px;
        float: left;
        margin-right: 30px;
        display: inline-block;
    }

        .dtMix .OzelAlan .oimg img {
            border-radius: 10px;
            width: 100%;
            height: auto;
        }

    .dtMix .OzelAlan .otext {
        float: left;
        padding: 5px;
        display: inline-block;
        width: 75%;
    }

        .dtMix .OzelAlan .otext ul {
            list-style-type: disc !important;
            padding: 20px 0 !important
        }

            .dtMix .OzelAlan .otext ul li:after {
                display: none;
                content: close-quote !important
            }

            .dtMix .OzelAlan .otext ul li {
                padding: 5px 0 !important
            }

        .dtMix .OzelAlan .otext strong {
            font-size: 17px;
            font-weight: bold;
            display: block
        }

        .dtMix .OzelAlan .otext a, .dtMix .OzelAlan .otext ul li a {
            padding: initial !important;
            transition: all .3s;
            border-bottom: 0px !important;
            font-size: 14px !important;
            font-weight: 600;
            display: inline-block;
            color: #000;
        }

            .dtMix .OzelAlan .otext a:hover, .dtMix .OzelAlan .otext ul li a:hover {
                color: #f5b621;
            }

.varkm {
    display: inline-block;
    padding: 15px;
    border-radius: 5px;
    float: left;
    margin: 10px 12px 0px 0;
    width: 49.5%;
    background: #EFF2F5;
}

    .varkm:nth-child(2n+0) {
        margin-right: 0px;
        background: rgba(252, 233, 233, .72);
    }

    .varkm span {
        float: left;
    }

    .varkm b {
        float: right;
        font-weight: 600
    }

.dtMix .varyantS strong {
    margin: 40px 0 20px;
    font-size: 17px;
    font-weight: bold;
    display: block
}

.smallBtnFix {
    position: fixed;
    bottom: 2%;
    right: 2%;
    z-index: 5000;
}

.tops, .sharesBtn {
    transition: all .3s;
    padding: 25px 25px;
    margin-bottom: 5px;
    cursor: pointer;
    border-radius: 3px;
    background: #f5b621 url(/pagesProducts/img/share.png) no-repeat 20px center;
}

    .tops:hover {
        background-color: #dea111
    }

.sharesBtn {
    bottom: 2%;
    background: #a27ded url(/pagesProducts/img/share.png) no-repeat -16px center;
}

    .sharesBtn:hover {
        background-color: #dea111
    }

.comment {
    animation: fadeIn 1s;
    padding: 20px 0;
    display: table;
    position: relative;
    margin-bottom: 10px;
    width: 100%;
}

    .comment:after {
        content: "";
        height: 4px;
        width: 100%;
        position: absolute;
        background: #EFF2F5;
        border-radius: 50px;
        margin-top: 0px;
    }

    .comment:last-child:after {
        display: none;
    }

    .comment:last-child {
        border-bottom: 0px;
        padding-bottom: 0px
    }

    .comment p {
        padding: 10px 0;
        display: block
    }

    .comment span {
        padding: 6px;
        font-size: 13px;
        margin: 0 10px 0 6px
    }

        .comment span:last-child {
            margin-right: 0px;
            padding-right: 0px
        }

        .comment span b {
            font-size: 13px
        }

        .comment span.pt {
            font-weight: 600;
            border-radius: 27px;
            background: #EFF2F5;
            display: inline-table;
            width: 30px;
            height: 20px;
            text-align: center;
            position: relative;
            top: -12px;
            left: 1px;
        }

            .comment span.pt:before {
                width: 0;
                height: 0;
                border-left: 8px solid transparent;
                border-right: 8px solid transparent;
                border-top: 8px solid #fff;
                border-top-color: #eff2f5;
                content: '';
                position: absolute;
                left: 0;
                bottom: 6.7px;
                transform: rotate(311deg);
                margin-left: -6px;
            }

        .comment span i.ok, .rate i.ok {
            background: url(/pagesProducts/img/verify.png) no-repeat 0 center;
            padding: 0 8px;
            margin-right: 2px;
        }

.rate i.ok {
    background: url(/pagesProducts/img/verifyx.png) no-repeat 0 center;
}

.commentLine {
    padding: 6px 0;
    font-size: 13px;
    margin: 10px 0;
    font-weight: 500;
}

.like {
    display: table;
    background: url(/pagesProducts/img/like.png) no-repeat 0 center;
    padding: 10px 8px;
    margin-right: 2px;
    font-size: 12px;
    color: #000;
    text-indent: 15px;
    font-weight: bold
}

.sss .list {
    padding: 10px;
    transition: all .4s;
    border-radius: 10px;
    width: 100%;
    display: table;
    line-height: 22px;
    background: #fff;
    margin-bottom: 10px
}

    .sss .list strong {
        display: block;
        font-weight: bold;
        transition: all .4s;
        cursor: pointer;
        padding: 20px;
        width: 100%;
        font-size: 17px;
        position: relative;
    }

        .sss .list strong:after {
            content: "+";
            position: absolute;
            font-size: 35px;
            right: 1.5%;
            font-weight: bold !important;
            margin-top: 0px;
        }

    .sss .list.active strong:after {
        content: "-";
        position: absolute;
        font-size: 40px;
        right: 1.7%;
        font-weight: bold !important;
        margin-top: -5px;
    }

    .sss .list strong:hover, .sss .list.active strong {
        color: #f5b621
    }

    .sss .list .listDetay {
        transition: all .4s;
        display: none;
        padding: 20px;
        width: 100%;
        position: relative;
    }

    .sss .list.active .listDetay {
        display: block
    }

.warning {
    background: #EFF2F5;
    padding: 15px;
    border-radius: 5px;
    display: block;
    font-weight: 500;
    margin: 10px 0;
}

.commentTop {
    margin-bottom: 20px
}

    .commentTop .commentTopTr {
        display: table-row
    }

        .commentTop .commentTopTr .commentTopTd {
            display: table-cell;
            vertical-align: top;
            width: 50%;
            padding: 10px 0;
            text-align: left
        }

            .commentTop .commentTopTr .commentTopTd:first-child {
                width: 5% !important
            }


.commentBtnBig {
    padding: 10px 30px;
    margin-bottom: 20px;
    cursor: pointer;
    transition: all .3s;
    border-radius: 5px;
    text-align: center;
    background: #2a4282;
    color: #fff
}

    .commentBtnBig:hover {
        background: #395AB3
    }

.commentInfoModal small {
    color: #999;
    display: block
}

/*select 3*/

.select3 {
    display: table;
    padding: 15px;
    border-radius: 5px;
    width: 185px;
    float: right;
    height: 40px;
    user-select: none;
    border: 2px solid #EFF2F5;
    position: relative;
    z-index: 4000;
    background: url(/pagesProducts/img/up-and-down.png) no-repeat 91% center;
    cursor: pointer;
}

    .select3 input[type="text"] {
        width: 100%;
        font-weight: bold;
        background: none;
        user-select: none;
        border: 0px;
        display: block;
        cursor: default !important
    }

    .select3 ul {
        display: none;
        width: 185px;
        position: absolute;
        z-index: 99999;
        border-radius: 5px;
        left: 0;
        padding: 10px;
        background: #fff;
        box-shadow: 0px 0px 40px rgba(0,0,0,.1);
        top: 10px;
    }

    .select3.active {
        position: relative;
        z-index: 9999 !important;
        background: url(/pagesProducts/img/up-and-down.png) no-repeat 91% center;
    }

        .select3.active ul li:before {
            display: none;
            content: close-quote
        }

        .select3.active ul li {
            padding: 10px;
            font-weight: bold;
            transition: all .3s;
            user-select: none;
            display: block;
            text-align: left !important;
            border-radius: 5px;
        }


            .select3.active ul li:hover {
                background: #EFF2F5;
                color: #000
            }

    .select3 ul li:hover:after {
        opacity: 1
    }

    .select3.active ul {
        display: block;
        margin: 48px 0 0 !important;
    }

.ux ul {
    padding: 20px !important
}

.powTable {
    margin-top: 2px;
}

    .powTable .time {
        margin: 10px 0;
        display: table;
        width: 180px
    }

    .powTable .td {
        font-weight: 600;
        font-size: 13px;
        padding: 5px 0;
        width: auto;
        vertical-align: middle;
    }

        .powTable .td:last-child {
            text-align: center
        }

.decrease, .decrease1, .decrease2 {
    background: url(/pagesProducts/img/decrease.png) no-repeat center center;
    padding: 14px;
    margin: 13px 0;
    float: right;
}

.decrease1, .decrease2 {
    padding: inherit;
    background-size: contain !important;
    display: inline-block !important;
    width: 11px;
    height: 11px;
    float: right;
    margin: 3px 0 0 5px;
}

.decrease2 {
    transform: rotate(180deg);
}

.powTable .td .decrease.opa {
    opacity: 0 !important;
}

.flex {
    display: flex !important
}

.loginBG {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: rgba(0,0,0,.7)
}

.loginText {
    animation: bounceIn 1s;
    padding: 20px 40px 30px !important;
    border-radius: 10px;
    max-width: 530px;
    position: relative;
    display: table;
    user-select: none;
    -webkit-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-modify: read-only;
    background: #fff;
    margin: 5% auto;
    box-shadow: 0px 0px 50px rgba(0,0,0,.2)
}

    .loginText .adresBody div.button, .loginText .adresBody div.logos {
        width: 8%;
    }

.w800 {
    max-width: 610px;
    min-width: 610px;
}

.w760 {
    max-width: 760px;
    min-width: 760px;
}

.loginText address {
    padding: 15px;
    background: #fff9f2;
    font-weight: bold;
    border-radius: 6px;
    margin-bottom: 10px;
    color: #1c2ca0
}

.loginText .item {
    display: block;
    width: 100%;
    position: relative;
    height: 100%
}

.loginText #mapT {
    width: 100% !important;
    height: 200px;
    max-width: 800px
}

.loginText .closeLogin, .loginText .close, .close2 {
    background: url(/pagesProducts/img/closedx.png) no-repeat center center;
    padding: 13px;
    cursor: pointer;
    float: right;
    display: inline-block;
    margin-top: 24px;
    left: 15px;
    position: relative;
}

.close2 {
    margin-top: -2px;
    left: -4px;
}

.loginText h3 {
    font-size: 20px !important;
    padding-bottom: 0px !important
}

.loginText p {
    padding-bottom: 10px;
}

.loginText b, .loginText strong, .loginText b u {
    font-weight: 600
}

.loginText .adresBody {
    height: auto !important;
    cursor: pointer
}

.loginText .inp {
    padding: 20px 22px 20px 75px;
    box-sizing: border-box;
    margin: 20px 0 30px;
    margin-bottom: 10px;
    display: block;
    background: #EFF2F5 !important;
    border-radius: 60px;
    width: 100%;
    text-indent: 30px;
    font-size: 18px;
    font-weight: bold !important
}

    .loginText .inp::placeholder {
        color: #8bb0b9 !important
    }

.loginText .iti input::placeholder {
    opacity: .3 !important
}

.loginText .iti {
    position: relative;
    display: block;
    margin: 20px 0;
}

.loginText .iti--separate-dial-code .iti__selected-dial-code {
    background: #EFF2F5 !important;
    font-size: 18px;
    font-weight: bold;
}

.loginText .err, .err, .succ {
    padding: 10px 15px !important;
    border-radius: 39px;
    font-size: 13px;
    font-weight: 600;
    color: #ff0000;
}

.succ {
    display: table;
    margin: 0 auto;
    color: #000
}

.loginText small {
    font-size: 13px
}

    .loginText small.grey {
        color: #999;
        font-size: 12px
    }

        .loginText small.grey a {
            font-size: 12px;
            text-decoration: underline
        }

.SWT {
    padding: 20px 20px 30px;
    background: #fff8f8;
    border-radius: 60px;
    margin-bottom: 20px;
    width: 100%;
}

.SWTx {
    background: none;
    padding: 0 !important
}

.SWT span {
    color: #999
}

.SWT .SWTBdy {
    display: table;
    margin: 0 auto
}

.SWT input + .swicthery {
    background: #2a4282
}

.SWT span.active1 {
    color: #f5b621
}

.SWT span.active {
    color: #2a4282
}

.proSpeedBtn {
    margin: 20px 0;
    display: block;
    width: 100%;
    transition: all .4s;
    text-align: center;
    padding: 14px;
    border-radius: 34px;
    color: #fff;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    background: #2a4282;
    font-weight: 600
}

    .proSpeedBtn span.active {
        margin-left: 0px !important;
    }

    .proSpeedBtn[disabled] {
        background: #999 !important;
        color: #fff !important;
        cursor: no-drop
    }

    .proSpeedBtn:hover {
        background: #556fb5
    }

    .proSpeedBtn.active {
        background: #f5b621;
        color: #000
    }

        .proSpeedBtn.active:hover {
            background: #ffd87d;
        }

.appTimer {
    margin: 40px auto;
    display: table;
}

    .appTimer input[type="tel"] {
        padding: 15px;
        border: 3px solid #EFF2F5;
        border-radius: 5px;
        background: #fff;
        transition: all .4s;
        color: #333;
        margin-right: 5px;
        text-align: center;
        width: 60px;
        font-weight: bold;
        font-size: 20px;
    }

        .appTimer input[type="tel"]:disabled {
            background: #EFF2F5
        }

        .appTimer input[type="tel"]:last-child {
            margin-right: 0px
        }

.timerLs {
    margin: 30px auto;
    display: table
}

    .timerLs #timerPS {
        font-weight: 600;
        font-size: 14px;
        border-radius: 34px;
        padding: 6px 6px 6px 15px;
        border: 2px solid #EFF2F5;
        display: block;
        position: relative;
        color: #000;
        height: 35px;
        line-height: 20px;
        overflow: hidden;
    }

        .timerLs #timerPS:after {
            content: "";
            padding: 15px 3px 15px 25px !important;
            background: url(/pagesProducts/img/clock-circular-outline.png) no-repeat 8px center;
            margin-top: -1px;
            border-left: 2px solid #EFF2F5;
            margin-left: 8px;
        }

.x1 {
    display: block;
    position: relative;
    width: 100%;
    margin: 6px 0;
}

    .x1 input, .x1 textarea, .x1 select {
        padding: 13px 22px;
        box-sizing: border-box;
        margin-bottom: 5px;
        margin-bottom: 10px;
        display: block;
        background: #EFF2F5;
        border-radius: 40px;
        width: 100%;
        color: #000;
        font-size: 16px;
        font-weight: bold !important
    }

    .x1 span.flip {
        position: absolute;
        right: 0;
        bottom: 0;
        margin: 6px 6px;
        font-size: 11px;
        font-weight: 500;
        padding: 3px 7px;
    }

    .x1 textarea {
        resize: none;
        height: 150px;
        padding: 13px 22px 13px 13px;
        border: 2px solid #EFF2F5;
        background: #fff;
        border-radius: 10px;
        display: block;
        overflow: auto
    }


        .x1 textarea::-webkit-scrollbar, .x1 textarea-moz-scrollbar, .x1 textarea scrollbar {
            width: 23px;
        }

        .x1 textarea::-webkit-scrollbar-thumb, .x1 textarea-moz-scrollbar-thumb, .x1 textarea scrollbar-thumb {
            border: 9px solid rgba(0, 0, 0, 0);
            background-clip: padding-box;
            border-radius: 9999px;
            background-color: #ACB9D2;
        }

        .x1 input::placeholder, .x1 textarea[placeholder] {
            color: #777 !important;
            font-size: 13px;
            font-weight: normal !important
        }

    .x1 input.ok {
        background-image: url(/pagesProducts/img/okgtt.png);
        background-position: 94% center;
        background-repeat: no-repeat
    }

    .x1 input.wid1 {
        width: 90%
    }

    .x1 small {
        font-size: 12px;
        display: block;
        margin: 1px 0;
        line-height: 18px;
        color: #999;
        font-weight: 500
    }

    .x1 a.ref {
        position: absolute;
        right: 2%;
        top: 16px;
    }

.trn {
    transition: all .4s;
    -webkit-transition: all .4s;
    -o-transition: all .4s
}

.x1 .visible, .visible {
    background-image: url(/pagesProducts/img/visible.png);
    background-repeat: no-repeat !important;
    background-position: 0 0 !important;
    padding: 12px 12px;
    position: absolute;
    z-index: 1000;
    right: 117px;
    right: 14%;
    cursor: pointer;
    margin-top: 15px !important;
}

    .x1 .visible.active, .visible.active {
        background-image: url(/pagesProducts/img/visibleok.png) !important;
    }

.nmrinput .visible {
    right: 4%;
    padding: 0;
    margin-top: 20px !important;
    width: 16px;
    height: 16px;
    background-size: cover;
}

.x1 .help {
    background-image: url(/pagesProducts/img/help.png) !important;
    background-repeat: no-repeat !important;
    background-position: 0 0 !important;
    padding: 2px 12px;
}

.x1 .rand {
    background-image: url(/pagesProducts/img/rand.png) !important;
    background-repeat: no-repeat !important;
    background-position: 0 0 !important;
    padding: 2px 12px;
}

.infoPM {
    padding: 8px 0;
    position: relative;
    display: none;
    overflow: hidden;
    box-sizing: border-box;
    border-radius: 60px;
    margin: 5px 0;
    width: 100%;
    background: #EFF2F5;
}

#vil {
    font-size: 12px;
    display: block;
    text-align: center;
    font-weight: 600;
    line-height: 30px;
    padding: 0 0 4px;
}

#passDeny {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 0;
    border-top-right-radius: 4px;
    padding: 3px
}

.progress-bar-danger {
    background: #008000 url(/pagesProducts/img/loadbar.svg) repeat -55px -8px
}

.progress-bar-danger1 {
    background: #ff0000 url(/pagesProducts/img/loadbar.svg) repeat -55px -8px
}

.progress-bar-warning {
    background: #ff5000 url(/pagesProducts/img/loadbar.svg) repeat -55px -8px
}

.progress-bar-success {
    background: #00C333 url(/pagesProducts/img/loadbar.svg) repeat -55px -8px
}

.progress-bar-success1 {
    background: #00C778 url(/pagesProducts/img/loadbar.svg) repeat -55px -8px
}

.registerOK {
    background: url(/pagesProducts/img/registerOK.png) no-repeat 0 0;
    padding: 35px;
    margin-right: 10px;
    float: left;
}

.registerOKBody {
    position: relative;
    display: table;
    margin: 50px auto;
    font-size: 20px;
    font-weight: bold;
    width: 300px;
}

.r1, .r2, .r3 {
    background: url(/pagesProducts/img/r1.png) no-repeat center center;
    padding: 7px 17px;
    cursor: pointer;
    margin-right: 5px;
}

.r2 {
    background-image: url(/pagesProducts/img/r2.png);
}

.r3 {
    background-image: url(/pagesProducts/img/r3.png);
}

.right {
    float: right;
    margin-top: 3px;
}

.right1 {
    float: right;
}

.r1 span, .r2 span, .r3 span {
    position: absolute;
    bottom: 0;
    width: 60px;
    text-align: center
}

.w100 {
    width: 100%
}

    .w100 .swicthery {
        float: right
    }

    .w100 span small {
        display: block;
        position: relative;
        margin: -20px 0;
        font-size: 11px !important;
        top: 18px;
    }

.rateBGS {
    width: 260px;
    display: table;
    position: relative;
    padding: 20px 20px 5px 20px;
    border-radius: 5px;
    text-align: center;
    border: 2px solid #EFF2F5;
    margin-bottom: 11px;
    margin-top: -13px
}

    .rateBGS strong, .big {
        font-size: 18px
    }

    .rateBGS hr, .hr1, .hr2 {
        padding: 10px 0;
        border-bottom: 2px solid #F6F6F7;
        width: 100%;
    }

.hr2 {
    margin: -25px 0 5px !important;
    padding: 10px 0 !important
}

.rateBGS .w100 {
    width: 100%;
    border-radius: 38px;
}

.rateBGS .rate {
    display: inline-block !important;
    margin-right: 6px;
    margin-top: 21px
}

.hbig {
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    color: #000000;
    position: relative;
    top: -2px;
    padding: 3px 8px;
    border-radius: 5px;
    background: #f5b621;
}

.rateBGS span {
    font-weight: bold;
    color: #bbb;
    position: relative;
    top: 10px;
    font-size: 18.5px;
}

.shareText {
    animation: bounceIn 1s;
    width: 675px;
    display: table;
    margin: 5% auto;
    padding: 20px 40px 30px;
    border-radius: 15px;
    background: #fff;
    position: relative;
    z-index: 9999;
}

.shareBody {
    z-index: 9000;
}

.shareBg {
    z-index: 9500;
    background: rgba(0,0,0,.5);
}

.shareBg, .shareBody {
    position: fixed;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
}

.shareText {
    width: 700px;
    display: table;
    margin: 5% auto;
    padding: 20px 40px 30px;
    border-radius: 15px;
    background: #fff;
    position: relative;
    z-index: 9999;
}

    .shareText .big {
        line-height: 22px !important;
        font-size: 25px;
        padding: 20px 0;
        font-weight: bold;
        display: block
    }

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

.inTr {
    display: table-row;
}

.shareTd, .shareTdFull {
    display: table-cell;
    vertical-align: middle;
    padding: 5px 10px 5px 0;
    width: 50%;
}

    .shareTd .shareBtn {
        cursor: pointer !important;
        position: relative !important;
        touch-action: manipulation !important;
        line-height: 32px;
        border-radius: 15px;
        padding: 20px 30px 20px 20px;
        border: 2px solid #f2f2f2;
        background: 0 0;
        font-size: 20px;
        font-weight: 600;
        transition: all .3s;
        height: 100% !important;
        text-align: left;
        width: 100% !important;
        display: inline-block;
    }

        .shareTd .shareBtn:hover {
            background: #f5f5f5
        }

    .shareTd:last-child {
        padding-right: 0;
    }

    .shareTd .shareBtn svg {
        border-radius: 3px;
        display: inline-block;
        float: left;
        margin-right: 20px;
    }

#iscopy, #iscopy1 {
    font-size: 16px;
    background: url(/images/check.png) 0 6px no-repeat;
    font-weight: 600;
    top: 4px;
    float: right;
    padding: 4px 0;
    text-indent: 20px;
}

.line {
    height: 4px;
    width: 100%;
    position: absolute;
    background: #EFF2F5;
    border-radius: 50px;
    margin: 10px 0;
}

.satici {
    padding: 20px !important;
    color: #000;
    position: relative;
    margin: 11px 0 25px;
    width: 100%;
    border-radius: 10px;
    background: transparent;
    display: block;
    border: 1px solid #EFF2F5;
    background: #EFF2F5;
    box-shadow: 0px 14px 14px rgba(199,199,199,.1);
}

    .satici p b.ls {
        font-size: 14px !important
    }

    .satici p {
        padding: 10px 0;
    }

        .satici p strong {
            font-weight: bold !important
        }

    .satici:before {
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 8px solid #fff;
        border-bottom-color: #EFF2F5;
        content: '';
        position: absolute;
        left: 0;
        top: 0 !important;
        margin-left: 49px;
        margin-top: -8px;
    }

.comment span.stc, .stc {
    padding: 6px 13px !important;
    margin: 0 10px 0 6px !important;
    border-radius: 35px !important;
    border: 1px solid #ddd !important;
}

/*değerlendirme full page*/
.ratePage {
    gap: 30px;
    display: flex;
    height: 100%;
}

    .ratePage .title {
        display: flex;
        align-items: center;
        gap: 12px;
        font-size: 20px;
        font-weight: 600;
    }

    .ratePage .block {
        display: block
    }

.ratePageLeft {
    width: 468px;
    margin-top: 32px;
    position: sticky;
    top: 32px;
}

.ratePageRight {
    box-sizing: border-box;
    min-width: 550px;
    position: relative;
}

.seperator {
    border-left: 1px solid #e6e6e6;
    margin-top: 92px;
}

.commentSearch {
    padding: 15px;
    border-radius: 5px;
    width: 470px;
    background: url(/pagesProducts/img/searchx.png) no-repeat 97% center;
    border: 2px solid #EFF2F5;
}

.commentSearchDetail {
    position: sticky;
    top: 0;
    display: flex;
    padding: 0px;
    flex-direction: column;
    background-color: #FAFBFD;
    z-index: 3000;
    box-shadow: 0px 50px 130px rgba(255,255,255,.4)
}

    .commentSearchDetail .activeBg {
        display: flex;
        align-items: center;
        gap: 16px;
        margin: 32px 0 24px 0;
    }

        .commentSearchDetail .activeBg .search, .commentSearchDetail .activeBg .filter {
            position: relative;
            z-index: 6000
        }

.topinfo {
    margin-top: 32px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: end;
}

.commentCT {
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: auto;
}

.proPGH {
    display: flex;
    width: 100%;
    padding: 10px 20px;
    background: #fff;
    position: relative;
    top: 32px;
    gap: 10px;
    border-radius: 10px;
}

    .proPGH img {
        position: relative;
        width: 100px;
        height: auto
    }

    .proPGH .header {
        position: relative;
        font-weight: bold
    }

        .proPGH .header h1 {
            font-size: 20px;
            line-height: 22px;
            font-weight: bold;
            padding: 13px 0 5px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            width: 300px
        }

        .proPGH .header span {
            font-weight: bold;
            color: #f5b621;
            font-size: 22px;
            display: block;
        }

            .proPGH .header span sup {
                font-size: 11px !important;
                font-weight: 600;
                position: relative;
                top: -3px;
                left: 2px;
            }

.puanlamaIslem {
    margin-top: 40px;
    display: table;
    position: relative;
    width: 100%;
    align-items: center
}

    .puanlamaIslem .rate {
        display: flex;
        width: 100%;
        align-items: center
    }

        .puanlamaIslem .rate i {
            padding: 10px
        }

    .puanlamaIslem strong {
        margin-left: 5px;
        color: #000;
    }

    .puanlamaIslem .rate span {
        float: right;
        position: relative;
        font-weight: bold;
        width: 55%;
        text-align: right
    }

    .puanlamaIslem strong small {
        width: 50px;
        font-size: 9px;
        display: inline-block;
        line-height: 10px;
        font-weight: 600;
        top: 0px;
        position: relative;
        left: 3px;
        color: #aaa;
    }

.proPGH .header .sepetBtn, .proPGH .header .favBtn {
    padding: 8px 15px;
    border-radius: 34px;
    background: #f5b621;
    color: #000;
    font-weight: 600;
    width: auto;
    font-size: 13px;
    cursor: pointer;
    margin: 10px 5px 0px 0 !important;
    transition: all .5s;
    position: relative;
    display: inline-block;
    overflow: hidden;
}

.proPGH .header .favBtn {
    background: #fff;
    margin-right: 0 !important;
    box-shadow: 0px 0px 0px 1px #EFF2F5 inset;
}

    .proPGH .header .favBtn:hover {
        box-shadow: 0px 0px 0px 1px #EFF2F5 inset, 0px 0px 20px rgba(0,0,0,.1);
    }

.proPGH .header .sepetBtn:after {
    content: close-quote;
    display: none
}

.etiketler {
    width: 468px;
    display: block;
    overflow: hidden;
    position: relative
}

    .etiketler:after {
        content: '';
        position: absolute;
        background: linear-gradient(270deg, #fafbfd 10.61%, rgba(255, 255, 255, 0) 100%);
        width: 70px;
        height: 38px;
        right: 0;
        top: 0;
        z-index: 50;
    }


.keywords {
    display: block;
    width: 100%;
    position: relative;
    margin: 5px 0;
    padding: 10px 0;
}

    .keywords .stc {
        margin-right: 4px !important;
        margin-left: 0px !important;
        font-size: 13px;
        padding: 8px 15px !important;
        transition: all .3s;
        border: 0px !important;
        box-shadow: 0px 0px 0px 1px #EFF2F5 inset;
        cursor: pointer
    }

        .keywords .stc b {
            font-size: 13px;
            font-weight: 600;
        }

        .keywords .stc .rate {
            display: contents !important;
            font-size: 13px;
        }

            .keywords .stc .rate i {
                margin-top: 2px;
                padding: 0px 8px;
                position: relative;
                top: 4px;
            }

            .keywords .stc .rate small {
                font-size: 12px;
                font-weight: 600;
                margin-left: 5px;
                position: relative;
                top: -1px;
            }

            .keywords .stc .rate .s1 {
                background: url(/pagesProducts/img/s1x.png) no-repeat 0 0;
            }

            .keywords .stc .rate .s2 {
                background: url(/pagesProducts/img/s2x.png) no-repeat 0 0;
                margin-right: 2px
            }

            .keywords .stc .rate .s3 {
                background: url(/pagesProducts/img/s3x.png) no-repeat 0 0;
                margin-right: 2px
            }

        .keywords .stc:hover {
            background: #EFF2F5;
        }

    .keywords strong {
        margin-left: 5px;
        margin-bottom: 5px;
        color: #000;
        display: block;
        padding: 10px 0;
        font-weight: bold;
    }

#RN2 {
    height: 40px !important
}

    #RN2 .stc {
        position: relative;
        top: 0 !important;
    }

.mtSat {
    padding: 15px;
    border-radius: 5px;
    background: #fff;
    display: flex;
    align-items: center;
}

    .mtSat img {
        width: 40px;
        height: 40px;
        border-radius: 34px;
        margin-right: 10px;
        border: 3px solid #fafbfd
    }

.nomargin, .nomargin b {
    margin: 0px !important;
    font-weight: 600 !important
}

    .nomargin b {
        margin-right: 5px !important
    }

.keywords .checkMS {
    cursor: pointer;
    font-weight: 600;
    font-size: 14px;
    position: absolute;
    right: 0;
}

    .keywords .checkMS i {
        float: left !important;
        margin-right: 10px;
    }

        .keywords .checkMS i.checkbox1.active {
            background-position: -23px 0;
        }

.questionBtnNormal {
    border-radius: 5px;
    float: right;
    background-color: #4a90e2;
    color: #fff;
    transition: all .3s ease;
    font-size: 14px;
    line-height: 18px;
    width: 155px;
    height: 35px;
    font-weight: 600;
    cursor: pointer;
}

.cnl {
    position: relative;
    display: table;
    width: 100%;
    font-size: 13px;
    padding: 10px 10px 10px 30px
}

    .cnl b {
        font-weight: 600
    }
/*değerlendirme full page*/

/*sepet*/
.sepetGrid {
    grid-gap: 24px;
    gap: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -0.625rem;
}

    .sepetGrid .g1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 65.66667%;
        max-width: 65.66667%;
    }

.g1TR {
    width: 100%;
    background: #fff;
    border-radius: 0.625rem;
    border: 1px solid #dee3ed;
    margin-bottom: 15px;
    padding-bottom: 10px
}

    .g1TR:last-child {
        margin-bottom: 0px
    }

    .g1TR .sigortaBody {
        width: 800px !important;
        padding: 0 16px 20px;
        display: block !important;
        position: relative !important
    }

        .g1TR .sigortaBody:after {
            content: '';
            position: absolute;
            background: linear-gradient(270deg, #ffffff 10.61%, rgba(255, 255, 255, 0) 100%);
            width: 70px;
            height: 114px;
            right: 2px;
            top: 10px;
            z-index: 50;
        }

        .g1TR .sigortaBody .sigorta {
            display: flex !important;
            width: 378px;
            max-width: 331px;
        }

            .g1TR .sigortaBody .sigorta .text b.bf {
                color: #b9b9b9 !important;
                font-size: 12px !important;
            }

            .g1TR .sigortaBody .sigorta .text {
                width: 77%
            }

            .g1TR .sigortaBody .sigorta.active {
                border: 2px solid #ACB9D2;
            }

            .g1TR .sigortaBody .sigorta .text b.price {
                font-weight: 900;
                font-size: 17px;
            }

            .g1TR .sigortaBody .sigorta:last-child {
                margin-right: 0px !important
            }

    .g1TR .KS {
        padding: 15px;
        text-align: right;
        font-weight: 600;
        font-size: 12px;
        color: #2a4282;
        display: block;
        position: relative;
        width: 100%;
        grid-gap: 20px;
    }

        .g1TR .KS span, .g1TR .KS small {
            font-weight: 600;
            font-size: 12px;
            position: relative;
            color: #425fad !important
        }

        .g1TR .KS small {
            font-size: 11px;
            color: #b3b3cb !important;
            position: absolute;
            left: 2%
        }

            .g1TR .KS small.big {
                font-size: 20px !important
            }

        .g1TR .KS span:after {
            content: "|";
            margin: 0 20px
        }

        .g1TR .KS span:last-child:after {
            content: "";
            margin: 0;
            display: none
        }

    .g1TR hr {
        padding: 0px !important;
        border-bottom: 1px solid #dee3ed
    }

    .g1TR .KS b {
        font-weight: 900;
        font-size: 13px;
        color: #aeb5c8 !important;
        position: relative;
        top: 6px;
    }

.g1TD {
    padding: 20px;
    display: table;
    width: 100%;
    position: relative
}

.listGap {
    grid-gap: 5px;
    gap: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    border-bottom: 1px solid #dee3ed;
    margin-bottom: 20px
}

    .listGap:last-child {
        border-bottom: 0px !important
    }

    .listGap .pr1 {
        position: relative;
        display: flex;
        display: -webkit-flex;
        padding: 5px;
        align-items: baseline
    }

        .listGap .pr1 h3 small {
            line-height: 18px !important;
            display: inline-flex;
            font-size: 12px;
            padding: 5px 7px 5px 10px;
            border-radius: 4px;
            background: #fafafa;
            background: linear-gradient(90deg, #fafafa 0%, #fff 100%);
            width: auto !important;
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            display: -ms-flexbox;
            display: flex;
            display: -webkit-box;
            height: 27px;
            width: 310px !important;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            -webkit-box-align: start;
            overflow: hidden;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            position: relative;
        }

.ekh h3 {
    padding: 10px 0 !important
}

.ekh .radius {
    top: 0px !important
}

.listGap .pr1 .sgicon1, .listGap .pr1 .sgicon2, .listGap .pr1 .sgicon3 {
    width: 30px;
    height: 30px;
    margin: 0 auto;
    background-position: center center
}

.listGap .pr1:nth-child(1) {
    width: 10%
}

.listGap .pr1:nth-child(2) {
    width: 29%
}

.listGap .pr1:nth-child(3) {
    width: 18%
}

.listGap .pr1:nth-child(4) {
    width: 13%
}

.listGap .pr1:nth-child(5) {
    width: 20.5%;
    padding-right: 32px;
}

.pmx {
    text-align: right !important
}

.listGap .pr1.w1 {
    width: 45%
}

.listGap .pr1.w2 {
    width: 12%
}

.listGap .pr1.w1 h3 a {
    width: 300px;
}

.listGap .pr1.w1 h3 {
    padding: 10px 0 !important
}

.ekh .pr1:nth-child(4) {
    width: 21.5%
}

.ekh .pr1:nth-child(5) {
    width: 6%
}

i.btn3 {
    position: absolute;
    background: url(/pagesProducts/img/trash.png) no-repeat 0 0;
    cursor: pointer;
    width: 18px;
    height: 18px;
    background-size: contain;
    right: 20%;
    top: -5px;
}

    i.btn3.load {
        width: 37px !important;
        height: 50px !important;
        position: absolute;
        background: url(/pagesProducts/img/load.svg) no-repeat 0 0;
        background-size: contain !important;
        right: -6% !important;
        top: -2px !important;
    }

        i.btn3.load:after {
            display: none
        }

.listGap .pr1 img {
    background: #fff;
    padding: 4px;
    border-radius: 5px;
    width: 70px
}

.listGap .pr1 h3, .listGap .pr1 h3 a {
    display: block;
    font-weight: 900;
    font-size: 17px;
    color: #000;
    line-height: 30px;
}

.noBottom {
    margin-bottom: 0px !important
}

.listGap .pr1 h3 a {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-box;
    height: 30px;
    width: 205px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    -webkit-box-align: start;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}


.listGap .pr1 h3.clr2 {
    text-align: center;
    color: #8e9fad !important;
    font-weight: 600;
    width: 100%;
    font-size: 16px;
}

.listGap .pr1 h3 span {
    display: block;
    color: #f5b621;
    font-weight: 600;
}

.listGap .pr1 h3 b {
    display: block;
    color: #8e9fad;
    font-size: 19px;
    font-weight: bold;
}

.listGap .pr1 h3.clr2 b {
    color: #000
}

.listGap .pr1 h3 b sup {
    font-size: 11px;
    font-weight: 700;
    position: relative;
    top: 0px;
    left: -2px;
}

.listGap .pr1 h3.clr1, .listGap .pr1 h3 span, .listGap .pr1 h3.clr2 {
    color: #8e9fad !important;
    font-weight: 600;
    font-size: 16px;
}

.miktar {
    display: table;
    padding: 6px 10px;
    width: 100%;
    margin: 0px auto;
    border-radius: 20px;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    user-select: none;
    border: 1px solid #dee3ed;
}

    .miktar .down {
        position: relative;
    }

        .miktar .down:before {
            content: "";
            cursor: pointer;
            background: url(/pagesProducts/img/eksi.png) no-repeat center center;
            padding: 10px;
            position: relative;
        }

    .miktar .up:before {
        content: "";
        cursor: pointer;
        background: url(/pagesProducts/img/arti.png) no-repeat center center;
        padding: 10px;
        position: relative;
    }

    .miktar input[type="text"] {
        background: none;
        -webkit-user-drag: none;
        -webkit-user-select: none;
        user-select: none;
        width: 30px;
        position: relative;
        font-weight: 700;
        margin: 0 3px;
        text-align: center;
        color: #000
    }

.opa2 {
    opacity: .2;
    cursor: no-drop !important
}

.sepetGrid .g2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 32.33333%;
    max-width: 32.33333%;
    background: #f5f7f9;
    border-radius: 10px;
    border: 1px solid #dee3ed;
    margin-bottom: 15px;
    box-shadow: 0px 0px 10px rgba(0,0,0,.1);
    height: fit-content;
    position: sticky;
    top: 0;
}

    .sepetGrid .g2 .ozet {
        display: table;
        position: relative;
        width: 100%
    }

        .sepetGrid .g2 .ozet .inBody {
            padding: 20px 30px 13px;
            display: block;
        }

        .sepetGrid .g2 .ozet h2 {
            font-size: 20px;
            padding: 0
        }

            .sepetGrid .g2 .ozet h2 span {
                font-weight: 400;
                margin-left: 5px;
                font-size: 14px
            }

    .sepetGrid .g2 hr {
        padding: 0px !important;
        border-bottom: 1px solid #dee3ed
    }

    .sepetGrid .g2 .ozet p {
        position: relative;
        margin-top: 10px;
        display: table;
        width: 100%;
        vertical-align: baseline;
    }

        .sepetGrid .g2 .ozet p code {
            position: absolute;
            color: #304c97;
            left: 0;
            margin-top: 18px;
            font-size: 10px;
            font-weight: 600;
        }

        .sepetGrid .g2 .ozet p b {
            text-align: right;
            font-size: 18px;
            position: relative;
            top: -2px;
            float: right;
            font-weight: 800
        }

        .sepetGrid .g2 .ozet p em {
            text-align: right;
            font-size: 14px;
            font-style: normal;
            position: relative;
            float: right;
            font-weight: 800
        }

            .sepetGrid .g2 .ozet p b sup, .sepetGrid .g2 .ozet p em sup {
                position: relative;
                font-size: 10px;
                font-weight: bold;
                margin-left: 2px;
            }

.kuponBG {
    margin: 15px 0;
    padding: 20px;
    display: block;
    transition: all .4s;
    font-weight: 700;
    font-size: 18px;
    user-select: none;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
    position: relative;
    background: #2a4282;
    background-image: linear-gradient(to right, #2a4282, #3453A5, #5E7CCC, #839AD8);
}

    .kuponBG:after {
        content: "";
        background: url(/pagesProducts/img/hot.png) no-repeat 0 0;
        position: absolute;
        display: block;
        right: 5%;
        width: 25px;
        height: 25px;
        background-size: cover;
        top: 30%;
    }

    .kuponBG.active:after {
        content: "";
        background: url(/pagesProducts/img/hotactive.png) no-repeat 0 0;
        position: absolute;
        display: block;
        right: 5%;
        width: 25px;
        height: 25px;
        background-size: cover;
        top: 30%;
    }

    .kuponBG.active {
        border-radius: 5px 5px 0px 0px;
    }

    .kuponBG + .kuponText {
        display: none
    }

.kuponText .load {
    margin: 20px;
    position: absolute;
    right: 22%;
    display: flex;
    top: 3%;
}

.kuponBG.active + .kuponText {
    display: block;
    position: relative;
    user-select: none;
    border-radius: 0px 0px 5px 5px;
    background: #fff;
    padding: 20px;
    margin: -15px 0 5px;
}

input#kuponNo:disabled {
    background: url(/pagesProducts/img/okgx.png) no-repeat 93% center;
}

#indirimD {
    font-size: 11px;
    font-weight: 600;
    color: #ff0000;
    position: absolute;
    left: 0;
    margin-top: 18px;
}

.kuponText input {
    width: 74.6%;
    padding: 10px;
    background: #fff;
    color: #000;
    border-radius: 5px 0px 0px 5px;
    border: 2px solid #dee3ed;
}

.ts {
    top: 1px;
    width: 11px;
    height: 11px
}

.kuponText button {
    padding: 12px 12px 11.5px;
    border-radius: 0px 5px 5px 0;
    background: #dee3ed;
    cursor: pointer;
    color: #000;
    font-weight: 500
}

.kuponBG:hover {
    box-shadow: 0px 0px 130px rgba(0,0,0,.1) inset;
    color: #fff;
}

.rmvCT {
    cursor: pointer;
    box-sizing: border-box;
    position: absolute;
    background-size: unset;
    width: 16px;
    height: 16px;
    z-index: 1000;
}

.noGrid {
    width: 100%;
    grid-gap: 0px;
    gap: 0px;
    height: 30px;
    display: flex;
    vertical-align: baseline;
    align-items: baseline;
    margin-bottom: 5px;
}

.secure, .complement, .btn1, .btn1ps, .btn2, .btn1x, .btn3px {
    padding: 10px;
    display: table;
    position: relative;
    background: #f5b621 url(/pagesProducts/img/secure.png) no-repeat 10px center;
    text-indent: 25px;
    color: #000;
    font-size: 12px;
    transition: all .3s;
    font-weight: 600;
    width: auto;
    border-radius: 6px;
    cursor: pointer;
}

    .secure b {
        font-size: 12px;
        font-weight: 900;
    }

.inPath .ui-sortable-handle {
    opacity: .2 !important;
    user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none
}

.inPath .ui-sortable-helper {
    animation: bounceIn 1s;
    opacity: .8 !important;
    box-shadow: 0px 0px 40px rgba(0,0,0,.2);
}

.complement, .btn2 {
    background: url(/pagesProducts/img/product.png) no-repeat 10px center;
    color: #000;
    float: right;
    position: absolute;
    right: 2.5%;
    border: 1px solid #dee3ed;
}

.btn1, .btn1x, .btn1ps {
    float: right
}

.btn3px {
    float: none !important;
    margin: 6px 0;
    background-image: none !important;
    text-indent: 0px !important;
    padding: 10px 20px
}

.btn1.avg, .btn1.avgs {
    margin-top: 6px
}

.btn1:hover, .btn1x:hover, .btn1ps:hover, .btn3px:hover, .btn1.avg, .btn1.avgs {
    background-color: #5E7CCC;
    color: #fff
}

.btn2 {
    left: 6% !important;
}

.btn1, .btn2, .btn1ps {
    text-indent: 0px;
    padding: 10px 20px;
    background-image: none
}

button.btn1.active {
    background: #7edea5;
    color: #000 !important
}

    button.btn1.active:hover {
        box-shadow: 0px 0px 43px rgba(0,0,0,.1) inset
    }

    button.btn1.active:before {
        content: "";
        background: url(/pagesProducts/img/trash.png) no-repeat 0 0;
        width: 16px;
        height: 16px;
        display: inline-block;
        background-size: cover;
        margin: 0px 6px 0 -11px;
        float: left;
    }

/*sepet*/
/*popupMSG*/
.messagePopup {
    background: rgba(0,0,0,.7);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99999
}

.messagePopupBody {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: table;
    width: 500px;
    border-radius: 10px;
    padding: 40px;
    margin: 10% auto;
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
    background: #fff;
    position: relative;
    z-index: 99999
}

.ekHizmetPopText {
    margin: 4% auto;
}

.messagePopupBody p strong, .messagePopupBody p b {
    font-weight: bold
}

.messagePopupBody.detail {
    width: 800px;
    text-align: center
}

    .messagePopupBody.detail h3, .messagePopupBody h3 {
        padding: 20px 0 0;
        margin-bottom: -10px;
        text-align: center;
    }

.messagePopupBody img, .messagePopupBody .buttonBody {
    display: table;
    margin: 10px auto;
}

.messagePopupBody p, .messagePopupBody.warning p {
    padding: 40px 0;
    font-weight: 600;
    line-height: 26px;
    color: #000 !important;
    text-align: center
}

.messagePopupBody.detail p {
    font-weight: 500 !important;
    line-height: 27px
}

.messagePopupBody .buttonBody button {
    text-align: center;
    background: #4D4D4D;
    padding: 15px 25px;
    transition: all .3s;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
}

    .messagePopupBody .buttonBody button:hover {
        background: #2d2d2d
    }

.messagePopupBody.info .buttonBody button:last-child {
    background: #25B7D3;
    margin-left: 10px;
    color: #fff
}

    .messagePopupBody.info .buttonBody button:last-child:hover {
        background: #22A8BF;
    }

.messagePopupBody.error .buttonBody button:last-child {
    background: #E04F5F;
    margin-left: 10px;
    color: #fff
}

    .messagePopupBody.error .buttonBody button:last-child:hover {
        background: #D02435;
    }

.messagePopupBody.success .buttonBody button:last-child {
    background: #3CAF9B;
    margin-left: 10px;
    color: #fff
}

    .messagePopupBody.success .buttonBody button:last-child:hover {
        background: #318E7E;
    }



@-webkit-keyframes bounceInDown {
    0%,100%,60%,75%,90% {
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0);
        transform: translate3d(0,-3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0);
        transform: translate3d(0,25px,0)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0);
        transform: translate3d(0,5px,0)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInDown {
    0%,100%,60%,75%,90% {
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0);
        -ms-transform: translate3d(0,-3000px,0);
        transform: translate3d(0,-3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0);
        -ms-transform: translate3d(0,25px,0);
        transform: translate3d(0,25px,0)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0);
        -ms-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0);
        -ms-transform: translate3d(0,5px,0);
        transform: translate3d(0,5px,0)
    }

    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0);
        -ms-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,20px,0);
        -ms-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        -ms-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}
/*popupMSG*/
#ekHizmetSec .loginText {
    max-width: 750px;
    margin: 10% auto
}

.list {
    width: 100%;
    display: flex;
    gap: 15px;
    transition: all .3s;
    align-items: center;
    padding: 10px;
    border: 1px solid #f2f5f9;
    border-radius: 6px;
    margin: 10px 0;
    cursor: pointer
}

    .list:hover, .list.active {
        box-shadow: 0px 0px 150px rgba(0,0,0,.1)
    }

    .list:last-child {
        margin-bottom: 30px
    }

    .list .li {
        position: relative;
        width: 33%;
        padding: 10px 0
    }

        .list .li em {
            font-size: 13px;
            font-weight: bold;
            font-style: normal
        }

        .list .li b {
            text-overflow: ellipsis;
            font-weight: 900;
            width: 150px;
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            display: -ms-flexbox;
            display: flex;
            display: -webkit-box;
            height: 20px;
            width: 230px;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            -webkit-box-align: start;
            overflow: hidden;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
        }

        .list .li small {
            display: block;
            font-size: 13px;
            color: #999
        }

        .list .li strong {
            font-weight: 900;
            font-size: 18px
        }

        .list .li:nth-child(1) {
            width: 30px !important
        }

        .list .li:nth-child(2) {
            width: 33% !important
        }

        .list .li:nth-child(4) {
            width: 10% !important
        }

        .list .li:nth-child(5) {
            width: 191px !important
        }

        .list .li:nth-child(3) {
            text-align: center
        }

        .list .li .sgicon1, .list .li .sgicon2, .list .li .sgicon3 {
            padding: 10px !important;
            height: 35px !important;
            width: 35px;
            background-size: contain;
        }

        .list .li i.success, i.success {
            position: relative;
            background: url(/pagesProducts/img/okg.png) no-repeat center center;
            width: 21px;
            height: 18px;
            background-size: cover;
            display: table;
            float: left;
            margin: 10px 0px 10px 20px;
        }

i.success {
    width: 15px;
    height: 12px;
    margin: 3px 6px 10px 0px;
}

.list.active .li b {
    color: #2a4282
}

.list.active .li strong {
    color: #f5b621 !important;
}

.siparisBtn, .siparisBtnXs {
    transition: all .3s;
    border-radius: 5px;
    padding: 16px 15px 16px 20px;
    text-align: center;
    font-weight: 700;
    font-size: 18px;
    display: block;
    background: #f5b621;
    width: 100%;
    color: #000;
    margin: 10px 0;
    position: relative;
    cursor: pointer;
}

#siparis1Err {
    margin: 5px 0 !important;
    font-weight: 600 !important;
}

.siparisBtn.load:after {
    width: 35px;
    height: 35px;
    right: 10px;
    top: 11px;
    background-size: cover;
}
/*.siparisBtn:after {
        content: "";
        background: url(/pagesProducts/img/arrowhead.png) no-repeat 94% center;
        display:block; position:absolute;
        right:5%;
        width:28px; height:28px; background-size:contain
    }*/
.siparisBtn:hover, .siparisBtnXs:hover {
    box-shadow: 0px 0px 40px rgba(0,0,0,.2), 0px 0px 130px rgba(0,0,0,.1) inset;
    color: #fff;
}

.radius {
    border-radius: 50%;
    background: rgba(173,156,156,0.1);
    position: relative;
    float: right;
    padding: 17px;
    margin: 0 auto;
    top: 13px;
    left: 11px
}

    .radius i.btn3 {
        width: 18px;
        height: 18px;
        background-size: contain;
        right: 23%;
        top: 7px;
    }

.errs {
    border: 2px solid #f5b621 !important
}

    .errs + button {
        background: #f5b621 !important;
        color: #000 !important
    }

/*sipari aşamaları*/

.headerx {
    width: 100%;
    display: table;
    width: 100%;
    padding: 10px 0;
    box-shadow: 0px 5px 5px rgba(255,255,255,.7);
}

    .headerx .logo {
        display: table;
        margin: 20px auto;
        float: none
    }

.siparisSlider {
    background: #f5f7f9;
    padding-top: 15px;
    display: table;
    width: 100%
}


.fixTable {
    height: 4.625rem;
    background: #f5f7f9;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 2rem;
    margin-bottom: 1.875rem;
}

.fixTable1 {
    height: 3.625rem;
    background: #f5f7f9;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 1rem;
    margin-bottom: 0.875rem;
}

.wizard {
    width: 100%;
    height: 2.875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-right: 1.625rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 2rem;
}

    .wizard li, .wizard div {
        position: relative;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

        .wizard li:last-child, .wizard div:last-child {
            -webkit-box-flex: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
        }

        .wizard li:nth-last-child(1), .wizard div:nth-last-child(1) {
            width: 1.625rem;
        }

        .wizard li a, .wizard div a {
            position: relative;
        }

        .wizard li.success, .wizard div.success {
            position: relative
        }

        .wizard li.active a:before, .wizard div.active a:before {
            border-color: #a7b0c3;
            background: #fff;
        }

        .wizard li a:before, .wizard div a:before {
            content: "";
            position: absolute;
            top: -12px;
            border-radius: 100%;
            height: 1.25rem;
            width: 1.25rem;
            background: #dee3ed;
            border: 3px solid transparent;
            z-index: 2;
            color: #253342;
        }

        .wizard li.success a:before, .wizard div.success a:before {
            content: "";
            border-color: #a7b0c3;
            background: #a7b0c3;
            position: absolute;
            color: #fff;
        }

        .wizard div.success a:after {
            content: "";
            background: url(/pagesProducts/img/okgtw.png) no-repeat 0 0;
            background-size: cover;
            position: absolute;
            width: 11px;
            height: 9px;
            z-index: 100;
            margin: -4px 0 0 6px;
        }

        .wizard div.error a:before {
            content: "";
            border-color: #fff;
            background: #fff;
            position: absolute;
            color: #fff;
        }

        .wizard div.error a span {
            font-weight: 700;
        }

        .wizard li.error a:after, .wizard div.error a:after {
            content: "";
            background: url(/pagesProducts/img/warning.png) no-repeat 0 0;
            background-size: contain;
            position: absolute;
            width: 14px;
            height: 14px;
            z-index: 100;
            margin: -8px 0 0 5px;
        }

        .wizard li.active a span, .wizard div.active a span {
            color: #8b94a8;
            font-weight: 700;
        }

        .wizard li.success:after, .wizard div.success:after {
            background: #a7b0c3;
        }

        .wizard li a span, .wizard div a span {
            font-size: .6875rem;
            line-height: .6875rem;
            color: #8e9fad;
            font-weight: 500;
            cursor: pointer;
            padding-top: 1.375rem;
            text-align: center;
            width: 6.35rem;
            margin-left: -2.0625rem;
            text-align: center;
            position: absolute;
            top: 0;
            left: 0;
        }

        .wizard li:after, .wizard div:after {
            content: "";
            position: absolute;
            background: #dee3ed;
            left: 0;
            width: 100%;
            height: 2px;
        }

        .wizard li.success a span, .wizard div.success a span {
            color: #8e9fad;
            font-weight: 700;
        }

.win1 {
    font-size: 20px;
    line-height: 30px;
    font-weight: bold;
    padding: 10px 0;
}

#fg1 {
    display: block;
}

.sbBody {
    display: table;
    width: 100%;
    position: relative;
}

.nmrinput {
    padding: 10px 15px;
    background: rgba(245,247,249,.3);
    transition: all .3s ease-in-out;
    border: 1px solid #dee3ed;
    height: 70px;
    border-radius: 5px;
    width: 100%;
    position: relative;
    margin: 6px 0 6px 2px;
}

    .nmrinput textarea {
        width: 100%;
        resize: none;
        height: 100px
    }

    .nmrinput:focus-within {
        background: rgba(255,255,255,1) !important;
        box-shadow: 0px 0px 20px rgba(65,67,69,.1) !important;
    }

    .nmrinput.disabled {
        opacity: .2
    }

        .nmrinput.disabled input {
            visibility: hidden
        }

.sbBody .sb1 {
    width: 260px;
    float: left;
    margin: 0px 10px 0 0;
}

    .sbBody .sb1.full, .sbBody .sb1.full input {
        width: 100% !important;
        margin: 0;
        float: none;
        background: none;
    }

        .sbBody .sb1.full .nmrinput.txt {
            height: 150px
        }

    .sbBody .sb1.w50 {
        width: 49.3% !important;
        margin: 0 10px 0 0 !important
    }

        .sbBody .sb1.w50:last-child {
            margin-right: 0px !important
        }

        .sbBody .sb1.w50 input {
            width: 100% !important
        }

.g1 p {
    padding: 10px 0
}

.sbBody .sb1:last-child {
    margin-right: 0px !important;
}



.nmrinput span, .nmrinput small {
    font-size: 12px;
    font-weight: bold;
    display: block;
    margin-bottom: 2px;
    color: #8bb0b9;
    position: relative;
    top: 2px;
    font-family: arial;
}

.nmrinput small {
    position: absolute;
    right: 0;
    font-size: 11px !important;
    margin: 8px
}

.nmrinput input[type="tel"], .nmrinput .iti input, .nmrinput input[type="text"], .nmrinput input[type="password"], .nmrinput select, .iti__selected-dial-code, .nmrinput input[type="date"], .nmrinput input[type="file"] + label, .nmrinput textarea {
    font-size: 15px !important;
    font-weight: 600;
    color: #789ca5 !important;
    border: 0px;
    width: 100%;
    margin: 3px 0;
    padding: 2px 0 2px 2px;
    background: none !important
}

.nmrinput input[type="file"] {
    display: none;
}

    .nmrinput input[type="file"] + label {
        cursor: pointer
    }

        .nmrinput input[type="file"] + label:before {
            content: "";
            background: url(/pagesProducts/img/upload.png) no-repeat 0 0;
            display: inline-block;
            width: 25px;
            height: 25px;
            position: relative;
            background-size: contain;
            top: 6px;
            float: left;
        }

        .nmrinput input[type="file"] + label small {
            position: relative;
            margin: 0;
            cursor: pointer;
            padding: 0;
            left: 10px;
            top: -9px;
            font-weight: normal;
        }

.nmrinput .iti input {
    padding: 5px 0 5px 80px !important;
}

.nmrinput .iti__country-list {
    max-width: 260px;
    left: 5px;
    top: 37px;
}

.nmrinput .iti__flag.iti__tr {
    height: 14px;
    background-position: -5065px 0px;
    padding: 0 10px;
}

.nmrinput .iti--separate-dial-code .iti__selected-dial-code {
    margin-left: 6px;
    font-size: 14px !important;
    font-weight: 900 !important;
    color: #8bb0b9 !important;
    border: 0px;
    padding: 0px;
}

.nmrinput input[placeholder],
.nmrinput .iti input::placeholder {
    color: rgba(120,156,165, .3);
}

.nmrinput .iti__selected-flag .iti__flag {
    width: 20px !important;
    height: 14px !important;
    padding: 0 10px !important
}

.selectmins select {
    display: none;
}

.selectmins .ul {
    display: none;
    left: 0;
    position: absolute;
    z-index: 9999;
    margin-top: 10px;
    width: 100%;
}

    .selectmins .ul .gf {
        padding: 10px 5px 10px 10px;
        background: #fff;
        box-shadow: 0px 3px 4px rgba(0,0,0,.1);
        border-radius: 5px;
        padding: 10px;
        margin: 5px 0 0 0;
    }

        .selectmins .ul .gf ul {
            max-height: 250px;
            position: relative;
            max-width: 402px;
            display: block;
            padding: 0px !important;
            list-style-type: none;
            overflow: auto;
            z-index: 9999;
        }

            .selectmins .ul .gf ul li {
                padding: 5px 0px 16px 5px !important;
                border-bottom: 1px solid #f7f8f7;
                font-size: 14px;
                text-indent: 5px;
                color: #8bb0b9;
                margin: 0px !important;
                display: block;
                width: 98%;
                border-radius: 3px;
                cursor: pointer;
                font-weight: 500;
                -webkit-box-flex: 1;
                -ms-flex-positive: 1;
                flex-grow: 1;
                display: -ms-flexbox;
                display: flex;
                display: -webkit-box;
                height: 38px;
                width: 215px;
                -webkit-line-clamp: 1;
                -webkit-box-orient: vertical;
                -webkit-box-align: start;
                overflow: hidden;
                -o-text-overflow: ellipsis;
                line-height: 30px;
                text-overflow: ellipsis;
            }

                .selectmins .ul .gf ul li:last-child {
                    border-bottom: 0px
                }

    .selectmins .ul ul::-webkit-scrollbar {
        width: 5px;
        background: #f1f1f1;
        border-radius: 3px;
    }

    .selectmins .ul ul::-webkit-scrollbar-thumb {
        background: #8bb0b9;
        border-radius: 3px;
        -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.2);
    }

    .selectmins .ul ul::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 3px transparent;
        height: 4px;
        background: #f2f2f2;
        border-radius: 23px;
        padding: 5px;
        display: block;
        position: relative;
        overflow: hidden;
    }

.selectmins input[type="text"], .selectmins input[type="text"]:focus {
    background: url(/pagesProducts/img/menuxd.png) no-repeat 98% center !important;
    cursor: pointer;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-box;
    height: 30px !important;
    width: 226px !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    -webkit-box-align: start;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    padding-right: 30px;
}

.inhyt {
    transition: all .3s ease-in-out;
    box-shadow: 0px 0px 0px 2px #ff0000 inset;
    /*  animation: borderAni 2s ease-in-out infinite;
    border: 10px solid;
    border-image-slice: 1;
    border-width: 5px;
    border-radius: 5px;
    border-image-source: linear-gradient(to left, #ffd267, #0000FF, #ff5000, #ff0000);*/
}

.nmrinput input[type="text"] {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-box;
    height: 29px !important;
    width: 230px !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    -webkit-box-align: start;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    padding-right: 18px;
}

.selectmins input[type="text"]:focus {
    background: url(/pagesProducts/img/menuxd1.png) no-repeat 98% center !important;
}

.flex .w33 .nmrinput input[type="text"] {
    width: 100% !important;
    height: auto !important;
    font-size: 13px !important;
    color: #789ca5 !important;
    display: inline-block !important;
    text-overflow: initial !important;
}

    .flex .w33 .nmrinput input[type="text"]::placeholder {
        color: #8bb0b9
    }

.footerGT {
    margin-top: 50px;
    padding: 30px 0;
    color: #fff;
    background: #4C4C4C;
}

    .footerGT .pages span a {
        color: #aaa;
        text-decoration: none !important
    }

        .footerGT .pages span a:hover {
            color: #eee
        }

        .footerGT .pages span a:after {
            content: "";
            text-decoration: none !important;
            margin: 0 10px
        }

    .footerGT .pages strong {
        float: right;
        font-weight: bold
    }

.addAddress {
    display: flex;
    padding: 12px;
    background: #f5f7f9;
    transition: all .3s ease-in-out;
    cursor: pointer;
    position: relative;
    border-radius: 6px;
    float: right;
    margin-top: -25px;
    align-items: center;
}

    .addAddress:hover {
        background: #dee3ed;
    }

    .addAddress:before {
        content: "";
        transition: all .4s ease;
        background: url(/pagesProducts/img/addAddress1.png) no-repeat 0 0;
        width: 20px;
        height: 20px;
        background-size: cover
    }

    .addAddress:hover:before {
        transform: scale(1.1);
    }

.w50 .selectmins .ul .gf ul li, .w50 .selectmins input, .w50 .selectmins input:focus, .w50 .selectmins .ul, .w50 .selectmins input[type="text"], .w50 .selectmins input[type="text"]:focus,
.full .selectmins .ul .gf ul li, .full .selectmins input, .full .selectmins input:focus, .full .selectmins .ul, .full .selectmins input[type="text"], .full .selectmins input[type="text"]:focus {
    width: 100% !important
}

.adresBg {
    width: 100%;
    display: flex;
    gap: 15px;
    margin-top: 1px;
    align-items: center;
}

.adresBody, .adresBody1 {
    border-radius: 6px;
    padding: 20px 15px 20px 20px;
    width: auto;
    display: flex;
    position: relative;
    height: 100px;
    border: 1px solid #dee3ed;
    align-items: center;
    grid-gap: 15px;
    transition: all .3s ease-in-out;
    gap: 15px;
    margin-bottom: 10px;
}

.adresBody1 {
    height: auto;
}

.adresBody.active {
    background: #ffffff;
    box-shadow: 0px 0px 70px rgba(0,0,0,.2);
}

.bottom2 {
    border-bottom: 2px solid #ddd
}

.adresBody:last-child {
    justify-content: flex-end;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
}

.adresBody .adresList {
    flex-direction: row
}

.adresBody div {
    width: 100%;
}

    .adresBody div:first-child {
        width: 7%;
        position: relative;
    }

    .adresBody div.button, .adresBody div.button1, .adresBody div.button2,
    .loops div.button, .loops div.button1, .adresEdtX {
        width: 12%;
        position: relative;
        font-weight: bold;
        font-size: 12px;
        transition: all .3s;
        text-align: center;
        cursor: pointer;
        padding: 10px;
        border: 1px solid transparent;
        border-radius: 6px;
    }

    .adresBody div.button2 {
        border: 0px !important
    }

    .adresBody div.button1, .loops div.button1, .adresBody div.button2 {
        width: 100px
    }

.noflex {
    flex: none !important;
}

.adresBody div.button:hover, .adresBody div.button1:hover, .adresBody div.button.active,
.loops div.button:hover, .loops div.button1:hover, .loops div.button.active {
    border: 1px solid #dee3ed
}




.homeAdd, .caspa, .add, .maps, .homeAdd1, .alici, .AddAlc, .aliciAdd, .aliciOk, .aliciEdit, .aliciRemove, .mail, .telefon, .fatura, .smallEdit, .adresEdit, .location {
    background: url(/pagesProducts/img/addAddress1.png) no-repeat 0 0;
    width: 26px !important;
    height: 26px !important;
    background-size: contain !important;
    display: flex !important;
}

.alici {
    background: url(/pagesProducts/img/alici.png) no-repeat 0 0;
}

.aliciOk {
    background: url(/pagesProducts/img/aliciEklendi.png) no-repeat 0 0;
}

.aliciEdit {
    background: url(/pagesProducts/img/aliciEdit.png) no-repeat 0 0;
    width: 15px !important;
    height: 15px !important;
    display: table;
    margin: 0 auto
}

.AddAlc {
    background: url(/pagesProducts/img/addAlici.png) no-repeat 0 0;
    width: 17px !important;
    height: 17px !important;
    float: left;
    background-size: contain;
    margin-right: 5px;
}

.AddKart {
    background: url(/pagesProducts/img/user/kayitli-kartlarim.png) no-repeat 0 0;
    width: 17px !important;
    height: 17px !important;
    float: left;
    background-size: contain;
    margin-right: 5px;
}

.Addhome {
    background: url(/pagesProducts/img/addAddress1.png) no-repeat 0 0;
    width: 18px !important;
    height: 17px !important;
    float: left;
    background-size: contain;
    margin-right: 5px;
}

.Addfaturas {
    background: url(/pagesProducts/img/addAddress.png) no-repeat 0 0;
    width: 17px !important;
    height: 17px !important;
    float: left;
    background-size: contain;
    margin-right: 5px;
}

.adresEdit {
    background: url(/pagesProducts/img/addresedit.png) no-repeat 0 0;
    width: 19px !important;
    height: 19px !important;
    display: table;
    margin: 0 auto
}

.smallEdit {
    background: url(/pagesProducts/img/invoiceedit.png) no-repeat 0 0;
    display: inline-block !important;
    width: 19px !important;
    height: 19px !important;
}

.fatura {
    background: url(/pagesProducts/img/invoice.png) no-repeat 0 0;
    width: 20px !important;
    height: 20px !important;
    float: left;
    display: inline-block;
    margin: 0px 10px 0px 0px !important
}

.mail {
    background: url(/pagesProducts/img/mail.png) no-repeat 0 0;
    width: 13px !important;
    height: 12px !important;
    float: left;
    margin-right: 4px;
    position: relative;
    top: 4px;
}

.telefon {
    background: url(/pagesProducts/img/telefon.png) no-repeat 0 0;
    width: 13px !important;
    height: 13px !important;
    float: left;
    margin-right: 4px;
    position: relative;
    top: 3px;
}

.location {
    background: url(/pagesProducts/img/location.png) no-repeat 0 0;
    width: 13px !important;
    height: 13px !important;
    float: left;
    margin-right: 4px;
    position: relative;
    top: 4px;
}

.locMargin {
    margin: 2px 6px 0 0 !important
}

.aliciRemove {
    background: url(/pagesProducts/img/trash.png) no-repeat 0 0;
    width: 15px !important;
    height: 15px !important;
    display: table;
    margin: 0 auto
}

.adresBody div span {
    font-size: 14px;
    color: #555;
    display: inline-block;
    line-height: 20px;
    margin-right: 10px;
}

    .adresBody div span.small {
        font-size: 12px
    }

    .adresBody div span:last-child {
        margin-right: 0px
    }

.caspa {
    background: url(/pagesProducts/img/caspa.png) no-repeat 0 0;
}

.homeAdd1 {
    background: url(/pagesProducts/img/addAddress4.png) no-repeat 0 0;
}

.homeAdd1x {
    background: url(/pagesProducts/img/addAddress4.png) no-repeat 0 0;
    width: 15px;
    height: 15px;
    background-size: cover;
    position: relative;
    display: inline-block;
    margin: 2px 7px -3px -3px;
}

.add {
    background: url(/pagesProducts/img/addAddress3.png) no-repeat 0 0;
    width: 20px !important;
    height: 20px !important;
    margin: 5px auto -10px;
}

.maps {
    background: url(/pagesProducts/img/addAddress1.png) no-repeat 0 0;
}

.adresBody div strong {
    font-weight: 900;
    color: #000;
    display: block;
    font-size: 16px;
    margin-bottom: 5px
}

    .adresBody div strong small, .adresBody div strong span {
        font-weight: bold;
        display: block
    }

.loginText .iti {
    margin: 5px 0;
}

.w1000 {
    max-width: 800px !important;
}

.loginText .nmrinput .iti--separate-dial-code .iti__selected-dial-code {
    background: none !important
}

.two {
    width: 530px !important
}

    .two .nmrinput input[type="text"] {
        width: 100% !important
    }

.nmrinput.tarea {
    height: 110px !important
}

    .nmrinput.tarea textarea {
        height: 80%
    }

.hide1 {
    display: none !important
}

.noFloat {
    float: none !important
}

.SWTPad {
    padding: 10px 0 20px !important
}

#adresSearch {
    background: url(/pagesProducts/img/searchx.png) no-repeat 98% center !important
}

.selectmins .ul .gf ul li.addres {
    padding: 10px 0px 10px 5px !important;
    border-bottom: 1px solid #f7f8f7;
    font-size: 14px;
    color: #8bb0b9;
    margin: 0px !important;
    display: block !important;
    border-radius: 3px;
    cursor: pointer;
    font-weight: 500;
    -webkit-box-flex: inherit !important;
    flex-grow: inherit !important;
    height: auto;
    text-indent: 0px !important;
    width: 100% !important;
    -webkit-line-clamp: initial;
    -webkit-box-orient: inherit !important;
    -webkit-box-align: inherit !important;
    overflow: initial !important;
    -o-text-overflow: inherit !important;
    line-height: 23px;
    text-overflow: inherit !important;
}

    .selectmins .ul .gf ul li.addres b,
    .selectmins .ul .gf ul li.addres b.blue, .selectmins .ul .gf ul li.addres b.red {
        font-size: 14px !important
    }

        .selectmins .ul .gf ul li.addres b.blue {
            color: #2a4282
        }

        .selectmins .ul .gf ul li.addres b.red, .red {
            color: #ff0000 !important
        }

.msTab, .Sep {
    margin-top: 10px;
    display: table;
    width: 100%
}

    .msTab ul.VT, .Sep ul.VTS {
        display: table;
        list-style-type: none;
        position: relative;
    }

        .msTab ul.VT li, .Sep ul.VTS li {
            float: left;
            margin-right: 5px;
            position: relative;
            padding: 10px 20px;
            font-weight: 600;
            font-size: 14px;
            border-radius: 6px 6px 0 0;
            border-bottom: 0px;
            cursor: pointer;
        }

            .msTab ul.VT li:hover {
                background: #f1f2f3
            }

.mainBG {
    background-color: #FAFBFD !important
}

.msTab ul.VT li.active {
    background: #dee3ed
}

.msTab .msText {
    display: none;
    width: 100%;
    padding-top: 20px;
    position: relative;
    border-top: 1px solid #dee3ed
}

.Sep .msText {
    border: 0px;
    border-radius: 6px;
    padding: 20px !important;
    background: #FAFBFD;
    border: 1px solid #dee3ed;
    /*box-shadow: 0px 30px 40px rgba(0,0,0,.1), 0px 0px 100px rgba(250,251,253,1) inset*/
}

    .Sep .msText p, .Sep .msText .PRT {
        padding: 20px 0;
        line-height: 27px
    }

        .Sep .msText p b, .Sep .msText .PRT b {
            font-weight: 600
        }

        .Sep .msText p strong, .Sep .msText .PRT strong {
            display: block;
            font-weight: bold
        }

.Sep ul.VTS li {
    padding: 20px !important;
    position: relative;
    font-size: 15px;
    box-shadow: 0px -29px 40px rgba(255,255,255,0);
    border-left: 1px solid #FAFBFD;
    border-top: 1px solid #FAFBFD;
    border-right: 1px solid #FAFBFD;
}

.Sep .msText.first {
    border-radius: 0px 6px 6px 6px !important
}

.Sep ul.VTS li.active {
    background: #FAFBFD;
    box-shadow: 0px -24px 30px rgba(250,251,253,.1);
    border-left: 1px solid #dee3ed;
    border-top: 1px solid #dee3ed;
    border-right: 1px solid #dee3ed;
}

    .Sep ul.VTS li.active:before {
        content: "";
        width: 100%;
        position: absolute;
        background: #FAFBFD;
        height: 2px;
        left: 0;
        bottom: -2px;
    }

.teslimatBody {
    display: flex;
    margin-top: 10px;
    gap: 14px;
}

    .teslimatBody .TBR {
        position: relative;
        width: 50%;
        display: block;
        overflow: auto;
        max-height: 430px;
        padding-right: 15px;
    }

        .teslimatBody .TBR:first-child {
            width: 40%
        }

        .teslimatBody .TBR:last-child {
            padding-right: 0px
        }

.ovK {
    padding: 1px 10px;
    border-radius: 10px;
    display: flex;
    width: 100%;
    gap: 20px;
    transition: all .3s;
    box-shadow: 0px 0px 0px 1px #dee3ed inset;
    align-items: center;
    margin-bottom: 7px;
    cursor: pointer;
}

    .ovK:hover {
        background: #fff;
    }

    .ovK div {
        position: relative;
        align-items: baseline
    }

        .ovK div img {
            width: 48px;
            height: auto;
            border-radius: 3px;
            margin: 50% auto;
            display: table;
        }

        .ovK div strong {
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            display: -ms-flexbox;
            display: flex;
            display: -webkit-box;
            height: 23px;
            width: 205px;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            -webkit-box-align: start;
            overflow: hidden;
            font-weight: 600;
            -o-text-overflow: ellipsis;
            margin-bottom: 4px;
            text-overflow: ellipsis;
        }

        .ovK div span {
            font-size: 11px;
            color: #999;
            font-weight: 500;
            line-height: 14px !important;
            display: block;
        }

.lms {
    width: 100%;
    height: 55px;
    background-image: linear-gradient(to bottom,rgba(250,251,253,0),#FAFBFD);
    position: sticky;
    bottom: 0;
    left: 0;
    margin-top: -60px;
}

.ovKSearch {
    width: 100%;
    position: sticky;
    top: 0;
    z-index: 500;
    padding-bottom: 10px;
    background: #FAFBFD;
    background-image: linear-gradient(to top,rgba(255,255,255,0),#FAFBFD);
}

    .ovKSearch input {
        padding: 10px;
        border-radius: 6px;
        box-shadow: 0px 0px 0px 1px #dee3ed inset;
        background: #fff url(/pagesProducts/img/searchx.png) no-repeat 97% center;
        width: 100%;
    }

.teslimatBody .TBR::-webkit-scrollbar-thumb, .teslimatBody .TBR-moz-scrollbar-thumb, .teslimatBody .TBR scrollbar-thumb {
    background: #dee3ed;
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.1);
    border-radius: 5px !important
}

.inmap {
    overflow: hidden !important;
    width: 58% !important;
}

#maps {
    width: 100%;
    height: 430px;
    overflow: hidden
}

    #maps .gmnoprint, #maps .gm-style > div:last-child, #maps .gm-style > div:nth-child(15),
    #mapT .gmnoprint, #mapT .gm-style > div:last-child, #mapT .gm-style > div:nth-child(15) {
        display: none !important
    }

.noPad {
    padding: 0px !important
}

.gm-style-iw-d span {
    font-weight: bold
}

.marker-position, .marker-position1 {
    bottom: 40px;
    left: 0px;
    position: relative;
    padding: 3px 10px;
    border-radius: 25px;
    background: #5c5c5c;
    color: #fff !important;
    font-size: 13px !important;
}

.marker-position1 {
    background: #da2836;
    bottom: -49px;
    left: 1px;
}

.loops {
    transition: all .4s;
    margin: 0px 0 10px;
    cursor: pointer;
    display: table;
    width: 100%;
    flex: none !important;
    border-collapse: separate;
    border-spacing: 10px;
    border-radius: 6px;
    padding: 20px 15px 20px 20px;
    position: relative;
    height: 100px;
    border: 1px solid #dee3ed;
    transition: all .3s ease-in-out;
    margin-bottom: 10px;
}

    .loops div strong {
        font-weight: 900;
        color: #000;
        transition: all .4s;
        display: block;
        font-size: 16px;
        margin-bottom: 5px;
    }

.flexRow {
    display: table-row !important;
}

.flexR {
    flex-direction: row
}

.loops div {
    display: table-cell;
    vertical-align: middle
}

    .loops div i {
        display: table !important;
        margin: 0 auto !important
    }

    .loops div:nth-child(2) {
        padding-right: 20px !important
    }

.loops.active {
    box-shadow: 0px 0px 130px rgba(0,0,0,.1);
    border: 1px solid #fff;
    z-index: 1000
}

.loops div:first-child {
    width: 40px !important
}

.loops div.button {
    width: 9% !important
}

    .loops div.button i {
        display: table;
        margin: 0 auto 6px
    }

.warnings {
    background: url(/pagesProducts/img/warning.png) no-repeat 0 0;
    width: 16px;
    height: 16px;
    position: relative;
    background-size: cover;
    display: inline-block;
    margin-right: 4px;
    top: 3px;
}

.colspan {
    position: absolute;
    left: 3%;
    width: 96.4% !important;
    margin-top: 3px;
}

    .colspan p {
        padding: 18px 0px 10px 5px !important;
        line-height: 20px !important;
        border-top: 1px solid #dee3ed;
        font-weight: 600;
        font-size: 13px;
    }

        .colspan p b {
            color: #999;
            font-size: 13px;
            -webkit-box-flex: 1;
            display: -webkit-inline-box;
            max-width: 490px;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            -webkit-box-align: baseline;
            overflow: hidden;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            position: absolute;
            margin: 1px 0 0 5px;
        }

.empty {
    height: 30px
}

.colspan p a, a.inFix {
    float: right;
    transition: all .3s ease-in-out;
    padding: 6px 6px 0px 8px;
    margin-top: -6px;
    border-radius: 3px;
    border: 1px solid #dee3ed;
}

button#bigCheckout:disabled {
    background: #ccc !important;
    color: #fff !important
}

a.inFix:hover, .colspan p a:hover {
    background-color: #dee3ed
}

a.inFix {
    padding: 6px 6px 6px 8px;
}

.colspan p a small {
    font-weight: 600;
    font-size: 11px;
    position: relative;
    top: -3px
}

.loops.active strong {
    color: #f5b621
}

.loops.active .colspan p b, .loops .colspan p b {
    color: #000;
    position: absolute;
    right: 3%;
}

    .loops.active .colspan p b i, .loops .colspan p b i {
        margin: 0 3px 0 0 !important;
        display: inline-block !important
    }

    .loops.active .colspan p b span, .loops .colspan p b span {
        display: inline-block;
        float: left !important;
        margin-left: 20px;
        font-size: 13px;
        font-weight: 600;
    }

.nobpm {
    padding: 0 !important;
    margin: 0 !important;
    border: 0px !important
}

    .nobpm > div:first-child {
        width: 100% !important
    }

    .nobpm > div span b {
        font-weight: 600 !important;
        font-size: 14px
    }

.FlexTab {
    display: flex;
    margin: 20px 0;
    position: relative;
    width: 100%;
    gap: 10px
}

    .FlexTab .tab {
        position: relative;
        padding: 15px 20px;
        border-radius: 6px;
        border: 1px solid #dee3ed
    }

        .FlexTab .tab:first-child {
            background: #dee3ed
        }

        .FlexTab .tab:last-child {
            width: 30%
        }

        .FlexTab .tab strong {
            display: block;
            padding: 5px 0;
            font-size: 14px;
            font-weight: bold
        }

.XP {
    align-items: baseline !important
}

    .XP strong, .XP span {
        width: 33%
    }

        .XP strong:before, .XP span:nth-child(1):before, .XP span:nth-child(2):before {
            content: "Alıcı Adı & TC No";
            display: block;
            border-bottom: 1px solid #ddd;
            padding: 10px 0;
            margin-bottom: 10px;
        }

        .XP span i {
            display: none !important
        }

        .XP span:nth-child(2):before {
            content: "Telefon Bilgisi";
            font-weight: 600 !important;
            font-size: 15px !important
        }

        .XP span:nth-child(3):before {
            content: "E-posta Adresi";
            font-weight: 600 !important;
            font-size: 15px !important;
            display: block;
            border-bottom: 1px solid #ddd !important;
            padding: 10px 0;
            margin-bottom: 10px;
        }

.city, .city1 {
    font-size: 13px !important;
    font-weight: 600 !important;
    display: block;
    color: #000
}

.city1 {
    font-weight: bold !important;
    font-size: 15px !important
}

.pt7 {
    padding-top: 7px !important
}

    .pt7 b {
        font-weight: 700;
        float: none !important;
        font-size: 15px !important;
        margin-bottom: -5px !important;
        display: block;
        text-align: left !important
    }

.mr7 {
    margin-bottom: 7px !important
}

.inBody table {
    width: 100%;
    border-collapse: collapse;
}

    .inBody table td {
        padding: 3px 0
    }

    .inBody table tr td:first-child {
        font-weight: bold;
        font-size: 14px;
        width: 80px
    }

.telismatN {
    padding: 6px 14px;
    border-radius: 3px;
    background: #ebecee;
    display: table;
    font-size: 13px !important;
    color: #000;
    font-weight: 600;
    margin-bottom: 1px !important;
}

/*kar bg*/

.cardBG {
    position: relative;
    top: 0;
    display: block;
    overflow: hidden;
    width: 350px;
    height: 218px;
}

    .cardBG .card1 {
        border-radius: 5px;
        display: block;
        position: relative;
        overflow: hidden;
    }

    .cardBG .card2 {
        border-radius: 5px;
        display: block;
        position: relative;
        overflow: hidden;
        z-index: 3000;
        width: 350px;
    }


    .cardBG .credit-card {
        width: 100%;
        height: 13.1175rem;
        position: relative;
        transition: .4s;
        perspective: 150rem;
    }

    .cardBG .credit-card-bg, .cardBG .credit-card-bg1 {
        align-content: space-between;
        -webkit-box-pack: justify;
        justify-content: space-between;
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        padding: 1.775rem 1.375rem;
        backface-visibility: hidden;
        box-sizing: border-box;
        display: flex;
        transition: all .8s ease;
        overflow: hidden;
        border-radius: 10px;
        background: rgba(95, 107, 118, .6) radial-gradient(circle at 0 215px, rgba(37, 51, 66, .08) 30%, rgba(37, 51, 66, .05) 30%, rgba(37, 51, 66, .05) 45%, rgba(37, 51, 66, .06) 45%, rgba(37, 51, 66, .03) 60%, rgba(0, 0, 0, 0) 60%);
    }

.mitem {
    display: flex;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    color: #253342;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.45;
}

    .mitem span {
        color: #dee3ed;
        font-size: 17px;
        font-weight: 700;
        line-height: 1.29;
    }

.ttrans {
    text-transform: uppercase;
}

.mcardbank {
    position: absolute;
    right: 1.6875rem;
    top: 1.25rem;
    display: none;
}

.mcardtype {
    position: absolute;
    right: 1.6875rem;
    bottom: 1.25rem;
    display: none;
}

.cardActive {
    background: #253342 radial-gradient(circle at 0 215px, rgba(50, 77, 103, .7) 30%, rgba(50, 77, 103, .45) 30%, rgba(50, 77, 103, .45) 45%, rgba(50, 77, 103, .3) 45%, rgba(50, 77, 103, .3) 60%, rgba(0, 0, 0, 0) 60%) !important;
}

    .cardActive .mitem {
        color: #8e9fad !important;
    }

    .cardActive .mcardbank, .cardActive .mcardtype {
        display: block;
    }

.mitem {
    display: flex;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    color: #253342;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.45;
}

    .mitem span b {
        font-weight: bold !important
    }

.bands {
    padding: 10px 0px !important;
    margin-bottom: 20px !important;
    position: relative !important;
    top: 20px !important;
    box-sizing: border-box !important;
    width: 100% !important;
    display: table !important;
    background: #000 !important;
}

#sCodes {
    position: relative;
    top: 63px;
    display: table;
    padding: 10px 20px;
    float: right;
    color: #000;
    border-radius: 5px;
    background: #fff;
}

.spt1 {
    box-sizing: border-box;
    padding: 20px;
    position: relative;
    border-radius: 10px;
    border: 1px solid #dee3ed;
    border-radius: 5px;
    margin-bottom: 10px;
}

    .spt1 b, .spt1 strong {
        font-weight: 700
    }

.odemeTab, .OVPT {
    padding: 20px 0;
    cursor: pointer;
    width: 100%;
    border-bottom: 1px solid #dee3ed;
    box-sizing: border-box;
    display: block;
    position: relative;
}

.OVPT {
    padding: 30px 0
}

.pad45 {
    padding: 10px 40px !important
}

.odemeJT:last-child .odemeTab, .odemeJT:last-child .OVPT {
    border-bottom: 0px !important
}

.odemeTab:after, .OVPT:after {
    content: "+";
    font-weight: bold;
    font-size: 30px;
    position: absolute;
    top: 25px;
    right: 0;
}

.OVPT:after {
    top: 32px;
}

.odemeTab.active:after, .OVPT.active:after {
    content: "_";
    right: 0;
    top: 10px;
    font-size: 36px !important;
}

.odemeTab.active:after, .OVPT.active:after {
    top: 16px;
}

.show1 {
    display: block !important
}

.pdf, .download, .download1 {
    background: url(/pagesProducts/img/pdf.png) no-repeat 0 0;
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    background-size: contain;
    margin: 3px 3px -3px 0;
}

.download1 {
    background: url(/pagesProducts/img/downloads.png) no-repeat 0 0;
    background-size: contain;
    top: -1px !important
}

.download {
    background: url(/pagesProducts/img/download.png) no-repeat 0 0;
    width: 16px;
    height: 16px;
    display: inline-block;
    background-size: cover;
    margin: 3px 0 -3px 16px;
}

.pdfLink {
    background: transparent;
    color: #000 !important;
    padding: 16px 50px;
    display: table;
    font-size: 17px;
    margin: 50px auto 0px;
    font-weight: 700;
    transition: all .2s ease-in-out;
    border-radius: 34px;
    background: #ffcd56;
}

.mtp3 {
    margin-top: -3px !important
}

.mtp4 {
    margin-top: -13px !important;
    padding: 16px !important;
    background: #59cc50 !important;
    font-size: 13px;
    color: #fff
}

    .mtp4:hover {
        background: #4dbb45 !important
    }

.kartInfo, .kartInfo1 {
    padding: 17px;
    border: 1px solid #EFF2F5;
    border-radius: 6px;
}

    .kartInfo img {
        object-fit: cover;
        width: 210px;
        float: left;
        margin: 0px 30px 0 0;
    }

    .kartInfo span {
        font-size: 12px;
        font-weight: 600;
        display: contents;
    }

.pdfLink:hover {
    background: #ffcd56;
}

.card_ox1 {
    background: url(/pagesProducts/img/VTCard1.png) no-repeat 0 0;
    width: 27px;
    height: 27px;
    display: inline-block;
    position: relative;
    background-size: contain;
    margin: 10px 15px -6px 0;
}

.bmp {
    padding: 10px 0 !important;
    font-weight: bold !important;
    font-size: 20px !important
}

.card_ox4 {
    background: url(/pagesProducts/img/user/kasa.png) no-repeat 0 0;
    width: 25px;
    height: 24px;
    display: inline-block;
    position: relative;
    background-size: contain;
    margin: 6px 15px -6px 0;
}

.card_ox3 {
    background: url(/pagesProducts/img/VTCard3.png) no-repeat 0 0;
    width: 27px;
    height: 27px;
    display: inline-block;
    position: relative;
    background-size: contain;
    margin: 10px 15px -6px 0;
}

.card_ox2 {
    background: url(/pagesProducts/img/VTCard2.png) no-repeat 0 0;
    width: 27px;
    height: 27px;
    display: inline-block;
    position: relative;
    background-size: contain;
    margin: 10px 15px -6px 0;
}

.odemeTab strong, .OVPT strong {
    font-size: 20px;
    font-weight: bold
}

.ovg {
    display: none;
    padding: 20px 0;
    margin: 20px 0;
    color: #4c4c4c !important;
    cursor: default !important;
    gap: 50px;
    border-bottom: 1px solid #dee3ed;
    align-items: flex-start;
    position: relative;
    animation: fadeIn 1s;
}

.odemeJT .odemeTab.active + .ovg, .odemeJT .OVPT.active + .ovg {
    display: flex;
    display: -webkit-flex
}

    .odemeJT .odemeTab.active + .ovg.noflex, .odemeJT .OVPT.active + .ovg.noflex {
        flex: none !important;
        display: block !important
    }

.ovg div.VM {
    position: relative;
    justify-content: flex-start;
    width: 100%
}

    .ovg div.VM:last-child {
        width: 350px;
        justify-content: flex-end;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
    }


.odemeJT:last-child .ovg {
    border-bottom: 0px
}


.odemeJT .odemeTab.active + .ovg p, .odemeJT .OVPT.active + .ovg p {
    padding: 10px 0;
}

    .odemeJT .odemeTab.active + .ovg p b, .odemeJT .odemeTab.active + .ovg p strong, .odemeJT .odemeTab.active + .ovg p em,
    .odemeJT .OVPT.active + .ovg p b, .odemeJT .OVPT.active + .ovg p strong, .odemeJT .OVPT.active + .ovg p em {
        font-weight: bold
    }

.ovg div.VM .nmrinput {
    margin-top: 0px;
    margin-bottom: 10px;
    height: auto;
    padding: 17px
}

.ovg div.VM .sb1.w33, .sb1.w33 {
    width: 31.4% !important;
    margin: 0 10px 0 0 !important;
}

.flex .sb1.w33 {
    width: 127px !important
}


.ovg div.VM .nmrinput .selectmins input, .ovg div.VM .nmrinput input {
    margin: 0px !important;
    padding: 0px !important
}

.ovg div.VM .selectmins input {
    background: url(/pagesProducts/img/menuxd.png) no-repeat 100% center !important;
}

    .ovg div.VM .selectmins input:focus {
        background: url(/pagesProducts/img/menuxd1.png) no-repeat 100% center !important;
    }

.ovg div.VM .sb1.w33:last-child {
    margin-right: 0px !important
}

.ovg div.VM .nmrinput .selectmins .ul {
    margin-top: 17px !important
}

    .ovg div.VM .nmrinput .selectmins .ul li:last-child {
        border-bottom: 0px !important
    }



.arrListBg {
    display: flex;
    display: -webkit-flex;
    gap: 15px
}

    .arrListBg .arrList:last-child {
        justify-content: flex-end;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
    }

.snjTab {
    display: table;
    width: 100%;
    align-items: center;
    margin-bottom: 40px;
}

    .snjTab div h2 {
        font-size: 20px;
        padding: 0px
    }

    .snjTab div {
        border-radius: 6px;
        position: relative;
        width: 50%;
        height: 100%;
        padding: 20px;
        display: table-cell;
        box-shadow: 0px 0px 0px 1px #dee3ed inset;
    }

.opa1 {
    opacity: .4
}

.snjTab div a {
    z-index: 1000;
    background: none !important;
    border: 1px solid #dee3ed;
}

.snjTab div.active code {
    margin: 0 -16px 0 0;
    position: relative;
    top: -2px;
}

.snjTab div.emptys {
    border: 0px !important;
    box-shadow: none !important;
    padding: 5px !important;
    width: 5px !important;
    background: none !important;
    cursor: auto !important
}

.snjTab div.active {
    color: #000000;
    opacity: 1;
    background: #f5b621;
    border: 0;
    box-shadow: 0px 0px 50px rgba(0,0,0,.2), 0px 0px 30px rgba(0,0,0,.1) inset !important;
}

    .snjTab div.active p {
        font-weight: 500
    }

.arrList {
    background: #a7b0c3;
    margin: 10px 0;
    position: relative;
    border-radius: 6px;
    width: 100%;
    display: table;
    padding: 3px;
    color: #4c4c4c;
}


    .arrList .jh {
        font-size: 22px;
        background: #a7b0c3;
        text-align: center;
        border-radius: 5px 0px 0px 5px;
        vertical-align: middle;
        width: 19%;
        display: table-cell;
        vertical-align: middle;
        color: #fff;
        font-weight: bold
    }

    .arrList .jm {
        background: #fff;
        border-radius: 0px 5px 5px 0px;
        display: table-cell;
        width: 90%;
        font-weight: bold;
        margin-left: 10px;
        font-size: 13px;
        padding: 10px;
        vertical-align: middle;
    }

    .arrList:after {
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 8px solid #a7b0c3;
        border-bottom-color: #a7b0c3;
        content: '';
        position: absolute;
        transform: rotate(90deg);
        top: 47% !important;
        margin-left: -1px;
    }

.arrListBg .arrList:last-child:after {
    display: none !important;
    content: close-quote !important
}

.krediTab {
    display: table;
    width: 100%;
    position: relative;
    border-collapse: separate;
    border-spacing: 0px;
    overflow: hidden;
    border-radius: 5px;
    padding: 0;
    border: 1px solid #dee3ed;
    border-top: 0px;
    margin: 10px 0;
}

    .krediTab .tr {
        display: table-row;
        transition: all .3s
    }

    .krediTab .tb {
        display: table-cell;
        vertical-align: middle;
        width: auto;
        padding: 15px;
        font-weight: 700;
        font-size: 12px;
        border-bottom: 1px solid #dee3ed
    }

        .krediTab .tb span.cm {
            padding: 4px 6px;
            background: #7bc22c;
            font-size: 10px;
            font-weight: 700;
            border-radius: 4px;
            margin-left: 6px;
            color: #fff;
        }

.vinfo {
    display: block;
    font-size: 10px;
    font-weight: 700;
    color: #fff;
}

.krediTab .tr:last-child .tb {
    border-bottom: 0px
}

.krediTab .tb .radioMS {
    width: 30px !important
}

.krediTab .tr .tb:first-child {
    width: 20px;
}


.krediTab .tr.active {
    box-shadow: 0px 0px 50px rgba(0,0,0,.1), 0px 0px 30px rgba(255,255,255,.3) inset;
}

    .krediTab .tr.active .tb {
        background: #fff
    }


.krediTab .tr.header .tb {
    font-size: 14px !important;
    font-weight: bold !important
}

.krediTab .tr .tb img {
    height: 25px;
    width: auto;
    position: relative;
    top: 2px;
    object-fit: cover
}


.krediTab .tr.garanti .tb a, .krediTab .tr.isbank .tb a, .krediTab .tr.yapikredi .tb a, .krediTab .tr.aktifbank .tb a {
    color: #fff;
    font-weight: 700;
    font-size: 12px
}

.krediTab .tr.garanti .tb:last-child, .krediTab .tr.isbank .tb:last-child, .krediTab .tr.yapikredi .tb:last-child, .krediTab .tr.aktifbank .tb:last-child {
    border-radius: 0px 5px 5px 0px;
    text-align: right
}

.krediTab .tr.garanti .tb:first-child, .krediTab .tr.isbank .tb:first-child, .krediTab .tr.yapikredi .tb:first-child, .krediTab .tr.aktifbank .tb:first-child {
    background: #049f04;
    border-radius: 5px 0px 0px 5px
}

.krediTab .tr.garanti .tb, .krediTab .tr.isbank .tb, .krediTab .tr.yapikredi .tb, .aktifbank .tr.yapikredi .tb {
    border-bottom: 0px !important;
    background: #00B700;
    color: #fff;
}

    .krediTab .tr.isbank .tb:first-child {
        background: #052a69;
    }

.krediTab .tr.isbank .tb {
    background: #06388E;
}

.krediTab .tr.yapikredi .tb:first-child {
    background: #002b4f;
}

.krediTab .tr.yapikredi .tb {
    background: #00427A;
}

.krediTab .tr.aktifbank .tb:first-child {
    background: #ba2015
}

.krediTab .tr.aktifbank .tb {
    background: #da291c;
}

.krediTabDetail {
    display: table-row-group;
    width: 100%;
    animation: fadeIn 1s;
}

.color5 {
    color: #00B700;
}

.odemeJT .odemeTab + .ovg ul, .odemeJT .OVPT + .ovg ul {
    padding: 20px 40px
}

    .odemeJT .odemeTab + .ovg ul li, .odemeJT .OVPT + .ovg ul li {
        padding: 5px 0
    }

.smallCheckoutConfig {
    position: absolute;
    z-index: 5000;
    right: 4%;
    margin-top: 19px;
}

    .smallCheckoutConfig .radius {
        padding: 15px;
        margin: 0 auto;
        top: 13px;
        left: 9px;
    }

        .smallCheckoutConfig .radius i.btn3 {
            width: 14px;
            height: 14px;
            background-size: contain;
            right: 27%;
            top: 7px;
        }

    .smallCheckoutConfig .miktar {
        display: table;
        padding: 3.5px 10px;
        margin-left: -84px;
        top: 14px;
        position: absolute;
    }

        .smallCheckoutConfig .miktar .down:before {
            content: "";
            cursor: pointer;
            padding: 5px;
            position: relative;
        }

        .smallCheckoutConfig .miktar .up:before {
            content: "";
            cursor: pointer;
            padding: 5px;
            position: relative;
        }

.odemeJT .odemeTab + .ovg + #taksitMid {
    display: none
}

.odemeJT .odemeTab.active + .ovg + #taksitMid {
    display: block
}

.attBorder {
    border: 1px solid #dee3ed !important;
    background: #dee3ed;
}

    .attBorder .tr.active .tb {
        background: #211b74;
        color: #fff;
    }

    .attBorder .tb {
        border-bottom: 1px solid #d4d9e3;
    }

    .attBorder .tr.active {
        box-shadow: 0px 0px 50px rgba(33,27,116, .4), 0px 0px 30px rgba(238, 237, 248, .5) inset;
    }

        .attBorder .tr.active .tb {
            border-bottom: 1px solid #b9b8c7;
        }

.h2Small {
    font-size: 18px !important
}


.addScroll {
    width: 100%;
    max-height: 350px;
    overflow-y: auto;
    width: 100%;
    margin: 20px auto;
    border-bottom: 0px !important;
    padding: 0 20px 0 0 !important
}

    .addScroll table {
        width: 100%;
        margin: 10px 0;
        border-collapse: collapse;
        display: table;
        border: 1px solid #f6f6f6
    }

        .addScroll table tr:nth-child(odd) {
            background: #f6f6f6
        }

        .addScroll table tr td {
            padding: 10px;
            vertical-align: top
        }

            .addScroll table tr td:first-child {
                font-weight: 600;
                width: 45%
            }

.sipOnay {
    width: 100%;
    padding: 30px;
    color: #55cd31;
    border-radius: 10px;
    text-align: center;
    margin-bottom: 20px
}

    .sipOnay p {
        color: #000;
        font-size: 16px;
    }

.sipOnayIco {
    background: url(/pagesProducts/img/check-mark.png) no-repeat center center;
    background-size: cover;
    width: 128px;
    height: 128px;
    display: table;
    margin: 0px auto;
}

.PROJ {
    cursor: default !important;
    padding: 15px 15px 15px 20px !important;
    border-spacing: 20px;
    width: 100% !important;
    display: table !important
}

    .PROJ .flexRow {
        display: table-row !important;
        box-shadow: 0px 1px 0px 0px #dee3ed;
    }

        .PROJ .flexRow div {
            width: auto !important;
            vertical-align: top;
            padding: 15px 0;
            display: table-cell !important;
        }

            .PROJ .flexRow div:last-child {
                width: 164px !important
            }

        .PROJ .flexRow.bolds div {
            font-weight: bold !important;
            padding: 16px 0
        }

        .PROJ .flexRow.bolds {
            box-shadow: 0px 2px 0px 0px #dee3ed !important;
        }

        .PROJ .flexRow:last-child, .noBox {
            box-shadow: none !important
        }

            .noBox strong {
                color: #000 !important;
                font-size: 18px !important
            }

        .PROJ .flexRow div a {
            font-weight: bold !important
        }

        .PROJ .flexRow div.bl {
            font-weight: 700 !important
        }

        .PROJ .flexRow div.w200 {
            max-width: 215px !important;
            min-width: 215px !important;
        }

        .PROJ .flexRow div.w130 {
            width: 185px !important
        }

        .PROJ .flexRow div.wid50 {
            width: 60px !important
        }

        .PROJ .flexRow div.wid100 {
            max-width: 100px !important;
            min-width: 100px !important;
        }

        .PROJ .flexRow .colspan b {
            font-weight: 700 !important;
            position: absolute;
            margin-top: -18px;
        }

        .PROJ .flexRow div.w110 {
            width: 90px !important;
        }

.color6 {
    color: #f5b621
}

.PROJ .flexRow div img {
    float: left;
    display: inline-block;
    margin: 0 10px 0 0;
    width: 50px;
    padding: 5px;
    background: #fff;
}

.color7 {
    color: #2a4282
}

.PROJ div code.cx_kargoBody {
    border-radius: 5px;
    display: flex !important;
    font-size: 10px !important;
    font-weight: bold;
    padding: 5px 10px 5px 0 !important;
    gap: 0px;
    margin: 0;
    width: 115px;
    background: #ececeb;
    line-height: 23px;
    align-items: center;
    margin-top: 5px;
}

.PROJ div i.cx_kargo {
    background-image: url(/pagesProducts/img/z1h.png);
    background-position: center -2px;
    background-repeat: no-repeat;
    display: inline-block !important;
    background-size: contain;
    width: 21px;
    height: 20px;
    padding: 0 !important;
}

.PROJ .flexRow div em {
    font-weight: bold;
    color: #000;
    font-style: normal
}

.toptipDiv {
    padding: 20px 30px !important;
}

/*user panel*/
.DevFlex {
    display: flex;
    position: relative;
    width: 100%;
    padding: 20px 0 40px;
    gap: 40px
}

    .DevFlex .LeftFlex {
        position: relative;
        width: 20%
    }

    .DevFlex .RightFlex {
        width: 80%;
        position: relative
    }

        .DevFlex .RightFlex p {
            font-size: 13px;
            font-weight: 600;
            padding-bottom: 10px;
            padding-top: 10px;
            line-height: 23px;
        }

            .DevFlex .RightFlex p b, .DevFlex .RightFlex p q {
                font-weight: bold;
                font-size: 13px;
            }

    .DevFlex .LeftFlex .panel {
        border: 2px solid #EFF2F5;
        border-radius: 6px;
        margin-bottom: 10px;
    }

        .DevFlex .LeftFlex .panel strong {
            display: block;
            padding: 15px 20px;
            font-weight: bold;
            position: relative;
            cursor: pointer;
        }

        .DevFlex .LeftFlex .panel img {
            width: 60px;
            border-radius: 100%;
            display: table;
            margin: 0px auto 10px;
        }

        .DevFlex .LeftFlex .panel strong.center {
            text-align: center
        }

        .DevFlex .LeftFlex .panel strong.fix:after {
            content: "";
            background: url(/pagesProducts/img/downxS.png) no-repeat 0 0;
            width: 12px;
            height: 8px;
            background-size: contain;
            display: inline-block;
            position: absolute;
            right: 7%;
            top: 40%;
        }

        .DevFlex .LeftFlex .panel strong.fix.active:after {
            transform: rotate(-180deg)
        }

        .DevFlex .LeftFlex .panel ul {
            list-style-type: none;
            border-top: 2px solid #EFF2F5;
            padding: 0
        }

            .DevFlex .LeftFlex .panel ul li {
                display: block;
                transition: all .3s;
            }

                .DevFlex .LeftFlex .panel ul li a {
                    font-weight: 600;
                    font-size: 13px;
                    padding: 10px 20px 13px;
                    display: block;
                    color: #000
                }

                .DevFlex .LeftFlex .panel ul li:hover, .DevFlex .LeftFlex .panel ul li.active {
                    background: #EFF2F5
                }

.uico {
    background-size: contain !important;
    display: inline-block;
    width: 18px;
    height: 16px;
    margin: 4px 5px -3px 0;
}

.n1 {
    background: url(/pagesProducts/img/user/siparislerim.png) no-repeat 0 0
}

.n2 {
    background: url(/pagesProducts/img/user/degerlendirme.png) no-repeat 0 0
}

.n3 {
    background: url(/pagesProducts/img/user/satici-mesajlar.png) no-repeat 0 0
}

.n4 {
    background: url(/pagesProducts/img/user/favori.png) no-repeat 0 0
}

.n5 {
    background: url(/pagesProducts/img/user/teklifler.png) no-repeat 0 0
}

.n6 {
    background: url(/pagesProducts/img/user/indirim-kupon.png) no-repeat 0 0
}

.n7 {
    background: url(/pagesProducts/img/user/hediye-cekleri.png) no-repeat 0 0
}

.n8 {
    background: url(/pagesProducts/img/user/onceden-gezdiklerim.png) no-repeat 0 0
}

.n9 {
    background: url(/pagesProducts/img/user/takip.png) no-repeat 0 0
}

.n10 {
    background: url(/pagesProducts/img/user/kullanici-bilgileri.png) no-repeat 0 0
}

.n11 {
    background: url(/pagesProducts/img/user/adres-bilgileri.png) no-repeat 0 0
}

.n12 {
    background: url(/pagesProducts/img/user/kasa.png) no-repeat 0 0
}

.n13 {
    background: url(/pagesProducts/img/user/kayitli-kartlarim.png) no-repeat 0 0
}

.n14 {
    background: url(/pagesProducts/img/user/yardim.png) no-repeat 0 0
}

.n15 {
    background: url(/pagesProducts/img/user/changeuser.png) no-repeat 0 0
}

.n16 {
    background: url(/pagesProducts/img/user/logout.png) no-repeat 0 0
}

.n17 {
    background: url(/pagesProducts/img/user/talepler.png) no-repeat 0 0;
    margin-left: 1px;
}

.ucobTab, .tablePnl, .FXListe {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    position: relative;
    gap: 19.9px
}

.FlexBody {
    flex-wrap: nowrap;
    display: flex;
    flex-direction: column;
    gap: 19.9px
}

.ucobTab .tab, .tablePnl .mj {
    position: relative;
    display: block;
    transition: all .3s;
    overflow: hidden;
    padding: 20px;
    border: 2px solid #EFF2F5;
    width: 165px;
    transition: all .3s;
    border-radius: 6px;
    text-align: center;
    align-items: center;
    cursor: pointer;
}

.ucobTab.ovgpp {
    gap: 8px;
    border-bottom: 0px !important
}

.ucobTab.activ {
    gap: 0px !important;
}

    .ucobTab.activ .tab b {
        font-size: 12px !important;
        font-weight: 700;
        word-spacing: normal;
        width: 250px;
        height: 17px;
        overflow: hidden;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        display: -ms-flexbox !important;
        display: flex !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        -webkit-box-align: start;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }

.ucobTab.ovgpp .tab {
    width: auto !important;
    padding: 11px 16px !important;
    background: transparent !important;
    border: 2px solid #EFF2F5 !important;
    text-align: left !important;
    font-size: 12px !important
}

.ucobTab.activ .tab {
    background: #f5b621 !important;
    width: 100% !important;
    padding: 20px 20px !important;
    border-radius: 97px !important
}

    .ucobTab.activ .tab img {
        width: 60px;
        float: left;
        height: 35px;
        object-fit: contain;
        margin-right: 20px;
        margin-bottom: -18px;
    }

.ucobTab.ovgpp .tab b {
    display: block;
    font-size: 12px !important;
    font-weight: 700
}

.ucobTab.ovgpp .tab small {
    color: #999 !important;
    font-size: 11px !important;
    font-weight: 600
}

.ucobTab.activ .tab small {
    color: #585555 !important;
}

.tablePnl .mj {
    width: 288px;
    background: #fff
}

    .tablePnl .mj .fav {
        position: absolute;
        right: 8%
    }

    .tablePnl .mj img {
        width: 170px;
        height: auto;
        margin-bottom: 10px;
    }

    .tablePnl .mj strong {
        color: #253342;
        font-size: 1.125rem;
        font-weight: 700;
        line-height: 1.36;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        display: -ms-flexbox;
        display: flex;
        display: -webkit-box;
        height: 48px;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        -webkit-box-align: start;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        margin-top: -10px;
        transition: all .6s color;
    }

.ucobTab .tab a strong {
    color: #000
}

.tablePnl .mj .prices {
    display: flex;
    text-align: center;
    font-size: 20px;
    margin-top: 20px;
    gap: 10px;
    border-top: 2px solid #EFF2F5;
    padding: 15px 0 0;
    align-items: center;
}

    .tablePnl .mj .prices .pricex:first-child {
        text-align: left !important;
        padding-left: 0px !important;
        color: #253342;
        font-weight: 700;
        width: 50%;
        font-size: 13px;
    }

        .tablePnl .mj .prices .pricex:first-child small {
            display: block;
            font-size: 11px;
            font-weight: 600;
            color: #999;
        }

            .tablePnl .mj .prices .pricex:first-child small b {
                font-size: 11px;
                font-weight: 900
            }

    .tablePnl .mj .prices .pricex:last-child {
        text-align: right !important;
        padding-left: 0px !important;
        color: #253342;
        font-weight: 700;
        width: 50%;
        font-size: 19px;
    }

        .tablePnl .mj .prices .pricex:last-child code {
            display: block;
            font-size: 11px;
        }

            .tablePnl .mj .prices .pricex:last-child code.act {
                display: block;
                font-size: 10px;
                font-weight: 700;
                color: #999;
                position: absolute;
                margin: -13px 0px 0 0;
                right: 9%;
            }

            .tablePnl .mj .prices .pricex:last-child code b {
                font-size: 10px;
                color: #e43935;
                font-weight: 700;
            }

            .tablePnl .mj .prices .pricex:last-child code.act s {
                font-size: 10px;
                color: #999;
                font-weight: 700
            }

        .tablePnl .mj .prices .pricex:last-child small {
            font-size: 11px !important;
            position: relative;
            font-weight: bold;
            top: -6px;
            left: -5px;
        }

.ucobTab .tab span {
    padding: 7px 0;
    position: absolute;
    font-weight: bold;
    background: #000;
    color: #fff;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    font-size: 10px;
    right: 5%;
    top: 5%;
    justify-content: center;
}

.ucobTab .tab code {
    position: absolute;
    right: -30px;
    top: 8px;
    background: #000000;
    padding: 4px;
    color: #ffffff;
    transform: rotate(45deg);
    font-size: 11px;
    width: 100px;
    font-weight: 700;
    /***/
}

    .ucobTab .tab code small {
        white-space: nowrap;
        font-size: 11px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
        width: 29px;
        font-weight: 700;
        position: relative;
        top: 3px;
        align-content: center;
        margin-right: -3px;
        left: -3px;
    }

    .ucobTab .tab:hover, .ucobTab .tab code.active {
        background: #f5b621;
        border-color: #e1af3a;
        box-shadow: 0px 0px 90px rgba(0,0,0,.2), 0px 0px 60px rgba(0,0,0,.1) inset;
    }

        .ucobTab .tab:hover .uicob {
            animation: bounceIn 1s
        }

.ucobTab .tab .uicob {
    background-size: contain !important;
    display: table;
    transition: all .3s;
    width: 64px;
    height: 64px;
    margin: 0 auto 20px;
}

.ucobTab .tab strong {
    font-weight: bold;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-box;
    height: 22px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    -webkit-box-align: start;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

#paraS .tab {
    padding: 15px 20px !important
}

    #paraS .tab.active, #paraS .tab.active:hover {
        background: #f5b621 !important;
        color: #fff !important;
        box-shadow: 0px 0px 40px rgba(250,111,110,.3), 0px 0px 20px rgba(0,0,0,.2) inset !important;
        border: 2px solid #EFF2F5 !important;
    }

.nb1 {
    background: url(/pagesProducts/img/user/big/siparislerim.png) no-repeat 0 0
}

.nb2 {
    background: url(/pagesProducts/img/user/big/degerlendirme.png) no-repeat 0 0
}

.nb3 {
    background: url(/pagesProducts/img/user/big/satici-mesajlar.png) no-repeat 0 0
}

.nb4 {
    background: url(/pagesProducts/img/user/big/favori.png) no-repeat 0 0
}

.nb5 {
    background: url(/pagesProducts/img/user/big/teklifler.png) no-repeat 0 0
}

.nb6 {
    background: url(/pagesProducts/img/user/big/indirim-kupon.png) no-repeat 0 0
}

.nb7 {
    background: url(/pagesProducts/img/user/big/gift-box.png) no-repeat 0 0
}

.nb8 {
    background: url(/pagesProducts/img/user/big/onceden-gezdiklerim.png) no-repeat 0 0
}

.nb9 {
    background: url(/pagesProducts/img/user/big/takip.png) no-repeat 0 0
}

.nb10 {
    background: url(/pagesProducts/img/user/big/kullanici-bilgileri.png) no-repeat 0 0
}

.nb11 {
    background: url(/pagesProducts/img/user/big/adres-bilgileri.png) no-repeat 0 0
}

.nb12 {
    background: url(/pagesProducts/img/user/big/kasa.png) no-repeat 0 0
}

.nb13 {
    background: url(/pagesProducts/img/user/big/kayitli-kartlarim.png) no-repeat 0 0
}

.nb14 {
    background: url(/pagesProducts/img/user/big/changeuser.png) no-repeat 0 0
}

.nb17 {
    background: url(/pagesProducts/img/user/big/talepler.png) no-repeat 0 0
}

/*user panel*/

.addPers {
    transition: transform .5s;
    perspective: 1px;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
    position: fixed;
    transform-style: preserve-3d;
    transform: skew(23deg, 23deg);
    animation: fadeIn 1s
}

.fon {
    transition: all .3s;
    background: rgba(0,0,0,.7);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 8000;
    width: 100%;
    height: 100%
}

.mblHatBg {
    background: rgba(0, 0, 0, .8);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9995;
    width: 100%;
    height: 100%;
}

.mblFix {
    animation: bounceInDown 1s;
    position: fixed;
    left: 62.1%;
    top: 60px;
    z-index: 9999;
}

.mbx1 {
    position: relative;
    z-index: 99999;
    transition: all .3s;
    cursor: pointer;
    display: table;
    border-radius: 5px;
    padding: 20px;
    width: 285px;
    color: #fff;
    margin-bottom: 10px;
    background: #000
}

    .mbx1 > .imgh {
        float: left;
        margin-right: 15px;
        padding: 5px;
        background: #fff;
        border-radius: 50%;
        display: flex;
    }

        .mbx1 > .imgh img {
            width: 60px;
            height: 60px;
            border-radius: 50px;
        }

    .mbx1 > .imgText {
        float: left;
    }

        .mbx1 > .imgText strong {
            display: block;
            margin: 6px 0 -5px;
            font-size: 20px;
        }

        .mbx1 > .imgText small {
            color: #ccc;
        }

    .mbx1:hover {
        background: #fff
    }

        .mbx1:hover strong {
            color: #4c4c4c
        }

        .mbx1:hover small {
            color: #999
        }

.loadings {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
}

    .loadings .imgs {
        display: table;
        margin: 14% auto;
        text-align: center;
        color: #f6f6f7;
    }

.requiedMsg {
    animation: bounceIn 1s;
    display: flex;
    align-items: center;
    position: fixed;
    z-index: 99999;
    right: 1%;
    bottom: 2.5%;
    padding: 14.3px;
    font-weight: 700;
    background: #ff0000;
    color: #fff;
    border-radius: 6px;
}

    .requiedMsg div {
        position: relative
    }

    .requiedMsg:before {
        content: "";
        background: url(/pagesProducts/img/fc_warning1.png) no-repeat 0 bottom;
        width: 21px;
        height: 21px;
        background-size: contain;
        display: inline-block;
        margin-bottom: -4px;
        margin-right: 10px;
        position: relative;
        top: -3px;
    }

    .requiedMsg.active, .bgKart {
        background: #f5b621 !important;
        color: #000 !important
    }

        .bgKart button {
            background: #dee3ed
        }

        .requiedMsg.active:before, .inCheck {
            content: "";
            background: url(/pagesProducts/img/check-mark1.png) no-repeat 0 bottom;
            width: 21px;
            height: 21px;
            background-size: contain;
            display: inline-block;
            margin-bottom: -4px;
            margin-right: 10px;
            position: relative;
            top: -3px;
        }

.FCTab {
    display: table;
    width: 100%;
    position: relative
}

    .FCTab ul {
        width: 100%;
        display: table;
        width: 100%;
        list-style-type: none;
        border-bottom: 1px solid #EAEDF2;
    }

        .FCTab ul li {
            position: relative;
            padding: 15px;
            font-size: 14px;
            font-weight: 700;
            cursor: pointer;
            display: flex;
            color: #999;
            float: left;
            margin-right: 20px;
            user-select: none;
            -webkit-user-select: none;
            -webkit-user-drag: none;
            align-items: center;
            transition: all .3s;
            text-align: center;
        }

            .FCTab ul li.activeMin, .FCTab ul li:hover {
                color: #2a4282;
            }

                .FCTab ul li.activeMin:before {
                    content: "";
                    padding: 3px !important;
                    animation: fadeIn .3s !important;
                    left: 0 !important;
                    bottom: -3px !important;
                    border-radius: 3px !important;
                    background: #2a4282 !important;
                    width: 96% !important;
                    position: absolute !important;
                }

    .FCTab .detail {
        animation: fadeIn 1s;
        margin-top: 20px;
        padding: 20px 0;
        width: 100%;
        display: none;
        position: relative
    }

        .FCTab .detail.activeMin {
            display: table !important
        }

.FXListe {
    gap: 20px;
    width: 100%
}

    .FXListe .adresBody {
        width: 48.89% !important;
        margin-bottom: 0px;
        cursor: pointer;
        position: relative;
    }

        .FXListe .adresBody div:first-child {
            width: 30px
        }

        .FXListe .adresBody div:nth-child(2) {
            width: 300px
        }

        .FXListe .adresBody div:last-child, .loops div:last-child {
            width: 90px;
            justify-content: flex-end;
            -webkit-box-flex: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
        }

.FCTab .loops div:last-child {
    width: 79px !important
}

.tablePnl .mj:hover {
    box-shadow: 0px 0px 60px rgba(0,0,0,.1);
    border: 2px solid #f5b621;
}

.btk {
    position: relative;
    font-weight: bold;
    font-size: 12px;
    transition: all .3s;
    text-align: center;
    background: none;
    cursor: pointer;
    padding: 10px;
    margin-right: 2px;
    border: 1px solid #dee3ed;
    border-radius: 6px;
}

button.btk i {
    margin: 0 !important;
    display: flex !important;
}

.btk:last-child {
    margin-right: 0px
}

.AutoWid {
    width: auto !important
}

.btn, .btn1j {
    transition: all .3s;
    margin: 50px 0 0;
    padding: 13px 48px 13px 13px;
    border-radius: 6px;
    line-height: 23px;
    background: #2a4282;
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    position: relative;
    text-transform: uppercase;
    cursor: pointer;
}

    .btn1j[disabled] {
        background: #ddd !important;
        color: #fff !important
    }

.btn1j {
    margin: 15px 0;
    padding: 11px 16px;
    float: none;
    font-size: 12px;
}

    .btn1j:hover {
        background: #f5b621;
        color: #000
    }

.btn:after {
    content: "";
    background: url(/pagesProducts/img/arrowhead1.png) no-repeat 0 0;
    width: 21px;
    height: 21px;
    background-size: cover;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(-50%, -50%);
}

.btn:hover, .btn.actives, .btn.success {
    transition: all .3s;
    background: #f5b621;
    box-shadow: 0px 0px 7px rgba(0,0,0,.2)
}

    .btn.actives:after {
        background: url(/pagesProducts/img/load2.svg) no-repeat 0 0 !important;
        background-size: contain !important;
        width: 43px;
        height: 45px;
        right: -20px;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .btn.success:after {
        content: "";
        background: url(/pagesProducts/img/check-mark2.png) no-repeat 0 0;
        width: 21px;
        height: 21px;
        background-size: cover;
        display: inline-block;
        position: absolute;
        right: 3px;
        top: 44% !important;
        transform: translate(-50%, -50%) !important;
    }

.FormTable {
    display: table;
    width: 102%;
    position: relative;
    border-collapse: separate;
    border-spacing: 10px 20px;
    margin-left: -10px;
}

    .FormTable .FormTd {
        display: table-cell;
        width: 50%;
        border-radius: 6px;
        overflow: hidden;
        padding: 20px;
        position: relative;
        border: 1px solid #dee3ed;
        transition: all .3s ease-in-out;
    }

    .FormTable .FormTr {
        display: table-row
    }

    .FormTable .FormTd .sbBody {
        display: inline-block;
        width: 100%;
        margin: 0 !important;
        position: relative;
        padding: 0 !important;
    }

    .FormTable .FormTd.active {
        box-shadow: 0px 0px 70px rgba(0,0,0,.2), 0px 0px 70px rgba(155,155,155,.1) inset;
    }

    .FormTable .FormTd strong {
        font-weight: 900;
        color: #000;
        display: block;
        font-size: 16px;
        margin-bottom: 10px;
    }


.Passinfo {
    padding: 0;
    position: relative;
    display: block;
    overflow: hidden;
    box-sizing: border-box;
    border-radius: 60px;
    margin: 5px 0;
    width: 100%;
    background: #fff;
}

#passDeny, #passDenyx {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 0;
    border-top-right-radius: 4px;
    padding: 3px
}

.sm1, .sm2, .sm3, .sm4, .sm5 {
    padding: 10px;
    background-repeat: no-repeat;
    background-position: 98% center
}

.formPBG {
    background: rgba(255,255,255,.7);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 9000
}

    .formPBG:before {
        content: "";
        background: url(/pagesProducts/img/loadbig1.svg) no-repeat center center;
        padding: 30px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .formPBG.lox:before {
        position: fixed !important;
        left: 57% !important
    }

.flex .selectmins .ul .gf ul li.addres {
    padding: 5px !important
}

.flex .selectmins .ul .gf ul {
    max-height: 160px;
}

.case {
    background: url(/pagesProducts/img/user/big/kasa1.png) no-repeat 0 0;
    background-size: contain;
    width: 192px;
    height: 171px;
    display: table;
    margin: 0 auto;
}

.vkTable {
    display: table;
    position: relative;
    width: 100%;
    border-collapse: separate;
    border-radius: 6px;
    padding: 7px 0;
    background: none;
    box-shadow: 0px 0px 70px rgba(0,0,0,.2);
}

    .vkTable .vkTr, .vkTable .vkTr1 {
        display: table-row;
    }

    .vkTable.NoActive {
        box-shadow: none !important;
        border-radius: 6px;
        border: 1px solid #EFF2F5;
    }

    .vkTable .vkTd, .vkTable .vkTr1 .vkTd {
        font-size: 13px;
        display: table-cell;
        padding: 12px 20px;
        border-bottom: 1px solid #EFF2F5;
    }

    .vkTable .vkTd {
        padding: 12px
    }

        .vkTable .vkTd span {
            display: block;
            font-size: 12px;
            padding: 6px 13px;
            border-radius: 6px;
            background: #fff;
            margin-bottom: 4px;
        }

            .vkTable .vkTd span b {
                font-weight: 700
            }

                .vkTable .vkTd span b:after {
                    content: "";
                    display: block
                }

.vkTd.red {
    color: #ff0000 !important
}

.vkTd small {
    border-radius: 3px;
    padding: 3px 6px;
    background: #f5f5f5;
    font-size: 11px;
    text-align: right;
}

.vkTable .vkTd b, .vkTable .vkTr1 .vkTd b {
    font-weight: 700;
    font-size: 13px;
}

.vkTable .vkTd:last-child, .vkTable .vkTr1 .vkTd:last-child {
    text-align: right;
    width: 510px
}

.vkTable .vkTd:first-child, .vkTable .vkTr1 .vkTd:first-child {
    width: 300px
}

.vkTable .vkTr:last-child .vkTd {
    border-bottom: 0px;
}

.vkTable.NoActive .vkTd:first-child, .vkTable .vkTr1 .vkTd:first-child {
    width: auto !important
}

.vkTd code b {
    font-size: 11px !important;
    font-weight: 700 !important;
}

.vkTd code {
    padding: 4px 7px;
    font-size: 11px !important;
    background: #e5e4e2;
    color: #000;
    border-radius: 14px;
    margin: 5px 0 -5px;
    display: inline-block;
    line-height: 0px;
}

.vkTable.NoActive .vkTr.active {
    background: #f5f5f5
}

.vkFilter {
    margin: -10px 0 20px 0;
    display: table;
    width: 100%;
    position: relative;
}

.bakiyeTR, .bakiyeTR1 {
    display: flex;
    width: 100%;
    padding: 20px;
    border-radius: 6px;
    align-content: center;
    align-items: center;
    background: #f5b621;
    gap: 20px;
}

.bakiyeTR1 {
    background: #6e4db5;
    display: block;
    color: #fff;
}

    .bakiyeTR1 b {
        font-weight: bold
    }

.bakiyeTR span, bakiyeTR1 span {
    position: relative;
    font-size: 14px;
    font-weight: 700;
    width: 50%;
}

    .bakiyeTR span:last-child {
        text-align: right;
    }

    .bakiyeTR span b {
        color: #242121;
        font-weight: 900;
        font-size: 16px;
    }

.marginBt20 {
    margin-bottom: 20px !important
}

.VMSP {
    margin-bottom: 10px;
    background: #f5b621;
    font-weight: bold !important;
    text-align: center;
    cursor: pointer;
}

    .VMSP span {
        font-weight: bold;
        font-size: 14px;
    }

.gh1 {
    float: left;
    display: flex;
    margin-right: 10px
}

    .gh1 .nmrinput {
        padding: 8px !important;
        transition: all .3s ease-in-out;
        border: 1px solid #dee3ed;
        border-radius: 5px;
        width: 100% !important;
        height: auto !important;
        background: none !important;
        position: relative;
        box-shadow: none !important;
        margin: 0px 0 6px 2px !important;
    }

    .gh1 .selectmins .ul .gf ul {
        border-bottom: 0px !important;
        max-height: 170px
    }

        .gh1 .selectmins .ul .gf ul li {
            width: 100% !important;
            text-align: left !important;
            font-size: 13px;
            color: #000;
            font-weight: 700;
        }

            .gh1 .selectmins .ul .gf ul li:hover {
                background: #f8f8f8 !important
            }

    .gh1 .selectmins input[type="text"], .gh1 .nmrinput input[type="text"], .gh1 .selectmins input[type="text"]:focus {
        font-size: 13px !important;
        color: #000 !important;
        font-weight: 700;
        height: auto !important;
        background-color: none !important;
        width: 100% !important;
        padding-right: 18px !important
    }

.gh2 {
    float: right;
    display: flex;
}

.vkinput {
    padding: 13px 16px 13px 13px;
    background: none;
    border-radius: 6px 0px 0px 6px;
    border: 1px solid #dee3ed;
    font-weight: 700;
    font-size: 13px
}

.vksearchBtns {
    padding: 13px 22px;
    cursor: pointer;
    background: #dee3ed;
    transition: all .3s;
    border-radius: 0 6px 6px 0px;
    position: relative;
}

    .vkinput:disabled, .vksearchBtns:disabled {
        opacity: .5;
    }

    .vksearchBtns:disabled {
        background: #e4e4e4 !important;
    }

    .vksearchBtns:hover {
        background: #d4d2d2
    }

    .vksearchBtns .searchz {
        background: url(/pagesProducts/img/searchvk.png) no-repeat 0 0;
        display: inline-block;
        width: 13px;
        height: 13px;
        background-size: contain;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .vksearchBtns .datevk {
        background: url(/pagesProducts/img/datevk.png) no-repeat 0 0;
        display: inline-block;
        width: 13px;
        height: 13px;
        background-size: contain;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

.date {
    width: 140px
}

#ui-datepicker-div, .lb-details {
    display: none
}

.ui-datepicker {
    padding: 20px;
    background: #24262D
}

.ui-icon-circle-triangle-e, .ui-icon-circle-triangle-w {
    opacity: 0;
    position: absolute
}

.ui-datepicker-next, .ui-datepicker-prev {
    position: absolute
}

.ui-datepicker-next {
    right: 10%
}

.ui-datepicker-prev {
    right: 15%
}

.ui-datepicker-next:before {
    content: "»";
    cursor: pointer
}

.ui-datepicker-prev:before {
    content: "«";
    cursor: pointer
}

.ui-state-default {
    padding: 9.7px;
    border-radius: 4px;
    line-height: 43px
}

.ui-state-hover {
    color: #425A66 !important
}

.ui-state-highlight {
    background: #f5b621;
    color: #fff
}

.ui-state-active {
    background: #444 !important;
    color: #fff !important
}

#ui-datepicker-div {
    margin-top: 10px;
    z-index: 9999 !important;
    border-radius: 4px
}

.ui-state-disabled {
    color: rgba(255,255,255,.4) !important
}

a.ui-state-default {
    color: #fff !important
}

.ui-state-default {
    padding: 9px;
    border-radius: 4px;
    line-height: 35px;
    font-size: 12px;
    font-weight: 600;
    text-align: center
}

.ui-datepicker-calendar {
    color: #fff !important;
    font-weight: 700
}

    .ui-datepicker-calendar th span {
        font-weight: 700 !important
    }

.ui-datepicker-title {
    padding: 10px;
    color: #fff !important;
    position: relative;
    top: -7px;
    z-index: 1000;
    display: table
}

.ui-datepicker-prev:before, .ui-datepicker-next:before {
    padding: 1px 8px 4px;
    background: #fff;
    border-radius: 3px;
    position: relative;
}

.ui-datepicker-prev:before {
    left: -15px
}

.ui-datepicker-next:before {
    left: 3px
}

.mevsim {
    border-radius: 6px;
    margin-bottom: 20px;
    margin-top: 20px;
    height: 80px;
    padding: 20px;
    width: 100%;
    display: block;
    overflow: hidden
}

    .mevsim:first-child {
        margin-top: 0px !important
    }

    .mevsim.sonbahar {
        background: #9ad62c url(/pagesProducts/img/user/sipBG/1.png) no-repeat right center;
        background-size: contain
    }

    .mevsim.kis {
        background: #c9e0ee url(/pagesProducts/img/user/sipBG/2.png) no-repeat right center;
        background-size: contain
    }

    .mevsim.ilkbahar {
        background: #a6def3 url(/pagesProducts/img/user/sipBG/3.png) no-repeat right center;
        background-size: contain
    }

    .mevsim.yaz {
        background: #ffdb72 url(/pagesProducts/img/user/sipBG/4.png) no-repeat right center;
        background-size: contain
    }

    .mevsim strong {
        display: table;
        font-weight: bold;
        font-size: 20px;
        line-height: 37px;
    }

    .mevsim.sonbahar strong {
        color: #62620f;
    }

    .mevsim.kis strong {
        color: #6771a9;
    }

    .mevsim.ilkbahar strong {
        color: #538395;
    }

    .mevsim.yaz strong {
        color: #5e7512;
    }


.siparisTable, .siparisTableX {
    transition: all .3s !important;
    margin: 0px 0 10px;
    cursor: pointer;
    display: table;
    width: 100%;
    border-radius: 6px;
    padding: 10px;
    position: relative;
    border: 1.2px solid #EFF2F5;
    margin-bottom: 10px;
}

.siparisTableBody {
    display: table;
    width: 100%;
    border-collapse: separate;
    border-spacing: 10px;
    position: relative;
}

.siparisTable .siparisTr {
    display: table-row
}

.siparisTable .siparisTd {
    display: table-cell;
    font-size: 13px;
    font-weight: 500;
    vertical-align: middle
}

    .siparisTable .siparisTd b {
        font-weight: 700;
        font-size: 13px;
    }

        .siparisTable .siparisTd b small {
            display: block;
            font-size: 11px;
            color: #999;
            font-weight: 500;
        }

    .siparisTable .siparisTd strong {
        font-size: 18px;
        font-weight: 900
    }

        .siparisTable .siparisTd strong sup {
            font-size: 11px;
            margin-left: -2px;
            font-weight: 700;
        }

    .siparisTable .siparisTd .img, .siparisTableX .siparisTd .img {
        width: 55px;
        transition: all .3s;
        height: 55px;
        display: flex;
        position: relative;
        background: #fff;
        border-radius: 34px;
        overflow: hidden;
        padding: 4px;
        border: 4px solid #f5b621;
        float: left;
        margin-right: -27px;
        z-index: 100;
    }

    .siparisTable .siparisTd.ex {
        width: 115px
    }

    .siparisTable .siparisTd.ex1 {
        width: 60px
    }

.jimg {
    display: flex;
    width: 100%;
    position: relative;
    gap: 5px;
}

    .jimg img {
        width: 100px;
        position: relative
    }

.siparisTableX .siparisTd .img {
    margin: -4px 10px 0 -5px
}

    .siparisTableX .siparisTd .img + span {
        font-size: 12px;
        font-weight: 700;
        line-height: 18px !important;
        display: inline-block;
        margin-top: 3px;
    }

.siparisTableX {
    border: 0px !important;
    margin-right: 0px !important
}

    .siparisTableX .siparisTd.ex {
        width: auto !important
    }

.siparisTable .siparisTd .img:nth-child(1) {
    border-color: #e1ffd6
}

.siparisTable .siparisTd .img:nth-child(2) {
    border-color: #c2e8b4
}

.siparisTable .siparisTd .img:nth-child(3) {
    border-color: #a8cc9a
}

.siparisTable .siparisTd .img img, .siparisTableX .siparisTd .img img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

.siparisTable .siparisTd.tek .img, .siparisTableX .siparisTd.tek .img {
    margin-left: 20px !important;
}

.siparisTable:hover {
    box-shadow: 0px 0px 70px rgba(0,0,0,.2);
    border: 1.2px solid #fff;
    z-index: 1000
}

.siparisTable.select {
    animation: bounceIn 1s;
    box-shadow: 0px 0px 70px rgba(0,0,0,.5);
    border: 1.2px solid #fff;
    z-index: 9999 !important;
    background: #fff;
}

    .siparisTable.select .siparisTableBody {
        background: #fff;
        position: sticky;
        top: 0;
        z-index: 2000
    }

.siparisTable .siparisTd.Lbtn {
    width: 80px;
    text-align: right
}

.siparisTable .siparisTd.money {
    text-align: right
}

.stovOpen {
    border-radius: 34px;
    padding: 15px;
    background: #f5f5f5;
    cursor: pointer;
    transition: all .3s;
}

    .stovOpen i {
        background: url(/pagesProducts/img/menu-down1.png) no-repeat center center;
        display: flex;
        align-items: center;
        width: 11px;
        height: 11px;
        background-size: contain;
    }

    .stovOpen:hover, .stovOpen.active {
        background: #e5e5e5;
        position: relative;
        z-index: 9999
    }

        .stovOpen.active i {
            transform: rotate(180deg)
        }

.sipAsama {
    display: inline-block;
    margin-right: 7px;
    width: 25px;
    height: 25px;
    position: relative;
    top: 4px;
    float: left
}

.sip_onay {
    background: url(/pagesProducts/img/siparis_asama/onay.png) no-repeat 0 0;
    background-size: contain
}

.sip_add {
    background: url(/pagesProducts/img/siparis_asama/add.png) no-repeat 0 0;
    background-size: contain
}

.sip_hazirlaniyor {
    background: url(/pagesProducts/img/siparis_asama/hazirlaniyor.png) no-repeat 0 0;
    background-size: contain
}

.sip_kargoya_verildi {
    background: url(/pagesProducts/img/siparis_asama/kargoyaVerildi.png) no-repeat 0 0;
    background-size: contain
}

.sip_yolda {
    background: url(/pagesProducts/img/siparis_asama/yolda.png) no-repeat 0 0;
    background-size: contain
}

.sip_teslim_edildi {
    background: url(/pagesProducts/img/siparis_asama/teslimEdildi.png) no-repeat 0 0;
    background-size: contain
}

.sip_iptal {
    background: url(/pagesProducts/img/siparis_asama/iptal.png) no-repeat 0 0;
    background-size: contain
}

.sip_iade {
    background: url(/pagesProducts/img/siparis_asama/iade.png) no-repeat 0 0;
    background-size: contain
}

.sip_fatura {
    background: url(/pagesProducts/img/siparis_asama/fatura1.png) no-repeat 0 0;
    background-size: contain
}

.sipBGX {
    animation: fadeIn 1s;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9000;
    background: rgba(0,0,0,.6);
}

.OVMIX {
    display: none;
    animation: fadeIn 1s;
    padding-bottom: 20px
}

.siparisTable.select .OVMIX {
    display: block;
    cursor: auto
}

.subTable, .subTableDetail {
    display: table;
    margin: 15px auto;
    position: relative !important;
    border-left: 1.2px solid #EFF2F5;
    border-right: 1.2px solid #EFF2F5;
    border-bottom: 1.2px solid #EFF2F5;
    border-radius: 0px 0 6px 6px;
    width: 98%;
}

.subTableDetail {
    border: 0px !important
}

.subCaption {
    display: table-caption;
    border-radius: 6px 6px 0px 0px;
    padding: 20px;
    border: 1.2px solid #EFF2F5;
    font-weight: bold;
    font-size: 13px;
}

.subTr, .subTrDetail {
    display: table-row
}

.subTd, .subTdDetail {
    display: table-cell;
    font-weight: 500;
    font-size: 13px;
    width: 50%;
    vertical-align: top;
    padding: 0px 20px 15px;
    border-bottom: 1.2px solid #EFF2F5;
}

.subTdDetail {
    border-bottom: 0px !important;
    line-height: 22px;
    font-size: 13px;
    font-weight: 500
}

    .subTdDetail p {
        padding: 8px 0;
        color: #999;
        line-height: 20px !important
    }

        .subTdDetail p b {
            font-weight: 700;
            color: #000;
        }

    .subTdDetail h3 {
        font-size: 18px;
        padding: 10px 0 20px;
        line-height: 25px
    }

    .subTdDetail strong {
        font-weight: bold;
        color: #000;
        padding: 2px 0;
        display: block;
        font-size: 14px;
    }

        .subTdDetail strong.ava {
            padding: 10px;
            background: #aedb61;
            color: #000;
            display: table;
            border-radius: 6px;
            margin: 10px 0;
            font-size: 12px;
        }

.subTd:last-child {
    background: #f5f7f9;
    padding-top: 20px;
    border-bottom: 0px;
    vertical-align: top !important
}

.subTr:last-child .subTd {
    border-bottom: 0px !important
}

.subTd.sp {
    width: 10px;
    padding: 2px;
}

.flexSub {
    display: flex;
    width: 100%;
    position: relative;
    gap: 25px;
    padding-top: 20px;
    align-items: center;
}

    .flexSub div {
        position: relative;
    }

        .flexSub div.img {
            width: 110px
        }

        .flexSub div:first-child {
            padding-left: 10px !important
        }

        .flexSub div.img img {
            width: 100px;
            height: 115px;
            object-fit: contain;
        }

        .flexSub div strong {
            font-weight: 700;
            display: block;
            font-size: 14px
        }

            .flexSub div strong a {
                font-weight: 700
            }

            .flexSub div strong small {
                font-weight: 600;
                display: block;
                font-size: 11px;
                color: #999;
                margin: 2px 0
            }

        .flexSub div em {
            font-weight: 700;
            color: #f5b621;
            font-style: normal;
            display: block;
            font-size: 12px
        }

        .flexSub div span {
            display: block;
            padding: 10px 0;
            font-size: 20px;
            font-weight: bold
        }

            .flexSub div span sup {
                font-size: 11px;
                font-weight: 900;
                position: relative;
                left: -3px;
            }

.truck {
    padding: 20px;
    border-radius: 50px;
    position: absolute;
    width: 40px;
    display: block;
    height: 40px;
    top: -23px;
    left: -7px;
    overflow: hidden;
    z-index: 100;
    background: #dee3ed;
    z-index: 1000
}

    .truck .img {
        background: url(/pagesProducts/img/siparis_asama/truck.gif) no-repeat center 0;
        background-size: contain;
        display: inline-block;
        width: 32px;
        height: 32px;
        position: absolute;
        left: 7%;
        top: 28%;
    }

.btnZ1, .btnZ2, .btnZ3 {
    padding: 10px;
    font-size: 11px;
    font-weight: 700;
    cursor: pointer;
    transition: all .3s;
    border-radius: 34px;
    background: #c1ef72;
    color: #000;
    margin: 5px 5px 5px 0
}

.btnZ2 {
    background: #4368d4;
    color: #fff;
    margin: 0;
    padding: 8px 16px;
}

.btnZ3 {
    background: #ff0000;
    color: #fff;
    margin: 0 5px 0 10px;
    padding: 8px 16px;
}

    .btnZ3:hover {
        background: #d80505
    }

.btnZ2:hover {
    filter: grayscale(.6);
    background: #3c5dbd
}

.btnZ1:hover {
    background: #b0d869
}

small.nk {
    font-size: 11px;
    font-weight: bold;
    position: relative;
    left: 10px;
    top: -4px;
}

small.nk1 {
    font-size: 11px;
    font-weight: bold;
    position: relative;
    margin-top: -10px !important;
    display: block;
    color: #cd9a20;
}

.flexSub1 {
    display: table;
    width: 100%;
    position: relative;
    border-collapse: collapse
}

    .flexSub1 div {
        display: table-cell !important;
        padding: 10px !important;
        vertical-align: middle !important;
        border-bottom: 1.2px solid #EFF2F5 !important;
    }

        .flexSub1 div:first-child, .flexSub1 div:first-child img {
            width: 25px !important
        }

        .flexSub1 div strong {
            display: block;
            font-size: 13px;
            font-weight: bold
        }

        .flexSub1 div span {
            display: block;
            font-size: 12px;
            color: #999;
            font-weight: 500;
        }

        .flexSub1 div:last-child {
            display: block;
            font-size: 15px;
            text-align: right;
            font-weight: bold;
        }

            .flexSub1 div:last-child sup {
                font-size: 9px;
                position: relative;
                font-weight: bold;
                left: -2px;
                top: 0px;
            }

    .flexSub1:last-child div {
        border: 0px !important
    }

    .flexSub1:nth-child(odd) div {
        background: #f7f7f7
    }

.subTd hr.hr1 {
    border: 0px;
    padding: 1px;
    background: #F6F6F7;
    width: 100%;
    margin: 7px 0;
}

.menuBar {
    background: url(/pagesProducts/img/menu-bar.png) no-repeat 0 0;
    width: 31px;
    height: 31px;
    transition: all .3s;
    display: inline-block;
    background-size: contain;
    margin-left: 10px;
    cursor: pointer;
}

    .menuBar nav {
        animation: bounceIn 1s !important;
        position: absolute;
        display: none;
        margin: 35px 0 0 -167px;
        text-align: left;
        cursor: auto;
        z-index: 9999 !important;
        background: #ffffff;
        transform: none !important;
        box-shadow: 0px 0px 50px rgba(0,0,0,.2);
        border-radius: 15px;
    }

    .menuBar.active nav {
        display: block;
    }

        .menuBar.active nav p small {
            display: table;
            width: 81%;
            margin: -15px auto 10px;
            font-size: 11px;
            color: #788093;
        }

    .menuBar nav:after {
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #ffffff;
        border-bottom-color: #ffffff;
        content: '';
        position: absolute;
        right: 26px;
        top: -10px;
        margin-left: -10px;
    }


    .menuBar nav ol {
        padding: 20px 20px 10px;
        list-style-type: none;
        display: table;
        width: 220px;
    }

        .menuBar nav ol:nth-child(even) {
            padding-top: 10px;
            border-top: 1.2px solid #EFF2F5 !important;
        }

        .menuBar nav ol li {
            padding: 0;
            display: block;
        }

            .menuBar nav ol li a {
                display: block;
                transition: all .3s;
                color: #7c8393 !important;
                font-size: 12px !important;
                padding: 7px 0;
                font-weight: 600 !important;
                position: relative;
            }

                .menuBar nav ol li a:hover {
                    color: #aedb61 !important
                }

                .menuBar nav ol li a.disabled {
                    color: #bac4d8 !important
                }

                    .menuBar nav ol li a.disabled.ok:before {
                        content: "";
                        background: url(/pagesProducts/img/check-mark3.png) no-repeat 0 0;
                        background-size: contain;
                        width: 16px;
                        height: 16px;
                        display: inline-block;
                        margin-right: 5px;
                        position: relative;
                        top: 3px;
                    }

.stcBtns {
    float: right;
    position: relative;
    display: inline
}

    .stcBtns button {
        float: left
    }

.orderBigBody {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: row;
    padding: 13px 20px;
    background: #fff;
    align-items: center;
    border-radius: 6px;
}

    .orderBigBody div {
        position: relative;
    }

        .orderBigBody div:last-child {
            width: 276px
        }

        .orderBigBody div strong {
            font-size: 17px;
            line-height: 29px;
            display: block;
            font-weight: bold;
            color: #aedb61;
            margin: -4px 0 1px -1px
        }

        .orderBigBody div p {
            font-size: 11px !important;
            font-weight: 600;
            padding-bottom: 10px;
            padding-top: 10px;
            line-height: 16px !important;
            color: #ff5a5a;
        }

        .orderBigBody div span {
            font-size: 11px;
            display: block;
            color: #838b9c;
            font-weight: 500;
            position: relative;
        }

            .orderBigBody div span b {
                font-weight: bold;
                position: relative;
                font-size: 11px;
            }

.orgB {
    border-radius: 50%;
    background: #aedb61;
    width: 50px;
    height: 50px;
    display: inline-block;
    overflow: hidden;
}

.b_surec, .b_teslim, .b_iptal, .b_kart, .b_kargo, .b_pay, .b_iade, .b_fatura, .b_service {
    background: url(/pagesProducts/img/siparis_asama/big/surec.png) no-repeat center center;
    background-size: cover;
    width: 25px;
    height: 25px;
    display: table;
    margin: 24% auto;
}

.b_teslim {
    background: url(/pagesProducts/img/siparis_asama/big/ok.png) no-repeat center center;
    background-size: cover;
}

.b_service {
    background: url(/pagesProducts/img/siparis_asama/big/technical-support.png) no-repeat center center;
    background-size: cover;
}

.b_iade {
    background: url(/pagesProducts/img/siparis_asama/big/iade.png) no-repeat center center;
    background-size: cover;
}

.b_iade {
    background: url(/pagesProducts/img/siparis_asama/big/iade.png) no-repeat center center;
    background-size: cover;
}

.b_pay {
    background: url(/pagesProducts/img/siparis_asama/big/pay.png) no-repeat center center;
    background-size: cover;
    width: 34px;
    height: 34px;
    margin: 12% auto;
}

.b_iptal {
    background: url(/pagesProducts/img/siparis_asama/big/iptal.png) no-repeat center center;
    background-size: cover;
}

.b_kart {
    background: url(/pagesProducts/img/siparis_asama/big/card.png) no-repeat center center;
    background-size: cover;
}

.b_fatura {
    background: url(/pagesProducts/img/siparis_asama/big/faturab.png) no-repeat center center;
    background-size: cover;
}

.b_kargo {
    background: url(/pagesProducts/img/siparis_asama/big/kargo.png) no-repeat center center;
    background-size: cover;
    width: 30px;
    height: 25px;
}

.orderBig {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative;
    gap: 10px;
    margin-top: 20px;
}

    .orderBig button {
        width: 48.5%;
        border-radius: 6px;
        padding: 15px;
        color: #7f89a0;
        transition: all .3s;
        background: transparent;
        text-align: left;
        cursor: pointer;
        border: 1.2px solid #dee3ed;
    }

        .orderBig button strong {
            float: left;
            font-size: 14px;
            width: 125px;
            font-weight: bold;
        }

            .orderBig button strong small {
                display: block;
                color: #8d98af;
                font-size: 10px;
                font-weight: 600
            }

        .orderBig button .mix_iade {
            background: url(/pagesProducts/img/siparis_asama/iade1.png) no-repeat center center;
            background-size: contain;
            width: 25px;
            height: 33px;
            display: inline-block;
            margin-right: 11px;
            float: left;
        }

        .orderBig button .mix_iptal {
            background: url(/pagesProducts/img/siparis_asama/iptal1.png) no-repeat center center;
            background-size: contain;
            width: 25px;
            height: 33px;
            display: inline-block;
            margin-right: 11px;
            float: left;
        }

        .orderBig button .mix_fatura {
            background: url(/pagesProducts/img/siparis_asama/fatura.png) no-repeat center center;
            background-size: contain;
            width: 25px;
            height: 23px;
            display: inline-block;
            margin-right: 11px;
            float: left;
            position: relative;
            top: 5px;
        }

        .orderBig button .mix_sil {
            background: url(/pagesProducts/img/siparis_asama/remove.png) no-repeat center center;
            background-size: contain;
            width: 25px;
            height: 23px;
            display: inline-block;
            margin-right: 11px;
            float: left;
            position: relative;
            top: 5px;
        }

        .orderBig button:disabled {
            opacity: .4;
            cursor: no-drop
        }

.mix_kargo {
    background: url(/pagesProducts/img/siparis_asama/kargo.png) no-repeat center center;
    background-size: contain;
    width: 25px;
    height: 33px;
    display: inline-block;
    margin-right: 11px;
    float: left;
}

.orderBig button:hover {
    background: #fff;
    box-shadow: 0px 0px 40px rgba(0,0,0,.1)
}

#fsk {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9998;
}

    #fsk canvas, canvas {
        position: fixed !important;
        left: 0 !important;
        top: 0 !important;
        width: 100% !important;
        height: 100% !important;
        z-index: 9999 !important;
    }

.payment-info-card {
    background-color: #f5f7f9;
    border: 1.2px solid #dee3ed;
    padding: 16px;
    color: #7f89a0;
    border-radius: 8px;
    display: block;
    font-size: 13px;
    font-weight: 700;
    display: table;
    width: 100%;
}

sub {
    display: block;
    line-height: 0;
    margin: 3px 0 -21px;
    font-size: 9px;
    font-weight: 700;
    color: #ff0000;
}

.payment-info-card small {
    color: #2a4282;
    font-size: 11px;
    font-weight: 700;
    display: block
}

.payment-info-card strong {
    font-weight: bold;
    color: #000;
    display: block;
    margin-bottom: 10px
}

.loops2 {
    width: 100%;
    display: table;
    border-radius: 6px;
    position: relative;
    overflow: hidden;
    padding: 10px;
    background: #f5f7f9 !important;
    border: 1.2px solid #dee3ed;
}


    .loops2 .flexSub1 div {
        background: #f5f7f9 !important;
        font-size: 13px;
        font-weight: 600
    }

        .loops2 .flexSub1 div:first-child {
            width: 1px !important;
            position: absolute;
            z-index: -1;
        }

        .loops2 .flexSub1 div:last-child {
            font-weight: bold;
        }

/*kargo takip*/

.kargoTop {
    width: 300px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    margin: 0px auto 20px;
}

    .kargoTop strong {
        color: #7f89a0;
    }

    .kargoTop img {
        margin-bottom: -10px;
        object-fit: contain;
        width: 70px;
    }

.kargoTakipBg {
    background-color: #f5f7f9;
    padding: 20px 8px;
    text-align: center;
    color: #7f89a0;
    font-size: 21px;
    border-radius: 32px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    cursor: pointer;
    position: relative;
    border: none;
    margin: 8px 0;
}

    .kargoTakipBg span {
        background-color: #f5f7f9;
        text-align: center;
        color: #7f89a0;
        font-weight: 700;
        width: 100%;
        height: 100%;
        border-radius: 32px;
        position: absolute;
        top: 0;
        left: 0;
        font-size: 17px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        letter-spacing: 1px;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
    }

.roadBG {
    width: 24px;
    background-color: #f5f7f9;
    border-radius: 12px;
    padding: 7px 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}

@keyframes roadPix {

    to {
        background-position: 0 -100%;
    }
}

.road {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMiIgaGVpZ2h0PSIzNiIgdmlld0JveD0iMCAwIDIgMzYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjIiIGhlaWdodD0iMjQiIGZpbGw9IndoaXRlIi8+PC9zdmc+);
    background-repeat: repeat-y;
    width: 2px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    left: calc(50% - 1px);
    animation: roadPix 1.5s linear infinite;
}

    .road.ok {
        animation: none !important
    }

.roadTextBody {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-start;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 20px 0 10px;
}

#faturaDB iframe {
    border: none;
    display: block;
    overflow: auto;
    width: 100%;
    height: 100%;
    min-height: 400px;
}

.roadTextBodyList {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 50%;
    padding-right: 40px;
    border-right: 1px dashed #E5E5E5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: auto;
}


.ROABody {
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    width: 100%;
    min-height: 150px;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.ROABodylist {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 8px 0 11px 25px;
    position: relative;
}

.roadTextBodyList:last-child {
    border-right: 0px;
    justify-content: flex-end;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
}

.roadButton {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #ff6000;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: flex-start;
    margin-top: 22px;
    text-decoration: none;
}

.kargoDisc {
    display: block;
    font-size: 16px;
    padding: 10px;
    font-weight: 500;
    color: #818b9f;
    position: relative;
}

    .kargoDisc:before {
        content: "";
        position: relative;
        border-radius: 100%;
        display: inline-block;
        height: 1.25rem;
        width: 1.25rem;
        background: #f5f7f9;
        border: 3px solid transparent;
        z-index: 2;
        margin: 3px 16px -6px -10px;
    }

    .kargoDisc.active:before {
        background: #a7b0c3;
    }

    .kargoDisc.active:after {
        content: "";
        background: url(/pagesProducts/img/okgtw.png) no-repeat 0 0;
        background-size: contain;
        width: 11px;
        height: 9px;
        display: inline-block;
        position: relative;
        z-index: 100;
        position: absolute;
        left: 0;
        margin: 11px 0 0 7px;
    }

.trucks {
    background-image: url(/pagesProducts/img/siparis_asama/truck-delivery1.svg);
    width: 16px;
    height: 32px;
    position: absolute;
    left: calc(50% - 8px);
    bottom: 100%;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}


@-webkit-keyframes drive {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 100% 0;
    }
}


@keyframes drive {
    0% {
        -webkit-transform: translateY(512px);
        transform: translateY(512px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.placed {
    -webkit-animation-name: animationFramesPlaced;
    animation-name: animationFramesPlaced
}

.transfer {
    -webkit-animation-name: animationFramesTransfer;
    animation-name: animationFramesTransfer
}

.branch {
    -webkit-animation-name: animationFramesBranch;
    animation-name: animationFramesBranch
}

.distribution {
    -webkit-animation-name: animationFramesDistribution;
    animation-name: animationFramesDistribution
}

.delivered {
    bottom: 17px
}

@-webkit-keyframes animationFramesPlaced {
    0% {
        bottom: 100%
    }

    to {
        bottom: 205px
    }
}

@keyframes animationFramesPlaced {
    0% {
        bottom: 100%
    }

    to {
        bottom: 205px
    }
}

@-webkit-keyframes animationFramesTransfer {
    0% {
        bottom: 100%
    }

    to {
        bottom: 157px
    }
}

@keyframes animationFramesTransfer {
    0% {
        bottom: 100%
    }

    to {
        bottom: 157px
    }
}

@-webkit-keyframes animationFramesBranch {
    0% {
        bottom: 100%
    }

    to {
        bottom: 110px
    }
}

@keyframes animationFramesBranch {
    0% {
        bottom: 100%
    }

    to {
        bottom: 110px
    }
}

@-webkit-keyframes animationFramesDistribution {
    0% {
        bottom: 100%
    }

    to {
        bottom: 65px
    }
}

@keyframes animationFramesDistribution {
    0% {
        bottom: 100%
    }

    to {
        bottom: 65px
    }
}

#gradient-horizontal {
    --color-stop-1: #a770ef;
    --color-stop-2: #cf8bf3;
    --color-stop-3: #fdb99b;
}

#gradient-vertical {
    --color-stop-1: #00c3ff;
    --color-stop-2: #77e190;
    --color-stop-3: #ffff1c;
}

.kargoDetails {
    padding: 0;
    display: none;
    width: 100%;
    height: 150px;
    overflow: auto;
    padding-right: 20px;
}

    .kargoDetails .dList {
        display: flex;
        width: 100%;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        padding: 10px;
        gap: 10px;
        border-radius: 6px;
    }

        .kargoDetails .dList:nth-child(odd) {
            background: #f1f1f1;
        }

        .kargoDetails .dList div {
            position: relative;
            width: 50%;
            font-size: 12px;
            text-align: left;
        }

            .kargoDetails .dList div b {
                display: block;
                font-size: 12px;
                font-weight: 700
            }

            .kargoDetails .dList div:last-child {
                text-align: right;
                justify-content: flex-end;
                -webkit-box-flex: 0;
                -ms-flex-positive: 0;
                flex-grow: 0;
            }

.btn1 .mail, .btn1 .download1 {
    width: 17px !important;
    height: 15px !important;
    top: 1px;
}

.sorC {
    padding: 10px 20px;
    background: #f7f7f7;
    font-size: 13px;
    font-weight: 500;
    margin-top: 10px;
    border-radius: 6px;
    position: relative;
    border-bottom: 1.2px solid #EFF2F5 !important;
}

    .sorC.ok {
        cursor: pointer;
    }

    .sorC:after {
        content: "";
        background: url(/pagesProducts/img/yzaman.png) no-repeat 0 center;
        display: inline-block;
        width: 40px;
        height: 40px;
        background-size: contain;
        margin-right: 5px;
        position: absolute;
        top: 27%;
        right: 3%;
    }

    .sorC.ok:after {
        content: "";
        background: url(/pagesProducts/img/user/next.png) no-repeat 0 center;
        display: inline-block;
        width: 18px;
        height: 18px;
        background-size: contain;
        margin-right: 5px;
        position: absolute;
        top: 40%;
        right: 3%;
    }

    .sorC.ok.active:after {
        transform: rotate(90deg);
    }

    .sorC strong, .sorCVP strong {
        font-weight: 700;
        display: block;
        margin-bottom: 5px;
    }

        .sorC strong:before, .sorCVP strong:before {
            content: "";
            background: url(/pagesProducts/img/verifyx.png) no-repeat 0 center;
            display: inline-block;
            width: 13px;
            height: 13px;
            background-size: contain;
            margin-right: 5px;
            position: relative;
            top: 1px;
        }

    .sorC span {
        line-height: 1.36;
        font-size: 14px;
        -webkit-box-flex: 1;
        padding: 7px 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        display: -ms-flexbox;
        display: flex;
        display: -webkit-box;
        height: 27px;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        width: 320px;
        -webkit-box-align: start;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }

    .sorC small, .sorC code {
        color: #000;
        display: table;
        font-size: 12px;
        border-radius: 6px;
        font-weight: bold;
        margin: 10px 0 0px;
    }

    .sorC code {
        font-weight: 500 !important;
        border-radius: 0px;
        position: relative;
        margin: 0px;
        font-size: 11px;
        color: #999;
    }

.sorCVP {
    display: none;
    padding: 10px 20px;
    background: #f5f7f9;
    font-size: 13px;
    font-weight: 500;
    border-radius: 6px;
    margin-top: 20px;
    position: relative;
    border-bottom: 1.2px solid #EFF2F5 !important;
}

    .sorCVP span {
        padding: 10px 0;
        display: block;
        font-size: 13px;
        font-weight: 700 !important
    }


    .sorCVP:before {
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #f5f7f9;
        border-bottom-color: #f5f7f9;
        content: '';
        position: absolute;
        left: 7%;
        top: -10px;
        margin-left: -10px;
    }

    .sorCVP small {
        display: block;
        font-size: 12px;
        font-weight: 500;
        padding: 10px;
        margin: 10px 0;
        position: relative;
        background: #dee3ed;
        border-radius: 6px;
    }

        .sorCVP small code.ls {
            position: absolute;
            right: 10px;
            font-size: 12px;
        }

            .sorCVP small code.ls b {
                font-weight: bold;
                font-size: 12px;
            }



.iadeTalepBg, .iptalTalepBg {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9998;
    background: rgba(0,0,0,.6)
}

.iadeTalepText {
    padding: 30px;
    width: 450px;
    height: 100%;
    animation: bounceIn 1s;
    position: fixed;
    z-index: 9999;
    right: 0%;
    float: right;
    top: 0;
    background: #f5f7f9;
}

    .iadeTalepText .closep {
        padding: 17px;
        right: 19px;
        top: 40px;
    }

    .iadeTalepText h3 {
        padding: 10px 0 0;
        font-size: 20px
    }

    .iadeTalepText p {
        margin-bottom: 20px
    }

.taleps {
    padding: 20px;
    background: none;
    border: 2px solid #f1f1f1;
    margin-bottom: 10px;
    display: block;
    color: #000000;
    width: 100%;
    text-align: left;
    font-size: 14px;
    border-radius: 5px;
    cursor: pointer;
    position: relative;
    transition: all .3s;
    z-index: -1;
}

    .taleps:after {
        content: "";
        background: url(/pagesProducts/img/next.png) no-repeat 0 0;
        background-size: contain;
        width: 26px;
        height: 26px;
        display: inline-block;
        position: absolute;
        right: 2%;
        top: 0;
        margin-top: 30px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .taleps.active:after {
        transform: rotate(90deg);
        margin-top: 17px;
    }

    .taleps b {
        font-weight: bold;
        font-size: 14px;
    }

    .taleps:hover, .taleps.active {
        border: 2px solid #fff;
        z-index: 100;
        background: #fff;
        box-shadow: 0px 0px 70px 30px rgba(0,0,0,.2);
    }

    .taleps.disabled:after {
        opacity: .4
    }

    .taleps.disabled:hover {
        background: none !important;
        z-index: -1 !important;
        box-shadow: none !important;
        border: 2px solid #f1f1f1 !important;
    }

    .taleps .sipAsama {
        display: inline-block;
        margin-right: 12px;
        top: -1px;
        width: 20px;
        height: 20px;
    }

.talepsTWO {
    border: solid 2px #f5b621 !important;
    background: #f5b621 !important;
}

.taleps.active {
    animation: bounceIn 1s;
    display: block;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 815px;
}

.talepText {
    display: none;
    margin-top: 15px;
}

    .talepText textarea[placeholder] {
        font-size: 13px !important;
    }

.taleps.active .talepText {
    display: block
}

.talepText .radioMS label {
    margin-bottom: 5px
}

    .talepText .radioMS label:after {
        height: 1.4rem;
        width: 1.4rem;
    }

    .talepText .radioMS label span:before {
        width: 10px;
        height: 10px;
        top: 8px;
        left: 1.3px;
    }

    .talepText .radioMS label input:checked ~ span, .talepText .radioMS label input ~ span {
        padding-left: 2rem !important;
        top: -2px;
        line-height: 25px
    }

    .talepText .radioMS label input:checked ~ span {
        color: #f5b621
    }

#infoHPK, #infoHPKX {
    margin: -10px 0 20px;
    font-size: 13px;
}

    #infoHPK b, #infoHPKX b {
        font-size: 13px;
        font-weight: 700
    }

    #infoHPK strong, #infoHPKX strong {
        font-weight: bold;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        display: -ms-flexbox;
        display: flex;
        display: -webkit-box;
        height: 20px;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        -webkit-box-align: start;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }

        #infoHPK strong small, #infoHPKX strong small {
            font-size: 13px !important;
            font-weight: normal !important
        }

            #infoHPK strong small b, #infoHPKX strong small b {
                font-weight: 700 !important;
                font-size: 13px !important;
            }

    #infoHPK .img, #infoHPKX .img {
        width: 55px;
        height: 55px;
        position: relative;
        background: #fff;
        border-radius: 34px;
        overflow: hidden;
        padding: 4px;
        border: 4px solid #f5b621;
        float: left;
        margin: -5px 10px 0 0;
        z-index: 100;
    }

        #infoHPK .img img, #infoHPKX .img img {
            object-fit: contain;
            width: 100%;
            height: 100%;
        }

.jxpFoto {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 5px 5.9px;
    margin: 3px 0 3px 3px;
}

    .jxpFoto .psm {
        width: 64px;
        cursor: auto !important;
        height: 64px;
        float: left;
        position: relative;
        overflow: hidden;
        border: 1.2px solid #dee3ed;
        border-radius: 3px;
        padding: 5px;
    }

        .jxpFoto .psm img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 3px;
        }

        .jxpFoto .psm .psmBg {
            transition: all .3s;
            display: none;
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            background: rgba(0,0,0,.3);
            z-index: 400
        }

        .jxpFoto .psm .imgRemov {
            display: none;
            transition: all .3s;
            position: absolute;
            z-index: 500;
            width: 16px;
            padding: 7px;
            cursor: pointer !important;
            height: 16px;
            background: #fff url(/pagesProducts/img/remove1.png) no-repeat center center;
            background-size: auto;
            right: 8%;
            top: 8%;
            border-radius: 50%;
            box-shadow: 0px 0px 4px rgba(0,0,0,.1);
        }

        .jxpFoto .psm:hover .imgRemov, .jxpFoto .psm:hover .psmBg {
            display: block
        }

.back {
    background: url(/pagesProducts/img/back.png) no-repeat 0 0;
    display: inline-block;
    cursor: pointer;
    width: 20px;
    height: 20px;
    background-size: contain;
    margin-right: 6px;
    position: relative;
    top: 2px;
}

.kargoMan {
    display: table;
    margin: 20px auto;
    background: url(/pagesProducts/img/siparis_asama/kargo.svg) no-repeat center center;
    width: 200px;
    height: 150px;
}

.talepText p {
    padding: 4px 0 !important;
    margin: 0 !important
}

.btn4, .btn5 {
    padding: 15px;
    font-weight: 700;
    font-size: 14px;
    margin: 10px 0;
    cursor: pointer;
    width: 100%;
    transition: all .3s;
    display: inline-block;
    background: #dba21c;
    border-radius: 6px;
    text-align: center;
    margin-bottom: 5px;
    color: #ffffff;
}
    .btn4{width:74px !important; font-size:15px !important}
        .btn4.fullx:hover {
            background: #ca9517 !important
        }

        .btn5, .btnWhite {
            background: #fff;
            color: #000
        }

    .btn5:hover {
        background: #eee
    }

p.pad {
    padding: 10px 0 !important;
    display: block
}

.dateMaskBody {
    display: flex;
    width: 100%;
    position: relative;
    align-items: flex-start;
    vertical-align: middle;
    gap: 6px;
    flex-direction: row;
    flex-wrap: wrap
}

.dateMask {
    position: relative;
    padding: 10px;
    font-size: 13px;
    border-radius: 6px;
    text-align: center;
    transition: all .3s;
    border: 1.2px solid #EFF2F5;
}

    .dateMask b {
        font-weight: bold;
        font-size: 13px;
        display: block;
        text-align: center
    }

    .dateMask:hover, .dateMask.active {
        border: 1.2px solid #efe1be;
    }

    .dateMask.disabled:hover {
        border: 1.2px solid #EFF2F5 !important;
    }

    .dateMask.active {
        background: #efe1be;
        box-shadow: 0px 0px 40px rgba(0,0,0,.2);
        z-index: 400;
    }

.sipArs {
    right: 0;
    width: auto;
    position: absolute;
    margin: -23px 0;
}

    .sipArs .nmrinput {
        height: 56px;
    }

    .sipArs .sb1 {
        width: 190px !important
    }

    .sipArs .nmrinput input[type="text"] {
        width: 162px !important
    }

    .sipArs .selectmins .ul .gf ul li.addres {
        text-align: left !important
    }

.FCTab .sipArs ul {
    border: 0px !important
}

    .FCTab .sipArs ul li:last-child {
        border: 0px !important
    }

.balon {
    width: 200px;
    height: 200px;
    background: url(/pagesProducts/img/balon.png) no-repeat center center;
    display: table;
    margin: 80px auto 20px;
    background-size: cover
}

.jbtn {
    position: absolute;
    right: 0px;
    top: 0;
    border-radius: 27px;
    background: #59cc50;
    color: #fff;
    padding: 6px 20px;
    font-size: 12px;
    font-weight: 700;
}

.deger, .degerTabBody {
    display: flex;
    margin: 20px 0;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    gap: 25px;
    align-content: flex-start
}

.degerTabBody, .OVChat {
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    padding: 0 20px;
    gap: 10px;
    margin: -10px 0 20px;
    width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -webkit-box-align: start;
    flex-wrap: wrap;
}

    .degerTabBody .dtab {
        position: relative;
        width: 49.4%;
        border: 1.12px solid #EFF2F5;
        padding: 10px 10px 20px;
        border-radius: 6px;
        overflow: hidden;
    }

.ilike {
    display: inline-block;
    background: url(/pagesProducts/img/like.png) no-repeat 0 center;
    margin-right: 2px;
    font-size: 12px;
    color: #000;
    text-indent: 15px;
    font-weight: bold;
    width: 13px;
    height: 13px;
    background-size: contain;
    margin-left: 10px;
    position: relative;
    top: 1px;
}

.degerTabBody .dtab .twx {
    display: table;
    width: 100%;
    border-collapse: separate;
    border-spacing: 5px 5px;
}

    .degerTabBody .dtab .twx .tr {
        display: table-row
    }

    .degerTabBody .dtab .twx .td {
        vertical-align: top;
        display: table-cell;
        font-size: 12px
    }

        .degerTabBody .dtab .twx .td .rate {
            margin-top: 6px !important;
            width: 100%
        }

            .degerTabBody .dtab .twx .td .rate code, .degerTabBody .dtab .twx .td .rate abbr {
                padding: 6px;
                margin: 6px 4px;
                font-size: 11px;
                background: none !important;
                border-radius: 4px;
                color: #000;
                font-weight: 600;
                position: absolute;
                right: 0;
                margin: -4px;
            }

                .degerTabBody .dtab .twx .td .rate abbr b {
                    font-weight: 700;
                    font-size: 11px;
                }

            .degerTabBody .dtab .twx .td .rate abbr {
                position: relative
            }

        .degerTabBody .dtab .twx .td code {
            padding: 6px;
            margin: 6px 4px;
            font-size: 10px;
            background: #ff0000;
            border-radius: 4px;
            color: #fff;
            font-weight: 700;
        }

        .degerTabBody .dtab .twx .td .commentBg {
            font-size: 12px;
            padding: 10px 0;
        }

        .degerTabBody .dtab .twx .td .menuGR {
            background: url(/pagesProducts/img/vico/menu.png) no-repeat 0 0;
            width: 25px;
            height: 25px;
            display: inline-block;
            background-size: contain;
            cursor: pointer;
            position: absolute;
            right: 2%;
            top: 12px;
        }

            .degerTabBody .dtab .twx .td .menuGR ul {
                list-style-type: none;
                position: absolute;
                background: #fff;
                z-index: 9999;
                width: 130px;
                display: none;
                overflow: hidden;
                text-align: left;
                box-shadow: 0px 0px 30px rgba(0,0,0,.1);
                border-radius: 6px;
                margin: 20px 0 0 -100px;
            }

            .degerTabBody .dtab .twx .td .menuGR.actives ul {
                display: block
            }

            .degerTabBody .dtab .twx .td .menuGR ul li {
                padding: 10px 15px 10px;
                transition: all .3s;
            }

                .degerTabBody .dtab .twx .td .menuGR ul li:last-child {
                    padding: 10px 15px 10px
                }

                .degerTabBody .dtab .twx .td .menuGR ul li a {
                    display: block;
                    color: #000;
                    font-weight: 700;
                    font-size: 13px
                }

                .degerTabBody .dtab .twx .td .menuGR ul li:hover {
                    background: #f9f9f9
                }

                .degerTabBody .dtab .twx .td .menuGR ul li:first-child a:before {
                    content: "";
                    background: url(/pagesProducts/img/aliciEdit.png) no-repeat 0 center;
                    width: 13px;
                    height: 14px;
                    background-size: contain;
                    display: inline-block;
                    margin-right: 11px;
                    position: relative;
                    top: 2px;
                }

                .degerTabBody .dtab .twx .td .menuGR ul li:last-child a:before {
                    content: "";
                    background: url(/pagesProducts/img/trash.png) no-repeat 0 center;
                    width: 13px;
                    height: 14px;
                    background-size: contain;
                    display: inline-block;
                    margin-right: 11px;
                    position: relative;
                    top: 2px;
                }

        .degerTabBody .dtab .twx .td strong a {
            font-weight: 700;
            color: #000;
            font-size: 14px;
            transition: all .3s;
            position: relative;
            left: 5px;
            text-overflow: ellipsis;
            width: 275px;
            display: -webkit-box;
            height: 8px;
            -webkit-line-clamp: 2;
            display: -webkit-box;
            height: 38px;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            -webkit-box-align: start;
            overflow: hidden;
        }

            .degerTabBody .dtab .twx .td strong a:hover {
                color: #f5b621
            }

        .degerTabBody .dtab .twx .td:first-child {
            width: 85px;
            padding-right: 10px
        }

        .degerTabBody .dtab .twx .td:last-child {
            vertical-align: middle
        }

        .degerTabBody .dtab .twx .td img {
            width: 100%;
            border-radius: 6px;
            height: 100%;
            object-fit: cover
        }

.deger .poww {
    display: block;
    width: 48.6%;
    position: relative;
    padding: 30px;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0px 0px 30px rgba(0,0,0,.1)
}

    .deger .poww:last-child, .degerTabBody .dtab:nth-child(2n+1) {
        justify-content: flex-end;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
    }

    .deger .poww div {
        display: flex;
        align-content: center;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        gap: 30px
    }

        .deger .poww div i, .deger .poww div p, .deger .poww div p b {
            position: relative;
            font-size: 16px;
            font-weight: 700;
            line-height: 28px;
            color: #000;
        }

        .deger .poww div pspan {
            font-weight: 500;
            font-size: 14px
        }

.d_like, .d_star {
    background: url(/pagesProducts/img/vico/like.png) no-repeat 0 0;
    background-size: contain;
    width: 42px;
    height: 42px;
    display: block;
    margin-bottom: 10px
}

.d_star {
    background: url(/pagesProducts/img/vico/star.png) no-repeat 0 0;
    background-size: contain;
}

.kovBody {
    display: table;
    width: 100%;
    border-radius: 6px;
    border: 1.2px solid #EFF2F5;
    overflow:hidden
}

    .kovBody ol {
        width: 100%;
        display: table;
        position: relative;
        list-style-type: none;
        border-bottom: 1.2px solid #EFF2F5
    }

        .kovBody ol li {
            padding: 30px 20px;
            float: left;
            color: #dcadca;
            cursor: pointer;
            font-weight: bold;
            position: relative;
            font-size: 14px;
        }

            .kovBody ol li.active {
                color: #2a4282
            }

                .kovBody ol li.active:before {
                    content: "";
                    height: 4px;
                    background: #2a4282;
                    position: absolute;
                    width: 100%;
                    bottom: -2px;
                    left: 0;
                    z-index:100;
                    border-radius: 12px;
                }

.kovBodyBtn {
    padding: 20px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    margin: 10px 0;
}

    .kovBodyBtn button {
        border-radius: 6px;
        padding: 10px 16px;
        cursor: pointer;
        border: 1.12px solid #EFF2F5;
        transition: all .3s;
        background: none;
        font-size: 13px;
        font-weight: 600;
    }

        .kovBodyBtn button:hover, .kovBodyBtn button.active {
            background: #dee3ed;
            box-shadow: 0px 0px 30px rgba(0,0,0,.1);
            border: 1.12px solid #dee3ed
        }

        .kovBodyBtn button span {
            font-weight: bold;
            font-size: 12px
        }

.drtBtn {
    padding: 6px 10px;
    border-radius: 4px;
    background: #f5b621;
    color: #fff;
    margin: 10px 0 0 5px;
    transition: all .3s;
    cursor: pointer;
    display: table;
    font-size: 11px;
    font-weight: 700;
}

    .drtBtn:hover {
        background: #f59e21
    }

.kovBody ol li strong {
    font-weight: bold;
    color: #000;
    display: block
}

.kovBody ol li span {
    color: #999;
    font-size: 13px
}
    .kovBody ol li span b{font-weight:bold}
    .OVChat {
        gap: 0px !important;
        padding: 0;
        margin: 0
    }
.OVChatPanel1 {
    width: 40%;
    height: 552px;
    overflow-y: auto;
    position: relative;
    display: block;
    overflow-x: hidden;
    border-right: 1.2px solid #EFF2F5;
}
.OVChatPanel2 {
    position: relative;
    width: 60%;
    display: block
}
.elps{
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    margin-right: 6px;
}
.addScroll1::-webkit-scrollbar-thumb, .addScroll1-moz-scrollbar-thumb, .addScroll1 scrollbar-thumb {
    background: #2a4282 !important
}
.OVChatPanel1 ul li {
    display: flex;
    padding: 10px;
    background: #fff;
    border-bottom: 1px solid #f7f7f7;
    align-items:flex-start;
    flex-direction: row;
    transition:all .3s;
    cursor:pointer;
    gap: 5px;
    flex-wrap: wrap
}
    .OVChatPanel1 ul li div.flx{position:relative;}
    .OVChatPanel1 ul li:hover, .OVChatPanel1 ul li.active {
        background: #f2f2f2;
    }
    .OVChatPanel1 ul li div.flx img {
        width: 50px;
        border-radius: 6px;
        margin-right: 5px;
    }
.OVChatPanel1 ul li:last-child{border-bottom:0px}
    .OVChatPanel1 ul li div.flx strong {
        flex: 1;
        white-space: nowrap;
        overflow: hidden;
        font-weight: 600;
        font-size: 12px;
        text-overflow: ellipsis;
        display: inline-block;
        margin-right: 6px;
        width: 220px;
    }
    .OVChatPanel1 ul li div.flx .date {
        font-size: 11px;
        color: #999;
        position: relative;
        top: -4px;
    }
    .OVChatPanel1 ul li div.flx b, .flx1 strong {
        display: block;
        font-size: 12px;
        font-weight: bold
    }
    .OVChatPanel1 ul li div.flx p {
        flex: 1;
        white-space: nowrap;
        overflow: hidden;
        font-weight: 600;
        font-size: 12px;
        text-overflow: ellipsis;
        display: inline-block;
        margin-right: 6px;
        width: 210px;
        font-size: 11px;
        font-weight: 500;
        padding: 2px 0;
        color: #999;
    }
    .OVChatPanel1 ul li div.flx small {
        position: absolute;
        right: 0;
        font-size: 9px;
        font-weight: 600;
        color: #fff;
        background: #ff6000;
        padding: 2px 4px;
        border-radius: 3px;
        margin: 3px 0;
    }
.flx1{padding:20px; display:table; width:100%;}
.flx1 small{display:block; padding:2px 0; font-size:12px}
._usr {
    padding: 16px;
    background: #868d09;
    border-radius: 6px;
    text-align: right;
    display: table;
    float: right;
    color: #fff;
    margin: 20px 0;
    font-size: 12px !important;
    line-height: 20px !important;
    max-width: 385px;
    min-width: 200px;
}
    ._usr strong, ._byx strong {
        display: block;
        font-size: 13px;
        font-weight: bold;
        padding: 10px 0;
    }
    ._usr small {
        display: block;
        float: right;
        font-weight: 600;
        color: #fff;
        padding: 7px 0;
        font-size: 11px !important;
    }
._byx {
    padding: 16px;
    background: #b5bf08;
    border-radius: 6px;
    text-align: left;
    display: table;
    float: left;
    color: #fff;
    margin: 20px 0;
    font-size: 12px !important;
    line-height: 20px !important;
    max-width: 465px;
   
}
    ._byx small {
        display: block;
        float: left;
        font-weight: 600;
        color: #fff;
        padding:15px 0;
        font-size: 11px !important;
    }
._byxline {
    position: absolute;
    bottom: -104px;
    left:0;
    width:100%;
    padding: 10px;
    border-top: 1.2px solid #EFF2F5
}
.fullx{width:100% !important}