@font-face {
    font-family: 'Basier Circle';
    src: url('/css/font/BasierCircle-Bold.eot');
    src: local('Basier Circle Bold'), local('BasierCircle-Bold'), url('/css/font/BasierCircle-Bold.woff2') format('woff2'), url('/css/font/BasierCircle-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

iframe html{overflow:hidden!important}

@font-face {
    font-family: 'Basier Circle';
    src: url('/css/font/BasierCircle-Medium.eot');
    src: local('Basier Circle Medium'), local('BasierCircle-Medium'), url('/css/font/BasierCircle-Medium.woff2') format('woff2'), url('/css/font/BasierCircle-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Basier Circle';
    src: url('/css/font/BasierCircle-Regular.eot');
    src: local('Basier Circle Regular'), local('BasierCircle-Regular'), url('/css/font/BasierCircle-Regular.woff2') format('woff2'), url('/css/font/BasierCircle-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



@font-face {
    font-family: 'Lora';
    src: url('/css/font/Lora-Regular.woff2') format('woff2'), url('/css/font/Lora-Regular.woff') format('woff'), url('/css/font/Lora-Regular.svg#Lora-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lora';
    src: url('/css/font/Lora-Medium.woff2') format('woff2'), url('/css/font/Lora-Medium.woff') format('woff'), url('/css/font/Lora-Medium.svg#Lora-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lora';
    src: url('/css/font/Lora-Bold.woff2') format('woff2'), url('/css/font/Lora-Bold.woff') format('woff'), url('/css/font/Lora-Bold.svg#Lora-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Basier Square';
    src: url('/css/font/BasierSquare-Bold.eot');
    src: local('Basier Square Bold'), format('embedded-opentype'), url('/css/font/BasierSquare-Bold.woff2') format('woff2'), url('/css/font/BasierSquare-Bold.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
.fixlogo {
    display: none;
    position: absolute;
    width: 165px;
    margin: 15px;
}
.fix {
    position: fixed;
    left: 0;
    top: -31px !important;
    z-index: 5000;
    margin: 0 !important;
    padding: 0 !important;
}
header.fix .page:first-child{display:none}
header.fix .fixlogo{display:block}
header.fix nav .page {
    display: block !important
}

.author {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    border-bottom: 1.2px solid #f2f2f2;
    margin-bottom: 10px;
    align-items: center;
    padding: 10px;
    width: 100%;
    grid-gap: 20px
}
.author_img {
    position: relative;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background: #fff;
    display: block;
    position: relative;
    overflow: hidden;
}
.page1 p a{font-size:18px; font-family:Lora;}
.author_img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important
}
    .author_info {
        position: relative;
        flex: 1
    }
    h1 span{display:block; line-height:28px; font-family:Lora}
        .author_info small {
            display: inline-block;
            position: relative;
            padding:8px; background:#f1f1f1; color:#5d8ce6
        }
        .author_info strong {
            padding: 3px 0px;
            display: table;
            font-size:18px;
            color: #000;
        }
        .author_info span {
            padding: 8px 10px;
            display: table; font-size:14px; font-weight:bold;
            background: #f4a940;
            color: #000;
        }
        .authorNews{ display:flex; flex-direction:row; border-bottom:1.2px solid #f1f1f1; margin-bottom:10px; position:relative; flex-wrap:nowrap; gap:10px; align-items:center}
            .authorNews_text{flex:1}
                .authorNews_text a{color:#000 !important; font-family:'Basier Circle',Lora !important}
                    .authorNews_text a:hover{text-decoration:underline}
                    .authorNews_text b {
                        font-size: 12px;
                        display: block; margin:5px 0;
                    }
                .authorNews_text p em{font-size:13px !important; display:block; margin:10px 0; font-weight:400; font-style:normal}
                    .authorNews_text p em b{font-weight:600 !important; display:inline-block !important; font-size:13px !important; margin:0 !important}
                    .authorNews_img {
                        width: 250px;
                    }
    .authorNews_img img{width:100%; height:100%; object-fit:cover}
    .inTrx {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center
    }
    .inTrx .shareTd{width:32% !important; flex:1; text-align:center}
        .inTrx .shareTd .shareBtn {
            display: flex;
            flex-direction: column;
            align-items: center;
            padding:15px !important;
            font-size: 15px !important;
            justify-content: center
        }
            .inTrx .shareTd .shareBtn svg{display:table; margin:2px auto !important}
            .finj {
                padding: 8px 8px 5px;
                background: #f4a940;
                position: absolute;
                z-index: 1000;
                right: 0;
                margin: 9px;
                border-radius: 6px;
            }
    .finj i{background:url(/img/pdf.png) no-repeat center center; background-size:contain; display:inline-block; width:22px; height:22px}
    .fitimg {
        width: 49.5% !important;
        float: left;
        border-radius: 10px
    }

    .fitimg:last-child {
        margin-left: 10px
    }

.kartBtnList {
    padding: 20px 10px
}

.checkMark {
    background: url(/images/check-mark.png) no-repeat 0 0;
    display: inline-block;
    margin-right: 20px;
    background-size: contain;
    width: 110px;
    height: 150px;
    float: left
}

.edit1 {
    background: url(/images/addresedit.png) no-repeat 0 0;
    display: inline-block;
    margin: 3px -1px -2px 10px;
    background-size: contain;
    width: 16px;
    height: 16px
}

.inka {
    padding: 20px !important;
    border-radius: 6px !important;
    margin-top: 20px !important;
    margin-bottom: 0px !important;
    background: #fff
}

    .inka small {
        font-size: 13px;
        font-weight: 700;
        color: #5a308b
    }

    .inka a {
        transition: all .3s;
        font-size: 13px;
        font-weight: 700;
        margin: 10px 0;
        display: inline-block;
        color: #000;
        padding: 5px 10px;
        line-height: 22px;
        border-radius: 6px;
        border: 1px solid #ddd
    }

        .inka a:hover {
            background: #f2f2f2
        }

.invation {
    background: #f5b25e;
    padding: 20px;
    border-radius: 10px;
    position: fixed;
    right: 2%;
    bottom: 2%;
    z-index: 8000
}

    .invation i {
        background: url(/images/invitation.png) no-repeat center center;
        width: 40px;
        height: 40px;
        display: inline-block;
        background-size: contain;
        cursor: pointer
    }

#logos, #start_img {
    width: 100% !important
}

.kitap ul li a figure figcaption, .liste h2, .newsListx ul li a strong {
    -webkit-box-orient: vertical;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

#menu, .hms, .select, .tip, .txtSpeech button, i.closeMN {
    cursor: pointer
}

._8bn4ek6, ._cx1wzz, .hbtn, .tag .hbtn1 {
    outline: 0 !important
}

#menu, .txtSpeech, .txtSpeech button {
    display: inline-block;
    background: 0 0
}

#slider__mobil, .hide, .hide1, .lazy1 button svg, .lazy1 button:before, .rslides2_tabs, .select strong small, .tool2, .webMenuText .mmenu ul li i, .webMenuText .mmenu ul li.subx ul li .book img {
    display: none !important
}

#maxslider .pv img, #start_img, .noH ul li, .podmix .img.hfix img {
    height: auto !important
}

.page1 ol li, .page1 p, .page1 p b, .page1 p em, .page1 p span, .page1 p strong, .page1 p u, .table tr td, .table tr td b, .table tr td strong, .table tr td u {
    font-size: 19px
}

div.dk, p.dk {
    font-size: 20px !important
}

header nav ul, ol, ul {
    list-style-type: none
}

    .bow a, .kbilgi ul li a, a, header nav ul li a {
        text-decoration: none
    }

.imgr > figure, .page1 figure.img, i.closeMN {
    float: right;
    padding: 10px
}

#menu, .sliderm ul li.npl {
    margin-left: 10px
}

.copyright span a:hover, .footer-tab ul.multiple li a:hover, .footer-tab ul.single li a:hover, .hal:hover, .inRow .content-page.w72 a:hover, .kat a:hover, .kbilgi ul li a:hover, .liste h2 a:hover, .podmix .pdesc button:hover, .popupReklam .preklam a:hover, .psk ul li a:hover, .sitemap ol li a:hover, .sliderm ul li figure figcaption a:hover, .tmBg .sim2 a:hover {
    text-decoration: underline
}

.bow, .bow .img, .inp, .inp1, .sideBarBlock, .slider ul li, .sliderm ul li, .tmBg, section.sheader, ul.news li .news-blog .img figure video {
    box-sizing: border-box
}

.hid5, .slick-loading .slick-slide {
    visibility: hidden
}

.shareText .big, .tag .hbtn1 {
    line-height: 22px !important
}

.hsp, .sepetTable, .table {
    border-collapse: collapse
}

.newsimgt {
    background-size: 100%;
    margin: 25px 20px 20px 0;
    background-repeat: no-repeat;
    background-position: 0 0;
    float: left;
    width: 400px;
    height: 375px
}

.arshive ul, .select {
    padding: 18px;
    background: #fff
}

.arshive {
    float: right;
    width: 250px;
    display: inline-block;
    position: relative;
    margin: 20px 16px 0
}

    .arshive ul {
        position: absolute;
        z-index: 99999;
        max-height: 260px;
        margin-top: 15px;
        width: 100%;
        left: 0;
        box-shadow: 0 4px 5px rgb(0 0 0 / 10%);
        display: none;
        overflow: auto
    }

#logos, #maxslider .pv, .basin .bsn, .liste h2, .logo, .page1 {
    overflow: hidden
}

.arshive ul li {
    padding: 6px 0;
    transition: .3s
}

    .arshive ul li a {
        color: #787878;
        font-size: 18px;
        font-weight: 700
    }

        .arshive ul li a small {
            position: relative;
            top: 1px;
            font-size: 13px;
            font-weight: 700;
            color: #fff !important;
            float: left;
            background: #787878;
            border-radius: 3px;
            transition: .3s;
            width: 26px;
            margin-right: 15px;
            text-align: center;
            padding: 3px 6px
        }

.basin .bsn, .logos .set1 {
    display: inline-block;
    border: 1px solid #f1f1f1;
    position: relative;
    box-sizing: border-box
}

.arshive ul li:hover a {
    cursor: pointer;
    color: #df9441
}

    .arshive ul li:hover a small {
        background: #df9441
    }

.select {
    user-select: none;
    box-shadow: 0 0 5px rgb(0 0 0 / 10%)
}

    .select strong {
        display: block;
        background: url(/images/down.png) 99% no-repeat #fff !important
    }

        .select strong small {
            font-style: italic
        }

        .select strong.active {
            background: url(/images/down1.png) 99% no-repeat #fff !important
        }

.lazyload, .lazyloading {
    width: auto !important;
    height: auto !important;
  animation:fadeIn .4s
}

.filterTR {
    width: 100%;
    display: table;
    margin-left: -18px
}

.basin, .hsp, .sepetTable {
    width: 100%;
    display: table;
    position: relative
}
.basin {
    margin-bottom: 20px !important;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    grid-gap: 18px;
    align-items: flex-start
}
    .basin .bsn {
          width: 32.3334%;
    height: auto;
    transition: .3s;
    padding: 20px;
    }
        .basin .bsn a:first-child {
            width: 100%;
            height: 350px;
        display:block; position:relative;
        overflow:hidden
            }
        .basin .bsn strong {
            display: block;
            color: #000 !important;
            padding: 10px 0;
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            display: -ms-flexbox;
            display: flex;
            display: -webkit-box;
            height: 77px;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            -webkit-box-align: start;
            overflow: hidden;
            -o-text-overflow: ellipsis;
            align-items: center;
            text-overflow: ellipsis;
        }

        .basin .bsn small {
            display: block;
            font-weight: 700;
            padding: 5px 0 10px
        }

        .basin .bsn p {
            font-size: 15px;
            font-style: italic;
            padding: 0;
            height:50px;
            line-height: 20px !important
        }

        .basin .bsn img {
            object-fit: cover;
            width: 100%;
            height: auto;
        }

        .basin .bsn:hover {
            filter: grayscale(.4)
        }

.produc_detail {
    margin: 40px 0
}
.inBody{margin-top:15px}
.inBody, .produc_detail, main, ul.news {
    display: table;
    width: 100%;
    position: relative
}
ul.news {
    display: flex;
    flex-direction: row;
    position: relative;
    flex-wrap: wrap;
    width: 100%;
    gap: 30px; margin-bottom:30px
}

    .liste {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        width: 100%
    }

    .liste h2 {
        position: relative;
        padding: 10px 0 !important;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        display: -ms-flexbox;
        display: flex;
        display: -webkit-box;
        height: 40px;
        -webkit-line-clamp: 1;
        -webkit-box-align: start;
        width: 90%
    }

        .liste h2 a {
            font-size: 21px !important;
            color: #efbb79
        }

        .liste h2:before {
            content: "";
            float: left;
            background: url(/images/xst.png) 0 0/contain no-repeat;
            display: inline-block;
            width: 16px;
            height: 16px;
            margin-right: 10px;
            margin-top: 8px
        }

.pstBtn, .rig, .rigs, .socialX, .tool .fin1 {
    float: right
}

    .pstBtn button:last-child {
        margin-left: 10px !important
    }

    .noborder, .pstBtn button:before, .videoTab ._cx1wzz, .videoTab ._cx1wzz svg, .videoTab ._cx1wzz::before {
        border: 0 !important
    }

.logos {
    display: flex;
    width: 100%;
    position: relative;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 6.8px;
    margin: 20px 0
}

#logos {
    position: relative
}

.logos .set1 {
    width: 200px;
    padding: 10px
}

#logos .set1 {
    width: 190px !important
}

p.dk {
    padding: 20px !important;
    background: #f1f1f1;
    color: #000
}

div.dk {
    padding: 20px 0 !important;
    color: #000;
    border-bottom: 2px solid #f7f7f7
}
.nextm1:after {
    content: "";
    position: absolute;
    right: 5%;
    background: url(/images/next-m1.png) no-repeat 0 0;
    background-size: contain;
    display: inline-block;
    width: 6px;
    height: 10px;
    top: 40%;
}
.nextm1:hover:after {
    content: "";
    position: absolute;
    right: 5%;
    background: url(/images/next-m2.png) no-repeat 0 0;
    background-size: contain;
    display: inline-block;
    width: 6px;
    height: 10px;
    top: 40%;
}
    div.dk b {
        font-size: 22px !important;
        font-weight: 700
    }

.content-page img, .logos .set1 img, .page1 figure.img img, .popupReklam .preklam embed, .popupReklam .preklam iframe, .popupReklam .preklam img, .popupReklam video, .reklam_alani a img {
    width: 100%;
    height: auto
}

*, a, address, article, aside, b, body, button, div, em, figcaption, figure, h1, h2, h3, header, html, img, input, li, ol, p, select, span, strong, table, td, tr, ul, video {
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    font-family: "basier_squareregular", "system-ui", "San Francisco", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", Arial, sans-serif;
    font-size: 16px;
    line-height: 1.4em;
    font-weight: 400;
    box-sizing: border-box
}

#hata, .fico a, .ui-datepicker-title span, b, strong {
    font-weight: 700
}

.txtSpeech {
    position: absolute;
    right: 2%;
    top: 10%
}

#iscopy, #iscopy1, #menu, #projects, .bow, .bow .img, .bow .img figure, .bulten, .encok_satilan, .fix2 label, .footer-menu, .imgBody .img, .jtop, .newsComment .yanit, .padmix, .product li, .psk, .rig, .rigs, .rslides, .rslides li:first-child, .rslides_tabs, .slider ul li .msg2, .sliderHM, .sliderHM ul li .msg1, .top16, .vidpost li figure, i.closeMN {
    position: relative
}

.noH ul li figure {
    display: block !important
}

.jtop {
    top: -30px;
    padding-bottom: 0 !important;
    margin-bottom: -10px
}

.seperator {
    padding: 10px 0;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center
}

    .seperator a, .videoTab .slideBtn {
        margin-top: 10px !important
    }

i.closeMN {
    background: url(/images/close-red.svg) no-repeat;
    top: 13px
}

.webMenuText .seperator {
    border-top: 0;
    text-align: left;
    padding: 0
}

    .webMenuText .seperator a {
        margin-top: -18px !important
    }

#menu {
    top: 14px
}

    #menu i {
        background: url(/images/menu.png) no-repeat;
        padding: 10px 20px
    }

#start_img {
    padding: 0 !important;
    margin: 0 !important;
    border: 0;
    max-width: fit-content;
    object-fit: cover
}

#maxslider, .webMenu, .webMenuBg, .webMenuText {
    height: 100%
}

.webMenu {
    width: 100%;
    left: 0;
    top: 0;
    position: absolute;
    z-index: 9800
}

.webMenuBg {
    background: rgb(0 0 0 / .7);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 9850
}

#hata, .webMenuText {
    position: fixed;
    z-index: 9999
}

    #maxslider, #maxslider .pv, .kbilgi ul, .logo, .maxslider, .page, .page1, .sliderm, .socialX a, .webMenuText .mmenu ul li, header nav ul li a {
        position: relative
    }

.webMenuText {
    left: 0;
    top: 0;
    width: 350px;
    padding: 30px;
    background: #fff
}

._8bn4ek6, .o8n {
    z-index: 1 !important
}

.webMenuText .mmenu {
    padding: 10px 0;
    margin-top: 20px;
    display: block;
    border-top: 3px solid #f2f2f2
}

.pg1, .webMenuText img {
    width: 300px
}

.webMenuText .mmenu ul li {
    padding: 5px 0;
    display: block;
    border-bottom: 1px solid #f2f2f2
}

    .popular li:last-child, .sipOzet li:last-child, .sliderFull li:last-child, .vidpost li:last-child, .webMenuText .mmenu ul li:last-child, header nav ul li.subx ul li:last-child {
        border-bottom: 0
    }

    .webMenuText .mmenu ul li a {
        display: block;
        padding: 8px 0;
        font-size: 16px;
        font-weight: 600;
        color: #000;
    }
 

        .webMenuText .mmenu ul li a:hover {
            color: #f6ac46
        }

    .webMenuText .mmenu ul li.sub:after {
        content: "";
        background: url(/images/down.png) 95% center no-repeat
    }

#maxslider, .maxslider {
    display: block;
    width: 100%
}

.webMenuText .mmenu ul li ul {
    display: none;
    width: 97% !important;
    margin: 10px 0 10px 10px;
    max-height: 1000px;
    overflow: auto
}

    .webMenuText .mmenu ul li ul li {
        padding: 3px 0 !important;
        border-bottom: 0 !important
    }

        .webMenuText .mmenu ul li ul li a, .webMenuText .mmenu ul li.subx ul li a .book {
            padding: 3px 0;
            font-weight: 600;
            font-size: 15px !important;
        }

#menu:hover i {
    background-image: url(/images/menuh.png)
}

.webMenuText .mmenu ul li.sub a:after, .webMenuText .mmenu ul li.subx a:after {
    content: "";
    position: absolute;
    z-index: 400;
    width: 17px;
    height: 12px;
    background: url(/images/down.png) center center no-repeat;
    right: 0;
    top: 22px
}

.webMenuText .mmenu ul li ul li a:after {
    content: close-quote !important;
    display: none
}

.maxslider {
    margin: -20px auto;
    height: 660px;
    display: table;
    width: 1050px
}

.page, .page1, header nav ul {
    margin: 0 auto !important;
    display: table; position:relative;
}

#maxslider .slick-list.draggable {
    width: initial;
    position: absolute;
    overflow: hidden
}

#maxslider .slick-slide {
    width: 1920px !important;
    border: 0 !important;
    margin: 0 !important
}

#maxslider .pv {
    display: flex;
    height: 100%;
    width: 100% !important
}

    #maxslider .pv img {
        width: auto !important;
        object-fit: cover !important
    }

.imgr > figure {
    border: 1px solid #f2f2f2;
    margin: 10px 0 20px 20px
}

.newsList ul li .img picture .pix .pagination, i small {
    position: absolute;
    z-index: -1;
    opacity: 0;
    width:1px
}

body {
    overflow-x: hidden
}

a {
    color: #5a308b;
    outline: 0
}

img {
    object-fit: cover;
    border: 0
}

.popular, .vidpost, header {
    padding: 0 0 10px;
    width: 100%;
    display: flex;
    flex-direction: column;
}

#hata, .not, ul.news li.pd1 .news-blog {
    padding: 10px !important
}

header {
    padding: 20px 0 10px
}

.page, .page1, .sliderm {
    width: 1200px !important
}

.page1 {
    width: 1234px;
    display: block
}

    .page1 ol {
        list-style-type: decimal;
        margin: 10px 0;
        padding: 15px 0 15px 30px
    }

        .page1 ol li {
            font-weight: 600;
            padding: 4px 0
        }

#hata, .not {
    border-radius: 5px;
    margin: 10px 0;
    display: table;
    background: #f6ad47;
    color: #000
}

.fix1, .fix2, .logo, .product li .price .pn1, .rhe, .rhe1 {
    display: table-cell;
    vertical-align: middle
}

._8bn4ek6, .kbilgi:before, .sitemap .tool button {
    background: 0 0 !important
}

#hata {
    right: 1%;
    bottom: 1%
}

    #hata img {
        margin-right: 10px;
        float: left;
        margin-top: -2px
    }

.page1 figure.img {
    margin: 0 0 40px 40px;
    border: 1px solid #f2f2f2
}

.logo {
    width: 250px
}

._8bn4ek6, .o8n, .wsvl {
    position: relative !important
}

.logo img {
    width: 250px;
    height: auto
}

.rhe, .rhe1 {
    width: 5%
}

.rhe1 {
    width: 50px;
    display: none
}

.hms {
    padding: 3px 7px;
    transition: .3s;
    width: 100px;
    border-radius: 50px;
    border: 1px solid #f2f2f2
}

.ngf a, .wsvl {
    display: inline !important
}

.podcast .sliderm ul li, .socialX a {
    display: inline-block !important
}

.socialX a {
    margin-left: 5px;
    display: inline-block;
    z-index: 1000
}

._8bn4ek6 {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    border: 1px solid var(--j-qkgmf) !important;
    color: var(--f-k-smk-x) !important;
    cursor: pointer !important;
    display: -webkit-inline-box !important;
    display: -moz-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-flex !important;
    display: inline-flex !important;
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    margin: 0 !important;
    overflow: visible !important;
    padding: 5px 5px 5px 12px !important;
    text-align: inherit !important;
    text-decoration: none !important;
    -webkit-user-select: auto !important;
    -moz-user-select: auto !important;
    -ms-user-select: auto !important;
    user-select: auto !important;
    -webkit-align-items: center !important;
    align-items: center !important;
    background-color: var(--f-mkcy-f) !important;
    border-radius: 21px !important;
    height: 42px !important;
    vertical-align: middle !important;
    -webkit-transition: box-shadow .2s !important;
    -moz-transition: box-shadow .2s !important;
    transition: box-shadow .2s !important
}

.readme, .star, .takvim {
    margin-right: 5px;
    padding: 0 10px
}

.filter2, .social {
    vertical-align: middle
}

.o8n {
    color: var(--fo-jk-r-s) !important;
    -webkit-flex: 0 0 30px !important;
    -ms-flex: 0 0 30px !important;
    flex: 0 0 30px !important;
    height: 30px !important;
    margin-left: 21px !important;
    overflow: hidden !important;
    width: 30px !important
}

.mainSlider, .sliderm ul li figure {
    overflow: hidden
}

.hms:hover {
    box-shadow: 0 0 10px rgb(0 0 0 / .2)
}

.social {
    display: table-cell;
    width: 142px
}

.socialX {
    display: inline-block;
    width: auto;
    padding: 10px 0
}

.ico {
    background: url(/images/set.png) no-repeat
}

.star {
    background-position: -110px -137px
}

.takvim {
    background-position: -109px -115px
}

.readme {
    background-position: -133px -136px
}

.tv {
    background-position: -195px -232px;
    padding: 3px 13px;
    margin-right: 7px
}

.digital, .odul, .proj {
    padding: 3px 13px;
    margin-right: 8px
}

.proj {
    background-position: -194px -261px
}

.digital {
    background-position: -194px -202px
}

.odul {
    background-position: -194px -100px
}

#vidSlider .slick-slide, .popupReklam .preklam strong i {
    margin-right: 20px
}

.facebook, .instagram, .linkedin, .twitter, .youtube {
    background: url(/images/sc.png) no-repeat;
    cursor: pointer;
    transition: .3s;
    padding: 12px 20px
}

.twitter {
    background-position: -141px 0
}

.instagram {
    background-position: -46px 0
}

.linkedin {
    background-position: -93px 0
}

.youtube {
    background-position: 1px 0
}

.btn1, .fix2 button, .hbtn, .hbtn1, .kitap ul li figure figcaption, .kitap ul li figure img, .newsList ul li a, .popular li a, .popular li:before, .product li .btn, .shareBtn, .tmBg .sim2 a, .tool .fin1 button, .trn, header nav ul li a, ul.news li .news-blog a {
    transition: .3s
}

    .newsList ul li a:hover, ul.news li .news-blog a:hover {
        color: #fdb564
    }

.facebook:hover, .instagram:hover, .linkedin:hover, .socials a:hover, .twitter:hover, .youtube:hover {
    opacity: .7
}

header nav {
    margin-top: 30px;
    background: #f4a940
}

    header nav ul li {
        float: left;
        padding: 0 3px
    }

        header nav ul li a {
            padding: 20px 15px;
            color: #000;
            font-size: 17px;
            font-weight: 600;
            display: block
        }

        header nav ul li.sub a:hover:before, header nav ul li.sub:hover a:before, header nav ul li.subx a:hover:before, header nav ul li.subx:hover a:before {
            width: 0;
            height: 0;
            background: 0 0 !important;
            border-left: 8px solid #fff0;
            border-right: 8px solid #fff0;
            border-bottom: 8px solid #000;
            border-top-color: #000;
            content: '';
            position: absolute;
            left: 50%;
            bottom: -1px;
            margin-left: -10px
        }

.hr1, .kbilgi, .table, .table tr td {
    border: 1px solid #f2f2f2
}

header nav ul li.subx .submenu {
    display: none;
    position: absolute;
    z-index: 9999;
    background: #000;
    height: 420px;
    width: 324px;
    margin-top: 0;
    padding: 10px
}

.acordion.active .detail, .arc li a, .bow, .bow .img, .bow .img figure, .bow a, .footer-tab ul li, .friendly a, .hr, .hr1, .hr2, .items li:first-child, .newsListx ul li a, .psk, .psk strong, .psk ul, .psk ul li, .psk ul li a, .slick-initialized .slick-slide, .sliderm, div.info.active .dty, header nav ul li.sub:hover .submenu, header nav ul li.subx:hover .submenu {
    display: block
}

header nav ul li.subx .submenu ul.sub-menu {
    height: 400px;
    background: #000;
    width: 300px;
    display: block;
    overflow: hidden;
    overflow-y: auto
}

    header nav ul li.subx .submenu ul.sub-menu::-webkit-scrollbar {
        width: 3px
    }

    header nav ul li.subx .submenu ul.sub-menu::-webkit-scrollbar-thumb {
        background: #f5b25e;
        -webkit-box-shadow: inset 0 0 3px rgb(0 0 0 / .2)
    }

header nav ul li.sub .submenu ul {
    display: table;
    width: 100%;
    margin: 0 auto
}

    header nav ul li.sub .submenu ul li {
        width: 279px;
        border: 0 !important;
        padding: 1px 0 !important;
        float: left
    }

        header nav ul li.sub .submenu ul li a:before, header nav ul li.sub .submenu ul li:hover a:before {
            content: close-quote !important;
            border: 0 !important;
            left: 0;
            top: 0
        }

        header nav ul li.sub .submenu ul li a {
            padding: 10px 0 !important;
            font-size: 15px
        }

            .basin .sliderm ul li a:hover figure figcaption, .popular li:hover:before, .sliderFull li a:hover, .vidpost li a:hover figcaption, header nav ul li.sub .submenu ul li a:hover, header nav ul li.subx ul li:hover, header nav ul li.subx ul li:hover a {
                color: #f5b25e !important
            }

header nav ul li.subx ul {
    position: absolute;
    display: none;
    z-index: 9999;
    background: #000
}

header nav ul li.subx:hover ul {
    display: block;
    padding: 20px 0
}
header nav ul li.subx ul li.nextm1:hover, header nav ul li.subx ul li.nextm1 ul {
    background: #272727 !important
}

header nav ul li.subx ul li {
    display: block;
    padding: 0 20px;
    border-bottom: 1px solid #272727;
    float: none;
    max-width: 300px;
    position: relative
}

    header nav ul li.subx ul li ul {
        display: none !important;
        width: 310px !important;
        position: absolute;
        top: -20px;
        left:100%
    }
        header nav ul li.subx ul li ul li{width:100% !important; max-width:none; border-bottom:0px !important}
        header nav ul li.subx ul li ul li a, header nav ul li.subx ul li:hover ul li a {
            color: #fff !important
        }
            header nav ul li.subx ul li:hover ul li a:hover {
                color: #f5b25e !important
            }
        header nav ul li.subx ul li:hover ul {
            display: block !important
        }

        header nav ul li.subx ul li a .book {
            width: 250px;
            display: table;
            font-size: 15px;
            font-weight: 700;
            transition: .3s;
            color: #fff;
            position: relative
        }

    header nav ul li.subx ul li a:hover .book {
        color: #f5b25e
    }

    header nav ul li.subx ul li a .book .img {
        float: left;
        margin-right: 10px;
        width: 78px;
        background-size: cover;
        height: 100px
    }

    header nav ul li.subx ul li a {
        display: block;
        color: #fff;
        position:relative;
        font-size: 15px;
        padding: 10px 6px
    }

        header nav ul li.subx ul li a:before, header nav ul li.subx ul li a:hover:before {
            content: close-quote !important;
            border: 0 !important
        }

.big, .big1, h1, h2, h3, h4, h5, h6 {
    font-size: 30px !important;
    font-weight: 700;
    display: block;
    line-height: 32px;
    padding: 20px 0;
}

    .big a, .big1 a, h1 a, h2 a, h3 a, h4 a {
        font-size: 30px !important;
        font-weight: 700;
        color: #000
    }

#sx1, .hbtn span {
    font-size: 14px !important
}

.big, h2, h3, h4 {
    font-size: 26px !important
}

.big1 {
    text-transform: uppercase;
    font-size: 35px !important;
    line-height: 50px;
    padding: 20px 0 40px;
    display: block
}

.kbilgi {
    position: absolute;
    z-index: 9999;
    display: none;
    background: #fff;
    margin: 20px 0 0 -104px;
    border-radius: 10px;
    padding: 10px 25px;
    width: 200px;
    box-shadow: 0 1px 3px rgb(33 33 33 / 10%)
}

.hr, .hr1, .hr2 {
    margin-bottom: 20px
}

.hr1, .slideBtn {
    margin-top: 20px
}

.kbilgi ul {
    z-index: 99999
}

    .kbilgi ul li {
        padding: 8px 0;
        display: block
    }

.kbilgi:before {
    width: 0;
    height: 0;
    border-left: 10px solid #fff0;
    border-right: 10px solid #fff0;
    border-bottom: 10px solid #f2f2f2;
    border-top-color: #f2f2f2;
    content: '';
    position: absolute;
    left: 50%;
    top: -10px;
    margin-left: 21px
}

.kbilgi ul li a {
    color: #555;
    font-weight: 700
}

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

.set1xBody {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
}

.set1x {
    position: relative;
    padding: 10px;
    width: 288px;
    height: auto;
    text-align: center;
}

    .set1x img {
        display: table;
        margin: 0 auto 10px;
        width: 200px;
        height: 200px;
        object-fit: cover;
    }

.mainSlider, .slider, .slider ul {
    height: 300px;
    width: 100%
}
.sliderFull li .img {
    float: left !important;
    display: inline-block;
    margin:0 30px 0 0 !important
}
.copyright span, .slideBtn, .yanitBtnBody {
    float: right;
    display: inline-block
}
 .sliderm ul li {
    width: 207.5px !important;
}
.mainSlider, .newsListx, .slider, .sliderm ul li figure {
    display: table;
    position: relative
}
.sliderm ul{display:flex; flex-direction:row;}

.sliderm.col2 ul, .sliderm.col2 ul li figure {
    height: auto !important
}
.sliderm.full ul {
    height: auto !important
}
    .sliderm ul li figure {
        width: 100%;
        height: 250px;
    }


.slideBtn button:last-child {
    margin-left: 5px !important
}

.sliderm .slick-slide {
    margin-right: 16.1px
}

.sheader h4 {
    padding: 10px 20px !important
}

.slider ul {
    position: absolute;
    left: 0;
    top: 0
}

    .slider ul li, .sliderm ul li {
        display: table-cell;
        vertical-align: top;
        padding-left: 15px
    }

        .sliderm ul li a, .sliderm ul li a figure figcaption {
            color: #5a308b !important;
            transition: .3s !important
        }

            .sliderm ul li a:hover, .sliderm ul li a:hover figure figcaption {
                color: #f0a537 !important
            }

.sliderm ul li {
    width: 200px;
    cursor: pointer
}

.sliderm.col2 ul li {
    width: 350px
}

.sliderm ul li:nth-child(9n+0) {
    position: relative;
    padding-left: 0
}

.sliderm ul li figure img {
    width: 200px;
    height: 250px
}
.kultur, ul.podM {
    display: flex;
    flex-direction: row;
    gap: 10px
}
.sliderm ul.kultur li {
    width: 232.5px !important;
}
.sliderm.col2 ul li figure img {
    width: 100%;
    height: 310px;
    transition: .3s;
    object-fit: cover;
}

ul.podM li figure img {
    width: 100% !important;
    height: 100%!important;
    transition: .3s;
    object-fit: cover;
}
ul.podM li {
    width: 324px !important;
    margin-right: 0 !important; float:none !important;
}

.sliderm ul li figure figcaption {
    font-weight: 600;
    position: relative;
    bottom: 2%;
    display: table;
    text-align: left;
    width: 100%;
    color: #000;
    top: -5px;
    padding: 10px
}

.nbig {
    font-size: 18px !important
}

.sliderm.col2 ul li figure figcaption {
    padding: 15px 0
}

.color1 h3 {
    background: #f5b25e !important
}

.sliderm ul li figure figcaption .tmBg {
    margin: 0 0 15px;
    padding: 10px;
    background: #f2f2f2
}

._cx1wzz svg {
    stroke: #555 !important
}

.color1 hr {
    border-bottom: 3px solid #f5b25e
}

.hr, .hr2 {
    border: 2px solid #f2f2f2;
    border-radius: 5px
}

.hr2 {
    border: 2px solid #d2d2d2
}

.hr1 {
    border-radius: 5px
}

.color2 .lit a:hover, .color2 .sliderm ul li:hover figure figcaption, .color2 h3 {
    background: #00a854 !important;
    color: #fff
}

    .color2 .sliderm ul li:hover figure figcaption a {
        color: #fff !important
    }

.color2 hr {
    border-bottom: 3px solid #00a854
}

.color3 .lit a:hover, .color3 .sliderm ul li:hover figure figcaption, .color3 h3 {
    background: #845ee8 !important;
    color: #fff
}

.color3 hr {
    border-bottom: 3px solid #845ee8
}

.slider ul li:first-child, .sliderm ul li:first-child {
    padding-left: 0 !important
}

.podcast .sliderm ul li {
    width: 324px;
    margin-right: 20px;
    float: left;
    padding: 0 0 10px !important
}

    .fbtn, .podcast .sliderm ul li figure .play, .podcast .sliderm ul li figure .playx {
        font-weight: 700;
        transition: .3s;
        background: #fff;
        border-radius: 50px;
        height: 50px;
        display: block;
        line-height: 33px
    }

    .podcast .sliderm ul li figure figcaption {
        text-align: left !important;
        padding: 20px 0;
        background: 0 0 !important
    }

    .podcast .sliderm ul li p {
        padding: 0 0 20px;
        font-size: 17px;
        line-height: 27px;
        font-weight: 600
    }

.sliderm ul li figure figcaption a {
    font-weight: 600;
    display: block;
    font-size: 15px
}

.content-page .podcast .sliderm ul li {
    width: 327px
}

.commentMessage .x10:last-child, .commentMessage .x12:last-child, .encok_satilan .slick-slide, .podcast .sliderm ul li:last-child, .produc_detail .product li:last-child {
    margin-right: 0 !important
}

.podcast .sliderm ul li figure figcaption .tmBg {
    background: 0 0 !important;
    padding: 5px 0 !important
}

.npl {
    padding-left: 5px !important
}

.podcast .sliderm ul li figure .play, .podcast .sliderm ul li figure .playx {
    position: absolute;
    z-index: 9999;
    opacity: 0;
    margin: 62px auto auto 32px !important;
    color: #000;
    padding: 8px 14px 8px 20px;
}

    .play i.pl, .playx i.pl, .podcast .sliderm ul li figure .play i.pl, .podcast .sliderm ul li figure .playx i.pl {
        position: relative;
        top: -1px;
        background-position: -164px -208px;
        padding: 0 10px;
        margin-left: 8px
    }

    .play.active i.pl, .playx.active i.pl, .podcast .sliderm ul li figure .play.active i.pl, .podcast .sliderm ul li figure .playx.active i.pl {
        background-position: -124px -238px
    }

.podcast .sliderm ul li:hover figure .play, .podcast .sliderm ul li:hover figure .playx {
    opacity: 1;
    margin-top: 90px
}

.opa {
    opacity: .3
}

.slider ul li a .slideimg {
    width: 388px;
    height: 290px;
    display: block;
    position: relative;
    overflow: hidden;
}

    .slider ul li a .slideimg img {
        width: 388px;
        height: 100%;
        object-fit: cover;
        vertical-align: bottom
    }

    .slider ul li a .slideimg .text, .slider ul li a .slideimg .text1 {
        padding: 0;
        position: absolute;
        left: 0;
        bottom: 0;
        color: #fff;
        z-index: 9000
    }

    .slider ul li a .slideimg .text1 {
        top: 78%;
        height: 77px;
        z-index: 3000;
        padding: 10px 20px;
        left: 0;
        width: 100%;
        background: rgb(0 0 0 / .7);
        color: #fff;
        font-size: 25px !important;
        line-height: 20px !important
    }

        .slider ul li a .slideimg .text1 strong {
            display: table-cell;
            width: 100%;
            height: 57px;
            vertical-align: middle
        }

    .slider ul li a .slideimg .text small {
        display: table;
        font-size: 14px;
        padding: 4px 10px;
        border-radius: 3px;
        background: #f5b25e;
        color: #000;
        font-weight: 700
    }

    .slider ul li a .slideimg .text strong {
        display: block;
        text-transform: capitalize;
        height: 100%;
        margin-bottom: 0;
        color: #eee;
        font-size: 18px;
        font-weight: 500;
        line-height: 30px;
        background: rgb(0 0 0 / .7);
        padding: 10px 20px !important;
        width: 100%;
    }

    .slider ul li a .slideimg .text a.bts {
        display: inline-block;
        padding: 7px 16px 8px;
        font-size: 15px !important;
        text-decoration: none;
        background: #fff;
        color: #313131;
        border-radius: 5px;
        font-weight: 600
    }

.slider ul li a:hover .slideimg .text strong {
    color: #ffc77f !important
}

.filter-tab {
    width: 100%;
    display: table;
    position: relative;
    margin: 20px 0
}

.filter1, .filter2, .pg1, .pg2 {
    display: table-cell
}

.filter1 {
    padding-right: 15px;
    border-right: 1px solid #ddd
}

.fbtn {
    padding: 8px 16px;
    cursor: pointer;
    color: #000;
    font-size: 15px;
    margin-right: 9px;
    border: 1px solid #ddd
}

._cx1wzz, .hbtn {
    cursor: pointer !important;
    color: #222 !important
}

.datef, .filterf {
    padding: 2px 12px;
    margin: 0 -5px 0 11px
}

.datef {
    background-position: -163px -261px
}

.filterf {
    background-position: -137px -261px
}

.fbtn.active, .fbtn:hover {
    background: #fdb55a;
    border: 1px solid #f1a63a
}

.filter2 {
    position: relative !important;
    width: 100%;
    left: 20px;
    top: -3px
}

.filter2bg1 {
    position: absolute !important;
    left: 0 !important;
    z-index: 3 !important;
    width: 65px !important;
    background: -webkit-linear-gradient(to right,#fff 56.77%,#fff0 94.47%) !important;
    background: -moz-linear-gradient(to right,#fff 56.77%,#fff0 94.47%) !important;
    background: linear-gradient(to right,#fff 56.77%,#fff0 94.47%) !important
}

._cx1wzz, ._cx1wzz::before {
    width: 36px !important;
    height: 36px !important
}

.prvnxtBtn {
    display: inline-block !important;
    padding-right: 8px !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important
}

._cx1wzz {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    display: -webkit-inline-box !important;
    display: -moz-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-flex !important;
    display: inline-flex !important;
    border-radius: 50% !important;
    border: 1px solid #ddd !important;
    margin: 0 !important;
    padding: 0 !important;
    -ms-touch-action: manipulation !important;
    touch-action: manipulation !important;
    position: relative !important;
    background: 0 0 !important;
    -webkit-transition: -webkit-transform .25s,transform .25s !important;
    -moz-transition: transform .25s !important;
    transition: -ms-transform .25s,-webkit-transform .25s,transform .25s !important;
    -webkit-align-items: center !important;
    align-items: center !important;
    -webkit-justify-content: center !important;
    justify-content: center !important
}

    ._cx1wzz::before {
        content: "" !important;
        display: block !important;
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        -webkit-transform: translate(-50%,-50%) !important;
        -ms-transform: translate(-50%,-50%) !important;
        transform: translate(-50%,-50%) !important;
        transition: .3s;
        border-radius: 50% !important;
        border: 1px solid #ddd !important
    }

.filter2bg2 {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    position: absolute !important;
    right: 0 !important;
    z-index: 3 !important;
    width: 75px !important;
    display: -webkit-box !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-justify-content: flex-end !important;
    justify-content: flex-end !important;
    background: -webkit-linear-gradient(to left,#fff 56.77%,#fff0 94.47%) !important;
    background: -moz-linear-gradient(to left,#fff 56.77%,#fff0 94.47%) !important;
    background: linear-gradient(to left,#fff 56.77%,#fff0 94.47%) !important
}

.filterListBtn {
    display: block;
    position: relative;
    overflow: hidden !important;
    height: 44px !important;
    width: 100% !important;
    float: left
}

    .filterListBtn ul {
        position: absolute;
        margin-top: 5px
    }

        .filterListBtn ul li {
            float: left;
            margin-right: 0
        }

.hbtn {
    text-align: center !important;
    background-color: #f2f2f2 !important;
    border: 1px solid #f2f2f2;
    padding: 8px 16px !important;
    margin-right: 5px !important;
    border-radius: 60px !important;
    font-size: 12px !important;
    display: table;
    float: left;
    font-family: 'Basier Circle',Lora,Tahoma !important;
    line-height: 16px !important
}

    .hbtn span {
        font-weight: 400 !important;
        line-height: 18px !important
    }

    .hbtn:hover, .tag .hbtn1:hover {
        background-color: #fff !important
    }

#pck {
    position: absolute;
    z-index: 9999
}

#ui-datepicker-div, .checbox input, .lb-details, .radio input, .slick-arrow.slick-hidden, .slick-slide.slick-loading img {
    display: none
}

.ui-datepicker {
    padding: 30px;
    background: #fff;
    margin: 20px 0;
    border-radius: 10px;
    border: 3px solid #f2f2f2
}

.ui-icon-circle-triangle-e, .ui-icon-circle-triangle-w {
    opacity: 0;
    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: 50px;
    line-height: 43px
}

.ui-state-hover {
    color: #425a66 !important
}

.ui-state-highlight {
    background: #fdb55a;
    color: #000
}

#ui-datepicker-div {
    z-index: 999999;
    margin-top: 10px;
    border-radius: 4px
}

.ui-state-disabled {
    color: rgb(255 255 255 / .4) !important
}

.basin h4, .btn1Rate, .continue, .mindts, p {
    color: #000
}

.ui-state-disabled span, a.ui-state-default {
    color: #333 !important;
    text-align: center;
    padding: 5px;
    display: table;
    border: 1px solid #fff;
    font-size: 18px;
    border-radius: 50px;
    width: 60px;
    text-decoration: none;
    font-weight: 700;
    height: 50px
}

    a.ui-state-default:hover {
        border: 1px solid #333
    }

.cp-color-picker {
    top: 317px !important
}

.fix1, .fix2, .ui-datepicker-calendar th {
    padding: 10px
}

    .ui-datepicker-calendar th span {
        font-weight: 700 !important;
        color: #fdb55a
    }

.ui-datepicker-calendar td {
    color: #000 !important
}

.ui-datepicker-next, .ui-datepicker-prev {
    position: absolute;
    font-weight: 700;
    font-size: 25px;
    margin: -10px
}

.reklam_alani, .sideBarBlock {
    margin-bottom: 20px;
    padding: 20px
}
    .reklam_alani{margin:20px 0 !important; padding:0}
    .ui-state-disabled span {
        color: #aaa !important
    }

.ui-datepicker-calendar {
    padding-top: 10px;
    margin-top: 10px;
    border-top: 2px solid #f2f2f2
}

.ui-datepicker-inline hr {
    border-bottom: 2px solid #f2f2f2;
    margin-bottom: 8px;
    padding: 5px
}

.sideBarBlock .h3, section hr {
    border-bottom: 3px solid #f2f2f2
}

.ui-datepicker-inline button {
    background: #000;
    color: #fff;
    padding: 7px 14px
}

.inCaption {
    display: table-caption;
    width: 100%
}

.inRow, .inTr {
    display: flex;
    align-items: flex-start;
    justify-items: flex-start;
    position: relative;
}

.content-page, .sidebar {
    display: inline-block;
    float: left
}

.content-page {
    width: 877px;
    vertical-align: top;
    display: flex;
    flex-wrap:nowrap;
    flex-direction: column;
}

    .content-page p, .page1 p{
        line-height: 30px !important;
        padding: 16px 0;
        font-size: 18px;
        font-family: 'Lora' !important;
    }
div[itemprop="articleBody"] {
    line-height: 30px !important;
    font-size: 18px;
    font-family: 'Lora' !important;
}
    .content-page p b, .page1 p b, div[itemprop="articleBody"] b {
        font-size: 18px;
        font-weight: 700;
        font-family: 'Lora' !important;
    }

        .bow a, .sliderFull li p, p {
            line-height: 30px
        }

.content-page p strong, .sipOzet li strong {
    font-size: 20px
}

.content-page img.img {
    max-width: 921px !important;
    width: 100%;
    height: auto;
    border-radius: 15px 15px 0 0
}

.sidebar {
    position: relative;
    background: #fff;
    width: 300px;
    margin-left: 22px;
}

.popupReklam {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / .7);
    z-index: 9998
}

    .header-reklam_alani, .header-reklam_alani .img, .popupReklam .preklam, .reklam_alani {
        position: relative;
        overflow: hidden
    }

    .popupReklam .preklam {
        background: #000;
        padding: 20px;
        width: 650px;
        margin: 30px auto
    }

        .popupReklam .preklam strong {
            display: block;
            text-align: left;
            color: #fff;
            font-size: 22px;
            padding: 20px 0
        }

.tmBg .sim1, .tmBg .sim2, .tmBg .sim2 a, section.sheader .lit a {
    font-weight: 700;
    font-size: 14px
}

.popupReklam .preklam a {
    text-align: center;
    font-weight: 700;
    display: table;
    margin: 5px auto;
    color: #f1a63a
}

.popupReklam video {
    width: 100%;
    height: auto !important
}

.header-reklam_alani {
    display: table-cell;
    width: 550px;
    vertical-align: top;
    text-align: center
}

.noanoh a, .reklam_alani {
    display: block;
    text-align: center
}

.header-reklam_alani .img {
    display: inline-block;
    margin: 0 auto;
    height: 90px;
    width: 728px
}

    .header-reklam_alani .img img {
        border-radius: 15px;
        height: 90px;
        width: 100%
    }

.rtx, .sideBarBlock {
    border: 3px solid #f2f2f2
}

.reklam_alani {
    width: 100% !important;
    height: auto
}

.datBlog, .sideBarBlock .h3, .sideBarBlock .h3 a {
    width: 100%;
    background: #fff;
    font-size: 20px;
    font-weight: 700
}

.rtx {
    font-size: 17px
}

.noanoh {
    animation: none;
    overflow: initial;
    height: auto
}

.FLiSlider, .datBlog {
    height: auto;
    position: relative
}

.noanoh a {
    margin: 10px 0;
    font-weight: 700
}

.reklam_alani.h500 {
    height: 500px
}

.reklam_alani strong {
    color: #fff;
    font-weight: 700;
    display: table;
    position: relative;
    top: 22%;
    margin: 0 auto;
    font-size: 50px
}

@keyframes ani {
    0%,100%,25% {
        background: rgb(47 27 0 / .7)
    }

    15% {
        background: #009300
    }

    35% {
        background: #16c218
    }

    50% {
        background: #1413b1
    }

    75% {
        background: #24c147
    }
}

.sideBarBlock {
    display: block;
    position: relative;
    overflow: hidden;
    background: #fff
}

.sidebar .tmBg .sim1 {
    width: 36% !important
}

.sidebar .tmBg .sim2 {
    width: 57% !important
}

.mindts {
    font-weight: 500;
    display: block;
    margin: -10px 0 5px;
    font-style: italic
}

.datBlog {
    display: block;
    overflow: hidden !important
}

    .datBlog ul li {
        height: auto !important
    }

.FLiSlider {
    padding: 0;
    overflow: hidden;
    display: block
}

    .FLiSlider .slick-list {
        position: relative;
        top: -20px
    }

    .FLiSlider img {
        height: 250px !important
    }

.sideBarBlock .h3 {
    display: block;
    position: relative;
    font-size: 20px;
    padding: 8px 0;
    z-index: 5000
}

    .sideBarBlock .h3:before {
        content: "";
        width: 100px;
        background: #f1a63a;
        position: absolute;
        left: 0;
        border-radius: 3px 0 0 3px;
        bottom: -4px;
        height: 5px
    }

.sideBarBlock img {
    margin: 10px 0;
    width: 100%;
    height: auto;
    object-fit: cover
}

ul.news li {
    position: relative;
    width: 272px;
}

    .bow:last-child, .newsList ul li:last-child, .nwBig ul li:nth-child(2n+0), .pageBtn a:last-child, .podcast .ovs ul li:nth-child(4n+0), .product li:nth-child(3n+0), .slider-video ul li.npl, .slider-video ul li:nth-child(5n+0), ul.news li:nth-child(4n+0) {
        margin-right: 0
    }

    ul.news li .news-blog {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden
    }

    ul.news li a {
        transition: .3s;
        color: #5a308b
    }

        .pidb figcaption, ul.news li a .news-blog {
            font-weight: 600;
            line-height: 23px;
            font-size: 16px;
            transition: .3s;
            text-decoration: none;
            display: block;
            color: #5a308b
        }

        .pidb:hover figcaption, ul.news li a:hover, ul.news li a:hover .news-blog {
            color: #f0a537
        }

    ul.news li .news-blog .img {
        display: block;
        position: relative;
        overflow: hidden;
        width: 100%;
        margin-bottom: 10px;
        height: auto
    }

        ul.news li .news-blog .img figure {
            padding: 0;
            margin: 0;
            position: inherit;
            z-index: -1;
            display: block;
            left: 0;
            height: 270px;
            top: 0;
        }

            ul.news li .news-blog .img figure .pix {
                display: block;
                position: absolute;
                left: 0;
                top: 0;
                z-index: -1;
                background: #fff
            }

                ul.news li .news-blog .img figure .pix img {
                    position: absolute;
                    z-index: 1000;
                    left: 0 !important;
                    top: 0 !important;
                    object-fit: cover
                }

        ul.news li .news-blog .img img {
            position: relative;
            z-index: 1;
            width: 100% !important;
            height: 100% !important;
            object-fit: cover;
        }

    ul.news li.pd1 {
        height: 560px
    }

        ul.news li.pd1 a .news-blog {
            display: table-cell;
            vertical-align: middle;
            height: 130px
        }

.clear {
    clear: both
}

.newsList ul li:hover picture img, .slider ul li:hover .slideimg img, ul.news li:hover .news-blog .img img {
    transform-origin: 50% 65%;
    animation: 8s infinite aniT;
    transition-timing-function: cubic-bezier(.2,.05,.01,1.03)
}

ul.news li .news-blog .img figure video {
    width: 100% !important;
    height: 350px !important
}

@keyframes aniT {
    0%,100% {
        filter: grayscale(0)
    }

    50% {
        filter: grayscale(.6)
    }
}

p {
    font-size: 20px;
    font-weight: 400
}

.heart {
    background: url(/images/heart.png) no-repeat;
    position: absolute;
    z-index: 3000;
    right: 7%;
    top: 5%;
    display: none !important;
    padding: 12px;
    margin: 0;
    cursor: pointer
}

    .heart.active {
        background: url(/images/hearta.png) no-repeat
    }

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

    .tmBg .sim1, .tmBg .sim2 {
        float: left;
        color: #5a308b;
        width: 33%;
        text-align: left
    }

    .product li .price .pn1:last-child, .tmBg .sim2 {
        text-align: right
    }

        .tmBg .sim2 a {
            color: #5a308b;
            text-decoration: none
        }

            .tmBg .sim2 a:hover {
                color: #5a308b
            }

    .tmBg .sim2 {
        width: 66%
    }

        .tmBg .sim2 span {
            display: inline-block;
            font-weight: 700;
            margin: 0 5px
        }

section.sheader {
    display: table;
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: 20px 0 0
}

    .multipleh:last-child, .psk ul li:last-child, section.sheader:last-child {
        margin-bottom: 0
    }

section hr {
    margin-bottom: 10px
}

section.sheader h2, section.sheader h3, section.sheader h4 {
    padding: 10px 0 !important;
    display: table;
    font-size: 20px
}

section.sheader .lit {
    position: absolute;
    right: 0;
    margin-top: 12px;
    display: inline-block
}

    section.sheader .lit .slideBtn {
        margin-top: -10px
    }

    section.sheader .lit a {
        padding: 12px 16px 10px;
        border-radius: 5px;
        text-decoration: none;
        color: #000;
        background: #f2f2f2
    }

        .design1:hover, .design2:hover, section.sheader .lit a:hover {
            background-color: #fdb564
        }

.design1, .design2 {
    background-position: 10px -55px;
    padding: 10px 21px;
    cursor: pointer;
    background-color: #f2f2f2;
    margin-right: 5px;
    border-radius: 5px
}

.btn1Rate, .yanitBtnBody button {
    border-radius: 50px;
    font-weight: 700
}

.design2 {
    background-position: -50px -55px
}

.design1:hover {
    background-position: 10px -84px
}

.design2:hover {
    background-position: -50px -84px
}

.news1, .newsList, .product li .price, .shareTable {
    display: table;
    width: 100%
}

.nwBig {
    width: 50%;
    vertical-align: top;
    display: table-cell
}

    .nwBig:last-child {
        padding-left: 20px
    }

.bow, .btn3, .inp, .inp1, .psk, .sitemap, .table, .tool {
    width: 100%
}

    .bow .img {
        width: 100%;
        margin-bottom: 15px;
        height: 500px;
        overflow: hidden
    }

        .bow .img figure {
            width: 100%;
            height: 500px;
            overflow: hidden
        }

            .bow .img figure img {
                width: 100%;
                height: 500px;
                object-fit: cover
            }

        .bow .img .heart {
            right: 3%;
            top: 3%
        }

        .bow .img figure figcaption {
            position: absolute;
            display: block;
            width: 96%;
            border-radius: 15px;
            padding: 15px;
            background: rgb(0 0 0 / .5);
            color: #fff;
            left: 2%;
            right: 2%;
            bottom: 2%;
            z-index: 3000;
            font-size: 20px;
            font-weight: 800
        }

.multipleh {
    margin-bottom: 21px
}

    .multipleh .img, .multipleh .img figure, .multipleh .img figure img {
        height: 294px
    }

        .multipleh .img figure figcaption {
            bottom: 5%
        }

.kariyer-bg, .newsComment .comment-bg, .nwBig .comment-bg {
    padding-bottom: 50px
}

.kariyer-bg, .newsComment .comment-bg {
    padding: 20px 0 50px
}

.nwBig .comment-bg:last-child {
    padding-bottom: 0
}

.nopad, .nwBig .comment p {
    padding: 0 !important
}

.nomar {
    margin: 0 !important
}

.kariyer-bg .comment, .newsComment .comment-bg .comment, .nwBig .comment {
    background: #f2f2f2;
    padding: 15px 24px 55px;
    border-radius: 15px
}

.basin h4, .inRow .content-page.w72 h2, .inRow .content-page.w72 h3, .sideBarBlock h3, .sliderFull li {
    padding: 10px 0 !important
}

.kariyer-bg .comment {
    border-radius: 0
}

.newsComment .comment-bg .comment .date {
    font-style: italic;
    font-weight: 700;
    border-radius: 50px;
    background: #f2f2f2;
    display: table;
    padding: 10px 15px;
    font-size: 13px
}

.yanit .date {
    background: #fff !important
}

.btn1Rate {
    padding: 7px 25px;
    background: #91c40f;
    text-transform: capitalize;
    cursor: pointer;
    font-size: 16px;
    margin: 20px auto;
    display: table
}

    .btn1Rate:hover {
        box-shadow: 0 0 30px rgb(0 0 0 / .2) inset
    }

.yanitBtnBody button {
    padding: 10px 15px;
    font-size: 13px;
    cursor: pointer;
    transition: .3s;
    color: #fff;
    background: #013550
}

    .btn1:hover, .yanitBtnBody button:hover {
        background: #096ca2
    }

.inmix .btn1 {
    background: #096ca2 !important;
    padding: 18px 40px;
    font-size: 18px
}

    .inmix .btn1:hover {
        background: #065d8c !important
    }

.kariyer-bg strong, .newsComment .comment-bg strong, .nwBig .comment-bg strong {
    position: absolute;
    margin: -18px 0 0 93px;
    font-weight: 700;
    border-radius: 40px;
    padding: 6px 10px;
    font-size: 15px;
    background: #ffe2c1;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-box;
    height: 31px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    -webkit-box-align: start;
    width: 150px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.newsComment .comment-bg a strong {
    background: #adc0e9;
    color: #fff
}

.newsComment .comment-bg .comment p:before, .nwBig .comment p:before {
    content: "“";
    font-size: 85px;
    color: #6dc8c3;
    position: relative;
    font-family: tahoma;
    top: 18px;
    margin-right: 10px;
    vertical-align: bottom
}

.kariyer-bg .comment .rate, .nwBig .comment .rate {
    padding-top: 10px
}
.kariyer-bg .comment p {
    font-size: 17px;
    line-height:24px;
    font-weight: 400;
}
.nwBig ul li {
    width: 48.444%;
    float: left;
    position: relative;
    overflow: hidden;
    background: #f2f2f2;
    margin: 0 20px 20px 0
}

    .nwBig ul li figure {
        display: table;
        width: 100%;
        position: relative;
        overflow: hidden
    }

        .nwBig ul li figure .heart {
            right: 5%
        }

        .nwBig ul li figure span {
            display: block;
            font-size: 13px;
            font-weight: 700;
            margin-bottom: 10px
        }

        .nwBig ul li figure img {
            width: 100%;
            height: 184.98px
        }

        .nwBig ul li figure figcaption {
            padding: 15px 20px 20px;
            font-weight: 700;
            font-size: 15px
        }

            .nwBig ul li figure figcaption a {
                text-decoration: none;
                font-size: 15px;
                line-height: 21px;
                display: block;
                font-weight: 600;
                color: #313131
            }

                .nwBig ul li figure figcaption a:hover {
                    text-decoration: underline;
                    color: #036
                }

    .nwBig ul li:hover {
        box-shadow: 0 0 30px rgb(0 0 0 / .1) inset
    }

.rate i.star {
    margin-right: 1px !important
}

.kariyer-bg .comment .user, .newsComment .comment-bg .comment .user, .nwBig .comment .user {
    width: 70px;
    height: 70px;
    margin: 20px 0 0 -12px;
    border: 5px solid #fff;
    position: absolute;
    overflow: hidden;
    display: block;
    border-radius: 50%
}

.continue {
    background: #fdb564;
    text-align: center;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 600;
    padding: 7px 12px 6px;
    display: inline-block;
    margin: 17px 0 5px
}

.kariyer-bg .comment .user img, .newsComment .comment-bg .comment .user img, .nwBig .comment .user img {
    width: 100%;
    height: 100%;
    margin-top: 0 !important;
    object-fit: cover
}

.newsList ul {
    padding: 50px 0 20px
}
.news1 .newsList ul{ display:flex !important; padding:20px 0 0; gap:20px; flex-direction:row; flex-wrap:nowrap}

.newsList ul li {
    float: left;
    position: relative;
    overflow: hidden;
    width: 254px
}
.news1 .newsList ul li {
    position: relative;
    overflow: hidden;
    width: 204px
}
.newsList ul.kops {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
}
    .newsList ul.kops li {
        width: 204px
    }

.newsList ul li .img {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: auto;
}

        .newsList ul li .img picture {
            display: block;
            width: 100%;
            height: 310px;
            margin-bottom: 10px;
            position: relative;
            overflow: hidden
        }

            .newsList ul li .img picture img {
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0;
                left: 0;
                z-index: -1;
                object-fit: cover
            }

    .newsList ul li:hover .img picture .pix {
        position: absolute;
        width: 100%;
        height: 310px;
        left: 0 !important;
        top: 0 !important;
        z-index: -1
    }

    .newsList ul li .img picture .pix img {
        width: 100%;
        height: 310px;
        position: relative;
        top: 0 !important;
        z-index: -1;
        object-fit: cover
    }

    .newsList ul li .img picture .pix ul, .newsList ul li .img picture .pix ul li, .newsList ul li .img picture .pix ul li img, .newsList ul li picture video, ul.news li .news-blog .img figure .pix, ul.news li .news-blog .img figure .pix img, ul.news li .news-blog .img figure .pix ul li, ul.news li .news-blog .img figure .pix ul li img, ul.news li .news-blog .img picture .pix, ul.news li .news-blog .img picture .pix img, ul.news li .news-blog .img picture .pix ul li, ul.news li .news-blog .img picture .pix ul li img {
        margin: 0 !important;
        width: 100% !important;
        height: 350px !important;
        padding: 0 !important
    }

        .newsList ul li .img picture .pix ul, .newsList ul li .img picture .pix ul li, .newsList ul li .img picture .pix ul li img, ul.news li .news-blog .img picture .pix, ul.news li .news-blog .img picture .pix img, ul.news li .news-blog .img picture .pix ul li, ul.news li .news-blog .img picture .pix ul li img {
            height: 100% !important
        }

    .newsList ul li a {
        text-decoration: none;
        display: block;
        font-weight: 600
    }

font .top30 {
    margin-top: 30px
}

.coffe, .dkalem, .gender, .podc {
    background-color: #fff;
    margin-left: -10px;
    padding: 10px 20px;
    border-radius: 50%;
    margin-right: 10px
}

.podc {
    background-position: -188px -128px
}

.coffe {
    background-position: -185px -57px
}

.gender {
    background-position: -187px -22px
}

.dkalem {
    background-position: -187px 10px
}

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

.player, .sp {
    z-index: 1000
}

.slider-video, .slider-video ul li {
    height: 305px;
    position: relative;
    overflow: hidden
}

.items li {
    position: absolute;
    top: 0;
    left: 0;
    display: none
}

.npb {
    padding-bottom: 0 !important
}

.bow .img:hover figure img, .nwBig ul li:hover figure img, .sliderm ul li:hover figure img {
    opacity: 1;
    -webkit-animation: 2s flash;
    animation: 2s flash
}

@-webkit-keyframes flash {
    0% {
        opacity: .7
    }

    100% {
        opacity: 1
    }
}

@keyframes flash {
    0% {
        opacity: .7
    }

    100% {
        opacity: 1
    }
}

.videoTab {
    width: 100%;
    display: table;
    position: relative;
    background: #307881;
    padding: 30px;
    border-radius: 15px;
    margin-bottom: 40px
}

    .videoTab h3 {
        color: #fff;
        border-bottom: 1px solid #71c1ca;
        padding: 5px 0 15px;
        line-height: 29px
    }

    .videoTab ._cx1wzz, .videoTab .slideBtn ._cx1wzz::before {
        width: 20px !important;
        height: 20px !important
    }

        .videoTab ._cx1wzz svg {
            width: 25px !important;
            height: 25px !important;
            stroke: #fff !important
        }

.slider-video {
    display: block;
    margin-top: 20px;
    width: 1639px
}

    .slider-video ul li {
        width: 311.7px !important;
        transition: .3s;
        display: inline-block !important;
        float: left;
        background: #323232;
        padding: 0 0 10px !important
    }

        .slider-video ul li.npl {
            margin-left: -6px
        }

        .slider-video ul li:hover {
            background: #000
        }

        .product li figure, .slider-video ul li figure {
            display: block;
            width: 100%;
            position: relative;
            overflow: hidden
        }

            .slider-video ul li figure img {
                width: 100%;
                height: 100%
            }

            .slider-video ul li figure figcaption {
                padding: 20px;
                color: #fff
            }

                .slider-video ul li figure figcaption a {
                    color: #fff
                }

                .slider-video ul li figure figcaption span {
                    display: block;
                    margin: -63px -20px;
                    position: absolute;
                    padding: 10px;
                    font-size: 13px;
                    background: #f5b25e;
                    color: #fff;
                    font-weight: 700
                }

                    .slider-video ul li figure figcaption span.active {
                        right: 20px !important;
                        margin-top: -63px;
                        padding: 8px 10px
                    }

                        .slider-video ul li figure figcaption span.active:hover {
                            background-color: #06c
                        }

.share {
    background-position: 0 -31px;
    padding: 0 7px
}

.player {
    background-color: #f5b25e;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50px;
    margin: 22% 0 0 44%;
    padding: 21px;
    background-position: -156px -127px
}

#projects .slick-slide, .full, .inRow .content-page.w72 video {
    width: 100% !important
}

.podcast .full ul li {
    margin-right: 15px !important
}

.sliderFull li {
    width: 100%;
    display: table;
    padding-bottom: 20px !important;
    border-bottom: 1px solid #f2f2f2 !important;
}

    .sliderFull li .img {
        width: 250px;
        height: 250px;
        padding: 0;
        position: relative;
        margin: 0 0 10px 10px;
        border-radius: 34px;
    }

        .sliderFull li .img img {
            width: 100%;
            cursor: pointer;
            margin: 0 !important;
            padding: 0 !important;
            height: 100%; border-radius:50%
        }

    .sliderFull li a {
        font-size: 25px;
        font-weight: 700;
        color: #5a308b;
        transition: .3s;
        display: block;
        margin: 10px 0 0px;
    }

    .sliderFull li .img .heart {
        top: 12%
    }

    .sliderFull li p {
        padding: 10px 0;
        font-size: 18px;
        font-weight: 400;
    }

    .sliderFull li .tmBg, .sliderFull li .tmBg .sim1 {
        width: auto
    }

    .sliderFull li .tmBg {
        margin: -10px 0 10px
    }

.basin .sliderm {
    padding: 40px;
    width: 100%;
    display: block;
    position: relative;
    background: #555
}

    .basin .sliderm ul li {
        width: 200px !important;
        position: relative
    }

        .basin .sliderm ul li figure {
            width: 100%;
            position: relative;
            display: block
        }

            .basin .sliderm ul li figure .vid {
                background: url(/images/smart/vid.png) no-repeat;
                display: table;
                opacity: 1;
                padding: 21px;
                transition: .3s;
                position: absolute;
                z-index: 2000;
                left: 41%;
                top: 27%
            }

        .basin .sliderm ul li:hover figure .vid {
            opacity: .5
        }

    .basin .sliderm .sid {
        width: 1620px;
        position: relative;
        display: block;
        overflow: hidden
    }

    .basin .sliderm ul li figure img {
        height: 208px !important;
        width: 100%
    }

    .basin .sliderm ul li.imd, .sipOzet li img {
        width: 100px
    }

.vidpost li figure, .vidpost li figure .img {
    width: 100%;
    display: block;
    overflow: hidden
}

.basin .sliderm ul li:nth-child(9n+0) {
    padding-left: 1px
}

.basin .sliderm ul li figure figcaption {
    padding: 10px 0;
    text-align: left;
    background: 0 0 !important
}

.basin .sliderm ul li a figure figcaption {
    font-size: 14px;
    text-decoration: none !important;
    color: #fff !important
}

.basin .sliderm ul li figure figcaption span {
    font-size: 13px;
    color: #999;
    font-weight: 700;
    display: block;
    margin-bottom: 10px
}

.basin .lit {
    top: 0 !important;
    margin-top: 0
}

i.ntxfull {
    background-position: -84px -128px;
    padding: 0 5px;
    margin-left: 10px
}

.basin .lit a:hover {
    background-color: #bf4c41 !important;
    color: #fff
}

    .basin .lit a:hover i.ntxfull, .color2 .lit a:hover i.ntxfull {
        background-position: -69px -128px
    }

.sp {
    position: absolute;
    width: 100%;
    margin-top: 5%
}

.xipLeft, .xipRight {
    position: absolute !important;
    z-index: 3 !important;
    width: 145px;
    height: 89%
}

#tooltip:after, .ekt .slick-list, .hid5, .imgBody, .player1, .popular li:before, .rslides li {
    position: absolute
}

.lazy1 .slick-next, .lazy1 .slick-prev {
    border: 0 !important;
    border-radius: 0;
    z-index: 7000;
    margin: 0 !important;
    padding: 10px;
    cursor: pointer;
    display: inline-block !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-color: #bf4c41 !important
}

    .lazy1 .slick-next:hover, .lazy1 .slick-prev:hover {
        background-color: #ae443c
    }

.lazy1 button {
    border: 0 !important;
    border-radius: 0 !important;
    margin: 0 !important;
    top: 28% !important
}

.popular li, .vidpost li {
    border-bottom: 1px solid #f2f2f2
}

.lazy1 .slick-next {
    background-image: url(/images/smart/next.png) !important;
    left: 98%
}

.lazy1 .slick-prev {
    background-image: url(/images/smart/prev.png) !important
}

.xipLeft {
    left: 0 !important;
    transition: .3s;
    background: -webkit-linear-gradient(to right,#000 16.77%,#fff0 88.47%) !important;
    background: -moz-linear-gradient(to right,#000 16.77%,#fff0 88.47%) !important;
    background: linear-gradient(to right,#000 16.77%,#fff0 88.47%) !important
}

.xipRight {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    right: 0 !important;
    display: -webkit-box !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-justify-content: flex-end !important;
    justify-content: flex-end !important;
    background: -webkit-linear-gradient(to left,#000 16.77%,#fff0 88.47%) !important;
    background: -moz-linear-gradient(to left,#000 16.77%,#fff0 88.47%) !important;
    background: linear-gradient(to left,#000 16.77%,#fff0 88.47%) !important
}

.player1 {
    background-position: 0 -61px;
    padding: 15px;
    z-index: 1000;
    top: 45%;
    margin-left: 46%
}

.vidpost li {
    padding: 10px 0;
    display: block
}

    .vidpost li figure figcaption span {
        font-size: 14px;
        text-decoration: none !important;
        color: #343434 !important;
        font-weight: 700;
        display: block
    }

    .vidpost li a figcaption {
        font-size: 16px;
        font-weight: 600;
        transition: .3s;
        color: #5a308b;
        line-height: 23px;
        display: block
    }

    .vidpost li figure .img {
        height: auto;
        padding: 0 !important;
        margin: 0 !important;
        position: relative
    }

.popular li {
    padding: 20px 0 15px;
    display: inline-flex;
    counter-increment: sy-counter
}

    .popular li a {
        display: block;
        font-weight: 600;
        font-size: 15px;
        margin-left: 40px
    }

        .popular li a:hover {
            color: #f5b25e;
            text-decoration: underline
        }

    .popular li:before {
        content: "0"counter(sy-counter);
        font-weight: 700;
        font-size: 29px;
        color: #777;
        line-height: 30px;
        display: table;
        text-align: center;
        margin: -2px 10px 0 -16px;
        width: 50px
    }

.friendly {
    display: table;
    margin: 20px auto;
    text-align: center
}

    .friendly a img {
        display: table;
        width: 200px !important;
        height: auto !important;
        margin: 10px auto
    }

.copyright {
    padding: 20px 0 0
}

    .copyright span a {
        margin-left: 16px;
        font-weight: 600
    }

    .copyright .page {
        color: #555;
        font-size: 16px
    }

footer {
    margin: 20px 0
}

.footer-menu {
    background: #555;
    padding: 10px 0;
    width: 100%;
    display: table
}

.footer-tab {
    display: table-cell;
    padding: 40px 0 40px 20px;
    width: 33.3%
}

    .footer-tab:first-child {
        padding-left: 0;
        width: 16%
    }

    .footer-tab:nth-child(2) {
        width: 30%
    }

    .footer-tab ul.multiple li {
        float: left;
        margin: 3px 0;
        width: 50%
    }

    .footer-tab ul.single li {
        margin: 6px 0;
        width: 100%
    }

        .footer-tab ul.multiple li a, .footer-tab ul.single li a {
            font-size: 16px;
            font-weight: 500;
            color: #eee;
            display: inline-block;
            padding: 3px 0
        }

.npTop {
    padding-top: 0 !important
}

.footer-tab b.bk, .footer-tab strong {
    font-weight: 700;
    display: block;
    margin-bottom: 50px;
    color: #fff;
    font-size: 20px
}

.fico, .fico a, address {
    color: #ccc
}

.fico, .footer-tab p, address {
    font-size: 16px;
    font-weight: 700
}

.footer-tab b.bk:before, .footer-tab strong:before {
    content: "";
    position: absolute;
    background: rgb(0 0 0 / .2);
    width: 40px;
    padding: 3px 0;
    margin-top: 34px;
    border-radius: 6px
}

.mail, .map, .tel, .time {
    background-position: -42px -266px;
    padding: 0 10px;
    margin-right: 2px
}

.time {
    background-position: -5px -266px
}

.fico {
    margin: 17px 0
}

.tel {
    background-position: -69px -266px
}

.mail {
    background-position: -100px -266px
}

.socials {
    margin: 10px 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

    .socials .sfacebook, .socials .sinstagrag, .socials .slinkedin, .socials .spinterest, .socials .stwitter, .socials .syoutube {
        background: url(/images/social.png) no-repeat;
        display: inline-block;
        width: 33px;
        height: 33px;
    }

    .socials a {
        margin-left: 7px
    }

        .socials a:first-child, .tool .fin:first-child {
            margin-left: 0
        }

    .socials .stwitter {
        background-position: -51px 0
    }

    .socials .sinstagrag {
        background-position: -102px 0
    }

    .socials .slinkedin {
        background-position: -201px 0
    }

    .socials .syoutube {
        background-position: -151px 0
    }

    .socials .spinterest {
        background-position: -251px 0
    }

.footer-tab p {
    border-radius: 0 15px 15px;
    background: #fff;
    padding: 20px;
    line-height: 26px;
    font-family: 'Lora';
}

.logo-min {
    background: url(/images/logo-min.png) center center no-repeat #fff;
    display: block;
    width: 190px;
    height: 28px;
    padding: 29px 60px !important;
    object-fit: fill;
    border-radius: 15px 15px 0 0;
    margin: 40px 0 0
}

.bulten {
    background: #f1a63a;
    top: 74px;
    z-index: 1000;
    padding: 20px;
    display: table;
    margin: 0 auto;
    border-radius: 5px
}

.fix1 {
    width: 320px
}

    .fix1 strong {
        font-weight: 700;
        font-size: 20px;
        display: block
    }

.fix2 input[type=text] {
    padding: 22px;
    display: inline-block;
    background: url(/images/bulten.png) 10px center no-repeat #fff;
    text-indent: 20px;
    width: 400px;
    border-radius: 5px 0 0 5px
}

.fix2 button {
    padding: 22px;
    border-radius: 0 5px 5px 0;
    background: #955e0b;
    color: #fff;
    cursor: pointer;
    font-weight: 700
}

    .fix2 button:hover {
        background: #714709
    }

.fix2 label {
    top: 5px
}

.tag {
    padding: 20px 0;
    margin: 20px 0
}

    .tag .hbtn1 {
        cursor: pointer !important;
        text-align: center !important;
        background-color: #f2f2f2 !important;
        border: 1px solid #f2f2f2;
        padding: 10px 16px !important;
        margin: 4px 5px 4px 0 !important;
        color: #222 !important;
        border-radius: 60px !important;
        font-size: 16px !important;
        display: table;
        font-weight: 600;
        float: left
    }

#sx1, .btn1, .btn1x, .btn2, .btn3, .btn4, .dbtn, .imgBody .img, .kitap ul li a figure figcaption, .padmix, .pageBtn a, .rateBody, .textC, .txt {
    text-align: center
}

.tag span {
    float: left;
    font-weight: 700;
    margin: 14px 10px 0 0
}

.tags {
    background-position: -38px -166px;
    padding: 3px 16px;
    margin-right: 5px
}

.rateBody {
    display: table;
    width: 100%;
    border: 2px solid #f2f2f2;
    border-radius: 5px;
    padding: 20px 0 0;
    margin: 10px 0
}

#rate, #ratex {
    display: table !important;
    margin: 20px auto 30px !important
}

.rateBody .rate1, .rateBody .rate2, .rateBody .rate3 {
    background: url(/images/star.png) no-repeat;
    margin-right: 3px;
    cursor: pointer;
    padding: 10px 17px
}

.rateBody .rate1 {
    background-position: -45px 0
}

.rateBody .rate2 {
    background-position: -88px 0
}

#sx1 {
    display: table;
    font-weight: 700;
    margin: 10px auto;
    color: #111 !important
}

.commentMessage {
    padding: 30px;
    background: #f2f2f2;
    margin: 10px 0;
    display: inline-block;
    width: 100%;
    border-radius: 15px
}

    .commentMessage strong {
        display: block;
        position: relative;
        font-size: 22px
    }

    .commentMessage .inmix {
        display: none
    }

    .commentMessage.active .inmix {
        display: block
    }

.inmix input, .inmix select, .inmix textarea, .inmix button, .inmix fieldset, .inmix legend {
    border-radius: 34px !important
}

.commentMessage .x1 {
    display: inline-block;
    padding: 5px 0;
    width: 49.4%
}

    .commentMessage .x1.w {
        width: 49.6%;
        vertical-align: middle
    }

.commentMessage fieldset {
    padding: 5px 20px 20px;
    border-radius: 15px;
    background: #fff;
    display: table
}

    .commentMessage fieldset legend {
        background: #fff;
        border-top: 2px solid #ddd;
        padding: 16px 30px;
        border-radius: 15px;
        font-weight: 700;
        font-size: 19px
    }

.commentMessage .x10, .commentMessage .x11, .commentMessage .x12 {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px !important;
    padding: 7px 0;
    width: 32.5%
}

.commentMessage .x11 {
    width: 28.5%
}

.intops {
    position: relative;
    margin: -16px 0
}

.inmix {
    margin-top: 20px;
    display: block;
    position: relative
}

.commentMessage .x12 {
    width: 15%
}

.commentMessage .x13 {
    margin: 5px 10px 5px 0;
    display: inline-block;
    width: 49.3%
}

.commentMessage .dv .x13:last-child {
    margin-right: 0
}

.commentMessage .x2 {
    width: 100%;
    padding: 5px 0;
    position: relative;
    display: block
}

.top16 {
    top: 16px
}

select.inp {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(/images/down.png) !important;
    background-repeat: no-repeat !important;
    background-position: 93% center !important
}

.inp {
    padding: 20px;
    font-size: 20px;
    font-weight: 600;
    border-radius: 15px;
    border: 2px solid #f2f2f2;
    background: #fff
}

.top16 .inp {
    padding: 26px !important
}

.commentMessage .x1:last-child {
    margin-left: 9px !important
}

textarea.inp {
    padding: 20px;
    resize: none;
    height: 200px
}

.commentMessage .big {
    padding: 5px 0 !important
}

textarea.inp.hw {
    height: 130px
}

.mind {
    font-style: italic !important;
    display: block;
    margin: 2px 0 -35px;
    font-size: 14px;
    color: #054a70;
    font-weight: 700
}

.checbox label, .radio label {
    display: inline-block;
    cursor: pointer
}

    .checbox label:before {
        content: "";
        border-radius: 5px;
        width: 20px;
        height: 20px;
        float: left;
        border: 2px solid #ddd;
        background: #fff;
        display: inline-block
    }

    .radio label:before {
        content: "";
        border-radius: 50px;
        width: 21px;
        height: 21px;
        float: left;
        border: 2px solid #ddd;
        background: #fff;
        display: inline-block
    }

    .checbox label span, .radio label span {
        display: inline;
        font-weight: 600;
        position: relative !important;
        top: 1px !important;
        left: 12px
    }

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

.checbox label span a, .radio label span a {
    font-weight: 600;
    color: #006;
    text-decoration: underline
}

.green {
    color: #7fbc48
}

.sitemap .tool .fin1, .top2 {
    margin-top: 8px
}

.textC {
    display: table;
    margin: 40px auto
}

.inRow .content-page.w72 figure strong, .textC1 {
    display: table;
    margin: 0 auto;
    text-align: center
}

.hg2 {
    height: 150px !important
}

.checbox input:checked + label:before {
    background-image: url(/images/check.png);
    background-position: center center;
    background-repeat: no-repeat
}

.radio input:checked + label:before {
    border: 2px solid #f29d35;
    background-image: url(/images/radio.png);
    background-position: 6px 6px;
    background-repeat: no-repeat
}

.checbox.left, .radio.left {
    float: left;
    margin-right: 25px
}

.btn1, .btn1x, .btn2, .btn3, .btn4 {
    padding: 14px 20px;
    background: #013550;
    color: #fff;
    display: block;
    cursor: pointer;
    font-weight: 700;
    font-size: 16px;
    border-radius: 5px;
    margin: 15px 0 !important
}

.btn1, .btn1x, .kunye a, .product li .btn, .product li:hover figure i.heart, .rig, .tool .fin, .tool .fin1 {
    display: inline-block
}

.btn1, .btn1x, .ekt .slick-slide, i.al, i.sepet {
    margin-right: 10px
}

.btn1x {
    background: #313131
}

    .btn1x:hover {
        background: #555
    }

.btn3 {
    padding: 20px;
    margin-bottom: -20px !important;
    font-size: 18px;
    background: #093
}

.btn4 {
    padding: 10px 20px;
    font-size: 16px;
    background: #f0a435;
    color: #000
}

    .btn4:hover {
        background: #f3b85f
    }

.btn3:hover {
    background: #073
}

.btn3:disabled {
    background: #999 !important;
    color: #fff !important;
    cursor: not-allowed
}

.btn2 {
    background: #000;
    color: #fff;
    padding: 8px 16px 10px
}

.kitap:nth-child(odd), .newsComment .comment-bg .comment {
    background: #fff;
    border: 3px solid #f2f2f2
}

.newsComment .yanit .comment {
    background: #f2f2f2;
    border: 0
}

.newsComment .yanit {
    width: 90%;
    float: right
}

    .newsComment .yanit .comment:before {
        width: 0;
        height: 0;
        background: 0 0 !important;
        border-left: 18px solid #fff0;
        border-right: 18px solid #fff0;
        border-bottom: 18px solid #f2f2f2;
        border-top-color: #f2f2f2;
        content: '';
        position: absolute;
        left: 8%;
        top: 3px
    }

.kat {
    display: block;
    padding: 1px 0;
    margin-bottom: -7px;
    font-weight: 600
}

    .kat i.rss {
        background-position: -43px -66px;
        padding: 0 10px
    }

    .kat a {
        font-weight: 700;
        color: #000
    }

.tool {
    margin: -15px 0 25px;
    display: table
}

    .tool .fin i.starx {
        background-position: -35px -130px;
        padding: 0 11px
    }

    .tool .fin i.yorum {
        background-position: 0 -100px;
        padding: 0 11px
    }

    .tool .fin i.save {
        background-position: -35px -99px;
        padding: 0 13px
    }

    .tool .fin i.share {
        background-position: -65px -65px;
        padding: 0 11px
    }

    .tool .fin1 {
        margin-top: -4px
    }

        .tool .fin1 button {
            padding: 6px 8px;
            border-radius: 5px;
            background: #fff;
            text-decoration: underline;
            font-weight: 600;
            cursor: pointer
        }

            .hsp tr.active td, .kitap, .pageBtn a, .sepetBtn:hover, .tool .fin1 button:hover {
                background: #f2f2f2
            }

    .tool .fin {
        font-size: 17px !important;
        margin-left: 25px;
        font-weight: 600 !important
    }

        .tool .fin i {
            margin-right: 3px
        }

    .tool .fin1 .fin {
        margin-left: 5px
    }

.address1, .address1 a {
    color: #222 !important
}

.gsm_pr, .mail_pr, .msg_pr, .phone_pr, .sub_pr, .user_ceo, .user_mang, .user_map, .user_pf, .user_pr, .user_web {
    background-image: url(/images/smart/user.png);
    background-repeat: no-repeat;
    background-position: 20px center;
    text-indent: 30px
}

.mail_pr {
    background-image: url(/images/smart/email.png)
}

.phone_pr {
    background-image: url(/images/smart/telephone.png)
}

.gsm_pr {
    background-image: url(/images/smart/smartphone.png)
}

.sub_pr {
    background-image: url(/images/smart/text.png)
}

.msg_pr {
    background-image: url(/images/smart/messenger.png);
    background-position: 20px 25px
}

.user_pf {
    background-image: url(/images/smart/networking.png)
}

.user_ceo {
    background-image: url(/images/smart/ceo.png)
}

.user_mang {
    background-image: url(/images/smart/manager.png)
}

.user_map {
    background-image: url(/images/smart/pin.png)
}

.user_web {
    background-image: url(/images/smart/web.png)
}

.saves.active i.save {
    background-position: -163px -174px
}

.saves.active {
    background-color: #000 !important;
    color: #fff !important
}

.kunye {
    display: block;
    padding: 20px 0;
    border-bottom: 1px solid #f2f2f2
}

    .kunye strong {
        font-size: 20px;
        display: block;
        margin-bottom: 14px;
        font-weight: 700
    }

    .kunye span {
        font-size: 16px;
        display: block;
        margin-bottom: 4px;
        font-weight: 700
    }

    .inp1, .kunye a, .product li .btn, .psk ul li a, .sitemap ol li a {
        font-weight: 600
    }

    .kunye b {
        color: red
    }

.sitemap {
    margin: -10px 0 20px;
    background: #f2f2f2;
    display: table
}

.homep, .psk {
    background: #fff
}

.sitemap ol {
    list-style-type: none !important;
    padding: 0 !important;
    margin: 0 !important
}

    .sitemap ol li {
        float: left;
        margin-right: 17px;
        padding: 0 !important;
        display: inline-flex
    }

.sitemap .tool {
    margin: 0 !important;
    display: inline !important;
    width: auto !important;
    top: 15px !important
}

    .sitemap .tool .fin1 button {
        padding: 6px 0
    }

.sitemap ol li a {
    display: block;
    padding: 16px 5px;
    color: #006
}

i.home {
    background: url(/images/smart/home.png) no-repeat;
    padding: 0 10px
}

.homep {
    padding: 16px !important
}

.sitemap ol li:after {
    content: " » ";
    color: #006;
    font-size: 20px;
    margin-left: 3px;
    margin-top: 15px
}

.sitemap ol li:first-child:after, .sitemap ol li:last-child:after {
    content: close-quote !important;
    margin: 0
}

.pt80 {
    padding-top: 100px
}

.pg2 {
    width: 900px;
    padding-left: 34px
}

.psk {
    border: 3px solid #f2f2f2;
    margin-bottom: 10px;
    padding: 30px 20px 20px;
    border-radius: 15px
}

    .psk strong {
        font-size: 20px;
        padding-bottom: 12px
    }

    .psk ul li {
        margin: 8px 0
    }

        .psk ul li a {
            padding: 6px 0;
            font-size: 18px
        }

.radio.dc {
    margin: 9px 0
}

.inp1 {
    border-radius: 50px;
    padding: 10px 10px 10px 20px;
    width: 250px;
    border: 1px solid #c6c6c6;
    position: relative;
    left: 0;
    top: 22px;
    background: url(/images/smart/search.png) 95% center no-repeat #fff
}

.t22 {
    margin-top: -22px
}

.bt10 {
    margin: 15px 0
}

.rig {
    top: 45px
}

.rigs {
    display: inline
}

.slick-slide {
    width: auto !important;
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
    margin-right: 18.1px
}

    .slick-slide:first-child {
        margin-left: -20px
    }

[dir=rtl] .slick-slide {
    float: none
}

.slick-slide img {
    display: flex
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid #fff0
}

.slick-next, .slick-prev {
    position: absolute !important;
    z-index: 5000;
    top: 0 !important;
    margin: -66px 0 0 95% !important
}

.slick-next {
    margin: -66px 0 0 97.8% !important;
    display: flex !important
}

.slider .slick-next {
    margin: -60px 0 0 97% !important
}

.slider .slick-prev {
    margin: -60px 0 0 93.5% !important
}

#projects {
    display: flex;
    overflow: hidden;
    flex-direction: column;
    gap: 40px;
    align-items: center;
}
ul#projects li {
    padding: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
    border: 0 !important;
    margin: 2px 0 !important
}
    ul#projects li .prText{flex:1; }
    .product li {
        transition: .3s;
        padding: 10px 20px 20px;
        width: 293px;
        float: left;
        margin: 0 10px 10px 0
    }

    .product li:nth-child(3n+2) {
        border-right: 1px solid #f2f2f2;
        border-left: 1px solid #f2f2f2
    }

    .product li figure img {
        width: 100%;
        height: auto;
        margin-bottom: 10px;
        margin-top: 5px
    }

    .product li figure figcaption {
        font-weight: 700;
        padding: 10px 0
    }

        .product li figure figcaption span {
            font-weight: 600;
            color: #999;
            display: block
        }

        .product li figure figcaption strong {
            display: block;
            padding-bottom: 10px;
            height: 50px
        }

    .product li figure i.heart {
        display: none;
        right: 0;
        top: 2%
    }

    .product li:hover {
        box-shadow: 0 0 20px rgb(0 0 0 / .1)
    }

    .product li .btn {
        padding: 8px 14px;
        background: #f0a435;
        border-radius: 3px;
        color: #fff
    }

        .product li .btn:hover {
            background: #a36807;
            color: #fff
        }

    .product li .price .pn1 {
        font-weight: 700;
        font-size: 20px;
        width: 50%;
        text-align: left
    }

.dbtn {
    display: block;
    padding: 0;
    font-weight: 700;
    width: 100%;
    background: 0 0;
    cursor: pointer
}

.encok_satilan {
    padding: 15px;
    width: 900px !important;
    height: 455px;
    background: #f2f2f2;
    display: block;
    overflow: hidden
}

    .encok_satilan ul li {
        padding: 0;
        width: 275px !important;
        margin-right: 20px
    }

        .encok_satilan ul li:hover {
            box-shadow: none !important
        }

        .encok_satilan ul li figure {
            border-radius: 5px !important
        }

            .encok_satilan ul li figure i.heart {
                top: 2%;
                right: 2%
            }

.padmix {
    background: #f0a435;
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 22px;
    color: #fff;
    padding: 20px;
    width: 100%;
    display: block
}

#tooltip, .quantity-button {
    color: #333;
    font-size: 15px
}

.shareBg, .shareBody {
    position: fixed;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0
}

.padmix:after, .padmix:before {
    content: "";
    height: 5px;
    background: #fff;
    position: absolute;
    top: 45%;
    z-index: 1000;
    width: 30px
}

.padmix:before, .sliderHM ul li:hover .msg1 {
    left: 0
}

.padmix:after, .sliderHM ul li:hover .msg2 {
    right: 0
}

#iscopy, #iscopy1 {
    font-size: 16px;
    background: url(/images/check.png) 0 6px no-repeat;
    font-weight: 600;
    top: 4px;
    text-indent: 20px
}

.shareBody {
    z-index: 9000
}

.shareBg {
    z-index: 9500;
    background: rgb(0 0 0 / .5)
}

.shareText {
    width: 675px;
    display: table;
    margin: 5% auto;
    padding: 20px 40px 30px;
    border-radius: 15px;
    background: #fff;
    position: relative;
    z-index: 9999
}

.shareTd, .shareTdFull {
    display: table-cell;
    vertical-align: middle;
    padding: 5px 10px 5px 0;
    width: 50%
}

.shareTdFull {
    width: 100%;
    vertical-align: top;
    padding: 5px 0
}

.shareTd:last-child {
    padding-right: 0
}

.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;
    height: 100% !important;
    text-align: left;
    width: 100% !important;
    display: inline-block
}

.adet, .close2, .kitap, .kitap ul, .kitap ul li, .podcast .ovs ul li figure .img, .produc_detail .dv2, .quantity-button, .quantity-nav, .rww, .sepetTable tbody tr td.fyt span.tutar, .sipOzet li span, div.info {
    position: relative
}

.shareBtn svg {
    border-radius: 3px;
    display: inline-block;
    float: left;
    margin-right: 20px
}

.kitap:nth-child(odd) ul li a figure figcaption, .shareBtn:hover {
    background: #f5f5f5
}

.produc_detail .dv3, .txc {
    background: #f2f2f2;
    font-weight: 600
}

.txc {
    width: 100%;
    height: 250px !important;
    border-radius: 5px;
    font-size: 16px;
    resize: none;
    overflow: hidden;
    margin: 10px 0;
    padding: 20px
}

.close2 {
    background: url(/images/close-red.svg) no-repeat;
    cursor: pointer;
    padding: 10px;
    top: 7px;
    display: inline;
    float: right
}

.tablex {
    width: 100%;
    display: table;
    margin-bottom: 20px
}

    .tablex td {
        padding: 2px 0
    }

.dov {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 20px
}

.dov1 {
    flex-grow: 1;
    position: relative
}

.dov2 {
    position: relative;
    display: table;
    padding-bottom: 30px
}

.dov2Desc {
    position: relative;
    width: 322px;
    top: 10px;
    border-radius: 15px;
    padding: 20px;
    background: #f2f2f2
}

    .dov2Desc small {
        display: block;
        margin: 10px 0;
        font-size: 13px
    }

.pname {
    font-size: 18px;
    display: block;
    margin-bottom: 10px
}

.price {
    font-size: 27px;
    display: table
}

.dov2Desc img {
    border-radius: 6px;
    margin-bottom: 10px;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.produc_detail .dv1 {
    width: auto;
    max-width: 300px;
    height: 435px;
    float: left;
    margin: 0 40px 40px 0
}

.load {
    background: url(/images/loadx.svg) no-repeat 0 0;
    width: 46px;
    height: 40px;
    display: inline-block;
    background-size: cover;
    position: relative;
    margin: -16px 0 -15px -10px;
    top: -5px
}

.produc_detail .dv1 img {
    border-radius: 10px;
    width: 100%;
    height: 100%;
    padding: 10px;
    object-fit: contain;
    box-shadow: 0 0 40px rgb(0 0 0 / .1) inset
}

.produc_detail .dv2 {
    float: left;
    font-size: 20px;
    width: 750px;
    margin-bottom: 40px
}

    .produc_detail .dv2 .tool {
        margin: 26px 0;
        display: inline-block;
        position: absolute;
        width: auto;
        right: 0
    }

        .produc_detail .dv2 .tool .fin1 button {
            border-radius: 30px;
            padding: 12px 17px
        }

    .produc_detail .dv2 h1 {
        padding-top: 0;
        padding-bottom: 10px
    }

    .produc_detail .dv2 span {
        font-weight: 600;
        display: block;
        margin-top: 20px;
        color: #999
    }

    .produc_detail .dv2 strong, .produc_detail .dv3 strong {
        color: #000;
        margin-bottom: 20px;
        display: block;
        font-size: 27px
    }

.produc_detail .dv3 {
    border-radius: 15px;
    width: 100%;
    font-size: 18px;
    line-height: 28px;
    padding: 30px
}

div.info, p.info {
    background: #555;
    color: #eee;
    padding: 20px 30px;
    font-weight: 600;
    font-size: 18px;
    border-radius: 15px;
    margin: 10px 0
}

div.info {
    background: 0 0;
    border: 3px solid #f2f2f2;
    color: #000
}

    div.info strong {
        display: block;
        cursor: pointer
    }

        div.info strong:after {
            content: "+";
            font-size: 30px;
            position: absolute;
            right: 3.3%
        }

        div.info strong:hover, div.info strong:hover:after, div.info.active strong, div.info.active strong:after {
            color: #f0a435
        }

            div.info.active strong:after {
                content: "-";
                font-size: 35px
            }

    div.info .dty {
        padding: 20px 0;
        margin-top: 10px;
        border-top: 3px solid #f2f2f2;
        display: none
    }

        div.info .dty h4 {
            padding: 5px 0;
            font-size: 20px !important
        }

        div.info .dty, div.info .dty p, div.info .dty p b, div.info .dty p span {
            font-size: 19px !important;
            line-height: 26px !important
        }

.produc_detail .product li {
    width: 300px !important;
    margin-right: 11px;
    border: 0 !important
}

.quantitytab {
    padding: 10px 0;
    display: table;
    border-radius: 5px;
    float: left
}

.adet {
    float: left;
    font-size: 19px;
    line-height: 16px;
    font-weight: 600;
    top: 16px;
    margin-right: 16px
}

.quantity input {
    width: 90px;
    height: 50px;
    line-height: 1.65;
    float: left;
    display: block;
    padding: 0 0 0 8px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    margin: 0;
    font-size: 20px !important;
    font-weight: 700;
    border: 2px solid #ddd;
    border-radius: 5px
}

input[type=number], input[type=number]:active, input[type=number]:focus, input[type=number]:hover, input[type=number]:visited {
    -moz-appearance: none;
    appearance: none;
    z-index: -1
}

.quantity-nav {
    float: left;
    height: 50px
}

.quantity-button.quantity-up {
    position: absolute;
    height: 48%;
    line-height: 24px;
    font-size: 18px;
    top: 2px;
    border-bottom: 2px solid #ddd;
    font-weight: 700
}

.quantity-button.quantity-down {
    position: absolute;
    bottom: 2px;
    height: 43%;
    font-size: 25px;
    line-height: 19px
}

.quantity-button {
    padding: 0 5px;
    cursor: pointer;
    border-left: 2px solid #ddd;
    width: 26px;
    font-weight: 700;
    line-height: 1.2;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.hal, .sepetBtn {
    padding: 16px 20px 16px 15px;
    background: #fff;
    border: 3px solid #f2f2f2;
    display: inline-block;
    font-weight: 700;
    font-size: 18px;
    color: #000;
    border-radius: 30px;
    margin: 10px 15px 10px 0
}

.hal {
    background: #f4a940;
    border: 3px solid #f4a940
}

i.al, i.sepet {
    background-position: -101px -64px;
    padding: 4px 13px
}

i.al {
    background-position: -70px -95px
}

i.delete {
    background-position: -71px -239px;
    padding: 0 9px;
    margin-right: 5px
}

.fx1, .fx1 textarea {
    margin: 10px 0
}

.tleft {
    text-align: left !important
}

.products-prices {
    padding: 20px 0;
    display: block;
    text-align: right
}

    .delbasketFix, .products-prices small {
        color: #888;
        font-size: 16px;
        display: block;
        font-weight: 600
    }

    .products-prices span {
        color: #787878;
        font-size: 18px;
        font-weight: 600;
        display: block
    }

    .products-prices em {
        color: #212121;
        font-style: normal;
        font-size: 30px;
        font-weight: 700;
        display: block
    }

.sepetTable thead th {
    font-weight: 700;
    padding: 10px 0;
    text-align: left;
    font-size: 18px;
    border-bottom: 2px solid #f2f2f2
}

.hsp tr td, .sepetTable tbody tr td {
    padding: 10px 0;
    font-weight: 600
}

    .sepetTable tbody tr td:first-child {
        width: 400px;
        line-height: 35px;
        vertical-align: middle
    }

        .sepetTable tbody tr td:first-child span, .sipOzet li span {
            position: relative;
            top: -11px;
            color: #888;
            font-weight: 600
        }

    .hsp tr td img, .sepetTable tbody tr td img, .sipOzet li img {
        width: 60px;
        border: 2px solid #f2f2f2;
        background: #fff;
        padding: 5px;
        border-radius: 5px;
        float: left;
        margin-right: 10px
    }

    .sepetTable tbody tr td.fyt, .sipOzet li strong {
        font-size: 22px;
        font-weight: 700
    }

        .sepetTable tbody tr td.fyt span.tutar, .sipOzet li span {
            font-size: 13px;
            color: #999;
            top: -4px;
            display: block;
            font-weight: 700;
            font-style: italic
        }

    .sepetTable tbody tr td a, .sipOzet li a {
        font-weight: 600;
        font-size: 18px
    }

.sipOzet li {
    padding: 10px 0 20px;
    border-bottom: 2px solid #f2f2f2;
    display: block
}

.hsp tr td img {
    width: 124px
}

.sipOzet li a {
    font-size: 16px;
    margin-top: 10px;
    display: flex
}

.sipOzet li hr.hr1 {
    margin: 2px 0 10px
}

.sipOzet li span {
    font-size: 13px;
    display: block;
    margin: 5px 0 -5px
}

.hsp tr td {
    font-size: 18px;
    transition: .3s;
    cursor: pointer;
    font-weight: 700
}

.kitap:nth-child(odd) ul li a figure img {
    background: #f9f9f9
}

.hsp tr td .radio.dc {
    margin: 9px auto;
    display: table
}

.table tr td {
    padding: 10px;
    vertical-align: top;
    width: auto
}

.fx1 label span {
    font-size: 19px;
    top: -2px !important
}

.fx1 textarea {
    display: none;
    width: 100%;
    background: #fff !important;
    resize: none;
    height: 100px;
    padding: 20px;
    border-radius: 5px;
    border: 2px solid #ddd
}

.podcast .ovs {
    width: 100% !important;
    display: block
}

    .podcast .ovs ul li {
        padding: 10px !important;
        margin: 0 15px 15px 0;
        border-radius: 15px
    }

        .podcast .ovs ul li figure .img {
            display: block;
            overflow: hidden;
            height: 208px;
            border-radius: 15px;
            width: 100%
        }

        .podcast .ovs ul li figure figcaption {
            padding: 20px 10px 5px !important
        }

        .podcast .ovs ul li p {
            padding: 0 10px 20px
        }

.pageBtn {
    margin: 30px auto;
    display: table
}

    .pageBtn a {
        padding: 12px 17px;
        margin-right: 5px;
        font-size: 18px;
        border-radius: 5px;
        color: #444;
        font-weight: 700
    }

        .pageBtn a:hover {
            background: #d1d1d1
        }

        .kitap ul li a:hover figure figcaption, .pageBtn a.active, .pageBtn a.aktif {
            background: #fff;
            color: #000
        }
            .pageBtn a.disabled{ background:#ccc; color:#fff; cursor:no-drop}

            .subvideo li {
                margin: 20px 21px 20px 0 !important
            }

.kitap {
    margin: 20px 0;
    padding: 30px;
    border-radius: 15px;
    height: 565px;
    display: block;
    overflow: hidden;
    width: 100%
}

.imgBody, .imgBody .imgbg {
    left: 0;
    top: 0;
    height: 100%
}

.kitap strong {
    display: block;
    padding: 10px 0 30px;
    font-size: 22px
}

.kitap ul {
    margin-top: 20px;
    height: 380px;
    width: 100%;
    max-width: 1175px;
    display: block
}

.inRow .content-page.w72 picture img, img.full {
    width: 100% !important;
    max-width: 100% !important
}

.kitap ul li {
    float: left;
    display: inline-block;
    width: 218.7px !important;
    margin-bottom: 10px
}

.kitap:nth-child(odd) hr.hr2 {
    border-color: #f2f2f2
}

.kitap ul li a figure img {
    width: 100%;
    display: table;
    margin: 0 auto;
    height: auto;
    padding: 15px;
    background: #fff
}

.kitap ul li a figure figcaption {
    font-weight: 700;
    background: #fff;
    color: #000;
    padding: 15px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -ms-flexbox;
    display: flex;
    display: flex;
    height: 95px;
    -webkit-line-clamp: 3;
    -webkit-box-align: start;
    overflow: hidden;
    align-items: center
}

.ekt .slick-list {
    width: 100% !important;
    display: block;
    overflow: hidden
}

.ekt .slick-next, .ekt .slick-prev {
    margin: -81px 0 0 93% !important
}

.ekt .slick-next {
    margin: -81px 0 0 97% !important
}

.lr {
    background-image: url(/images/load.svg);
    margin: 15px 0 -23px -10px;
    background-repeat: no-repeat;
    padding: 20px 34px
}

.inRow .content-page.w72 figure {
    float: right !important;
    text-align: center !important;
    padding: 10px !important;
    margin: 20px 0 20px 20px !important;
    border: 1px solid #f2f2f2 !important;
    clear: both;
    width: 400px
}

.inRow .content-page.w72 img {
    max-width: 400px;
    padding: 10px !important;
    margin: 0 0 20px 20px;
    border: 1px solid #f2f2f2;
    float: right;
    clear: both
}

    .inRow .content-page.w72 img.left {
        max-width: 350px !important;
        border-radius: 0 !important;
        margin: 20px 20px 20px 0;
        float: left;
        height: auto
    }

.inRow .content-page.w72 picture img {
    height: auto;
    object-fit: cover
}

img.full {
    min-width: 100% !important;
    float: none !important;
    margin: 0 !important;
    border: 1px solid #ececec !important
}

.inRow .content-page.w72 figure:nth-child(odd), .l1 {
    float: left;
    margin: 20px 20px 20px 0 !important
}

.inRow .content-page.w72 figure img {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    width: 100%;
    cursor: pointer;
    height: auto
}

.rww {
    float: right;
    font-size: 17px !important;
    color: #f4a940;
    top: 5px
}

.inRow .content-page.w72 a {
    font-size: 18px;
    font-weight: 600;
    font-family: 'Lora',Tahoma,Arial,sans-serif;
}

.imgBody {
    width: 100%;
    z-index: 9000
}

#paylas1 {
    clear: both;
    display: table;
    width: 100%
}

    #paylas1 button {
        width: 31% !important;
        margin: 5px 10px 5px 0;
        display: inline-block !important;
        float: left;
        height: 80px !important
    }

.arc li {
    width: 277px !important
}

.imgBody .imgbg {
    position: fixed;
    background: rgb(0 0 0 / .7);
    width: 100%;
    z-index: 9800
}

.imgBody .img {
    display: table;
    margin: 5% auto;
    z-index: 9999;
    background: #fff;
    padding: 20px
}

.podmix .img, .podmix .pdesc {
    display: inline-block;
    position: relative
}

.imgBody .img img {
    display: table;
    margin-bottom: 10px;
    width: auto;
    height: auto
}

.podmix {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    border-top: 1px solid #f2f2f2;
    padding: 15px 0 10px;
    gap: 20px;
}

    .podmix:first-child {
        border-top: 0
    }

    .podmix .img {
        width: 35%;
        margin-right: 20px;
        margin-top: 5px
    }

        .podmix .img img {
            width: 100%;
            border-radius: 5px;
            height: 100%
        }

    .podmix .pdesc {
        width: 60%
    }

        .podmix .pdesc button {
            border-radius: 3px;
            padding: 10px 10px 10px 15px;
            background: #f5b25e;
            color: #000;
            font-size: 15px;
            display: table;
            cursor: pointer;
            font-weight: 700
        }

        .podmix .pdesc strong {
            font-size: 20px;
            display: block;
            margin-bottom: -10px
        }

        .podmix .pdesc p {
            display: block;
            line-height: 22px !important;
            font-size: 17px
        }

    .podmix.hfix .img img {
        height: 300px;
        width: 300px;
        border-radius: 100%;
        object-fit: cover;
    }

    .podmix.hfix .pdesc p {
        display: block;
        line-height: 30px !important;
        font-size: 19px
    }

ul.mix {
    padding: 20px 0 20px 40px;
    list-style-type: disc
}

    ul.mix li {
        padding: 5px 0;
        font-size: 18px; font-family:'Lora',Arial,Tahoma,sans-serif;
    }
        ul.mix li b, ul.mix li strong, ul.mix li u {
            font-size: 18px !important;
            font-size: 18px;
            font-family: 'Lora',Arial,Tahoma,sans-serif !important;
        }
        .r1 {
            float: right !important;
            margin: 20px 0 20px 20px !important
        }

.leftTP {
    float: left !important;
    margin: 10px 20px 20px 0 !important
}

.rightTP {
    float: right !important;
    margin: 10px 0 20px 20px !important
}

.rslides {
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0
}

    .rslides li {
        backface-visibility: hidden;
        display: none;
        width: 100%;
        left: 0;
        top: 0
    }

        .rslides li a {
            display: block;
            margin-bottom: -5px;
            position: relative;
            overflow: hidden
        }

        .rslides li:first-child {
            display: block;
            float: left
        }

.rslides_tabs {
    display: table;
    z-index: 1000;
    bottom: 0;
    left: 0;
    margin: 18px auto
}

    .rslides_tabs li {
        width: auto;
        float: left
    }

        .rslides_tabs li a {
            text-align: center;
            display: block;
            color: rgb(213 0 0 / .7);
            font-size: 1px;
            background: url(/images/xst.png) no-repeat;
            margin: 1px 3px 2px 0;
            padding: 10px
        }

        .rslides_tabs li.rslides_here a {
            color: rgb(0 0 0 / .7);
            background: url(/images/xst1.png) no-repeat
        }

.sliderHM {
    width: 1200px;
    height: auto;
    display: block;
    overflow: hidden;
    margin: 0 auto;
}

    .sliderHM ul li .msgBody {
        position: absolute;
        width: 100%;
        z-index: 9500;
        opacity: 1;
        bottom: 0;
        left: 0 !important
    }

    .sliderHM ul li:hover .msgBody {
        opacity: 1
    }

    .sliderHM ul li .msg1 {
        left: 0;
        padding: 20px;
        margin: 32% 0 0;
        display: table !important;
        font-style: italic;
        background: #fff;
        font-size: 25px;
        font-weight: 700;
        transition: .3s;
        color: #000
    }

    .sliderHM ul li .msg2 {
        right: 0 !important;
        padding: 30px;
        display: table;
        background: rgb(0 0 0 / .6);
        transition: .3s;
        font-size: 28px;
        max-width: 70%;
        font-weight: 500;
        color: #fff;
        margin: 0
    }

    .sliderHM ul li img {
        width: 100%;
        height: auto;
        object-fit: cover
    }

.psk input {
    margin: -15px 0 16px;
    border: 1.2px solid #f2f2f2
}

.katilimBtn {
    padding: 20px;
    width: 100%;
    transition: all .3s;
    background: #f5b25e;
    color: #fff;
    font-weight: 700;
    cursor: pointer;
    font-size: 20px
}

#katilimImg {
    position: relative;
    display: block;
    width: 610px;
    height: 404px;
    margin-bottom: 10px;
    overflow: hidden
}

#katilimForm {
    display: flex;
    flex-direction: column;
    position: relative;
    background: #f1f1f1;
    padding: 20px;
    width: 64%;
    border-radius: 5px;
}

    #katilimForm .x1 {
        display: flex;
        flex-direction: row;
        align-items: center;
        flex-wrap: wrap;
        padding: 5px 0 !important;
        gap: 20px;
        color: #fff;
        width: 100%;
        justify-content: flex-start;
    }

        #katilimForm .x1 label {
            width: 28%; font-weight:bold; font-family:"Lora"
        }
        #katilimForm .x1 input{padding:10px}
        #katilimForm .x1 input, #katilimForm .x1 select, #katilimForm .x1 div {
            border-radius: 6px;
            transition: all .3s;
            flex: 1;
            width: 50%;
        }

        #katilimForm .x1 div {
            padding: 0px !important;
            display: flex
        }

            #katilimForm .x1 div label {
                width: 90% !important
            }

        #katilimForm .x1 button {
            padding: 10px 20px;
            transition: all .3s;
            font-weight: 700;
            cursor: pointer;
            background: #f5b25e;
            color: #fff;
            cursor: pointer
        }

            #katilimForm .x1 button:hover, .katilimBtn:hover {
                background: #dea053
            }

    #katilimForm p {
        padding: 0 0 10px;
        font-size: 13px;
        color: #fff;
        line-height: 20px
    }

        #katilimForm p q {
            font-size: 13px
        }

.newsListx ul, .newsListx ul li, .ngf {
    position: relative
}

#tooltip {
    text-align: left;
    line-height: 22px;
    font-family: Arial;
    max-width: 500px !important;
    background-color: #fff;
    position: fixed;
    z-index: 10000;
    left: 0;
    top: 0;
    padding: 20px;
    word-wrap: break-word;
    border-radius: 3px
}

    #tooltip img {
        max-width: 480px
    }

    #tooltip strong {
        color: #333;
        margin-bottom: -15px;
        display: block
    }

    #tooltip:after {
        width: 0;
        height: 0;
        border-left: 10px solid #fff0;
        border-right: 10px solid #fff0;
        border-top: 10px solid #fff;
        content: '';
        left: 30%;
        bottom: -10px;
        margin-left: -10px
    }

    #tooltip.top:after {
        border-top-color: #fff0;
        border-bottom: 10px solid #000;
        top: -20px;
        bottom: auto
    }

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

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

.acordion {
    display: block;
    border-radius: 5px;
    transition: .3s;
    border: 1px solid #f1f1f1;
    margin: 15px 0;
    padding: 40px
}

    .acordion a {
        font-size: 22px;
        display: block;
        background: url(/images/down.png) 100% center no-repeat;
        font-weight: 700
    }

    .acordion.active, .acordion:hover {
        background: #f3f3f3;
        box-shadow: 0 0 10px rgb(0 0 0 / .1)
    }

        .acordion.active a {
            background: url(/images/down1.png) 100% center no-repeat
        }

    .acordion .detail {
        display: none;
        padding: 20px 0
    }

        .acordion .detail figure {
            float: right;
            padding: 10px 10px 5px;
            background: #fff;
            border: 1px solid #f1f1f1;
            margin: 10px 0 10px 10px
        }

            .acordion .detail figure img {
                margin: 0;
                padding: 0
            }

.ngf {
    z-index: 4000 !important;
    margin-top: -35px;
    display: table;
    width: 200px;
    float: right !important
}

    .ngf a i {
        display: inline-block;
        padding: 12px 14px
    }

.stLJ {
    float: left
}

    .stLJ .oval {
        border-radius: 2px;
        padding: 5px 8px;
        width: 40px;
        font-weight: 700;
        font-size: 13px;
        color: #fff;
        margin-right: 3px;
        text-align: center;
        background: #f6a821
    }

    .stLJ:first-child .oval {
        background: #c67e09 !important
    }

    .stLJ span {
        display: block;
        font-size: 12px !important;
        font-weight: 700;
        text-align: center
    }

    .stLJ:nth-child(3) .oval {
        background: #f6a821 !important
    }

.instagramPG {
    width: 275px;
    height: 370px;
    display: block;
    overflow: hidden !important;
    margin: -10px 0 0 -8px;
}
.sp_NKZ50SjU1-q.sx_ec3884 {
    width: 24px;
    height: 24px;
    background-position: 0px -52px;
    position: relative !important;
    left: -10px !important;
    top: 20px !important;
}

.newsListx ul {
    display: flex;
    width: 100%;
    gap: 20px;
    flex-wrap: wrap;
    flex-direction: row
}

    .newsListx ul li {
        width: 224px;
        padding: 20px 0;
        display: block;
        overflow: hidden
    }

        .newsListx ul li a small {
            font-weight: 600;
            font-size: 13px;
            color: #252321
        }

        .newsListx ul li a picture {
            width: 100%;
            position: relative;
            height: 250px;
            display: block;
            margin-bottom: 10px;
            overflow: hidden
        }

        .newsListx ul li a strong {
            font-size: 1.125rem;
            padding: 10px 0;
            font-weight: 700;
            line-height: 1.36;
            transition:all .3s;
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            display: -ms-flexbox;
            display: flex;
            display: -webkit-box;
            height: 60px;
            -webkit-line-clamp: 2;
            -webkit-box-align: start;
            overflow: hidden
        }
            .newsListx ul li a:hover strong{ text-decoration:underline; color:#f5b25e}
            .newsListx ul li picture img {
                width: 100%;
                height: 100%;
                object-fit: cover
            }

.mobileRx {
    display: none;
    width: 100%;
    margin: 20px 0
}

    .mobileRx img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important
    }

[itemprop="articleBody"] h2, [itemprop="articleBody"] h3 {
    font-size: 30px !important
}
.hide2 {
    display: none !important
}

@media only screen and (min-width:100px) and (max-width:799px) {
    .social {
        display: table !important;
        text-align: left !important;
        margin: 0 auto !important;
        width: auto !important;
    }.imgr > img{width:100%!important}
.slider ul li a .slideimg .text strong {
    text-transform: capitalize;
    margin-bottom: 0;
    color: #eee;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    background: rgb(0 0 0 / .7);
    padding: 10px 20px !important;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-box;
    height: 76px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -webkit-box-align: start;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: 320px;
}

    .inRow .content-page.w72 img.left, .inRow .content-page.w72 img.right, .rightTP, .leftTP {
        float: none;
        width: 100%;
        height: auto;
        max-width: inherit !important;
        margin: 10px 0 !important
    }
    #katilimForm{width:100%}
    .webMenuText .mmenu ul li ul {
        overflow: hidden !important
    }
    .nextm1 ul{margin:15px 10px}
    .nextm1:hover:after {
        display: none !important;
        content: close-quote !important
    }
    .nextm1 a:hover {
        color: #000 !important; text-decoration:underline !important
    }
    .nextm1 ul li a {
        color: #555 !important
    }
        ul.news li .news-blog .img img {
            position: relative;
            z-index: 1;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    .lazyload, .lazyloading {
        width: 1px !important;
        height: 1px !important;
        animation: fadeIn .4s
    }
    .kultur, ul.podM, .sliderm ul, #projects, ul#projects li, .news1 .newsList ul, ul.news {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important
    }
        .sliderm ul.kultur li {
            width: 100% !important;
        }
    .basin .sliderm .sid {
        width: 100% !important;
        position: relative;
        display: block;
        overflow: hidden;
    }
    ul#projects {
        height: auto !important;
        gap: 0px !important
    }

    ul#projects li .prText {
        text-align: center;
    }
    ul#projects li .img {
        width: 300px;
        height: 300px !important;
        display: table;
        float: none;
        margin: 10px auto !important;
    }
    ul#projects li .prText{text-align:center;}
    .page, .page1, .sliderm {
        width: 100% !important;
    }
    .mobileRx {
        display: table !important
    }

    #menu i {
        padding: 13px 20px
    }
    .news1 .newsList ul li {
        position: relative;
        overflow: hidden;
        width: 100% !important;
        height: 100% !important;
    }
    .newsList ul li .img picture {
        display: block;
        width: 100%;
        height: 100%;
        margin-bottom: 10px;
        position: relative;
        overflow: hidden;
    }
    .vidpost li figure .img {
        width: 100%;
        height: 100%;
        margin: 0 0 20px !important;
        position: relative;
        display: block;
        overflow: hidden;
    }
    .vidpost li figure, .vidpost li figure .img {
        width: 100%;
        display: block;
        overflow: hidden;
        height: 100% !important;
    }
    .sideBarBlock img {
        width: 100%;
        height: 100% !important;
        object-fit: cover;
    }
    .txtSpeech, .mobileRx, .basin {
        display: none !important
    }

    .btn4 {
        position: relative !important;
        margin: 10px 0 !important
    }

    .set1x {
        width: 100% !important
    }

    #logos, #start_img {
        width: 373px !important
    }

        #logos .set1 {
            width: 177px !important
        }

    .fitimg {
        width: 100% !important;
        float: none !important;
        margin: 10px 0 !important
    }

    .sliderHM ul li img, .vidpost li, header {
        height: auto !important
    }

    .liste h2 {
        width: 100% !important
    }

    #inFilter, #ksnt ul li:last-child, #slider__big, .filter-tab, .maxslider, .pg1, .rhe, .rslides1_tabs, .sepetTable thead, .sheader .tmBg .sim1, .sheader.color2 ul li:last-child, .sliderHM, .tool, nav {
        display: none !important
    }

    .inRow .content-page.w72 img, .leftTP, .podmix .pdesc, .rightTP {
        width: 100% !important;
        height: auto !important
    }
    

    .logo {
        margin: 0 0 20px 0;
        height: 70px;
        display: block !important;
        width: 100% !important;
    }

    .newsimgt, .reklam_alani.h500 {
        height: 300px
    }

    .socialX {
        display: flex;
        width: auto;
        padding: 6px 0 0;
        align-items: center;
        gap: 5px;
    }

    .rslides_tabs {
        position: sticky;
        display: table;
        bottom: 2%;
        left: 0 !important;
        z-index: 5000;
        margin: 10px auto !important
    }

    #paylas1 button, #slider__mobil, .content-page .sheader.podcast ul li:last-child, .subx ul li:first-child, .tool2 {
        display: block !important
    }

    .rslides2_tabs {
        display: table !important
    }

    #paylas1 button, .arc li, .content-page .sheader.podcast, .fix1, .fix2, .footer-tab, .inRow .content-page.w72 figure img, .katx, .newsList ul li .img, .newsList ul li .img picture .pix, .newsList ul li .img picture .pix img, .newsList ul li .img picture .pix ul, .newsList ul li .img picture .pix ul li, .social, .vidpost li, .w72, .w73 {
        width: 100% !important
    }

    .webMenuText img {
        width: 222px
    }

    .webMenuText {
        width: 332px
    }

    .arshive, .basin .bsn, .commentMessage .x1, .commentMessage .x10, .commentMessage .x11, .commentMessage .x12, .imgr > figure img, .katx .podcast .ovs ul li figure, .nwBig ul li, .produc_detail .dv1, .produc_detail .dv2, .vidpost li figure {
        width: 100%
    }
   
    header {
        padding: 20px 0;
        margin-bottom: 10px
    }

    .arshive {
        float: none;
        margin: 20px 0 0
    }

    .logos .set1 {
        width: 176px
    }

    .newsimgt {
        margin: 0 0 20px;
        width: 100% !important
    }

   

    .sliderHM ul li .msg2 {
        font-size: 16px !important;
        right: 0 !important;
        padding: 16px;
        display: table;
        background: rgb(0 0 0 / .6);
        transition: .3s;
        max-width: 100%;
        font-weight: 500;
        color: #fff;
        margin: 0
    }

    .sliderHM ul li .msgBody {
        bottom: 3% !important
    }

    .sliderHM ul li img {
        width: 100%;
        object-fit: cover
    }

    .sliderHM {
        width: 100%;
        height: 345px;
        margin-top: -20px
    }

    .sitemap {
        margin-top: 0 !important
    }

    .l1, .r1 {
        margin: 20px 0 !important;
        float: none !important
    }

    #paylas1 button, .inRow .content-page.w72 figure {
        float: none !important;
        margin: 10px 0 !important;
        width: 100% !important
    }

    .sepetTable tbody tr td:last-child, .vidpost li {
        border-bottom: 1px solid #f2f2f2
    }

    .fix2 input[type=text] {
        width: 215px !important
    }

    .inRow .tool {
        margin: 10px auto;
        display: table;
        width: auto;
        text-align: center
    }

        .inRow .tool .fin1 {
            float: none;
            margin: 10px auto;
            display: table
        }

        .inRow .tool .fin {
            font-size: 17px !important;
            display: inline-block;
            margin: 10px 0 10px 20px;
            font-weight: 600 !important
        }

    .page1 p {
        width: 100%;
        display: block;
        word-break: break-word
    }

    .big1 {
        font-size: 25px !important;
        line-height: 34px
    }

    .inRow .content-page.w72 figure {
        text-align: center !important;
        padding: 10px !important;
        border: 1px solid #f2f2f2 !important;
        display: block;
        clear: both
    }

    .sepetTable tbody tr td:first-child {
        width: auto !important;
        line-height: 30px
    }

    .sepetTable tbody tr td:before {
        content: "";
        float: left;
        font-size: 10px;
        text-transform: uppercase;
        font-weight: 700
    }

    .sepetTable tbody tr td {
        display: block;
        text-align: right;
        font-size: 14px;
        border: 0;
        padding: 5px 0 !important
    }

        .sepetTable tbody tr td.fyt span.tutar {
            top: -47px
        }

    .page, .page1 {
        width: 100%;
        display: table;
        margin: 0 auto;
        padding: 0 20px
    }

    body, html {
        box-sizing: border-box;
        overflow-x: hidden !important
    }

    .slider ul li .slideimg {
        width: 100% !important
    }

    .content-page {
        width: 100% !important;
        float: none
    }

    ul.news li {
        width: 100%;
        margin-right: 0 !important
    }

        .checbox.left:last-child, .content-page .podcast .sliderm ul li:nth-child(2n+0), .podcast .sliderm ul li:nth-child(2n+0), .radio.left:last-child, ul.news li:nth-child(2n+0) {
            margin-right: 0 !important
        }

    .newsList ul li {
        width: 44%;
        margin-right: 20px !important;
        height: auto
    }
        .newsList ul li .img picture {
            display: block;
            width: 100%;
            height: auto;
            margin-bottom: 10px;
            position: relative;
            overflow: hidden
        }
            .newsList ul li .img picture img {
                width: 100%;
                height: 100%;
                position:relative !important;
                object-fit: cover;
            }
    .commentMessage .x1:last-child{margin-left:0px !important}
    .sliderm.col2 ul li figure img {
        width: 100%;
        height: auto;
        transition: .3s;
        object-fit: cover;
    }
    .instagramPG {
        width: 100%;
        height: 344px;
        display: block;
        overflow: hidden !important;
        margin: 0;
    }
    .newsList ul.kops li {
        width: 47% !important; margin-right:0px !important
    }

    .sliderm ul li figure img {
        width: 270px
    }

    .checbox label, .filterListBtn ul li, .radio label {
        margin-bottom: 5px
    }

    .newsList ul li .img picture .pix ul, .newsList ul li .img picture .pix ul li, .newsList ul li .img picture .pix ul li img, ul.news li .news-blog .img figure .pix, ul.news li .news-blog .img figure .pix img, ul.news li .news-blog .img figure .pix ul li, ul.news li .news-blog .img figure .pix ul li img {
        margin: 0 !important;
        width: 100% !important;
        padding: 0 !important
    }

    .sliderFull li .img {
        width: 100%;
        height: 320px !important;
        display: block;
        float: none;
        margin: 10px 0
    }

    .fix1, .fix2, .nwBig, .pg2, .popular, .vidpost {
        display: table
    }

    .sheader .tmBg .sim2 {
        width: 100%;
        text-align: center
    }

    .filter2 {
        width: 76.5%
    }

    .slick-next, .slick-prev {
        margin: -66px 0 0 83% !important
    }

    .slick-next {
        margin: -66px 0 0 92% !important
    }

    .tmBg .sim2 {
        width: 67%
    }

    .podcast .sliderm ul li {
        width: 100% !important;
        border-radius: 0;
        height: auto;
        margin-bottom: 20px !important;
        margin-right: 18px !important
    }

    .lazy1 .slick-next {
        left: 38%
    }

    .sliderm.col2 ul li {
        width: 362.7px;
        padding-left: 0 !important;
        display: inline-block;
        margin: 0 10px 10px 0
    }

        .produc_detail .product li:nth-child(2n+0), .sliderm.col2 ul li:nth-child(2n+0), .vidpost li:nth-child(2n+0) {
            margin-right: 0
        }

    header nav ul li.sub .submenu ul {
        width: 85%
    }

    .content-page .podcast .sliderm ul li {
        width: 100% !important;
        margin-top: 12px;
        height: auto;
        margin-right: 0 !important;
    }

    .kitap {
        height: 100%
    }

        .content-page img.img, .kitap ul {
            max-width: 100%
        }

            .kitap ul li {
                width: 235px !important
            }

    .ekt .slick-list {
        height: auto
    }

    .sidekatx {
        width: 305px
    }

    .mskat .slider ul li .slideimg {
        width: 540px !important
    }

    .imgr > figure {
        float: none;
        padding: 10px;
        margin: 20px 0
    }

    .produc_detail .product li {
        width: 344px !important;
        margin: 0 10px 10px 0
    }

    .product li {
        width: 32.3% !important
    }

    .encok_satilan ul li {
        width: 210px !important
    }

    .produc_detail .dv1 img {
        width: auto;
        height: auto;
        display: table;
        margin: 10px auto
    }

    .product li figure {
        overflow: inherit;
        margin-bottom: 20px
    }

    .encok_satilan {
        width: 100% !important;
        height: 415px
    }

    .multipleh .img, .multipleh .img figure, .multipleh .img figure img {
        height: 298px
    }

    .nwBig {
        width: 100%;
        padding-left: 0 !important
    }

    .ekt .slick-next, .ekt .slick-prev {
        margin: -96px 0 0 82% !important
    }

    .ekt .slick-next {
        margin: -96px 0 0 91% !important
    }

    .kitap strong {
        font-size: 18px;
        width: 300px
    }

    .checbox.left, .radio.left {
        float: left;
        margin-right: 15px
    }

    .checbox label span, .radio label span {
        left: 5px
    }

    .top16 {
        top: 0
    }

    .commentMessage {
        padding: 20px
    }

        .commentMessage fieldset legend {
            padding: 16px 26px
        }

    .katx .sheader.podcast {
        width: 100% !important
    }

    .katx .podcast .ovs ul li {
        width: 100% !important;
        padding: 10px !important;
        border-radius: 15px !important;
        height: 620px;
        margin: 0 20px 20px 0 !important
    }

    .sepets {
        width: 265px
    }

    .reklam_alani strong {
        top: 20%;
        font-size: 40px
    }

    .sidebar {
        float: none;
        width: 100%;
        margin: 40px 0
    }

    .pg2 {
        width: 100%;
        padding-left: 0
    }

    .shareText {
        width: 100%
    }

    .popular, .vidpost {
        padding: 20px 0;
        clear: both
    }

        .vidpost li {
            padding: 10px 0;
            display: inline-block;
            float: left;
            margin: 0 20px 10px 0
        }

            .footer-tab address br, .footer-tab strong + ul, .vidpost li:last-child {
                display: none
            }

            .vidpost li figure .img {
                width: 100%;
                height: 236px;
                margin: 0 0 20px !important;
                position: relative;
                display: block;
                overflow: hidden
            }

                .vidpost li figure .img img {
                    border-radius: 0
                }

    .sideBarBlock img {
        margin: 10px 0;
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .footer-tab strong.active + ul, .popular li {
        display: block
    }

        .popular li .tmBg {
            width: 300px
        }

            .popular li .tmBg .sim2 {
                text-align: left
            }

    .nwBig ul li figure figcaption {
        padding: 20px 20px 25px;
        font-weight: 700;
        font-size: 21px !important
    }

        .nwBig ul li figure figcaption a {
            text-decoration: none;
            font-size: 20px;
            line-height: 30px;
            display: block;
            font-weight: 600;
            color: #313131
        }

    .nwBig ul li figure img {
        width: 100%;
        height: 320px
    }

    .fix1 {
        width: 220px
    }

    .reklam_alani.h500 strong {
        top: 37%
    }

    .footer-tab {
        display: table;
        padding: 40px 0 !important
    }

        .footer-tab strong {
            margin-bottom: 20px;
            color: #fff;
            padding: 20px 20px 30px;
            position: relative;
            background: rgb(0 0 0 / .3);
            cursor: pointer;
            border-radius: 5px
        }

        .footer-tab ul.multiple {
            padding: 20px 0 20px 20px !important
        }

        .footer-tab:first-child ul li:last-child {
            margin-bottom: 30px !important
        }

        .footer-tab strong.active, .footer-tab strong:hover {
            background: #666
        }

        .footer-tab:first-child, .footer-tab:nth-child(2) {
            padding: 0 !important
        }

        .footer-tab:first-child {
            padding-top: 100px !important
        }

        .footer-tab strong:after {
            content: "";
            background: url(/images/downw.png) 95% center no-repeat;
            padding: 8px;
            position: absolute;
            right: 2%;
            top: 37.2%
        }

    .copyright {
        text-align: center;
        padding: 20px 0 10px
    }

        .copyright span {
            float: none;
            display: table;
            margin: 10px auto;
            text-align: center
        }
    .header-reklam_alani div {
        display: block;
        float: none;
        margin: -16px 0;
        width: 100%;
    }
    .rhe1 {
        display: block !important;
        position: absolute;
        top: 3%;
        right: 3%;
    }
    .inRow, .inTr {
        display: block !important;
        position: relative !important;
        width: 100% !important;
    }
    section.sheader {
        width: 100% !important;
    }
    .slider .slick-prev {
        margin: -54px 0 0 76% !important
    }
.breadcrumb li:first-child{display:none!important}
    .slider .slick-next {
        margin: -54px 0 0 88.5% !important
    }
    .kariyer-bg strong, .newsComment .comment-bg strong, .nwBig .comment-bg strong{width:61%}
    .social {
        display: table !important;
        text-align: left !important;
        margin: 0 auto !important;width: auto !important;
    }


    .header-reklam_alani {
        display: -webkit-box;
        width: 100%;
        text-align: left;
        height: 68px;
        margin: -10px 0 0;
    }

    .logo img {
        padding: 10px 0
    }

    .inp1 {
        width: 97% !important;
        left: 0 !important;
        margin-bottom: 0 !important;
        display: block !important
    }

    .kitap ul li a figure img {
        width: 100%;
        display: table;
        margin: 0 auto;
        padding: 15px;
        background: #fff;
        height: 276px;
        object-fit: contain
    }

    .newsListx ul li {
        width: 100% !important
    }

        .newsListx ul li a picture {
            height: 100%
        }

        .newsListx ul li picture img {
            height: 100% !important
        }

    .popupReklam {
        position: absolute !important
    }

        .popupReklam .preklam {
            width: 90% !important;
            margin: 20px auto !important
        }

    #katilimImg {
        width: 100%;
        height: 228px
    }

    .x1 label, .x1 input, .x1 select {
        width: 100% !important
    }

    #katilimForm .x1 div label {
        width: 100% !important;
        display: -webkit-inline-box
    }
    .podmix{flex-direction:column}
        .podmix .img{width:auto!important; display:table; margin:0 auto !important}
        .podcast .sliderm ul li figure img {
            width: 100%;
            height: auto;
            object-fit: cover
        }
    .podmix .pdesc{text-align:center}
    .podmix.hfix .img img {
        height: 270px !important;
        width: 270px !important;
        border-radius: 100%;
        object-fit: cover;
    }
}