/* ==================== */
/* AHMET CAGLAYAN       */
/* ==================== */
/*@import 'slick.css';*/
@import url('../bootstrap.css');
@import 'https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&subset=latin-ext';
@import url('https://fonts.googleapis.com/css?family=Oswald&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700');
@import url('https://fonts.googleapis.com/css?family=Oxygen:400,700');

@font-face {
    font-family: 'dintregular';
    src: url('/customcss/fonts/din-regular-webfont.woff2') format('woff2'), url('/customcss/fonts/din-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Trebuchet MS';
    src: url('fonts/TrebuchetMS.eot');
    src: url('fonts/TrebuchetMS.eot?#iefix') format('embedded-opentype'), url('fonts/TrebuchetMS.woff2') format('woff2'), url('fonts/TrebuchetMS.woff') format('woff'), url('fonts/TrebuchetMS.ttf') format('truetype'), url('fonts/TrebuchetMS.svg#TrebuchetMS') format('svg');
    font-weight: normal;
    font-style: normal;
}

* {
    margin: 0;
    outline: 0;
    padding: 0;
    font-weight: normal;
}

body {
    color: #000;
    font-family: 'Roboto' !important;
    font-weight: 500;
    margin: 0;
    padding: 0;
}

html {
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

label input {
    margin-right: 5px;
}

#cb3DSecureOdeme {
    margin-right: 8px;
}

img {
    border: none;
}

ol, ul {
    list-style: none;
}

a {
    text-decoration: none;
    color: #666666;
}

h1 h2 h3 h4 h5 h6 {
    margin: 0px;
    padding: 0px;
    font-weight: normal !important;
}

body, td, th, input, textarea, select, a {
    font-size: 12px;
}

#txtbxCep {
    border: solid 1px #DDDDDD;
    height: 26px;
    color: #777777;
    background-color: transparent;
}


input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 50px white inset;
    -webkit-text-fill-color: #333;
}

    input:-webkit-autofill:focus {
        -webkit-box-shadow: 0 0 0 50px white inset;
        -webkit-text-fill-color: #333;
    }

input[type="password"] {
    border: solid 1px #DDDDDD;
    padding: 4px;
    text-indent: 5px;
    color: #777777;
    background-color: transparent;
}

input[type="submit"] {
    border: none;
    cursor: pointer;
}

.clear {
    clear: both;
}

.bordernone {
    border: none !important;
}

select,
input {
    font-family: 'Roboto' !important;
}

.textarea {
    font-family: 'Roboto' !important;
    border: solid 1px #DDDDDD;
    padding: 4px;
    width: 94%;
    height: 80px;
    resize: none;
    color: #777777;
    background-color: transparent;
    transition-duration: 0.2s, 0.2s;
    -webkit-transition-duration: 0.2s, 0.2s; /* Safari */
}

    .textarea:focus {
        background-color: #F1F1F1;
        border: solid 1px #CCCCCC;
    }

.textbox {
    font-family: 'Roboto' !important;
    color: #666666;
    display: block;
    font-size: 14px;
    width: 100%;
    transition-duration: 0.2s, 0.2s;
    -webkit-transition-duration: 0.2s, 0.2s; /* Safari */
}

    .textbox:focus {
        background-color: #F1F1F1;
        border: solid 1px #CCCCCC;
    }

.button {
    cursor: pointer;
    background: #7B9E12;
    color: #FFFFFF;
    padding: 4px 5px;
    transition: all 0.3s ease 0s;
}

    .button:hover {
        background-color: #000;
        transition-duration: 0.2s, 0.2s;
        -webkit-transition-duration: 0.2s, 0.2s;
    }

.selectboxx {
    border: 1px solid #DDDDDD;
    height: 26px;
    line-height: 26px;
    padding: 0 5px;
    background-color: none !important;
    width: 100%;
    margin-bottom: 4px;
}

.validate, .validateSol, .validateOrta {
    position: absolute;
    right: 1.5%;
    top: -35px;
    display: table;
    background-color: #366f2a;
    color: #fff;
    border-radius: 5px;
    padding: 0 10px;
}

    .validate .validateOk, .validateSol .validateSolOk, .validateOrta .validateOrtaOk {
        background-color: #366f2a;
        position: absolute;
        right: 10px;
        bottom: -5px;
        width: 10px;
        height: 10px;
        display: block;
        border-radius: 0 0 0px 15px;
    }

.cloudzoom-zoom {
    z-index: 999;
}

body {
    -webkit-text-size-adjust: 100%; /*background-color: #ebebeb;*/
}

button {
    -webkit-appearance: none;
}

.clearfix {
    content: '';
    clear: both;
    display: block;
    float: left;
    width: 100%;
}

    .clearfix:after,
    .clearfix:before {
        content: '';
        clear: both;
        display: block;
        float: left;
        width: 100%;
    }
/* ------------------------------------Marka Listeleme --------------------------------------------*/
.brandItem {
    color: #555;
    font-size: 25px;
    text-transform: capitalize;
    margin-bottom: 12px;
    display: inline-block;
}

    .brandItem:hover {
        color: #d34848;
    }

.productBrandContent {
}

.productBrand {
}

.productBrandList {
}

#allBrands {
    display: none;
}

.allBrandsActive {
    background-position: center -26px !important;
}

.productsHover {
    height: auto !important;
}
/* ------------------------------------Marka Listeleme --------------------------------------------*/

/* ------------------------------------ ToolTip --------------------------------------------*/
.tooltip {
    position: absolute;
    z-index: 1030;
    display: block;
    font-size: 12px;
    line-height: 1.4;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: visible;
}

    .tooltip.in {
        opacity: 0.9;
        filter: alpha(opacity=90);
    }

    .tooltip.top {
        padding: 5px 0;
        margin-top: -3px;
    }

    .tooltip.right {
        padding: 0 5px;
        margin-left: 3px;
    }

    .tooltip.bottom {
        padding: 5px 0;
        margin-top: 3px;
    }

    .tooltip.left {
        padding: 0 5px;
        margin-left: -3px;
    }

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    background-color: #000;
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-top-color: #000;
    border-width: 5px 5px 0;
}

.tooltip.top-left .tooltip-arrow {
    bottom: 0;
    left: 5px;
    border-top-color: #000;
    border-width: 5px 5px 0;
}

.tooltip.top-right .tooltip-arrow {
    right: 5px;
    bottom: 0;
    border-top-color: #000;
    border-width: 5px 5px 0;
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-right-color: #000;
    border-width: 5px 5px 5px 0;
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-left-color: #000;
    border-width: 5px 0 5px 5px;
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-bottom-color: #000;
    border-width: 0 5px 5px;
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    left: 5px;
    border-bottom-color: #000;
    border-width: 0 5px 5px;
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    right: 5px;
    border-bottom-color: #000;
    border-width: 0 5px 5px;
}
/* ------------------------------------ ToolTip --------------------------------------------*/

/* ------------------------------------Ürün Filtreleme--------------------------------------------*/
.brandlistselection {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

    .brandlistselection .selectBox {
        float: left;
        margin-right: 20px;
        border-right: 1px solid #dfdcdc;
        padding-right: 10px;
        margin-right: 10px;
    }

        .brandlistselection .selectBox p {
            display: none;
        }

        .brandlistselection .selectBox select {
            font-family: 'Roboto' !important;
            color: #242424;
            font-size: 12px;
            height: 25px;
            font-weight: normal;
            border: 1px solid #bfbfbf;
            padding: 0 10px 0 0;
            background: #eee;
            cursor: pointer;
            box-shadow: none !important;
        }

    .brandlistselection > label {
        float: left;
        color: #3c3c3c;
        font-size: 13px;
        font-weight: normal;
        display: inline-block;
        cursor: pointer;
    }

    .brandlistselection label > input[type="checkbox"] {
        display: none !important;
    }

    .brandlistselection label > label {
        color: #3c3c3c;
        font-size: 13px;
        font-weight: normal;
        line-height: 25px;
        margin-left: 6px;
        display: inline-block;
        padding-left: 20px;
        cursor: pointer;
    }

        .brandlistselection label > label:hover {
            color: #3c3c3c;
            background: url('images/checkbox2.png') left center no-repeat;
        }

    .brandlistselection label > input[type=checkbox] + label {
        background: url('images/checkbox1.png') left center no-repeat;
    }

    .brandlistselection label > input[type="checkbox"][checked] + label {
        display: block;
        background: url('images/checkbox2.png') left center no-repeat;
    }

#mainHolder_linkFiltreKaldir {
    float: left;
    color: #3c3c3c;
    font-size: 13px;
    font-weight: normal;
    line-height: 25px;
    display: inline-block;
    margin-left: 10px;
}

.brandlistselectionBottom {
    display: none;
}

/*kategori üst filtre gizlenenler*/
#divUstFiltreMarka {
    display: inline-block !important;
}

#divUstFiltreKategori {
    display: inline-block !important;
}

/*3-4 lü Listeleme İconları*/
.blockSelect {
    float: right !important;
    margin: 0px 0 0 0 !important;
}
    /*
.blockSelect:before {content: 'Listeleme'; display: inline-block; padding-right: 18px; margin-right: 10px; border-right: 1px solid #bcbcbc; float: left;}
*/

    .blockSelect a {
        float: left;
        text-align: center;
        display: inline-block;
        margin-left: 0px;
        width: 25px;
        height: 25px;
        font-size: 15px;
        color: #b8b7b7;
        background: #f9f8f8;
    }

        .blockSelect a .fa {
            line-height: 25px;
        }

        .blockSelect a:hover {
        }

    .blockSelect .sort_hrz {
    }

    .blockSelect .sort_3 {
        margin-right: 6px !important;
    }

    .blockSelect .sort_4 {
    }

    .blockSelect .sort_hrz.sort_hrzActive i {
        color: #fff;
        background: #d4152b;
    }

    .blockSelect .sort_3.sort_3Active i {
        color: #fff;
        background: #d4152b;
    }

    .blockSelect .sort_4.sort_4Active i {
        color: #fff;
        background: #d4152b;
    }

.sortingContent .blockSelect i {
    padding: 0 4px !important;
}
/*Kategori Sayfalama*/
.urunListRel {
    width: 100%;
    float: left;
    position: relative;
}

.sortingContent, .sortingContent li a, .appliedFilter {
    background-color: transparent !important;
}

    .sortingContent li a span {
        border-right: 1px solid #dfdcdc;
        padding-right: 10px;
    }

    .sortingContent li a {
        color: #3c3c3c !important;
    }

.appliedFilter {
    border-right: 0 !important;
    position: absolute;
    right: 10px;
}

.filterDeleteContent li {
    position: initial !important;
}

.sortingContent li:nth-child(5) a span:before {
    content: '';
    width: 13px;
    height: 13px;
    display: block;
    border: 1px solid #000000;
    background: #ffffff;
    float: left;
    margin: 0;
    margin-right: 3px;
    margin-top: 6px;
}

.sortingContent li:nth-child(5) a.selected span:before {
    content: '\f00c';
    font-family: "FontAwesome";
    font-size: 10px;
    line-height: 10px;
    color: #000000;
}

.pageNumber {
    float: left;
    width: 100%;
    text-align: center;
    display: none;
    float: left;
    margin: 0;
}

    .pageNumber a {
    }

.pageNumberContent {
}

.pageNumberBottom {
    float: left;
    width: 100%;
    text-align: center;
    display: block !important;
    float: left;
    padding: 30px 0;
}

.pageNumberContent,
.pageBorder {
    display: inline-block;
}

    .pageNumberContent a,
    .pageBorder a {
        display: inline-block;
        margin-left: 0px;
        border: none;
        border-radius: 0px;
        background: transparent;
        border: 1px solid rgba(0, 0, 0, 0.29);
        width: 40px;
        height: 40px;
        text-align: center;
        color: #333333;
        font-size: 20px;
        font-weight: 300;
        line-height: 40px;
    }

        .pageNumberContent a:hover,
        .pageBorder a:hover {
            border-color: #000;
        }

        .pageNumberContent a.SelectedSayfa,
        .pageNumberContent a.SelectedSayfa, .pageBorder a.SelectedSayfa {
            background-color: #bbb9b9;
        }

/* ------------------------------------Ürün Liste--------------------------------------------*/
/*Bedenler*/
.boxBedenlerContent {
    display: none !important;
    position: absolute;
    bottom: 106px;
    left: 1px;
    right: 1px;
    padding: 16px 16px 12px 20px;
    padding-left: 3.33333%;
    background: rgba(0,0,0,0.5);
}

    .boxBedenlerContent .boxBedenler {
        float: left;
        width: 31px;
        height: 31px;
        border: 2px solid #b00145;
        border-radius: 150px;
        color: #ffffff;
        font-size: 13px;
        line-height: 27px;
        margin: 0 2.5px;
        margin-bottom: 5px;
        text-align: center;
    }

        .boxBedenlerContent .boxBedenler.noStokUrunListe {
            border-color: #ffffff;
            color: #ffffff;
            text-decoration: line-through;
        }

    .boxBedenlerContent .boxResimContent {
        display: none;
    }

.productItem:hover .boxBedenlerContent {
    display: none !important;
}


.ProductListContent {
    float: left;
    width: 100%;
}

.categoryContainer .ProductListContent {
    float: left;
    width: 100%;
}

#IlgiliUrunDiv span.satir1 {
    font-weight: bold;
}

#divIlgiliUrunler .productItem {
    width: 100% !important;
}

#divIlgiliUrunler .productModuleItem,
.productModuleItem2,
.productItem {
    position: relative;
    background: #fff;
    padding: 0px;
    margin-bottom: 30px;
    text-align: center;
    float: left;
    width: 100%;
    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -ms-transition: 0.3s;
    box-shadow: 2px 2px 11px 0 rgba(0,0,0,.1);
}

    .productItem .productIcon {
        width: 100%;
    }

    #divIlgiliUrunler .moduleimage,
    .productModuleItem2 .moduleimage2,
    .productItem .productImage {
        width: 100%;
        text-align: center;
        position: relative;
        padding: 0px; /*max-height:424px;*/
    }

        #divIlgiliUrunler .moduleimage a,
        .productModuleItem2 .moduleimage2 a,
        .productItem .productImage a {
            display: block;
            position: relative;
            position: relative;
            padding-bottom: 146%;
        }

        #divIlgiliUrunler .moduleimage img,
        .productModuleItem2 .moduleimage2 img,
        .productItem .productImage img {
            margin: 0 auto;
            display: block;
            box-shadow: 2px 2px 11px 0 rgba(0,0,0,.1);
            box-shadow: 0px 0px 11px 0 rgba(0,0,0,.1);
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            top: 0;
            max-width: 100%;
            max-height: 100%;
        }

    .productModuleItem2 .productDetail,
    .productItem .productDetail {
        display: block;
        float: left;
        padding: 15px;
        width: 100%;
        text-align: center;
    }

    #divIlgiliUrunler .modulename,
    .productModuleItem2 .modulename2,
    .productItem .productName {
        position: relative;
        float: left;
        width: 100%;
        padding-right: 120px;
        margin-bottom: 0px;
        text-align: left;
        font-size: 13px;
        font-weight: 300;
        color: #000;
        display: block;
        line-height: 14px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        #divIlgiliUrunler .modulename a,
        .productModuleItem2 .modulename2 a,
        .productItem .productName a {
            float: left;
            width: 100%;
            padding: 0px;
            text-align: left;
            font-size: 13px;
            font-weight: bold;
            color: #303030;
            display: block;
            line-height: 15px;
            white-space: nowrap;
            overflow: initial;
            text-overflow: ellipsis;
        }

    .productModuleItem2 .moduleprice2,
    #divIlgiliUrunler .moduleprice,
    .productItem .productPrice {
        display: block;
        float: left;
        height: 14px;
        text-align: center;
        margin-top: 20px;
    }

    #divIlgiliUrunler .modulediscount,
    .productModuleItem2 .modulediscount,
    .productItem .discountPrice {
        float: left;
        margin: 0 10px 0px 0;
        text-align: center;
        color: #d4152b;
        font-size: 14px;
        line-height: 14px;
        font-weight: bold;
        display: inline-block;
    }

        #divIlgiliUrunler .modulediscount span,
        .productModuleItem2 .modulediscount span,
        .productItem .discountPrice span {
            color: #ff6000;
            font-size: 20px;
            font-family: 'Oxygen', sans-serif !important;
            line-height: 14px;
            font-weight: bold;
        }

    #divIlgiliUrunler .modulekdv,
    .productModuleItem2 .modulekdv,
    .productItem .regularKdv,
    .productItem .discountKdv {
        display: none;
    }

    .productModuleItem2 .moduleregular,
    #divIlgiliUrunler .moduleregular,
    .productItem .regularPrice {
        float: left;
        margin: 0;
        text-align: center;
        display: inline-block !important;
    }

        .productModuleItem2 .moduleregular span,
        #divIlgiliUrunler .moduleregular span,
        .productItem .regularPrice span {
            line-height: initial;
            font-size: small;
            font-weight: bolder;
            color: #878787;
            text-decoration: line-through;
            -moz-text-decoration-color: #000;
            text-decoration-color: #878787;
        }

    .productModuleItem2 .productMarka,
    .productItem .productMarka {
        display: none !important;
        position: relative;
        float: left;
        width: 100%;
        margin-bottom: 7px;
        text-align: left;
        font-size: 16px;
        font-weight: bold;
        color: #595959;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .productItem .productOnYazi {
        display: none !important;
        float: left;
        width: 100%;
        text-align: center;
        margin-bottom: 5px;
        background: none !important;
        font-family: 'Roboto' !important;
        display: block;
        color: #737373 !important;
        font-size: 14px !important;
        line-height: 1.2 !important;
        overflow: hidden;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        .productItem .productOnYazi * {
            background: none !important;
            font-family: 'Roboto' !important;
            display: block;
            color: #737373 !important;
            font-size: 14px !important;
            line-height: 1.2 !important;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }


/*Urun Iconlari*/
.favori {
    display: none;
    z-index: 66;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: 20px;
}

.mycartIcon {
    display: none;
    z-index: 66;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: 60px;
}

.examineIcon {
    display: none;
    z-index: 66;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: 100px;
}

.favori a {
    display: inline-block;
    cursor: pointer;
    width: 35px;
    height: 35px;
    background: url('images/favori.png') center center no-repeat;
    text-indent: -999999px;
}

.mycartIcon a {
    display: inline-block;
    cursor: pointer;
    width: 35px;
    height: 35px;
    background: url('images/sepeteEkle.png') center center no-repeat;
    text-indent: -999999px;
}

.examineIcon a {
    display: inline-block;
    cursor: pointer;
    width: 35px;
    height: 35px;
    background: url('images/incele.png') center center no-repeat;
    text-indent: -999999px;
}

.newIcon {
    display: inline-block;
    z-index: 3;
    background: url('https://modamizbircdn.r.worldssl.net/Uploads/Images/yeniurun2.png') center center no-repeat;
    width: 50px;
    height: 20px;
    overflow: hidden;
    text-align: center;
    position: absolute;
    right: 0px;
    top: -1px;
    text-indent: -9999px;
    line-height: 20px;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    display: none;
}

.discountIcon {
    display: none !important;
    display: inline-block;
    z-index: 3;
    background: url('images/indirim.png') center center no-repeat;
    width: 40px;
    height: 32px;
    overflow: hidden;
    text-align: center;
    position: absolute;
    left: 13px;
    top: 13px;
    line-height: 28px;
    color: #000;
    font-size: 13px;
    font-weight: 300;
}

.cargoIcon {
    display: inline-block;
    z-index: 3;
    position: absolute;
    right: 5px;
    bottom: 85px;
    font-size: 13px;
    color: #ffffff;
    font-weight: 300;
    padding: 0 10px;
    line-height: 31px;
    border: 1px solid #000000;
    background: #000;
}

.firsatIcon {
    display: block !important;
    position: absolute;
    bottom: 80px;
    left: 0;
    right: 0;
    line-height: 35px;
    color: #fff;
    background: rgba(255, 96, 0, 0.70);
}

/*Urun Iconlari*/
.TukendiIco {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    text-align: center;
    z-index: 3;
    height: 100%;
}

    .TukendiIco span {
        display: inline-block;
        font-size: 18px;
        color: #fff;
        font-weight: 300;
        line-height: 40px;
        background: rgba(0, 0, 0, 0.70);
        position: relative;
        width: 99.2%;
        left: -10px;
        top: 70%;
        margin: auto;
        text-shadow: 0px 0px 0px #aaa;
        box-shadow: 2px 0px 0px 0px rgba(0, 0, 0, 0.70);
    }

a.TukendiIco::before {
    background: rgba(235, 235, 235, 0.5) url(https://www.modamizbir.com/Uploads/Images/Atlihan/arkaplan.png) repeat right top;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    opacity: 0;
}
/*HOVER*/
.productItem:hover .TukendiIco {
    display: none;
}

.productItem:hover .favori {
    display: block;
}

.productItem:hover .mycartIcon {
    display: block;
}

.productItem:hover .examineIcon {
    display: block;
}

.productItem .productImage:after {
    content: '';
    width: 100%;
    height: 2px;
    background: #303030;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 50;
    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -ms-transition: 0.3s;
}

.productItem:hover .productImage:after {
    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -ms-transition: 0.3s;
}

.productItem:hover .quickViewIco {
    display: none !important;
}
/*1 li sıralama*/
.ProductList.pr_hrz .productItem {
    width: 100%;
    margin-right: 0;
}

.ProductList.pr_hrz .productImage {
    width: 20%;
    float: left;
    margin: 0;
}

.ProductList.pr_hrz .productItem .productDetail {
    float: left;
    width: 80%;
    padding-left: 15px;
}

.ProductList.pr_hrz .productItem .productPrice {
    width: auto;
}

.ProductList.pr_hrz .productItem .boxBedenlerContent {
    bottom: 0px;
    left: 20%;
    right: 0;
}

.ProductList.pr_hrz .productItem .examineIcon {
    bottom: 20px;
}

.ProductList.pr_hrz .productItem .favori {
    bottom: 20px;
}

.ProductList.pr_hrz .productItem:hover .productImage:after {
    display: none !important;
}

.ProductList.pr_hrz .productItem {
    padding-bottom: 0;
}

    .ProductList.pr_hrz .productItem .productMarka {
        padding-top: 20px;
    }

    .ProductList.pr_hrz .productItem .discountPrice {
        text-align: left;
    }

    .ProductList.pr_hrz .productItem .regularPrice {
        text-align: left;
    }

    .ProductList.pr_hrz .productItem .productName {
        text-align: left;
    }

        .ProductList.pr_hrz .productItem .productName a {
            text-align: left;
        }


/*4 lü sıralama*/
.ProductList.pr_4 {
}

    .ProductList.pr_4 .productItem {
        width: 24%;
        margin-right: 1%;
    }

#divBenzerUrun .ProductList.pr_4 .productItem {
    width: 100%;
    margin: 0;
}

.ProductList.pr_4 .ItemOrj:nth-child(4n) .productItem {
    margin-right: 0;
}

.ProductList.pr_4 .favori {
    left: 15%;
}

.ProductList.pr_4 .mycartIcon {
    left: 15%;
}

.ProductList.pr_4 .examineIcon {
    left: 15%;
}
/*3 lü sıralama*/
.categoryContainer .ProductList.pr_3 .productItem {
    width: 32%;
    margin-right: 1%;
}

.categoryContainer .ProductList.pr_3 .ItemOrj:nth-child(3n) .productItem {
    margin-right: 0;
}




/*anasayfa*/
.mobil-head-div {
    display: none;
}

.sliderBannerContainer {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

    .sliderBannerContainer .owl-nav {
    }

    .sliderBannerContainer .owl-prev {
        position: absolute;
        right: 32px;
        margin-top: -20px;
        top: 50%;
        background: url('images/sol.png') center center no-repeat;
    }

    .sliderBannerContainer .owl-next {
        position: absolute;
        right: 0px;
        margin-top: -20px;
        top: 50%;
        background: url('images/sag.png') center center no-repeat;
    }

    .sliderBannerContainer .owl-prev:hover {
        background: url('images/sol.png') center center no-repeat;
    }

    .sliderBannerContainer .owl-next:hover {
        background: url('images/sag.png') center center no-repeat;
    }

    .sliderBannerContainer .Jbutonlar {
        display: none;
    }

    .sliderBannerContainer .categoryTitle {
        float: left;
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }

        .sliderBannerContainer .categoryTitle .satir1 {
            float: left;
            width: 100%;
            text-align: center;
        }

            .sliderBannerContainer .categoryTitle .satir1 .bold {
                display: inline-block;
                color: #2d2d2d;
                font-family: 'Roboto';
                font-size: 25px;
                font-weight: normal;
                padding-bottom: 25px;
                background: url('images/baslikBg.png') center bottom no-repeat;
            }

    .sliderBannerContainer ul li {
        float: left;
        width: 100%;
        margin-right: 1.3%;
    }

        .sliderBannerContainer ul li:nth-child(4n) {
            margin-right: 0;
        }

    .sliderBannerContainer ul .owl-item li {
        float: left;
        width: 100%;
        margin-right: 0;
    }

    .sliderBannerContainer .slick-slider {
        margin: 0 -10px;
    }

    .sliderBannerContainer ul .slick-track li {
        float: left;
        width: 100%;
        margin-right: 0;
        padding: 0 10px;
    }

    .sliderBannerContainer .slick-dots {
        display: none !important;
    }

    .sliderBannerContainer .slick-prev {
        display: inline-block;
        width: 12px;
        height: 19px;
        float: left;
        border: none;
        z-index: 99999;
        text-indent: -999999px;
        position: absolute;
        left: 0px;
        margin-top: -9.5px;
        top: 50%;
        cursor: pointer;
        background: url('images/solOk2.png') center center no-repeat;
    }

    .sliderBannerContainer .slick-next {
        display: inline-block;
        width: 12px;
        height: 19px;
        float: left;
        border: none;
        z-index: 99999;
        text-indent: -999999px;
        position: absolute;
        right: 0px;
        margin-top: -9.5px;
        top: 50%;
        cursor: pointer;
        background: url('images/sagOk2.png') center center no-repeat;
    }

    .sliderBannerContainer .slick-prev:hover {
        background: url('images/solOk2.png') center center no-repeat;
    }

    .sliderBannerContainer .slick-next:hover {
        background: url('images/sagOk2.png') center center no-repeat;
    }

.categoryTitle {
}

.categorydesign {
    float: left;
    width: 100%;
    margin-bottom: 0px;
}

    .categorydesign * {
        font-family: 'Roboto', sans-serif !important;
        color: #000;
    }

    .categorydesign img {
        display: block;
        width: 100%;
    }

.slide {
    width: 100%;
    margin-bottom: 15px;
}

.newIconDetail, .discountIconDetail, .cargoIconDetail {
    display: none;
}

/*Benzer Ürünler Cerceve*/
.benzerUrunlerWrapper {
    background: #efefef;
    clear: left;
}

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

    .benzerUrunlerWrapper:after {
        clear: both;
    }

#divIlgiliUrunler,
#divBenzerUrun {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

#divBenzerUrun {
    float: left;
    width: 100%;
}

.productModuleTitle {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
    text-align: left;
}

    .productModuleTitle p {
        display: inline-block;
        color: #000;
        font-size: 15px;
        font-weight: bold;
    }


#divBenzerUrun ul {
    float: left;
    width: 100%;
}

    #divBenzerUrun ul li {
        float: left;
        width: 100%;
        margin-right: 1.3%;
        display: inline-block;
        margin-bottom: 20px !important;
    }

        #divBenzerUrun ul li:nth-child(4n) {
            margin-right: 0;
        }

        #divBenzerUrun ul li:nth-child(5) {
        }

        #divBenzerUrun ul li:last-child {
        }

#divBenzerUrun .JKatAdi {
    margin-bottom: 30px;
}

    #divBenzerUrun .JKatAdi .bold span {
        display: inline-block;
        color: #000;
        font-size: 15px;
        font-weight: bold;
    }

#divIlgiliUrunler .productModuleItem {
    float: left;
    text-align: center;
    width: 24%;
    margin-right: 1.3%;
    display: inline-block;
    margin-bottom: 20px !important;
}

    #divIlgiliUrunler .productModuleItem:nth-child(4n+1) {
        margin-right: 0;
    }
/* ------------------------------------Sayfayı Yazdır--------------------------------------------*/
.PrintArea {
    width: 960px;
    margin: 0px auto;
    background-color: #FFF;
    overflow: hidden;
}

.printresim {
    width: 30%;
    height: 200px;
    float: left;
}

.printdetay {
    width: 70%;
    float: left;
}

    .printdetay div {
        padding-top: 5px;
        padding-bottom: 5px;
        min-height: 10px;
    }

.printurunadi {
    font-size: 16px;
}

.printfiyat {
    font-size: 16px;
}

.printtaksit {
    width: 960px;
    float: left;
}

    .printtaksit .taksitLine {
        background-color: #FFF !important;
    }

        .printtaksit .taksitLine .taksitLineNo {
            width: 114px;
        }

        .printtaksit .taksitLine div {
            background-color: #FFF !important;
        }

.printkdvdahil {
    font-size: 16px;
}
/* ------------------------------------Sayfayı Yazdır--------------------------------------------*/

/* ------------------------------------Fırsat Ürünleri--------------------------------------------*/
.firsatUrunleri {
    width: 180px;
    height: 252px;
    position: relative;
    margin: 0 auto;
}

.Firsatprev {
    padding: 0;
    border: 0;
    outline: 0;
    width: 19px;
    height: 19px;
    cursor: pointer;
    background: url("images/firsatOklar.png") no-repeat -19px 0 !important;
    position: absolute;
    top: 100px !important;
    z-index: 102;
}

.Firsatnext {
    padding: 0;
    border: 0;
    outline: 0;
    width: 19px;
    height: 19px;
    cursor: pointer;
    background: url("images/firsatOklar.png") no-repeat 0px 0 !important;
    position: absolute;
    top: 100px !important;
    z-index: 102;
    right: 0;
}

.firsatUrunleriItem {
    width: 180px;
}

.firsatUrunResim {
    display: block;
    width: 150px;
    height: 150px;
    border: none;
    text-align: center;
    margin: 0px auto;
}

    .firsatUrunResim img {
        max-width: 150px;
        max-height: 150px;
    }

.firsatUrunAdi {
    font-size: 12px;
    line-height: 14px;
    margin: 5px 0 5px 0px !important;
    overflow: hidden;
    text-align: center;
    width: 191px;
    height: 30px;
    display: block;
}

.firsatUrunFiyat {
    text-align: center;
    display: block;
    font-size: 14px;
}
/* ------------------------------------Fırsat Ürünleri--------------------------------------------*/

/*------------------------------------Hesabım--------------------------------------------*/
.HesabimBilgi {
    width: 100%;
    line-height: 25px;
}

    .HesabimBilgi b {
        font-weight: 700;
    }

.userMenu {
    list-style: none;
    position: relative;
    display: inline-table;
    width: 100%;
    background-color: #f8f8f8;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .userMenu:before {
        content: "KULLANICI PANEL";
        display: block;
        color: #000;
        font-size: 14px;
        padding: 10px 5px;
        font-weight: 700;
    }

    .userMenu li {
        display: block;
        position: relative;
        margin-bottom: 0;
        float: left;
        width: 100%;
        color: #414040;
        font-size: 13px;
    }

        .userMenu li a {
            display: block;
            font-size: 13px;
            padding: 6px 15px 6px 25px;
            color: #414040;
            background: url(images/category_arrow2.png) no-repeat 10px center;
        }

        .userMenu li:hover a {
            color: #000;
        }

.uyelikBilgilerimRow.row {
    width: 100%;
}

.vital-stats .item {
    width: auto !important;
}
/*------------------------------------Hesabım--------------------------------------------*/

/*------------------------------------Ãœyelik Bilgilerim--------------------------------------------*/
.row {
    text-align: left;
    float: left;
    width: 45%;
}

    .row.right {
        float: right;
    }

.span {
    width: 100%;
    margin-bottom: 10px;
    position: relative;
    display: block;
    float: left;
}

    .span > label {
        margin-bottom: 5px;
        display: block;
        line-height: 25px;
        clear: left;
        position: relative;
    }

        .span > label .validate {
            top: 0;
        }

    .span input {
        width: 100%;
        margin-bottom: 4px;
    }

    .span .textarea {
        width: 97%;
        margin-bottom: 4px;
    }

    .span .labelGender {
        float: left;
    }

    .span .spanGender {
        float: left;
        margin-left: 10px;
        text-align: center;
    }

        .span .spanGender input {
            margin-right: 20px;
        }

    .span .spanPass {
        text-align: left;
        margin-top: 10px;
    }

        .span .spanPass input {
            float: left;
            width: auto;
            margin-right: 10px;
        }

        .span .spanPass label {
            float: left;
            width: auto;
            color: #FF0000;
        }

.dateofbirth input {
    border: 1px solid #DDDDDD !important;
    height: 25px !important;
}
/*------------------------------------Ãœyelik Bilgilerim--------------------------------------------*/

/*------------------------------------Adres Defterim--------------------------------------------*/
.HesabimAdresContent {
    margin-bottom: 15px;
}

    .HesabimAdresContent .row {
        padding: 2%;
        width: 49%;
        margin: 0;
        margin-right: 2%;
        margin-bottom: 2%;
        min-height: 170px;
        float: left;
        background-color: #f8f8f8;
        position: relative;
    }

        .HesabimAdresContent .row:nth-child(2n) {
            margin-right: 0px;
        }

    .HesabimAdresContent .UyelikBilgilerimContent {
        overflow: hidden;
        margin-bottom: 7px;
        background-color: #f8f8f8;
        padding: 0 10px 10px 0;
    }

        .HesabimAdresContent .UyelikBilgilerimContent .row {
            background-color: transparent;
            height: auto;
        }

        .HesabimAdresContent .UyelikBilgilerimContent input[type="text"] {
            background-color: #FFF;
        }

    .HesabimAdresContent .row .span {
        margin-bottom: 0px;
        line-height: 20px;
    }

        .HesabimAdresContent .row .span .textarea {
            background-color: #fff;
        }

        .HesabimAdresContent .row .span.BireyselKurumsal {
            margin-top: 22px;
            margin-bottom: 17px;
        }

#mainHolder_rblFaturaTipi tr {
    display: block;
    float: left;
    margin-right: 10px;
}

    #mainHolder_rblFaturaTipi tr input {
        float: left;
        width: 20px;
        margin-top: 3px;
    }

    #mainHolder_rblFaturaTipi tr label {
        float: left;
    }

#mainHolder_btnEkle {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -30px;
}

.fancybox-inner .row {
    padding: 2%;
    width: 45.5%;
    margin-right: 1%;
    margin-bottom: 1%;
    height: 130px;
    float: left;
    background-color: #f8f8f8;
    position: relative;
}

.fancybox-inner .UyelikBilgilerimContent {
    overflow: hidden;
    margin-bottom: 7px;
    background-color: #f8f8f8;
    padding: 0 10px 10px 0;
}

    .fancybox-inner .UyelikBilgilerimContent .row {
        background-color: transparent;
        height: auto;
    }

    .fancybox-inner .UyelikBilgilerimContent input {
        background-color: #FFF;
    }

.fancybox-inner .row:nth-child(2n) {
    margin-right: 0px;
}

.fancybox-inner .row .span {
    margin-bottom: 0px;
    line-height: 20px;
}

    .fancybox-inner .row .span .textarea {
        background-color: #fff;
    }

    .fancybox-inner .row .span.BireyselKurumsal {
        margin-top: 22px;
        margin-bottom: 17px;
    }

#rblFaturaTipi tr {
    display: block;
    float: left;
    margin-right: 10px;
}

    #rblFaturaTipi tr input {
        float: left;
        width: 20px;
        margin-top: 3px;
    }

    #rblFaturaTipi tr label {
        float: left;
    }

.btn-inverse {
    position: absolute;
    bottom: 10px;
    right: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.btn-inverse2 {
    position: absolute;
    bottom: 10px;
    right: 50px;
    padding-top: 3px;
    padding-bottom: 3px;
}
/*------------------------------------Adres Defterim--------------------------------------------*/

/* ------------------------------------Listem--------------------------------------------*/
.Listem {
    width: 100%;
}

    .Listem .ListemItem {
        width: 100%;
        height: 50px;
        overflow: hidden;
        border-bottom: solid 1px #CCC;
    }

        .Listem .ListemItem.Title {
            background-color: #f5f5f5;
            height: 30px;
            border-bottom: solid 1px #cccccc;
            line-height: 30px;
        }

            .Listem .ListemItem.Title div {
            }

        .Listem .ListemItem div {
            float: left;
            height: 40px;
            padding-top: 5px;
            padding-bottom: 5px;
            overflow: hidden;
        }

        .Listem .ListemItem .line1 {
            width: 9%;
            padding-left: 1%;
        }

            .Listem .ListemItem .line1 img {
                max-width: 100%;
                max-height: 60px;
            }

        .Listem .ListemItem .line2 {
            width: 51%;
            padding-left: 1%;
        }

        .Listem .ListemItem .line3 {
            width: 20%;
            padding-left: 1%;
        }

        .Listem .ListemItem .line4 {
            width: 17%;
        }

            .Listem .ListemItem .line4 a {
                margin-top: 5px;
            }

    .Listem.HediyeKuponlarim .ListemItem .line1 {
        width: 22%;
    }

    .Listem.HediyeKuponlarim .ListemItem .line2 {
        width: 21%;
    }

    .Listem.HediyeKuponlarim .ListemItem .line3 {
        width: 16%;
    }

    .Listem.HediyeKuponlarim .ListemItem .line4 {
        width: 16%;
        padding-left: 1%;
    }

    .Listem.HediyeKuponlarim .ListemItem .line5 {
        width: 20%;
        padding-left: 1%;
    }

#destekIncele .ListemItem div {
    min-height: 50px;
    border-bottom: solid 1px #CCC;
    margin-bottom: 10px;
}

    #destekIncele .ListemItem div span {
        font-weight: bold;
    }
/* ------------------------------------Listem--------------------------------------------*/

/*------------------------------------SipariÅŸlerim--------------------------------------------*/
.Siparislerim {
    margin-bottom: 10px;
}

    .Siparislerim .Title div {
        font-weight: bold;
        font-size: 13px;
    }

    .Siparislerim .ListemItem.Title div {
        padding: 0;
        height: auto;
    }

    .Siparislerim .ListemItem {
        border-top: 0px solid #ccc;
        height: 35px;
        line-height: 35px;
    }

        .Siparislerim .ListemItem div {
            font-size: 12px;
            padding: 0 !important;
        }

        .Siparislerim .ListemItem .line1 {
            width: 20%;
            padding-left: 1%;
            text-align: center;
        }

        .Siparislerim .ListemItem .line2 {
            width: 17%;
            text-align: center;
        }

        .Siparislerim .ListemItem .line3 {
            width: 13%;
            padding-left: 1%;
            text-align: center;
        }

        .Siparislerim .ListemItem .line4 {
            width: 16%;
            padding-left: 1%;
            text-align: center;
        }

        .Siparislerim .ListemItem .line5 {
            width: 17%;
            text-align: center;
        }

        .Siparislerim .ListemItem .line6 {
            width: 17%;
            text-align: center;
        }

            .Siparislerim .ListemItem .line6 a {
                color: #ff0000;
                text-decoration: underline;
            }
/*------------------------------------SipariÅŸlerim--------------------------------------------*/

/* ------------------------------------Para Puan--------------------------------------------*/
.paraPuan > div {
    padding: 10px;
}

.paraPuan + a {
    padding: 10px;
}

.paraPuan .parapuanTable {
    width: 98%;
    overflow: hidden;
    border-bottom: solid 1px #CCC;
    padding: 1%;
    margin-bottom: -1px;
}

    .paraPuan .parapuanTable.Title {
        padding: 0;
        padding-left: 1%;
        width: 99%;
        background-color: #F5F5F5;
    }

    .paraPuan .parapuanTable .paraline1 {
        width: 18%;
        float: left;
        padding: 1%;
    }

    .paraPuan .parapuanTable .paraline2 {
        width: 58%;
        float: left;
        padding: 1%;
    }

    .paraPuan .parapuanTable .paraline3 {
        width: 18%;
        float: left;
        padding: 1%;
        text-align: center;
    }
/* ------------------------------------Para Puan--------------------------------------------*/


/* ------------------------------------Destek  Taleplerim--------------------------------------------*/
.DestekTalepDetay {
    width: 97.7%;
    border: 1px solid #ddd;
    margin: 5px 0;
    padding: 1%;
}

.DestekTalepCevapLine {
    background-color: #f5f5f5;
    margin: 5px 0;
    padding: 5px;
    border: 1px solid #ddd;
}

.DestekTalepDetay .span {
    overflow: hidden;
}

.DestekTalepCevapLine:nth-child(2n+1) {
    background-color: #fff;
    margin: 5px 0;
    padding: 5px;
}

.DestekTaleplerim .Title {
    height: 40px;
    line-height: 40px;
}

.Listem.DestekTaleplerim .ListemItem .line1 {
    width: 3%;
}

.Listem.DestekTaleplerim .ListemItem .line2 {
    width: 10%;
}

.Listem.DestekTaleplerim .ListemItem .line3 {
    width: 50%;
}

.Listem.DestekTaleplerim .ListemItem .line4 {
    width: 12%;
}

.Listem.DestekTaleplerim .ListemItem .line5 {
    width: 11%;
}

.Listem.DestekTaleplerim .ListemItem .line6 {
    width: 11%;
}

    .Listem.DestekTaleplerim .ListemItem .line6.DestekButton .button {
        float: right;
        margin-top: 5px;
    }

.YeniDestek {
    width: 100%;
    height: 60px;
    position: relative;
}

.DestekTaleplerimContent #mainHolder_btnEkle {
    position: static;
    float: right;
    margin: 0px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.DestekTaleplerimContent .row .span {
    position: relative;
    height: 40px;
    overflow: visible;
}

    .DestekTaleplerimContent .row .span div {
        float: left;
        height: 31px;
        line-height: 31px;
    }

    .DestekTaleplerimContent .row .span .Left {
        width: 10%;
    }

    .DestekTaleplerimContent .row .span .Center {
        width: 3%;
    }

    .DestekTaleplerimContent .row .span .Right {
        width: 86%;
    }

    .DestekTaleplerimContent .row .span #mainHolder_btnKaydet {
        float: right;
        width: 20%;
    }

    .DestekTaleplerimContent .row .span #mainHolder_btnVazgec {
        float: right;
        width: 20%;
        margin-right: 10px;
    }

.DestekTaleplerimContent textarea {
    width: 98.8%;
    margin-bottom: 10px;
}

.DestekTalepDetay .span div {
    float: left;
}
/* ------------------------------------Destek Taleplerim--------------------------------------------*/

/*------------------------------------Anket--------------------------------------------*/
.anketSoru {
    margin-bottom: 5px;
    display: block;
}

.anketLabel td {
    line-height: 21px;
    display: block;
}

.anketLabel label {
    margin-left: 5px;
}
/*------------------------------------Anket--------------------------------------------*/

/*------------------------------------Ä°letiÅŸim--------------------------------------------*/
.iletisimContent {
    background-color: #FFF;
    margin-top: 0;
    padding: 20px;
    margin-bottom: 20px;
    background: #fff;
}

.iletisimLine {
    margin-bottom: 10px;
    min-height: 30px;
    line-height: 30px;
    position: relative;
}

    .iletisimLine .Left {
        display: inline-block;
        width: 20%;
        float: left;
    }

    .iletisimLine .Center {
        display: inline-block;
        width: 2%;
        float: left;
    }

    .iletisimLine .Right {
        display: inline-block;
        width: 40%;
        float: left;
    }

.iletisimbanka {
    width: 97%;
    padding: 1%;
    border: solid 1px #dadada;
    background-color: #fafafa;
    overflow: hidden;
}

.iletisimContent .row {
    width: 47%;
    border: solid 1px #CCC;
    padding: 1%;
    min-height: 270px;
}

.iletisimContent .categoryTitle {
    border-bottom: solid 7px #e4e4e4;
    margin-bottom: 35px;
}

.iletisimContent .row .span {
    margin-left: 2%;
    margin-right: 2%;
    padding: 0px;
    width: 96%;
    overflow: hidden;
}

    .iletisimContent .row .span div {
        float: left;
        min-height: 30px;
        line-height: 30px;
        width: 15%;
    }

    .iletisimContent .row .span .Center {
        width: 2%;
    }

    .iletisimContent .row .span .Right {
        width: 83%;
    }

    .iletisimContent .row .span .line1 {
        width: 100%;
        min-height: 50px;
        margin-bottom: 5px;
    }

    .iletisimContent .row .span > .line1 {
        border-bottom: solid 1px #CCC;
    }

    .iletisimContent .row .span .line1 div {
        width: 41%;
        float: left;
        min-height: 50px;
    }

    .iletisimContent .row .span .line1 .line2 {
        text-align: center;
        width: 23%;
    }

    .iletisimContent .row .span .line1 .line3 {
        text-align: center;
        width: 16%;
    }

    .iletisimContent .row .span .line1 .line4 {
        text-align: right;
        float: right;
        width: 20%;
    }

    .iletisimContent .row .span .line1 div span {
        display: block;
        min-height: 25px;
    }

    .iletisimContent .row .span .line2 {
        width: 100%;
        min-height: 25px;
    }

    .iletisimContent .row .span > .line2 {
        border-bottom: solid 1px #CCC;
    }

    .iletisimContent .row .span .line2 .line1 {
        width: 70%;
        float: left; /* height: 25px; */
        line-height: 25px;
    }

    .iletisimContent .row .span .line2 .line2 {
        float: right;
        width: 30%;
        text-align: right;
    }

    .iletisimContent .row .span .line3 {
        width: 100%;
    }

        .iletisimContent .row .span .line3 .line1 {
            width: 100%;
        }

            .iletisimContent .row .span .line3 .line1 span {
                float: left;
            }

.iletisimForm {
    width: 98%;
    margin-top: 20px;
    border: solid 1px #dadada;
    overflow: hidden;
    padding: 1%;
}

    .iletisimForm .row {
        width: 50%;
        border: none;
        float: left;
        padding: 0;
    }

        .iletisimForm .row .span {
            height: 70px;
            position: relative;
            overflow: visible;
            margin-bottom: 0px;
        }

            .iletisimForm .row .span .captchaImageBox {
                float: left;
                width: 30%;
            }

            .iletisimForm .row .span .captchaInputBox {
                width: 69%;
            }

#mainHolder_TiciCaptcha_ImgCaptcha {
    width: 100px;
}

.iletisimForm .row .span .captchaInputBox input {
    float: left;
}

.iletisimForm .row .span #mainHolder_btnGonder {
    width: 160px;
    float: right;
}

.iletisimForm .textarea {
    height: 110px;
}
/*------------------------------------Ä°letiÅŸim--------------------------------------------*/

/*------------------------------------Ãœye Ol--------------------------------------------*/
.newuserForm {
    background: #fff;
    color: #000;
    font-size: 13px;
    line-height: 30px;
    width: 98%;
    margin: 1%;
    margin-bottom: 20px;
    overflow: hidden;
}

.FormTitle {
    width: 100%;
    text-align: center;
    font-size: 30px;
    line-height: 50px;
    color: #000000;
}

    .FormTitle p {
        font-size: 14px;
        margin: 0px auto;
        line-height: 22px;
        display: block;
        width: 50%;
    }

.grid {
    border-right: 1px solid #DDDDDD;
    float: left;
    margin-right: -1%;
    margin-top: 2%;
    margin-bottom: 2%;
    padding: 2% 11% 5%;
    width: 50%;
}

.gridLeft {
    min-height: 60px;
    position: relative;
}

    .gridLeft a {
        text-decoration: underline;
    }

    .gridLeft input[type="checkbox"] {
        float: left;
        margin-top: 9px;
        margin-right: 5px;
    }

.listAdd {
    min-height: 30px;
}

.day {
    width: 25%;
    float: left;
    margin-right: 1%;
}

.city {
    width: 32.3%;
    float: left;
    margin-right: 1%;
}

.month {
    width: 30%;
    float: left;
    margin-right: 1%;
}

.year {
    width: 42%;
    float: left;
    margin-right: 1%;
}

.gender {
    min-height: 40px;
}

    .gender label {
        float: left;
        width: 70px;
        margin-top: 10px;
        display: block;
    }

    .gender input {
        float: left;
        margin-top: 18px;
        margin-right: 3px;
    }

.uyeolButton {
    width: 100%;
}
/*------------------------------------Ãœye Ol--------------------------------------------*/

/*------------------------------------Ãœye GiriÅŸi--------------------------------------------*/
.Login {
    border: solid 1px #DDDDDD;
    padding: 2% 5% 2% 4%;
    width: 100%;
    background-color: #FBFBFB;
    height: 260px;
}

    .Login h4 {
        font-size: 22px;
        display: block;
        text-align: center;
        border-bottom: solid 1px #CCC;
        margin-bottom: 10px;
    }

.forgetpasword {
    text-decoration: none;
    float: right;
    color: #000000;
}

.userloginButton {
    width: 80px;
    margin-top: 10px;
}

.facebooklogin {
    margin-top: 40px;
    display: block;
    float: left;
}

.grid .validate, .validateSol, .validateOrta {
    top: -7px;
}

.gridLeft .validateSol {
    left: -0.5%;
    top: -30px;
}

    .gridLeft .validateSol .validateSolOk {
        border-radius: 0 0 15px;
        bottom: -5px;
        left: 10px;
    }

.gender table {
    float: left;
}

.doFaceBookLogin {
    color: #fff;
    background-color: #3b5998;
    border-color: rgba(0,0,0,0.2);
    padding: 10px 20px;
    width: 82%;
    cursor: pointer;
    font-size: 15px;
    line-height: 1.33;
    border-radius: 6px;
    text-align: center;
    margin-top: 5px;
    display: inline-block;
}

.uyeliksiz {
    padding: 2%;
    width: 100%;
    display: block;
    text-align: center;
    font-size: 14px;
    border-radius: 5px;
    background-color: #a4c942;
    color: #FFF;
    margin-bottom: 10px;
}

    .uyeliksiz:hover {
    }

.hizliuyelik {
    padding: 2%;
    width: 100%;
    display: block;
    text-align: center;
    font-size: 14px;
    border-radius: 5px;
    background-color: #a4c942;
    color: #FFF;
    margin-bottom: 10px;
}

    .hizliuyelik:hover {
    }

.baglanButton {
    padding: 1%;
    width: 100%;
    display: block;
    text-align: center;
    font-size: 14px;
    border-radius: 5px;
    background-color: #d34848;
    border: 2px solid #d34848;
    color: #FFF;
    margin-bottom: 10px;
}

    .baglanButton:hover {
        background-color: transparent;
        color: #d34848;
    }

    .baglanButton input {
        border: none;
        width: 100%;
        height: 100%;
        display: block;
        background-color: transparent;
        cursor: pointer;
        text-indent: -9999px;
    }



#mainHolder_SocialLogin_divFacebookLoginContainer.baglanButton {
    background: url(/App_Themes/Default/facebookbaglan.png) no-repeat center center #3b5998;
    text-indent: -9999pt;
}

#mainHolder_SocialLogin_divTwitterLoginContainer.baglanButton {
    background: url(/App_Themes/Default/twitterbaglan.png) no-repeat center center #2ba9e1;
    text-indent: -9999pt;
}

#mainHolder_SocialLogin_divGoogleLoginContainer.baglanButton {
    background: url(/App_Themes/Default/googlebaglan.png) no-repeat center center #dd4b39;
    text-indent: -9999pt;
}
/*------------------------------------Ãœye GiriÅŸi--------------------------------------------*/

/* ------------------------------------Şifremi Unuttum--------------------------------------------*/
.SifremiUnuttum {
    width: 50%;
    margin-top: 30px;
    padding-left: 50px;
    float: left;
}

    .SifremiUnuttum p {
        line-height: 25px;
    }

    .SifremiUnuttum #mainHolder_txtbxMail {
        width: 80%;
        height: 40px;
        float: left;
        line-height: 40px;
        padding: 0 20px;
    }

    .SifremiUnuttum .button {
        padding: 0 10px;
        float: right;
        width: 20%;
        height: 40px;
    }

.SifremiUnuttumInput {
    position: relative;
    width: 100%;
    margin-top: 10px;
}

    .SifremiUnuttumInput .validate {
        left: auto;
        right: 0;
        top: -38px;
    }

    .SifremiUnuttumInput .validateSol {
        left: 0;
        right: auto;
        top: -38px;
    }

        .SifremiUnuttumInput .validateSol .validateSolOk {
            border-radius: 0 0 15px;
            bottom: -5px;
            left: 10px;
        }

.SifremiUnuttum .line {
    min-height: 32px;
    line-height: 32px;
    margin-bottom: 5px;
    width: 400px;
    position: relative;
}

    .SifremiUnuttum .line .Left {
        width: 30%;
        float: left;
    }

    .SifremiUnuttum .line .Center {
        width: 4%;
        float: left;
    }

    .SifremiUnuttum .line .Right {
        width: 66%;
        float: left;
    }
/* ------------------------------------Şifremi Unuttum--------------------------------------------*/

/* ------------------------------------tab ürünler--------------------------------------------*/
.tabListe {
    float: left;
    width: 100%;
    margin-top: 15px;
}

    .tabListe .tabBaslik {
    }

    .tabListe .tabUst {
        float: left;
        width: 100%;
        border-bottom: 1px solid #d4152b;
        margin-bottom: 40px;
    }

        .tabListe .tabUst ul {
            float: left;
            width: 100%;
            text-align: center;
        }

            .tabListe .tabUst ul li {
                display: inline-block;
                padding: 0 10px;
                position: relative;
            }

                .tabListe .tabUst ul li:after {
                    content: '\f111';
                    font-family: 'FontAwesome';
                    color: #e81f8d;
                    position: absolute;
                    right: -6px;
                    top: 50%;
                    font-size: 12px;
                    margin-top: -6px;
                }

                .tabListe .tabUst ul li:last-child:after {
                    display: none;
                }

                .tabListe .tabUst ul li a {
                    display: block;
                    font-weight: bold;
                    line-height: 37px;
                    padding: 0 10px;
                    color: #404040;
                    font-size: 16px;
                }

                .tabListe .tabUst ul li:hover a {
                    background: #e81f8d;
                    color: #fff;
                }

                .tabListe .tabUst ul li.aktif a {
                    background: #e81f8d;
                    color: #fff;
                }

    .tabListe .tabIcerik {
        float: left;
        width: 100%;
    }

        .tabListe .tabIcerik .blok {
            float: left;
            width: 100%;
            display: none;
        }

            .tabListe .tabIcerik .blok:first-child {
                display: block;
            }

    .tabListe .categoryTitle {
        display: none;
    }

    .tabListe .Jbutonlar {
        display: none;
    }

    .tabListe .categoryTitle {
        display: none;
    }

    .tabListe .productItem .productOnYazi {
        display: none !important;
    }
/* ------------------------------------tab ürünler--------------------------------------------*/

/* ------------------------------------Taksit Seçenekleri--------------------------------------------*/
.taksitBlok {
    width: 25%;
    height: auto;
    float: left;
    line-height: 20px;
}

.taksitBaslik {
    width: 100%;
    height: 20px;
    text-align: center;
}

    .taksitBaslik img {
        display: none;
    }

.taksitLine {
    width: 101%;
}

    .taksitLine .tak {
        width: 39.1%;
        height: 20px;
        overflow: hidden;
        border-bottom: solid 1px #FFF;
        border-right: solid 1px #FFF;
        font-size: 10px;
        float: left;
        color: #000;
        text-align: center;
    }

        .taksitLine .tak.Taksit {
            background-color: #ededed;
            width: 19%;
        }

.taksitBaslik1 {
    background: url(/Uploads/BankaLogo/1.png) center center no-repeat #7cc242;
}

.taksitBaslik2 {
    background: url(/Uploads/BankaLogo/2.png) center center no-repeat #fdbf57;
}

.taksitBaslik3 {
    background: url(/Uploads/BankaLogo/3.png) center center no-repeat #6950a2;
}

.taksitBaslik4 {
    background: url(/Uploads/BankaLogo/4.png) center center no-repeat #e01d6e;
}

.taksitBaslik5 {
    background: url(/Uploads/BankaLogo/5.png) center center no-repeat #ed1c24;
}

.taksitBaslik6 {
    background: url(/Uploads/BankaLogo/6.png) center center no-repeat #00a6d4;
}

.taksitBaslik7 {
    background: url(/Uploads/BankaLogo/7.png) center center no-repeat #ee3623;
}

.taksitBaslik8 {
    background: url(/Uploads/BankaLogo/8.png) center center no-repeat #00aedb;
}

.taksitBaslik9 {
    background: url(/Uploads/BankaLogo/9.png) center center no-repeat #a3a3a3;
}

.taksitBaslik10 {
    background: url(/Uploads/BankaLogo/10.png) center center no-repeat #2e3192;
}

.taksitBaslik11 {
    background: url(/Uploads/BankaLogo/11.png) center center no-repeat #056bb6;
}

.taksitBaslik12 {
    background: url(/Uploads/BankaLogo/12.png) center center no-repeat #221f1f;
}

.taksitBaslik13 {
    background: url(/Uploads/BankaLogo/13.png) center center no-repeat #0053a0;
}

.taksitBaslik14 {
    background: url(/Uploads/BankaLogo/14.png) center center no-repeat #ffdf00;
}

.taksitBaslik15 {
    background: url(/Uploads/BankaLogo/15.png) center center no-repeat #024d39;
}

.taksitBaslik16 {
    background: url(/Uploads/BankaLogo/16.png) center center no-repeat #8c1639;
}

.taksitBaslik17 {
    background: url(/Uploads/BankaLogo/17.png) center center no-repeat #e9690e;
}

.taksitBaslik18 {
    background: url(/Uploads/BankaLogo/18.png) center center no-repeat #e8ce00;
}

.taksitBaslik19 {
    background: url(/Uploads/BankaLogo/19.png) center center no-repeat #ffffff;
}

.TakRenk1 {
    background-color: #edf4e6;
}

.TakRenk2 {
    background-color: #f1e7f3;
}

.TakRenk3 {
    background-color: #f5f9d9;
}

.TakRenk4 {
    background-color: #eeafa2;
}

.TakRenk5 {
    background-color: #b5d0df;
}

.TakRenk6 {
    background-color: #e4e9f4;
}

.TakRenk7 {
    background-color: #edf4e6;
}

.TakRenk8 {
    background-color: #f1e7f3;
}

.TakRenk9 {
    background-color: #f5f9d9;
}

.TakRenk10 {
    background-color: #eeafa2;
}

.TakRenk11 {
    background-color: #b5d0df;
}

.TakRenk12 {
    background-color: #e4e9f4;
}

.TakRenk13 {
    background-color: #edf4e6;
}

.TakRenk14 {
    background-color: #f1e7f3;
}

.TakRenk15 {
    background-color: #f5f9d9;
}

.TakRenk16 {
    background-color: #eeafa2;
}

.TakRenk17 {
    background-color: #b5d0df;
}

.TakRenk18 {
    background-color: #e4e9f4;
}

.TakRenk19 {
    background-color: #edf4e6;
}
/* ------------------------------------Taksit Seçenekleri--------------------------------------------*/

/* ------------------------------------ Cari Ödeme Yap Blok --------------------------------------------*/
.CariOdeme .row .span {
    overflow: hidden;
}

    .CariOdeme .row .span .Left {
        width: 13%;
    }

    .CariOdeme .row .span .Center {
        width: 3%;
    }

    .CariOdeme .row .span .Right {
        width: 82%;
    }

    .CariOdeme .row .span div {
        float: left;
        height: 31px;
        line-height: 31px;
    }

.Listem.CariOdemeRaporlari .ListemItem .line1 {
    width: 6%;
}

.Listem.CariOdemeRaporlari .ListemItem .line2 {
    width: 13%;
}

.Listem.CariOdemeRaporlari .ListemItem .line3 {
    width: 18%;
}

.Listem.CariOdemeRaporlari .ListemItem .line4 {
    width: 8%;
    padding-left: 1%;
}

.Listem.CariOdemeRaporlari .ListemItem .line5 {
    width: 18%;
    padding-left: 1%;
}

.Listem.CariOdemeRaporlari .ListemItem .line6 {
    width: 12%;
    padding-left: 1%;
}

.Listem.CariOdemeRaporlari .ListemItem .line7 {
    width: 10%;
    padding-left: 1%;
}

.Listem.CariOdemeRaporlari .ListemItem .line8 {
    width: 7%;
    padding-left: 1%;
}

.CariOdeme .Basketstep {
    display: none;
}

.CariOdeme .OdemeMenu {
    display: none;
}

.CariOdeme .BasketPage {
    width: 100%;
    overflow: visible;
    padding: 0;
    border: 0;
    min-height: inherit;
}

.CariOdeme .Odeme-Left {
    width: 100%;
    padding: 0;
    float: none;
    background-color: transparent;
    min-height: 300px;
}

    .CariOdeme .Odeme-Left .Left {
        width: 50%;
    }

.CariOdeme .CrediCardNoInput input {
    width: 20.3%;
}

.CariOdeme .CrediCardNameInput input {
    width: 92%;
}

.CariOdeme .CrediCardDateInput select {
    width: 46.7%;
}

.CariOdeme .Odeme-Right {
    padding: 0;
    float: none;
    width: 100%;
    background-color: transparent;
}

    .CariOdeme .Odeme-Right .Odeme-RightLine {
        display: none;
    }

.CariOdeme .aspNetDisabled {
    margin-top: 5px;
}

.CariOdeme .OdemeTamamla .SiparisiTamamlaBtn {
    float: right;
    margin-top: 50px;
}

.CariRaporlarContent .siparisTablo thead tr th {
    padding: 2px;
}

.cariorta table tr td {
    padding: 5px;
}

div#fancy_print {
    background: url("../Default/images/print2.png") no-repeat scroll center center #222222;
    border: 2px solid #FFFFFF;
    border-radius: 13px;
    cursor: pointer;
    display: block;
    height: 25px;
    left: -16px;
    position: absolute;
    top: -14px;
    width: 25px;
    z-index: 9999;
}

.CariOdeme .Odeme-Right {
    position: relative;
}

.CariOdeme .OdemeTamamla {
    position: absolute;
    bottom: 0;
}
/* ------------------------------------ Cari Ödeme Yap Blok --------------------------------------------*/

/* ------------------------------------Yorum Yaz--------------------------------------------*/
.fancyboxTittle {
    margin-bottom: 10px;
    font-size: 13px;
}

#yorumYaz {
    float: left;
    width: 100% !important;
    height: auto !important;
}

.urunTabAlt #yorumYaz {
    padding-right: 50%;
}

.yorumYaz {
    margin-bottom: 10px;
    position: relative;
}

    .yorumYaz .validate {
        padding: 5px;
        top: -30px;
    }

.yorumYazMesaj textarea {
    width: 100%;
}
/* ------------------------------------Yorum Yaz--------------------------------------------*/

/* ------------------------------------Ürün Önerileri--------------------------------------------*/
.urunTabAlt {
    width: 100%;
}

    .urunTabAlt ul li {
        margin-bottom: 10px;
        clear: both;
    }

.oneriValidate .validate {
    top: 0;
    padding: 5px;
}

.urunTabAlt ul li input {
    float: left;
    margin-right: 5px;
}

.urunTabAlt ul li .captchaImageBox {
    float: left;
}

.urunTabAlt ul li .captchaInputBox {
    margin: 10px;
    float: left;
}

.urunTabAlt ul li.urundetyaGuvenlikodu span {
    float: left;
}

.urunTabAlt ul li .GuvnelikKodu {
    float: left;
    line-height: 50px;
    margin-right: 10px;
    display: block;
}

.odemeBildirimFormu table tr td {
    padding: 5px;
}
/* ------------------------------------Ürün Önerileri--------------------------------------------*/

#mainHolder_txtbxNotlar {
    width: 100%;
}

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

#GUVENLIK_KODU {
    margin-bottom: 10px;
    margin-top: 10px;
}

/* ------------------------------------ ToolTip --------------------------------------------*/
.tooltip {
    position: absolute;
    z-index: 1030;
    display: block;
    font-size: 12px;
    line-height: 1.4;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: visible;
}

    .tooltip.in {
        opacity: 0.9;
        filter: alpha(opacity=90);
    }

    .tooltip.top {
        padding: 5px 0;
        margin-top: -3px;
    }

    .tooltip.right {
        padding: 0 5px;
        margin-left: 3px;
    }

    .tooltip.bottom {
        padding: 5px 0;
        margin-top: 3px;
    }

    .tooltip.left {
        padding: 0 5px;
        margin-left: -3px;
    }

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    background-color: #000000;
    border-radius: 4px;
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-top-color: #000000;
    border-width: 5px 5px 0;
}

.tooltip.top-left .tooltip-arrow {
    bottom: 0;
    left: 5px;
    border-top-color: #000000;
    border-width: 5px 5px 0;
}

.tooltip.top-right .tooltip-arrow {
    right: 5px;
    bottom: 0;
    border-top-color: #000000;
    border-width: 5px 5px 0;
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-right-color: #000000;
    border-width: 5px 5px 5px 0;
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-left-color: #000000;
    border-width: 5px 0 5px 5px;
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-bottom-color: #000000;
    border-width: 0 5px 5px;
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    left: 5px;
    border-bottom-color: #000000;
    border-width: 0 5px 5px;
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    right: 5px;
    border-bottom-color: #000000;
    border-width: 0 5px 5px;
}
/* ------------------------------------ ToolTip --------------------------------------------*/

/* ------------------------------------Ãœyelik Onay--------------------------------------------*/
.uyelikonay {
    margin-top: 50px;
    padding-left: 50px;
}

    .uyelikonay .title {
        width: 100%;
        margin-bottom: 30px;
    }

        .uyelikonay .title h4 {
            font-size: 30px;
            margin-bottom: 20px;
        }

        .uyelikonay .title span {
            font-size: 20px;
        }

    .uyelikonay p {
        line-height: 30px;
    }

        .uyelikonay p strong {
            font-weight: bold;
            font-size: 16px;
            color: #000;
        }

    .uyelikonay a {
        font-size: 14px;
        padding-left: 30px;
        padding-right: 30px;
        margin-bottom: 30px;
    }
/* ------------------------------------Ãœyelik Onay--------------------------------------------*/

/* ------------------------------------ Ä°ade Taleplerim --------------------------------------------*/
.IadeTaleplerimContent {
}

.IadeTaleplerim .Title {
    height: 40px;
    line-height: 40px;
}

.Listem.IadeTaleplerim .ListemItem {
    height: auto;
    line-height: 24px;
}

    .Listem.IadeTaleplerim .ListemItem div {
        height: auto;
    }

    .Listem.IadeTaleplerim .ListemItem .line1 {
        width: 3%;
    }

    .Listem.IadeTaleplerim .ListemItem .line2 {
        width: 20%;
    }

    .Listem.IadeTaleplerim .ListemItem .line3 {
        width: 40%;
    }

    .Listem.IadeTaleplerim .ListemItem .line4 {
        width: 30%;
    }

    .Listem.IadeTaleplerim .ListemItem .line5 {
        width: 11%;
    }

    .Listem.IadeTaleplerim .ListemItem .line6 {
        width: 11%;
    }

.IadeTaleplerimContent #mainHolder_btnEkle {
    position: static;
    float: right;
    margin: 0px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.IadeTaleplerimContent .row {
    width: 60%;
}

    .IadeTaleplerimContent .row .span {
        position: relative;
        overflow: hidden;
        margin-bottom: 5px;
    }

        .IadeTaleplerimContent .row .span div {
            float: left;
        }

        .IadeTaleplerimContent .row .span .Left {
            width: 30%;
        }

        .IadeTaleplerimContent .row .span .Center {
            width: 3%;
        }

        .IadeTaleplerimContent .row .span .Right {
            width: 60%;
        }

        .IadeTaleplerimContent .row .span #mainHolder_btnKaydet {
            float: right;
            width: 20%;
        }

        .IadeTaleplerimContent .row .span #mainHolder_btnVazgec {
            float: right;
            width: 20%;
            margin-right: 10px;
        }

.IadeTaleplerimContent textarea {
    width: 98.8%;
    margin-bottom: 10px;
    height: 50px;
}

.span.IadeTalepBtn {
    width: 93%;
}
/* ------------------------------------ Ä°ade Taleplerim --------------------------------------------*/

/* ------------------------------------ Arama Sonuçları --------------------------------------------*/
#ArmaSonuclari {
    width: 100%;
    border: solid 1px #CCC;
    padding: 3%;
    text-align: center;
    font-size: 20px;
    margin-bottom: 20px;
}
/* ------------------------------------ Arama Sonuçları --------------------------------------------*/

/* ------------------------------------MOBÄ°L MENU--------------------------------------------*/
.menuUstBolum {
    width: 100%;
    margin-bottom: 10px;
    overflow: hidden;
}

.mobilMenuAcButton {
    position: absolute;
    left: 20px;
    top: 67px;
    color: #000000;
    font-size: 30px;
    display: none;
}

.mobilMenuKapat {
    float: right;
    display: inline-block;
    background: #000000;
    text-align: center;
    font-size: 14px;
    width: 30px;
    height: 30px;
    margin-bottom: 7px;
    color: #fff;
}

    .mobilMenuKapat .fa {
        line-height: 30px;
    }

.mobilMenu {
    width: 100% !important;
    height: 100%;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999999 !important;
    -webkit-transform: translate(-767px);
    -moz-transform: translate(-767px);
    -o-transform: translate(-767px);
    transform: translate(-767px);
    -webkit-transition: -webkit-transform 400ms ease;
    -moz-transition: -moz-transform 400ms ease;
    -o-transition: -o-transform 400ms ease;
    transition: transform 400ms ease;
    -webkit-transition-property: -webkit-transform,left,right;
    -webkit-backface-visibility: hidden;
    overflow-y: auto;
    padding: 10px;
}

    .mobilMenu.acik {
        -moz-transform: translate(0) !important;
        -webkit-transform: translate(0) !important;
        -o-transform: translate(0) !important;
        -ms-transform: translate(0) !important;
        transform: translate(0) !important;
        width: 100%;
        box-sizing: border-box;
    }

    .mobilMenu > ul > li {
        border-bottom: 1px solid #ccc;
        overflow: hidden;
        position: relative;
    }

        .mobilMenu > ul > li > a {
            float: left;
            height: 30px;
            line-height: 30px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            font-weight: bold;
            color: #000000;
            font-size: 15px;
            display: inline-block;
            width: 80%;
        }

        .mobilMenu > ul > li .mobilAcilirMenu {
            float: right;
            position: absolute;
            right: 0;
            top: 0;
            line-height: 30px;
            display: inline-block;
            text-align: center;
            width: 20%;
            background: #000000;
            color: #fff;
        }

            .mobilMenu > ul > li .mobilAcilirMenu .fa {
                line-height: 30px;
            }

        .mobilMenu > ul > li .acilirMenuTutucu {
            display: none;
            float: left;
            width: 100%;
            position: relative;
        }
        /*Resimsiz menü*/
        .mobilMenu > ul > li > ul {
            display: none;
        }
            /*Resimsiz menü*/
            .mobilMenu > ul > li > ul > li {
                float: left !important;
                width: 50% !important;
                border: none !important;
                border-bottom: 1px solid #ccc !important;
                overflow: hidden;
                position: relative;
            }

                .mobilMenu > ul > li > ul > li > ul > li > a,
                .mobilMenu > ul > li > ul > li > a {
                    text-indent: 5px !important;
                    padding: 0 !important;
                    margin: 0 !important;
                    border: none !important;
                    float: left !important;
                    height: 25px !important;
                    line-height: 25px !important;
                    font-weight: bold !important;
                    color: #000000 !important;
                    font-size: 13px !important;
                    display: inline-block !important;
                    width: 100% !important;
                }

                    .mobilMenu > ul > li > ul > li > ul > li > a:hover,
                    .mobilMenu > ul > li > ul > li > a:hover {
                        color: #fff !important;
                        background: #000000 !important;
                    }

        .mobilMenu > ul > li .altMenu h4 {
            display: none !important;
        }

    .mobilMenu .altMenu {
        float: left;
        width: 100%;
        background: none;
        border: none;
        position: relative;
        padding: 5px 0 0px 0;
        top: 0;
        left: 0 !important;
    }

        .mobilMenu .altMenu .altMenuler .altmenuSol {
            width: 100%;
        }

        .mobilMenu .altMenu .altMenuler .altmenuSol {
            width: 100%;
            float: left;
        }

    .mobilMenu > ul > li > ul > li > ul > li > a {
        padding-left: 10px !important;
    }
/* ------------------------------------MOBÄ°L MENU--------------------------------------------*/

/* -------------------------------Anasayfa Kampanya Bloklar----------------------------------------*/
.OzelBlokIcerik {
    padding: 0;
}

    .OzelBlokIcerik .Block_Text {
        padding: 0;
    }

.kampanyaliBolum {
    overflow: hidden;
}

.ucluBlokRow {
    margin: 0 -10px;
}

.kampanyaliBolum .ucluBlok {
    float: left;
    width: 33.333333%;
    padding: 0 10px;
    margin-bottom: 20px;
}

    .kampanyaliBolum .ucluBlok .resimTutucu {
        overflow: hidden;
    }

    .kampanyaliBolum .ucluBlok a {
        overflow: hidden;
        display: block;
        transition: 0.3s;
        -moz-transition: 0.3s;
        -webkit-transition: 0.3s;
        -ms-transition: 0.3s;
    }

        .kampanyaliBolum .ucluBlok a span {
            display: block;
            padding: 10px;
            color: #46696b;
            font-size: 18px;
        }

        .kampanyaliBolum .ucluBlok a img {
            display: block;
            width: 100%;
            transition: 0.3s;
            -moz-transition: 0.3s;
            -webkit-transition: 0.3s;
            -ms-transition: 0.3s;
        }

        .kampanyaliBolum .ucluBlok a:hover img {
            transition: 0.5s;
            -moz-transition: 0.5s;
            -webkit-transition: 0.5s;
            -ms-transition: 0.5s;
            transform: scale(1.2);
            -ms-transform: scale(1.2);
            IE 9 -moz-transform: scale(1.2);
            Firefox -webkit-transform: scale(1.2);
            Safari and Chrome -o-transform: scale(1.2);
            Opera
        }

.kampanyaliBolum .tekliBlok {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.anaKampanyaTutucu {
    float: left;
    width: 100%;
    position: relative;
}

    .anaKampanyaTutucu .anaKampanya {
        float: left;
        width: 100%;
        border: 1px solid #dddddd;
        height: 80px;
        width: 100%;
        display: block;
        position: relative;
        transition: 0.5s;
        -moz-transition: 0.5s;
        -webkit-transition: 0.5s;
        -ms-transition: 0.5s;
    }

        .anaKampanyaTutucu .anaKampanya span {
            display: block;
            text-align: center;
            line-height: 80px;
        }

        .anaKampanyaTutucu .anaKampanya:after {
            content: '';
            position: absolute;
            background: url('images/makas.jpg') center center no-repeat;
            width: 40px;
            height: 24px;
            left: 20%;
            bottom: -1px;
            transition: 1.5s;
            -moz-transition: 1.5s;
            -webkit-transition: 1.5s;
            -ms-transition: 1.5s;
        }

        .anaKampanyaTutucu .anaKampanya:hover {
            border-color: #c89841;
            transition: 0.5s;
            -moz-transition: 0.5s;
            -webkit-transition: 0.5s;
            -ms-transition: 0.5s;
        }

            .anaKampanyaTutucu .anaKampanya:hover:after {
                left: 80%;
                transition: 1.5s;
                -moz-transition: 1.5s;
                -webkit-transition: 1.5s;
                -ms-transition: 1.5s;
            }

    .anaKampanyaTutucu .anaKampanyaKapat {
        position: absolute;
        z-index: 2;
        right: 40px;
        top: 50%;
        margin-top: -8px;
        font-size: 16px;
        color: #000;
    }

        .anaKampanyaTutucu .anaKampanyaKapat:hover {
            color: #c89841;
        }
/* -------------------------------Anasayfa Kampanya Bloklar----------------------------------------*/

/* -------------------------------tici tab----------------------------------------*/
.ticiTab {
    float: left;
    width: 100%;
    margin-bottom: 30px;
    margin-top: 20px;
}

    .ticiTab .tabLink {
        float: left;
        width: 100%;
        text-align: center;
        margin-bottom: 38px;
    }

        .ticiTab .tabLink ul {
        }

            .ticiTab .tabLink ul li {
                display: inline-block;
                margin: 0 20px;
            }

                .ticiTab .tabLink ul li a {
                    display: inline-block;
                    font-size: 15px;
                    color: #000;
                    position: relative;
                    padding-bottom: 12px;
                }

                    .ticiTab .tabLink ul li a:after {
                        content: '';
                        bottom: 0;
                        position: absolute;
                        width: 0;
                        left: 50%;
                        margin-left: -25%;
                        height: 2px;
                        background: #000;
                        transition: 0.3s;
                        -moz-transition: 0.3s;
                        -webkit-transition: 0.3s;
                        -ms-transition: 0.3s;
                    }

                .ticiTab .tabLink ul li.active a:after {
                    width: 50%;
                    transition: 0.3s;
                    -moz-transition: 0.3s;
                    -webkit-transition: 0.3s;
                    -ms-transition: 0.3s;
                }

    .ticiTab .tabIcerik {
        display: none;
        float: left;
        width: 100%;
    }

        .ticiTab .tabIcerik ul {
            margin: 0 -10px;
        }

            .ticiTab .tabIcerik ul li {
                padding: 0 10px;
                float: left;
                width: 20%;
            }
/* -------------------------------tici tab----------------------------------------*/

/*------------------------------------Blok Sepet--------------------------------------------*/
.SepetBlock {
    float: left;
    width: 100%;
    background: #fff;
    position: relative;
    margin-bottom: 20px;
}

    .SepetBlock .Block_Title {
        float: left;
        width: 100%;
        padding: 10px;
    }

        .SepetBlock .Block_Title img {
            max-width: 100%;
            display: block;
            margin: 0 auto;
        }

.SepetBlockInfo {
    float: left;
    width: 100%;
    text-align: left;
    overflow-y: scroll;
    max-height: 450px;
}

    .SepetBlockInfo table {
        border-collapse: collapse;
        width: 100%;
    }

.SepetBlockImg {
    width: 30%;
    float: left;
}

.SepetBlockName {
    width: 70%;
    float: left;
}

.SepetBlockInfo tr {
    border-bottom: 1px dashed #d5d4d3;
    float: left;
    width: 100%;
    padding: 10px 5px;
}

    .SepetBlockInfo tr td {
        padding: 3px;
    }

.SepetBlockInfo .SepetBlockImg img {
    border: 1px solid #eceaea;
    width: 50px;
    height: 50px;
    display: inline-block;
}

.SepetBlockInfo .SepetBlockName a {
    display: block;
    color: #666666;
    font-size: 12px;
}

    .SepetBlockInfo .SepetBlockName a span {
        display: block;
        height: 35px;
        overflow: hidden;
    }

        .SepetBlockInfo .SepetBlockName a span:nth-child(2) {
            display: none;
        }

.SepetBlockInfo .SepetBlockAdet {
    text-align: right;
    color: #666666;
    font-size: 10px;
    line-height: 20px;
}

.SepetBlockInfo td.SepetBlockTotal {
    text-align: right;
    color: #000000;
    font-size: 14px;
}

.SepetBlockInfo .SepetBlockRemove a {
    display: inline-block;
    width: 12px;
    height: 12px;
    line-height: 10px;
    text-align: center;
    background: #515151;
    color: #fff;
    font-size: 8px;
    cursor: pointer;
}

    .SepetBlockInfo .SepetBlockRemove a:hover {
        background: red;
    }

.SepetBlockGenelTotal {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
    padding-bottom: 10px;
}

    .SepetBlockGenelTotal table {
        width: 100%;
        border-collapse: collapse;
    }

    .SepetBlockGenelTotal tr:nth-child(1),
    .SepetBlockGenelTotal tr:nth-child(2),
    .SepetBlockGenelTotal tr:nth-child(3) {
        display: none;
    }

    .SepetBlockGenelTotal tr {
        background: #eeece9;
    }

        .SepetBlockGenelTotal tr td {
            text-align: left !important;
            padding: 9px 0;
        }

            .SepetBlockGenelTotal tr td:nth-child(1) {
                color: #515151;
                font-size: 16px;
                font-weight: bold !important;
                text-align: right !important;
            }

                .SepetBlockGenelTotal tr td:nth-child(1) b {
                    color: #515151;
                    font-size: 16px;
                    font-weight: bold !important;
                }

            .SepetBlockGenelTotal tr td:nth-child(2) {
                color: #000000;
                font-size: 16px;
                font-weight: bold !important;
                text-align: left !important;
            }

.SepetBlockCheck {
    padding: 8px 0;
    text-align: center;
}

    .SepetBlockCheck .button:nth-child(1) {
        display: none;
    }

    .SepetBlockCheck .button {
        display: inline-block;
        width: 165px;
        height: 37px;
        line-height: 37px;
        border: none;
        margin: 0;
        padding: 0;
        text-transform: uppercase;
        background: #000000;
        font-size: 16px;
        color: #fff;
    }
/*------------------------------------Blok Sepet--------------------------------------------*/

/* ------------------------------------Container--------------------------------------------*/
.headerContent,
.ticiContainer {
    clear: both;
    width: 1180px;
    margin: 0px auto;
}

    .ticiContainer.homeContainer {
        clear: both;
        width: 1180px;
    }

.HesabimContainer {
    margin: 20px 0;
    float: left;
    width: 100%;
}

.leftBlock {
    float: left;
}

.rightBlock {
    float: left;
}

    .rightBlock.acik {
        width: 25%;
        padding-left: 20px;
    }

.leftBlock.acik {
    width: 25%;
    padding-right: 20px;
}

.centerCount {
    width: 100%;
    float: left;
}

    .centerCount.full {
        width: 100%;
        float: left;
    }

    .centerCount.solYadaSagAcik {
        width: 75%;
        float: left;
    }

    .centerCount.solSagBlokAcik {
        width: 50%;
        float: left;
    }

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

.ticiContainer:after {
    clear: both;
}

.ticiContainer {
    clear: both;
    zoom: 1;
}

.headerContent:after,
.headerContent:before,
.headerContent:after,
.headerContent:before {
    content: "";
    display: table;
    clear: both;
}

/*Arama Sayfası*/
.searchContainer.categoryContainer .centerCount {
    float: left;
}

.UrunDetayCenter {
    width: 100%;
}

.UrunDetayLeft {
    display: block;
}

.UrunDetayRight {
    border: 0 !important;
}
/* ------------------------------------Container--------------------------------------------*/

/* ------------------------------------Ürün Detay--------------------------------------------*/
.proCategoryTitle a {
    font-size: 13px;
    line-height: 20px;
    color: #000;
}

.back {
    float: right;
}

.ProductDetailMain {
    width: 100%;
    float: left;
}


.urunDetayTutucu {
    background: #fff;
    float: left;
    width: 100%;
}

.leftImage {
    width: 65%;
    float: left;
    position: relative;
    margin-bottom: 45px;
    padding-right: 50px;
}

.RightDetail {
    width: 35%;
    padding: 0px;
    float: right;
    position: relative;
    margin-bottom: 45px;
}

/*Urun Resim*/
.UrunDetayLeft {
    margin: 0 !important;
    overflow: hidden;
}

.Images {
    float: right;
    width: 80%;
    border: 1px solid #eeeeee;
    padding: 0px;
}

    .Images img {
        width: 100%;
        display: block;
        box-shadow: 2px 2px 11px 3px rgba(0,0,0,0.1)
    }

.cloudzoom-blank > div:last-child {
    display: none !important;
}

.SmallImages {
    float: left;
    width: 20%;
    padding-right: 20px;
}

    .SmallImages div {
        float: left;
        width: 100%;
        margin-bottom: 20px;
    }

        .SmallImages div img {
            width: 100%;
            display: block;
            cursor: pointer;
            border: 1px solid #eeeeee;
            padding: 10px;
        }

            .SmallImages div img:hover {
                border-color: #000;
            }


/*ürün adi*/
.ProductName {
    float: left;
    width: 100%;
}

    .ProductName h1 span:not(#divUrunKodu) {
        float: left;
        display: inline-block;
        color: #000000;
        font-size: 18px;
        margin-bottom: 10px;
        font-weight: bold;
        line-height: 1.3;
    }

#divUrunKodu {
    display: block !important;
    width: 100%;
    float: left;
    margin-bottom: 7px;
    color: #222121;
    font-size: 14px;
    font-weight: 300;
}

    #divUrunKodu:before {
        display: inline-block !important;
        width: 88px;
        content: 'Ürün Kodu';
        display: inline-block;
        float: left;
        color: #222121;
        font-size: 14px;
        font-weight: 300;
    }

    #divUrunKodu:after {
        content: ':';
        display: inline-block;
        margin-right: 20px;
        float: left;
        color: #222121;
        font-size: 14px;
        font-weight: 300;
    }
/*puan ver*/
.puanVer {
    float: left;
    width: 100%;
    margin-bottom: 5px;
    display: none;
}
/*marka adi*/
#divMarka {
    float: left;
    width: 100%;
    margin-bottom: 7px;
}

    #divMarka .left_line {
        display: inline-block;
        width: 88px;
        float: left;
        color: #222121;
        font-size: 14px;
        font-weight: 300;
    }

    #divMarka .center_line {
        display: inline-block;
        margin-right: 20px;
        float: left;
        color: #222121;
        font-size: 14px;
        font-weight: 300;
    }

    #divMarka .right_line {
    }

        #divMarka .right_line * {
            display: inline-block;
            float: left;
            color: #222121;
            font-size: 14px;
            font-weight: 300;
        }
/*marka resmi*/
.markaresmi {
    display: none !important;
    float: left;
    width: 100%;
    position: relative;
}

    .markaresmi a {
        position: absolute;
        right: 0;
        top: 0;
        display: block;
        max-width: 190px;
    }

    .markaresmi img {
        max-width: 100%;
        display: block;
        border: 1px solid #fdb001;
    }
/*on yazi*/
#divOnyazi {
    float: left;
    width: 100%;
    /* margin: 15px 0; */
    padding-bottom: 10px;
    border-bottom: 2px solid #e6e6e6;
    margin-top: -20px;
    display: none;
}

    #divOnyazi * {
        color: #444444 !important;
        font-size: 13px !important;
        line-height: 1.2 !important;
        font-weight: normal !important;
        font-family: 'Roboto', sans-serif !important;
    }
/*indirim orani*/
#divIndirimOrani .left_line {
    display: inline-block;
    width: 88px;
    float: left;
    color: #222121;
    font-size: 14px;
    font-weight: 300;
}

#divIndirimOrani .center_line {
    display: inline-block;
    margin-right: 20px;
    float: left;
    color: #222121;
    font-size: 14px;
    font-weight: 300;
}

#divIndirimOrani .indirimliOrani {
    display: inline-block;
    float: left;
    color: #222121;
    font-size: 14px;
    font-weight: 300;
}
/*fiyatlar*/
#pnlFiyatlar {
    float: left;
    padding-top: 5px;
}

#divIndirimliFiyat {
    float: left;
}
/*türk lirası fiyatı*/
#divTurkLirasiFiyat {
    float: left;
    width: 100%;
    margin-bottom: 7px;
}

    #divTurkLirasiFiyat .left_line {
        display: inline-block;
        width: 88px;
        float: left;
        color: #222121;
        line-height: 29px;
        font-size: 14px;
        font-weight: 300;
    }

    #divTurkLirasiFiyat .center_line {
        display: inline-block;
        margin-right: 20px;
        float: left;
        color: #222121;
        line-height: 29px;
        font-size: 14px;
        font-weight: 300;
    }

    #divTurkLirasiFiyat .right_line {
        float: left;
    }

        #divTurkLirasiFiyat .right_line * {
            float: left;
            display: inline-block;
            color: #d4152b;
            font-weight: bold;
            font-size: 29px;
            line-height: 29px;
        }
/*piyasa fiyati*/
.PiyasafiyatiContent {
    float: left;
    width: 100%;
    margin-bottom: 7px;
}

    .PiyasafiyatiContent .left_line {
        display: inline-block;
        width: 88px;
        float: left;
        color: #222121;
        font-size: 14px;
        font-weight: 300;
    }

    .PiyasafiyatiContent .center_line {
        display: inline-block;
        margin-right: 20px;
        float: left;
        color: #222121;
        font-size: 14px;
        font-weight: 300;
    }

    .PiyasafiyatiContent .right_line {
        float: left;
    }

        .PiyasafiyatiContent .right_line * {
            display: inline-block;
            float: left;
            color: #222121;
            font-size: 14px;
            font-weight: 300;
            text-decoration: line-through;
        }
/*indirimli fiyati*/
.IndirimliFiyatContent {
    float: left;
    width: 100%;
    margin-bottom: 7px;
}

    .IndirimliFiyatContent .left_line {
        display: inline-block;
        width: 88px;
        float: left;
        color: #222121;
        line-height: 29px;
        font-size: 14px;
        font-weight: 300;
    }

    .IndirimliFiyatContent .center_line {
        display: inline-block;
        margin-right: 20px;
        float: left;
        color: #222121;
        line-height: 29px;
        font-size: 14px;
        font-weight: 300;
    }

    .IndirimliFiyatContent .right_line {
        float: left;
    }

        .IndirimliFiyatContent .right_line * {
            float: left;
            display: inline-block;
            color: #d4152b;
            font-weight: bold;
            font-size: 29px;
            line-height: 29px;
        }
/*indirimsiz fiyati*/
#divIndirimsizFiyat {
    float: left;
    width: 100%;
    margin-bottom: 7px;
    ;
}

    #divIndirimsizFiyat .left_line {
        display: inline-block;
        width: 88px;
        float: left;
        color: #222121;
        line-height: 29px;
        font-size: 14px;
        font-weight: 300;
    }

    #divIndirimsizFiyat .center_line {
        display: inline-block;
        margin-right: 20px;
        float: left;
        color: #222121;
        line-height: 29px;
        font-size: 14px;
        font-weight: 300;
    }

    #divIndirimsizFiyat .right_line {
        float: left;
    }

        #divIndirimsizFiyat .right_line * {
            float: left;
            display: inline-block;
            color: #ff6000;
            font-weight: bold;
            font-family: 'Oxygen', sans-serif;
            font-size: 24px;
            line-height: 29px;
        }
/*kdv dahil fiyati*/
#divKDVDahilFiyat {
    float: left;
    width: 100%;
    margin-bottom: 7px;
}

    #divKDVDahilFiyat .left_line {
        display: inline-block;
        width: 88px;
        float: left;
        color: #222121;
        line-height: 29px;
        font-size: 14px;
        font-weight: 300;
    }

    #divKDVDahilFiyat .center_line {
        display: inline-block;
        margin-right: 20px;
        float: left;
        color: #222121;
        line-height: 29px;
        font-size: 14px;
        font-weight: 300;
    }

    #divKDVDahilFiyat .right_line {
        float: left;
    }

        #divKDVDahilFiyat .right_line * {
            float: left;
            display: inline-block;
            color: #d4152b;
            font-weight: bold;
            font-size: 29px;
            line-height: 29px;
        }
/*taksit aciklama*/
#divTaksitAciklama {
    display: block !important;
    float: left;
    width: 100%;
    padding-left: 110px;
    padding-bottom: 12px;
    border-bottom: 1px solid #e9e9e8;
    margin-bottom: 10px;
}

    #divTaksitAciklama * {
        display: inline-block;
        color: #222121;
        font-size: 14px;
        font-weight: 300;
        font-style: italic;
    }
/*stok yok*/
#divStokYok {
    float: left;
    width: 100%;
    margin: 15px 0;
    font-size: 15px;
    color: #000;
    font-weight: bold;
}
/*stok miktari*/
#divToplamStokAdedi {
    display: block !important;
    float: left;
    width: 100%;
    padding-left: 110px;
    margin-bottom: 7px;
}

    #divToplamStokAdedi * {
        display: inline-block;
        float: left;
        padding: 0 5px;
        line-height: 28px;
        background: #f9d1d6;
        color: #fff;
        font-size: 14px;
        font-weight: bold;
    }
/*kdvler*/
#pnlFiyatlar .spanKdv {
    font-size: 14px;
    margin-left: 10px;
}
/*ürün ekstrabilgileri*/
#divEkstraBilgiler {
    float: left;
    width: 100%;
    border-top: 1px solid #f3f3f5;
    margin-top: 35px;
}

    #divEkstraBilgiler img {
        max-width: 100%;
        display: inline-block;
        margin-right: 10px;
        float: left;
    }
/*varyasyonlar*/
#divUrunEkSecenek {
    float: left;
    width: 100%;
    margin-top: 5px;
}

    #divUrunEkSecenek .eksecenekLine {
        float: left;
        width: 100%;
        margin-bottom: 20px;
        clear: left !important;
    }

        #divUrunEkSecenek .eksecenekLine:last-child {
            border: none;
        }

        #divUrunEkSecenek .eksecenekLine .left_line {
            float: left;
            width: 100%;
            display: inline-block;
            color: #000;
            font-size: 14px;
            font-weight: normal;
            margin-bottom: 10px;
        }

        #divUrunEkSecenek .eksecenekLine .center_line {
            display: none !important;
            float: left;
        }

        #divUrunEkSecenek .eksecenekLine .right_line {
            float: left;
            clear: left;
        }

            #divUrunEkSecenek .eksecenekLine .right_line select {
                width: 100%;
                padding: 0 14px;
                border-radius: 0px;
                border: 1px solid #e8e8e8;
                cursor: pointer;
                height: 39px;
                line-height: 37px;
                background: transparent;
                text-align: center;
                color: #000;
                font-size: 13px;
                font-weight: bold;
            }

            #divUrunEkSecenek .eksecenekLine .right_line .size_box {
                margin-right: 8px;
                min-width: 42px;
                text-align: center;
                cursor: pointer;
                color: #000;
                border: 1px solid #b5b5b5;
                border-radius: 5px;
                line-height: 38px;
                font-size: 14px;
                font-weight: 300;
                display: inline-block;
            }

                #divUrunEkSecenek .eksecenekLine .right_line .size_box img {
                    width: 40px;
                    height: 40px;
                    display: block;
                }

                #divUrunEkSecenek .eksecenekLine .right_line .size_box:hover {
                    border-color: #000;
                    background-color: #d5f5c5;
                }

                #divUrunEkSecenek .eksecenekLine .right_line .size_box.selected {
                    border-color: #093e0d;
                    background-color: #d5f5c5;
                }

                #divUrunEkSecenek .eksecenekLine .right_line .size_box.nostok {
                    position: relative;
                    border: 1px solid #e8e8e8;
                    color: #848282;
                    background-color: rgba(204, 0, 0, 0.13);
                    cursor: context-menu;
                }

                    #divUrunEkSecenek .eksecenekLine .right_line .size_box.nostok:after {
                        content: '';
                        height: 1px;
                        width: 100%;
                        background: #848282;
                        left: 0;
                        top: 50%;
                        position: absolute;
                    }
/*ürün dosya ekle*/
#divUrunSiparisDosya {
    float: left;
    width: 100%;
    margin-bottom: 11px;
    clear: left !important;
}

    #divUrunSiparisDosya .left_line {
        float: left;
        width: 30%;
        clear: left;
        color: #737373;
        font-size: 12px;
        font-weight: normal;
        line-height: 39px;
    }

    #divUrunSiparisDosya .center_line {
        float: left;
        width: 5%;
        color: #737373;
        font-size: 12px;
        font-weight: normal;
        line-height: 39px;
    }

    #divUrunSiparisDosya .right_line {
        float: left;
        width: 65%;
        position: relative;
        padding-top: 7.5px;
    }

        #divUrunSiparisDosya .right_line .RadUpload {
            width: 100%;
            float: left;
        }

            #divUrunSiparisDosya .right_line .RadUpload .ruInputs li {
                margin-bottom: 0;
            }

            #divUrunSiparisDosya .right_line .RadUpload .ruFileWrap {
                width: 100%;
                display: block;
                height: 22px;
            }

            #divUrunSiparisDosya .right_line .RadUpload .ruFileInput {
                cursor: pointer;
                position: absolute;
                left: 0;
                top: 0;
                padding: 0;
                margin: 0;
                font-size: 0;
                text-indent: -9999px;
                width: 100%;
                display: block;
                background: url('images/dosyaYukle.png') center left no-repeat;
                height: 22px;
                border: none;
                opacity: 1;
            }


#divSatinAl {
    float: left;
    width: 100%;
    margin: 10px 0 25px 0;
    padding-bottom: 24px;
    border-bottom: 1px solid #e9e9e9;
}

.BasketBtn {
    float: left;
    width: 100%;
}
/*Adet Select*/
#divAdetCombo {
    display: none !important;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

    #divAdetCombo .left_line {
        display: none !important;
        float: left;
        width: 70px;
        color: #666666;
        font-size: 16px;
        line-height: 30px;
    }

    #divAdetCombo .center_line {
        display: none !important;
    }

    #divAdetCombo .right_line {
        float: left;
        width: 100%;
    }

    #divAdetCombo select {
        width: 100%;
        margin: 0;
        padding: 0 15px;
        border-radius: 0px;
        border: 1px solid #fff;
        cursor: pointer;
        height: 40px;
        line-height: 40px;
        background: #fff;
        text-align: center;
        color: #000;
        font-size: 15px;
        font-weight: normal;
    }
/*Adet Ä°nput*/
.Basketinp {
    float: left;
    margin-right: 12px;
    padding: 0px 0;
}

    .Basketinp p {
        display: block !important;
        text-align: left;
        color: #000;
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 5px;
    }

#txtbxurunSiparisAdedi_wrapper {
    float: left;
    width: 150px !important;
    position: relative;
    padding: 0 !important;
}

#txtbxurunSiparisAdedi {
    color: #555555;
    font-size: 18px;
    text-align: center;
    height: 50px !important;
    border-radius: 0px;
    border: 1px solid #fff;
    background: #fff;
    width: 50px !important;
}

.riSingle a.riUp {
    float: right;
    width: 50px !important;
    height: 50px !important;
    background-image: url(/Uploads/EditorUploads/urun_arttir.png) !important;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #e4e4e4;
}

.riSingle a.riDown {
    margin-left: 0px !important;
    margin-top: 0px !important;
    float: left;
    background-image: url(/Uploads/EditorUploads/urun_azalt.png) !important;
    width: 50px !important;
    height: 50px !important;
    background-position: 0 !important;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    background-color: #e4e4e4;
}

    .riSingle a.riUp span,
    .riSingle a.riDown span {
    }
/*sepete Ekle*/
.basketBtn {
    float: right;
    display: inline-block;
    width: 250px;
    margin-top: 22px;
}

    .basketBtn input {
        width: 100%;
        border-radius: 0px;
        text-transform: uppercase;
        padding: 0 0 0 0px !important;
        border: 2px solid #d4152b;
        color: #fff;
        font-size: 14px;
        font-weight: bold;
        background: #d4152b;
        width: 100%;
        height: 50px;
    }

        .basketBtn input:hover {
            background: transparent;
            color: #d4152b;
        }
/*Hemen Al*/
.buyfast {
    display: inline-block !important;
    float: right;
    width: 250px;
    margin-top: 22px;
}

    .buyfast input {
        width: 100%;
        border-radius: 0px;
        text-transform: uppercase;
        padding: 0 0 0 0px !important;
        border: 2px solid #000;
        color: #fff;
        font-size: 14px;
        font-weight: bold;
        background: #000;
        width: 100%;
        height: 50px;
    }

        .buyfast input:hover {
            background: transparent;
            color: #000;
        }
/*konbin Al*/
#divKombinSatinAl {
    float: left;
    padding-top: 26px;
    width: 240px;
}

    #divKombinSatinAl a {
        margin: 0 !important;
        padding: 0 !important;
        border: none;
        border-radius: 3px;
        width: 100%;
        height: 45px;
        line-height: 45px;
        text-align: center;
        background-color: #ea2121 !important;
        color: #fff;
        font-size: 14px;
        font-weight: bold;
    }

.ngdialog-content {
    width: 550px !important;
}

/*Iconlar*/
#divKritikStok {
    display: none;
}

.ProductIcon {
    display: none;
    float: left;
    width: 100%;
    margin-bottom: 25px;
    margin-top: 20px;
}

.UGelinceHaberVer > a {
    float: left;
    width: 25%;
}

    .UGelinceHaberVer > a span,
    #divTelefonSiparis > a,
    .UIstekListemeEkle > a,
    #divIndirimliUrun > a,
    .FiyatHaberVer > a,
    .FiyatHaberVer .box1,
    .UFavorilerimeEkle > a,
    #divKargoBedava > a {
        float: left;
        width: 16.666666%;
        padding: 50px 0 0 0;
        margin: 0;
        color: #545454;
        font-size: 14px;
        font-weight: 300;
        background: none;
        min-width: auto !important;
        box-shadow: none;
        text-align: center;
        cursor: pointer;
        display: inline-block;
        position: relative;
        transition: 0.3s;
        -moz-transition: 0.3s;
        -webkit-transition: 0.3s;
        -ms-transition: 0.3s;
        padding-top: 60px;
    }

        #divTelefonSiparis > a:hover,
        .UIstekListemeEkle > a:hover,
        #divIndirimliUrun > a:hover,
        .FiyatHaberVer > a:hover,
        .UFavorilerimeEkle > a:hover,
        .UGelinceHaberVer > a span:hover,
        .TavsiyeEtBtn span:hover,
        .printBtn:hover,
        .YorumYazbtnContent a span:hover,
        #divKargoBedava > a:hover {
            color: #d4152b;
            transition: 0.3s;
            -moz-transition: 0.3s;
            -webkit-transition: 0.3s;
            -ms-transition: 0.3s;
        }

    .UGelinceHaberVer > a span {
        width: 100%;
    }

.UKarsilastirma {
    display: none;
}

#divTelefonSiparis > a {
    background: url('images/p1.png') center top no-repeat;
}

.UFavorilerimeEkle > a {
    background: url('images/p2.png') center top no-repeat;
}

.UGelinceHaberVer > a span {
    background: url('images/p3.png') center top no-repeat;
}

#divIndirimliUrun > a {
    background: url('images/p4.png') center top no-repeat;
}

.FiyatHaberVer > a {
    background: url('images/p5.png') center top no-repeat;
}

#divKargoBedava > a {
    background: url('images/p6.png') center top no-repeat;
}

.UIstekListemeEkle > a {
    background: url('images/p7.png') center top no-repeat;
}

#divTelefonSiparis > a:hover {
    background: url('images/p1h.png') center top no-repeat;
}

.UFavorilerimeEkle > a:hover {
    background: url('images/p2h.png') center top no-repeat;
}

.UGelinceHaberVer > a span:hover {
    background: url('images/p3h.png') center top no-repeat;
}

#divIndirimliUrun > a:hover {
    background: url('images/p4h.png') center top no-repeat;
}

.FiyatHaberVer > a:hover {
    background: url('images/p5h.png') center top no-repeat;
}

#divKargoBedava > a:hover {
    background: url('images/p6h.png') center top no-repeat;
}

.UIstekListemeEkle > a:hover {
    background: url('images/p7h.png') center top no-repeat;
}
/*
GÖRKEM - 27.07.2018

#divTelefonSiparis > a { background: url('/Uploads/EditorUploads/urun_tel1.png') center top no-repeat; }
.UFavorilerimeEkle > a { background: url('/Uploads/EditorUploads/urun_fav1.png') center top no-repeat; }
.UGelinceHaberVer > a span { background: url('images/p3.png') center top no-repeat; }
#divIndirimliUrun > a { background: url('images/p4.png') center top no-repeat; }
.FiyatHaberVer > a { background: url('/Uploads/EditorUploads/urun_fiyat1.png') center top no-repeat; }
#divKargoBedava > a { background: url('images/p6.png') center top no-repeat; }
.UIstekListemeEkle > a { background: url('/Uploads/EditorUploads/urun_istek1.png') center top no-repeat; }

#divTelefonSiparis > a:hover { background: url('/Uploads/EditorUploads/urun_tel2.png') center top no-repeat; }
.UFavorilerimeEkle > a:hover { background: url('/Uploads/EditorUploads/urun_fav2.png') center top no-repeat; }
.UGelinceHaberVer > a span:hover { background: url('images/p3h.png') center top no-repeat; }
#divIndirimliUrun > a:hover { background: url('images/p4h.png') center top no-repeat; }
.FiyatHaberVer > a:hover { background: url('/Uploads/EditorUploads/urun_fiyat2.png') center top no-repeat; }
#divKargoBedava > a:hover { background: url('images/p6h.png') center top no-repeat; }
.UIstekListemeEkle > a:hover { background: url('/Uploads/EditorUploads/urun_istek2.png') center top no-repeat; }

*/

.ProductIcon2 {
    display: block !important;
    float: left;
    width: 100%;
    clear: left;
}

    .ProductIcon2 .YorumYazbtnContent,
    .ProductIcon2 .TavsiyeEtBtnContent,
    .ProductIcon2 > .hidden-phone {
        display: inline-block;
        float: left;
        width: auto;
        text-align: center;
    }

    .ProductIcon2 .YorumYazbtnContent {
        margin-right: 0;
    }

    .ProductIcon2 .TavsiyeEtBtn {
        display: inline-block;
        white-space: nowrap;
        float: none !important;
        text-align: center;
        margin: 0;
        background: none;
        border: 1px solid #d7d6d6;
        transition: 0s !important;
        color: #58585a;
        height: auto;
        line-height: 33px;
        padding: 0 20px !important;
        display: inline-block;
        margin: 0px 10px 0 0 !important;
        font-size: 13px !important;
        font-weight: 300 !important;
    }

    .ProductIcon2 .printBtn {
        display: inline-block;
        white-space: nowrap;
        float: none !important;
        text-align: center;
        margin: 0;
        background: none;
        border: 1px solid #d7d6d6;
        transition: 0s !important;
        color: #58585a;
        height: auto;
        line-height: 33px;
        padding: 0 20px !important;
        display: inline-block;
        margin: 0px 10px 0 0 !important;
        font-size: 13px !important;
        font-weight: 300 !important;
    }

    .ProductIcon2 .YorumYazbtnContent a {
        display: inline-block;
        white-space: nowrap;
        float: none !important;
        text-align: center;
        margin: 0;
        background: none;
        border: 1px solid #d7d6d6;
        transition: 0s !important;
        color: #58585a;
        height: auto;
        line-height: 33px;
        padding: 0 20px !important;
        display: inline-block;
        margin: 0px 10px 0 0 !important;
        font-size: 13px !important;
        font-weight: 300 !important;
    }

        .ProductIcon2 .YorumYazbtnContent a span {
            font-weight: 300 !important;
        }


.TavsiyeEtBtn:hover {
    color: #000;
    transition: 0s !important;
}

.printBtn:hover {
    color: #000;
    transition: 0s !important;
}

.YorumYazbtnContent a:hover {
    color: #ffffff transition: 0s !important;
}

    .YorumYazbtnContent a:hover span {
        color: #000000 !important;
    }


.socialButons {
    display: block !important;
    float: right !important;
    width: 80%;
}

    .socialButons div {
        float: left;
        display: inline-block;
    }

.product-social {
    float: left;
    margin-right: 10px;
}

    .product-social span {
        float: left;
        line-height: 32px;
        display: inline-block;
        color: #000000;
        font-size: 12px;
        font-weight: 300;
        margin-right: 5px;
    }

    .product-social ul {
        float: left;
    }

        .product-social ul li {
            float: left;
            margin-right: 13px;
        }

            .product-social ul li a {
                display: block;
                color: #323232;
                font-size: 18px;
            }

/*Ürün Özellik Bölümü*/
#ProductDetailMain .urunOzellik {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    border-bottom: 1px solid #e7e7e7;
}

#ProductDetailMain .urunTab {
    float: left;
    width: 100%;
}

    #ProductDetailMain .urunTab ul {
        margin: 0 -10px;
    }

    #ProductDetailMain .urunTab li {
        float: left;
        width: 25%;
        text-align: center;
        padding: 0 10px;
    }

        #ProductDetailMain .urunTab li a {
            display: block;
            line-height: 40px;
            border: 1px solid #e2dfdf;
            color: #000;
            padding: 0 10px;
            text-transform: uppercase;
            text-align: center;
            font-size: 14px;
            font-weight: 500;
            position: relative;
        }

            #ProductDetailMain .urunTab li a:hover {
                border-color: #000;
            }

        #ProductDetailMain .urunTab li.active {
        }

            #ProductDetailMain .urunTab li.active a {
                background: #303030;
                border-color: #303030;
                color: #fff;
            }

#ProductDetailMain .urunDetayPanel {
    float: left;
    width: 100%;
    padding: 15px 0;
    background: #fff;
    clear: none !important;
}

    #ProductDetailMain .urunDetayPanel strong {
        font-weight: bold;
    }

#ProductDetailMain .yorumlarItem {
    background-color: #eeeeee;
    border-bottom: 3px solid #A09B98;
    padding: 16px;
    line-height: 26px;
    float: left;
    width: 100%;
    margin-top: 20px;
}

#ProductDetailMain .yorumlarItemS1 {
    padding-bottom: 5px;
    font-size: 12px;
    color: #666;
    border-bottom: 1px dashed #A09B98;
}

#ProductDetailMain .urunDetayPanel .button {
    color: #fff;
}

#ProductDetailMain .urunTabAlt * {
    font-family: 'Roboto' !important;
    line-height: 20px !important;
}

#ProductDetailMain .urunTabAlt {
    font-family: 'Roboto' !important;
    line-height: 2 !important;
}


#btnYorumKaydet {
    float: left;
}

.urunTabAlt {
    width: 100%;
}

    .urunTabAlt ul li {
        margin-bottom: 10px;
        clear: both;
    }

.oneriValidate .validate {
    top: 0;
    padding: 5px;
}

.urunTabAlt ul li input {
    float: left;
    margin-right: 5px;
}

    .urunTabAlt ul li input[type="checkbox"] {
        margin-top: 5px;
    }

.urunTabAlt ul li .captchaImageBox {
    float: left;
}

.urunTabAlt ul li .captchaInputBox {
    margin: 10px;
    float: left;
}

.urunTabAlt ul li.urundetyaGuvenlikodu span {
    float: left;
}

.urunTabAlt ul li .GuvnelikKodu {
    float: left;
    line-height: 50px;
    margin-right: 10px;
    display: block;
}
/* ------------------------------------Ürün Detay--------------------------------------------*/


/* ------------------------------------Anasayfa Slider--------------------------------------------*/
.HomePageSlideShowContainer {
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;
}

    .HomePageSlideShowContainer .HomePageSlideShow {
        overflow: hidden;
        padding: 0;
        position: relative;
        width: 100%;
    }

    .HomePageSlideShowContainer .HPSItems {
        clear: both;
        cursor: pointer;
        position: relative;
        width: 100%;
    }

        .HomePageSlideShowContainer .HPSItems div {
            cursor: pointer;
            float: left;
            margin: 0;
            overflow: hidden;
            padding: 0;
            position: absolute;
            width: 100%;
            display: none;
        }

    .HomePageSlideShowContainer .HomePageSlideShow img {
        border: 0 none;
        float: left;
        margin: 0;
        padding: 0;
        max-width: 100%;
    }

    .HomePageSlideShowContainer .HomePageSlideShow .active {
        float: left;
    }

    .HomePageSlideShowContainer .navi {
        bottom: 8px;
        height: 10px;
        left: 0px;
        margin: 0;
        padding: 0;
        position: absolute;
        width: 100%;
    }

        .HomePageSlideShowContainer .navi a {
            background-color: #777777;
            width: 10px;
            height: 10px;
            border-radius: 5px;
            display: block;
            float: right;
            font-size: 1px;
            margin: 0px 2px;
            position: relative;
        }

            .HomePageSlideShowContainer .navi a:hover {
                background-color: #ff0000;
            }

            .HomePageSlideShowContainer .navi a.active {
                background-color: #ff0000;
            }
/* ------------------------------------Anasayfa Slider--------------------------------------------*/

/* ------------------------------------Blok Kategori Filtreleme--------------------------------------------*/
.KategoriFilitrelemeContent .Block_Title {
    display: none;
}

#mainHolder_divUstMarkaListesi {
    display: none;
}

.productDetailContainer .categoryTitle,
.categoryContainer .categoryTitleText {
    float: left;
    width: 100%;
    padding: 12px 0;
}

    .productDetailContainer .categoryTitle *,
    ul.breadcrumb li,
    ul.breadcrumb li:first-child a,
    .categoryContainer .categoryTitleText * {
        float: left;
        color: #000000 !important;
        font-size: 12px !important;
        font-family: 'Roboto' !important;
        font-weight: 300;
        line-height: 1.2 !important;
        margin: 0 !important;
        margin-right: 5px !important;
    }

a#linkOncekiSayfa {
    float: right;
    color: #000000 !important;
    font-size: 12px !important;
    font-family: 'Roboto' !important;
    font-weight: 300;
    line-height: 1.2 !important;
    cursor: pointer;
}

.breadcrumb {
    margin-bottom: 20px !important;
}
/*Kategori Özel Blok*/
.KategoriFilitrelemeContent {
    float: left;
    width: 100%;
    background: #fff;
    margin-bottom: 20px;
}

#divFiltreKategoriler {
}

.kategoriOzelBlok {
    min-height: 285px;
    margin-bottom: 22px;
    float: left;
    width: 100%;
    border: 1px solid #ecebeb;
    padding: 32px;
    border-radius: 0px;
}

    .kategoriOzelBlok .kategoriOzelBlokYazi {
        float: left;
        width: 75%;
        padding-right: 15px;
    }

        .kategoriOzelBlok .kategoriOzelBlokYazi h2 {
            color: #46696b;
            font-size: 18px;
            margin-bottom: 15px;
        }

        .kategoriOzelBlok .kategoriOzelBlokYazi p {
            font-size: 14px;
            line-height: 18px;
            color: #46696b;
        }

    .kategoriOzelBlok .kategoriOzelBlokResim {
        float: left;
        width: 25%;
    }

        .kategoriOzelBlok .kategoriOzelBlokResim img {
            width: 100%;
            display: block;
        }

.KategoriFilitreleme {
    width: 100%;
    float: left;
    border: 1px solid #eeeeee;
    margin-bottom: 20px;
}

.KategoriFilitreTittle {
    position: relative;
    line-height: 62px;
    color: #555555;
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 12px;
    padding: 0 20px;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: normal;
}


/*Menu*/
.leftBlock .Block_Title {
    display: none;
}

.leftBlock .panel-heading {
    padding: 0;
    margin: 0;
    border: none;
}

    .leftBlock .panel-heading a {
        display: block;
        color: #9a2e4d;
        font-weight: bold;
        line-height: 40px;
        padding: 0 20px;
        border-bottom: 1px solid #eceeef;
    }

        .leftBlock .panel-heading a:hover {
            text-decoration: none;
        }
/*Menu*/
.leftBlock .category-vertical-filters {
    padding: 0;
    border: none;
    background: transparent;
}

    .leftBlock .category-vertical-filters .vertical-filter-panel {
        border-radius: 0;
        border: none;
        box-shadow: none;
        margin-bottom: 20px;
    }

        .leftBlock .category-vertical-filters .vertical-filter-panel .list-group {
            padding: 0 20px;
        }

        .leftBlock .category-vertical-filters .vertical-filter-panel.div-kategori .list-group > li {
            padding: 0;
            border: none;
            margin: 10px 0 0;
        }

        /*Checkbox Filtrelemer*/
        .leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item {
            padding: 0;
            margin: 10px 0 0;
            ;
            border: none;
        }

            .leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item:before {
                float: left;
                width: 14px;
                height: 14px;
                border-color: #eceeef;
            }

            .leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item:hover:before {
                border-color: #9a2e4d;
                background: #9a2e4d;
            }

            .leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item.selected:before {
                border-color: #9a2e4d;
                background: #9a2e4d;
            }

            .leftBlock .category-vertical-filters .vertical-filter-panel .list-group li a,
            .leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item a {
                color: #363a3e;
                font-size: 13px;
                font-weight: 500;
                line-height: 14px;
                float: left;
            }

                .leftBlock .category-vertical-filters .vertical-filter-panel .list-group li a:hover,
                .leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item a:hover {
                    color: #9a2e4d;
                    text-decoration: none;
                }
/*Fiyat Aralığı*/
.leftBlock .amount {
    display: block;
    width: 100%;
    padding: 0 0 20px 10px;
    color: #363a3e !important;
    font-size: 13px;
    font-weight: 500 !important;
}

.leftBlock .slider-range {
    width: 93%;
    padding: 0;
    margin: 20px 0 20px 3%;
    background: #eeeeee;
    height: 5px;
    border: none !important;
    border-radius: 0;
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.leftBlock .ui-widget-header {
    background: #9a2e4d !important;
    height: 6px !important;
}

    .leftBlock .ui-state-default,
    .leftBlock .ui-widget-content .ui-state-default,
    .leftBlock .ui-widget-header .ui-state-default {
        width: 17px !important;
        height: 17px !important;
        border: 3px solid #fff !important;
        background: #9a2e4d !important;
        border-radius: 100% !important;
    }

.leftBlock .ui-slider-horizontal .ui-slider-handle {
    top: -5px !important;
}

.leftBlock .ui-widget.ui-widget-content {
    border: 0 !important;
}

.leftBlock .category-vertical-filters .vertical-filter-panel .list-group {
    max-height: 330px;
    overflow-x: hidden;
}

    .leftBlock .category-vertical-filters .vertical-filter-panel .list-group::-webkit-scrollbar {
        width: 4px;
    }

    .leftBlock .category-vertical-filters .vertical-filter-panel .list-group::-webkit-scrollbar-track {
        background: #eeeeee;
    }

    .leftBlock .category-vertical-filters .vertical-filter-panel .list-group::-webkit-scrollbar-thumb {
        background: #9a2e4d;
    }

/* ------------------------------------Blok Kategori Filtreleme--------------------------------------------*/

/* ------------------------------------Blok Kategori Menü--------------------------------------------*/
.UrunGuruplari {
    float: left;
    width: 16.4%;
    padding: 0 10px;
    margin-bottom: 20px;
}

    .UrunGuruplari .Block_Title {
        display: none;
    }

.KatMenu1 {
    background: #fff;
    width: 100%;
}

.KatMenu1 {
}

    .KatMenu1 > li {
        margin-bottom: 19px;
    }

        .KatMenu1 > li:last-child {
            margin-bottom: 0;
        }

        .KatMenu1 > li > a {
            display: inline-block;
            color: #838383;
            font-size: 12px;
            font-weight: bold;
            margin-bottom: 10px;
        }

            .KatMenu1 > li > a:hover {
                color: #000000;
                text-decoration: underline;
            }

        .KatMenu1 > li > ul {
        }

            .KatMenu1 > li > ul > li {
            }

                .KatMenu1 > li > ul > li > a {
                    display: inline-block;
                    color: #838383;
                    font-size: 12px;
                    font-weight: 500;
                    margin-bottom: 3px;
                }

                    .KatMenu1 > li > ul > li > a:hover {
                        color: #000000;
                        text-decoration: underline;
                    }
/*------------------------------------Blok Kategori Menü--------------------------------------------*/

/*------------------------------------Etiketler--------------------------------------------*/
#divEtiketler {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

    #divEtiketler a {
        color: #555;
        font-size: 13px;
    }

        #divEtiketler a:hover {
            text-decoration: underline;
            margin-right: 5px;
        }
/*------------------------------------Etiketler--------------------------------------------*/

/*------------------------------------Ãœye GiriÅŸ Popup--------------------------------------------*/
.popupBox {
    width: 80% !important;
}

    .popupBox input[type="password"],
    .popupBox input[type="text"] {
        width: 100% !important;
        padding: 0 10px !important;
        margin-bottom: 7px !important;
        height: 40px !important;
        border: 1px solid #ddd !important;
    }

        .popupBox input[type="password"]:focus,
        .popupBox input[type="text"]:focus {
            border-color: #000 !important;
        }

    .popupBox input[type="checkbox"] {
        margin: 3px 10px 0 0 !important;
    }

    .popupBox input[type="radio"] {
        margin: 3px 10px 0 0 !important;
        float: left;
    }

.userloginF1 {
    border: none !important;
}

.errBoxRegister {
    overflow: hidden;
}

.uyePopupContent .button {
    padding: 10px !important;
}

.uyePopupCinsiyet {
    margin: 10px 0 !important;
}

    .uyePopupCinsiyet tr td {
        padding-right: 10px !important;
    }

.popupLogo {
    margin-bottom: 10px;
}
/*------------------------------------Ãœye GiriÅŸ Popup--------------------------------------------*/

/*------------------------------------Sepetim--------------------------------------------*/
.Basketstep ul li i,
.sepetTitle .st_1,
.sepetTitle2 .st_1,
.BasketRigth ul li.genelToplam .tut,
.sepetTitle2 .st_1:before,
.sepetTitle .st_1:before,
.TeslimatAdresTittle,
.Basketstep ul li.gecti span,
#divToplamOdeme,
.TeslimatAdresTittle,
a.YeniAdresEkle,
.Basketstep ul li.onestepsec span {
    color: #d4152b !important;
}

.basketCompletebtn {
    background: #d4152b !important;
}

.OdemeMenu ul li.activeMenu {
    border-color: #d4152b !important;
}

.OdemeMenu ul li:hover {
    border-color: #d4152b !important;
}

.baglanButton {
    background: #d4152b;
    border-color: #d4152b;
}

    .baglanButton:hover {
        background: transparent;
        color: #d4152b;
    }

.Basketstep ul li.pasif i {
    color: #b5b5b5 !important;
}

.BasketDetail table tbody tr td a {
    display: inherit;
}

.BasketDetail table tbody tr td:last-child a {
    display: block;
}
/*------------------------------------Sepetim--------------------------------------------*/

/*------------------------------------markalar slider--------------------------------------------*/
.markaSlider {
    width: 1180px;
    margin: 0 auto;
    padding: 20px 50px;
    position: relative;
    background: #fff;
}

    .markaSlider .owl-carousel {
        position: static;
    }

    .markaSlider:after {
        content: '';
        display: table;
        clear: both;
    }

    .markaSlider:before {
        content: '';
        display: table;
        clear: both;
    }

    .markaSlider ul li a {
        display: block;
        border: 1px solid rgba(249, 249, 249, 0);
    }

        .markaSlider ul li a img {
            display: block;
            max-width: 100%;
            margin: 0 auto;
        }

    .markaSlider .Jbutonlar {
        display: none;
    }

    .markaSlider .categoryTitle {
        display: none;
    }

    .markaSlider .owl-dots {
        display: none;
    }

    .markaSlider .owl-nav {
    }

        .markaSlider .owl-nav .owl-prev,
        .markaSlider .owl-nav .owl-next {
            display: inline-block;
            position: absolute;
            width: 11px;
            height: 18px;
            text-indent: -9999999px;
            top: 50%;
            margin-top: -9px;
        }

        .markaSlider .owl-nav .owl-prev {
            background: url('images/sol.png') center center no-repeat;
            left: 0;
        }

        .markaSlider .owl-nav .owl-next {
            background: url('images/sag.png') center center no-repeat;
            right: 0;
        }

        .markaSlider .owl-nav .owl-prev:hover {
        }

        .markaSlider .owl-nav .owl-next:hover {
        }

.markaSliderTututucu {
    float: left;
    width: 100%;
    background: #fff;
}

.markaSlider .slick-list {
}

.markaSlider .slick-dots {
    display: none !important;
}

.markaSlider .slick-prev,
.markaSlider .slick-next {
    cursor: pointer !important;
    display: inline-block;
    position: absolute;
    width: 41px;
    height: 41px;
    border: none !important;
    text-indent: -9999999px;
    top: 50%;
    margin-top: -20.5px;
    z-index: 99;
}

.markaSlider .slick-prev {
    background: url('images/solOk.png') center center no-repeat;
    left: -50px;
}

.markaSlider .slick-next {
    background: url('images/sagOk.png') center center no-repeat;
    right: -50px;
}

.markaSlider .slick-prev:hover {
}

.markaSlider .slick-next:hover {
}
/*------------------------------------markalar slider--------------------------------------------*/


/*------------------------------------sizin için önerdiklerimiz--------------------------------------------*/
#divSizinIcinOnerdiklerimiz {
    float: left;
    width: 100%;
}

    #divSizinIcinOnerdiklerimiz .productItem {
        float: left;
        width: 19%;
        margin-right: 1.2%;
    }

        #divSizinIcinOnerdiklerimiz .productItem:nth-child(5n+1) {
            margin-right: 0;
        }

    #divSizinIcinOnerdiklerimiz .categoryTitle {
        float: left;
        width: 100%;
        margin-bottom: 15px;
        display: block;
        text-align: center;
    }

        #divSizinIcinOnerdiklerimiz .categoryTitle span {
            display: inline-block;
            color: #000000;
            font-size: 25px;
        }
/*------------------------------------sizin için önerdiklerimiz--------------------------------------------*/


/*------------------------------------kampanya baner yonetimi--------------------------------------------*/
#divKampanyaBanner {
    float: left;
    width: 100%;
}

    #divKampanyaBanner .AnasayfaTasarimLine.Kucuk {
        float: left;
        width: 50%;
        margin-bottom: 10px;
        padding: 0 5px;
    }

        #divKampanyaBanner .AnasayfaTasarimLine.Kucuk a {
            display: block;
            position: relative;
        }

            #divKampanyaBanner .AnasayfaTasarimLine.Kucuk a img {
                display: block;
                max-width: 100%;
                margin: 0 auto;
            }

            #divKampanyaBanner .AnasayfaTasarimLine.Kucuk a .AnasayfaTasarimAdi {
                position: absolute;
                line-height: 30px;
                left: 10px;
                right: 10px;
                bottom: 10px;
                background: #fff;
                color: #333333;
                font-size: 20px;
                font-weight: 300;
                padding: 7px;
            }

            #divKampanyaBanner .AnasayfaTasarimLine.Kucuk a .TasarimTime {
                float: right;
                width: 60px;
                margin-top: 0px;
                line-height: 1.2;
                padding-left: 5px;
                border-left: 1px dotted #999999;
                color: #999999;
                font-size: 16px;
                display: inline-block;
            }

            #divKampanyaBanner .AnasayfaTasarimLine.Kucuk a:hover .AnasayfaTasarimAdi {
                background: #333333;
                color: #fff;
            }

            #divKampanyaBanner .AnasayfaTasarimLine.Kucuk a:hover .TasarimTime {
                background: #333333;
                color: #fff;
            }
/*------------------------------------kampanya baner yonetimi--------------------------------------------*/


/* ------------------------------------Header--------------------------------------------*/


#back-to-top {
    position: fixed;
    z-index: 9999;
    bottom: 10%;
    right: 5%;
}

    #back-to-top a {
        display: block;
        width: 63px;
        height: 63px;
        background: url('https://www.modamizbir.com/Uploads/Images/yukari.png') no-repeat center center transparent;
        text-indent: -9999px;
    }



.headerContent {
    position: relative;
}

    .headerContent:before {
        content: '';
        display: block;
        clear: both;
    }

    .headerContent:after {
        content: '';
        display: block;
        clear: both;
    }



    #logo .logo {
        display: inline-block;
        vertical-align: top;
    }

        #logo .logo img {
            display: block;
            margin: 0 auto;
            max-width: 100%;
        }

.welcome {
    display: inline-block;
    vertical-align: top;
    margin-left: 5px;
}

.headerUyeOl,
.headerUyeGiris {
    float: left;
}

.uyeGirisWelcome {
    display: none;
}

.headerUyeGiris a,
.headerHesabim {
    display: inline-block;
    color: #aa1f4d;
    font-size: 15px;
    line-height: 34px;
    font-weight: bold;
    float: left;
    position: relative;
    padding-right: 15px;
}

.headerUyeOl a,
.headerCikis {
    display: inline-block;
    color: #aa1f4d;
    font-size: 15px;
    line-height: 34px;
    font-weight: bold;
    float: left;
    position: relative;
    padding-left: 15px;
}

.headerUyeGiris a:hover,
.headerHesabim:hover {
    color: #000;
    text-decoration: none;
}

.headerUyeOl a:hover,
.headerCikis:hover {
    color: #000;
    text-decoration: none;
}

.uyeGirisUyeAdi {
    display: none;
}

.headerCikis:before {
    content: '\f08b';
    font-family: 'FontAwesome';
}

.headerHesabim:before {
    content: '\f007';
    font-family: 'FontAwesome';
}

.headerUyeGiris a:before {
    content: '\f007';
    font-family: 'FontAwesome';
}

.headerUyeGiris a:after {
    content: '';
    width: 2px;
    max-height: 14px;
    display: block;
    margin: auto 0;
    background: #e3ddd9;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
}

.headerHesabim:after {
    content: '';
    width: 2px;
    max-height: 14px;
    display: block;
    margin: auto 0;
    background: #e3ddd9;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
}

.headerUyeOl a:before {
    content: '\f234';
    font-family: 'FontAwesome';
}

.usernav {
    display: none;
    position: absolute;
    top: 26px;
    left: 181px;
}

    .usernav ul li {
        float: left;
        margin-left: 5px;
        margin-right: 5px;
        padding-right: 5px;
        line-height: 9px;
    }

        .usernav ul li a {
            color: #fff;
            font-size: 12px;
        }

            .usernav ul li a:hover {
                color: #ff0000;
            }

.mycart {
    float: right;
    position: absolute;
    right: 0;
    bottom: -41px;
    z-index: 1;
    width: 92px;
    height: 34px;
    /* border: 1px solid #303438; */
    border-radius: 2px;
    background-color: #aa1f4d;
}

    .mycart .sepetUrun {
        display: none;
    }

    .mycart > a {
        display: inline-block;
        padding-left: 7px;
        width: 100%;
    }

        .mycart > a:after {
            position: absolute;
            right: 9px;
            top: 0;
            width: 21px;
            height: 31px;
            background: url('images/cart.png')no-repeat center center;
            content: '';
        }

.sepetTecxt {
    display: block !important;
    color: #fff;
    font-size: 14px;
    line-height: 31px;
    font-weight: normal;
}

.sepetUrunSayisi {
    display: inline-block !important;
    z-index: 2;
    position: absolute;
    right: 0;
    top: 0;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    text-align: center;
    line-height: 14px;
    background: #aa1f4d;
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    border: 1px solid #fff;
}

.sepetToplamTutar {
    display: block !important;
    color: #d4152b;
    font-size: 18px;
    font-weight: bold;
}

.CartProduct {
    display: none;
    width: 240px;
    float: left;
    background: #fff;
    z-index: 99999;
    border: 1px solid #d6d6d6;
    border-top: 5px solid #fff;
    position: absolute;
    top: 100%;
    right: 0;
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.4);
    -ms-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.4);
}

    .CartProduct .SPrice {
        display: none !important;
        height: 45px;
        border: 1px solid #e1e1e1;
        background: #f2f2f2;
        width: 100%;
        text-align: center;
        color: #232323;
        font-size: 17px;
        font-weight: bold;
        text-transform: uppercase;
    }

        .CartProduct .SPrice * {
            color: #232323;
            font-size: 17px;
            line-height: 45px;
            font-weight: bold;
        }

        .CartProduct .SPrice .sepetToplamTutar {
            color: #000000;
            margin-left: 5px;
        }

    .CartProduct .SProduct {
        display: table;
        overflow: hidden;
        text-align: center;
        font-weight: 300;
        font-size: 12px;
        color: #000000;
    }

        .CartProduct .SProduct li {
            display: table;
            padding: 3px;
            border-bottom: 1px solid #e1e1e1;
        }

            .CartProduct .SProduct li a {
                display: block;
                float: left;
                display: table;
            }

                .CartProduct .SProduct li a * {
                    display: table-cell !important;
                    vertical-align: middle !important;
                    color: #232323;
                    font-size: 13px;
                    line-height: 14.4px;
                    padding: 0 5px;
                    text-align: left;
                }

                .CartProduct .SProduct li a img {
                    border: 1px solid #e1e1e1;
                    max-width: 60px;
                }

.mycart:hover .CartProduct {
    display: none !important;
}

.destek {
    float: right;
    margin-top: 18px;
}

.topLink {
    float: right;
    background: url('images/bgg.jpg')repeat-y 0 0;
    width: 795px;
    text-align: right;
    padding-right: 7px;
}

    .topLink > li {
        vertical-align: top;
        display: inline-block;
        margin-right: 7px;
    }

        .topLink > li > a {
            float: left;
            color: #353a3e;
            font-size: 14px;
            line-height: 34px;
        }

/*Arama Çubuğu*/
.searchContent {
    float: left;
    width: 395px;
    margin-left: 140px;
    margin-top: 31px;
}

#divAramaKategori {
    display: none !important;
    position: absolute;
    left: 0px;
    top: 0px;
    border-left: 1px solid #1b75bc;
}

    #divAramaKategori select {
        height: 45px;
        width: 200px;
        padding-left: 20px;
        border: none;
        border-radius: 0px;
        line-height: 45px;
        background: #fff;
        color: #d4152b;
        font-size: 12px;
    }

.search {
    float: left;
    width: 350px;
    position: relative;
    height: 40px;
    margin-left: -13px;
    border-radius: -20px;
    z-index: 999;
}

.ButtonMic {
    display: block !important;
    border: 0;
    background-color: transparent;
    vertical-align: middle;
    border-right: 1px solid #e5e5e5;
    position: absolute;
    right: 45px;
    top: 50%;
    margin-top: -26px;
}

#txtbxArama {
    float: left;
    width: 100%;
    border-radius: 0px;
    height: 40px;
    color: #000;
    border: 1px solid #d9d9d9;
    background: #fff;
    font-size: 12px;
    font-weight: 300;
    padding: 0 50px 0 20px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -ms-transition: 0.3s;
    opacity: 1;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin-top: -10px;
}

    #txtbxArama::-webkit-input-placeholder {
        color: #000000;
    }

    #txtbxArama:-moz-placeholder {
        color: #000000;
    }

    #txtbxArama::-moz-placeholder {
        color: #000000;
    }

    #txtbxArama:-ms-input-placeholder {
        color: #000000;
    }

    #txtbxArama:focus {
        color: #000;
        transition: 0.3s;
        -webkit-transition: 0.3s;
        -ms-transition: 0.3s;
    }

#btnKelimeAra {
    position: absolute;
    background: url('images/araicon.png') center center no-repeat;
    text-indent: -99999px;
    right: 0;
    top: 0;
    border: none;
    padding: 0;
    width: 45px;
    height: 40px;
    margin-top: -10px;
}

/* ------------------------------------Header--------------------------------------------*/

/* ------------------------------------Vitrin Ürünleri--------------------------------------------*/
.homeContainer .ProductListContent {
    float: left;
}

.homeContainer .ProductListContent {
    float: left;
}

    .homeContainer .ProductListContent .productItem {
        float: left;
        width: 24%;
        margin-right: 1.3%;
    }

        .homeContainer .ProductListContent .productItem:nth-child(4n) {
            margin-right: 0;
        }
/* ------------------------------------Vitrin Ürünleri--------------------------------------------*/

/* ------------------------------------Navigation--------------------------------------------*/
.navigationWrapper {
    width: 100%;
    background: #1b75bc;
    padding-top: 5px;
    position: relative;
}

    .navigationWrapper .headerContent {
        min-height: auto;
        height: auto;
        margin: 0 auto;
        padding: 0;
    }

.navigation:before {
    content: '';
    display: block;
    clear: both;
}

.navigation:after {
    content: '';
    display: block;
    clear: both;
}

.navigation {
    width: 100%;
    float: right;
    text-align: center;
    position: relative;
    background: #353a3e;
}

    .navigation .navUl {
        max-width: 1170px;
        display: block;
        margin: 0 auto;
        position: relative;
    }

        .navigation .navUl > li {
            display: inline-block;
            float: left;
            position: relative; /* line-height: 20px; */
        }

            .navigation .navUl > li > a {
                float: left;
                display: inline-block;
                color: #fff;
                font-size: 14px;
                font-weight: normal;
                padding: 0 12px;
                line-height: 48px;
                font-family: 'Trebuchet MS';
            }

            .navigation .navUl > li:hover > a {
                color: #b6607d;
                text-decoration: none; /* font-size: 18px; background-color: #ffffff; width: auto; padding-right: 10px; */
            }

            .navigation .navUl > li:first-child > a {
                font-size: 0;
            }

                .navigation .navUl > li:first-child > a:before {
                    content: '\f015';
                    font-family: 'FontAwesome';
                    font-size: 20px;
                    float: left;
                    line-height: 48px;
                }

.altMenu {
    display: none;
    left: 0;
    text-align: left;
    position: absolute;
    top: 48px;
    z-index: 999;
}

.navigation .navUl > li:hover .altMenu {
    display: block;
}

.altMenu .altMenuler {
    padding: 20px;
    background: rgba(255, 255, 255, 1);
    float: left;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    -o-flex-direction: row-reverse;
    flex-direction: row-reverse;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

    .altMenu .altMenuler .altMenuSag {
        float: right;
        width: 283px;
    }

        .altMenu .altMenuler .altMenuSag a {
            display: block;
        }

            .altMenu .altMenuler .altMenuSag a img {
                max-width: 100%;
                display: block;
                margin: 0 auto;
            }

    .altMenu .altMenuler .altmenuSol {
        float: left;
        padding-right: 40px;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        -o-flex-direction: row;
        flex-direction: row;
        justify-content: space-between;
        -webkit-justify-content: space-between;
    }

        .altMenu .altMenuler .altmenuSol h4 {
            display: none;
        }

        .altMenu .altMenuler .altmenuSol > span {
            display: none;
        }

        .altMenu .altMenuler .altmenuSol h4 * {
            display: block;
            color: #000000;
            font-size: 13px;
            padding: 3px 15px;
            border-bottom: 1px solid #6f6e6e;
            margin-bottom: 15px;
        }

.altMenuler .altmenuSol > ul {
    position: relative;
    float: left;
    min-width: 200px;
}

    .altMenuler .altmenuSol > ul > li {
    }

.altMenuler .altmenuSol ul li a {
    display: block;
    color: #000;
    font-size: 15px;
    line-height: 30px;
    max-width: 100%;
    font-weight: 500;
    /* display: block; color: #000; font-size: 15px; line-height: 30px; max-width: 100%;font-family: 'Oswald',sans-serif; */
}

.altMenuler .altmenuSol ul li:hover > a {
    color: #b6607d;
    text-decoration: none;
}

.altMenuler .altmenuSol > ul > li > ul {
}

    .altMenuler .altmenuSol > ul > li > ul > li a {
        font-size: 14px;
        color: #585858;
        margin-left: 10px;
    }

/*Menü tipi 1*/
.navigation .HeaderMenu2 > li > ul {
    display: none;
    position: absolute;
    top: 100%;
    width: 270px;
    border-top: 4px solid #d4152b;
    background: #fff;
    z-index: 9999;
    padding: 27px;
}

    .navigation .HeaderMenu2 > li > ul:after {
        content: '';
        width: 15px;
        height: 8px;
        display: inline-block;
        position: absolute;
        left: 45px;
        top: -11px;
        background: url('images/menuOk.png') center center no-repeat;
    }

    .navigation .HeaderMenu2 > li > ul > li {
        text-align: left;
        display: block;
    }

        .navigation .HeaderMenu2 > li > ul > li > a {
            display: block;
            color: #000;
            font-size: 14px;
            font-weight: normal;
            line-height: 32px;
            padding-left: 10px;
        }

            .navigation .HeaderMenu2 > li > ul > li > a:hover {
                background-color: #ebebeb;
                text-decoration: underline;
            }

        .navigation .HeaderMenu2 > li > ul > li:hover > a {
            color: #d4152b;
        }

        .navigation .HeaderMenu2 > li > ul > li > ul {
        }

            .navigation .HeaderMenu2 > li > ul > li > ul > li {
                padding-left: 10px;
            }

                .navigation .HeaderMenu2 > li > ul > li > ul > li > a {
                    display: block;
                    color: #000;
                    font-size: 14px;
                    font-weight: normal;
                    margin-bottom: 10px;
                }

                .navigation .HeaderMenu2 > li > ul > li > ul > li:hover > a {
                    color: #d4152b;
                }

.navigation .HeaderMenu2 > li:hover > ul {
    display: block !important;
}
/* ----------------------------------Navigation-------------------------------------------*/

/* -------------------------------Anasayfa Slider----------------------------------------*/

#pnlSlider {
    width: 68%;
    margin: 0 0 7.5px;
    padding: 0;
    overflow: hidden;
}

    #pnlSlider .flex-control-nav {
        bottom: 5px;
    }

    #pnlSlider .flex-direction-nav {
        top: 45%;
        left: 5px;
        right: 5px;
    }

        #pnlSlider .flex-direction-nav .flex-prev, #pnlSlider .flex-direction-nav .flex-next {
            width: 25px;
            height: 25px;
            display: block;
            background-size: 100%;
            border: none;
        }

            #pnlSlider .flex-direction-nav .flex-next:before, #pnlSlider .flex-direction-nav .flex-prev:before {
                line-height: 28px;
                font-size: 12px;
            }
/* -------------------------------Anasayfa Slider----------------------------------------*/

/* ------------------------------------Footer--------------------------------------------*/
#footer {
    float: left;
    width: 100%;
    margin-top: 40px;
}

.footerGenelTutucu {
    float: left;
    width: 100%;
    position: relative;
    background: #fff;
}

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

    .footerGenelTutucu:after {
        clear: both;
    }


@keyframes bounce {
    0%, 20%, 60%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    80% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
}

.footerGenelTutucu .hizmetler {
    float: left;
    width: 100%;
    padding-bottom: 40px;
    padding-bottom: 20px;
    padding-top: 10px;
}

    .footerGenelTutucu .hizmetler span {
        color: #000;
        float: left;
        width: 16.6666666%;
        display: inline-block;
        padding-top: 95px;
        text-align: center;
        font-weight: 500;
        font-family: 'Roboto';
        font-size: 13px;
    }
        /* .footerGenelTutucu .hizmetler span:hover {animation: bounce 1s; color:#333} */
        .footerGenelTutucu .hizmetler span.icon1 {
            background: url('images/icon1.png') center top no-repeat;
        }

        .footerGenelTutucu .hizmetler span.icon2 {
            background: url('images/icon2.png') center top no-repeat;
        }

        .footerGenelTutucu .hizmetler span.icon3 {
            background: url('images/icon3.png') center top no-repeat;
        }

        .footerGenelTutucu .hizmetler span.icon4 {
            background: url('images/icon4.png') center top no-repeat;
        }

        .footerGenelTutucu .hizmetler span.icon5 {
            background: url('images/icon5.png') center top no-repeat;
        }

        .footerGenelTutucu .hizmetler span.icon6 {
            background: url('images/icon6.png') center top no-repeat;
        }



.footerOrtaBolum {
    float: left;
    width: 100%;
    background: #303030;
}

    .footerOrtaBolum .footerIletisimBolumu {
        float: left;
        width: 100%;
        padding-bottom: 20px;
        border-bottom: 1px solid #222;
    }

        .footerOrtaBolum .footerIletisimBolumu .blok {
            float: left;
            width: 33.33%;
            padding-top: 50px;
        }

.footerIletisimBolumu .blok span {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 13px;
    margin-bottom: 15px;
}

    .footerIletisimBolumu .blok span strong {
        display: block;
        margin-top: 10px;
        font-size: 25px;
    }

.footerIletisimBolumu .blok .baslik {
    margin-bottom: 15px;
}

.footerSosyalMedya {
    float: left;
    width: 100%;
    text-align: center;
    padding-bottom: 17px;
}

    .footerSosyalMedya a {
        font-size: 23px;
        color: #fff;
        display: inline-block;
        padding: 0 15px;
    }

.footerLinkler {
    float: left;
    width: 100%;
    padding: 50px 0;
    border-bottom: 1px solid #222;
}

    .footerLinkler .blok {
        float: left;
        width: 16.66%;
    }

    .footerLinkler .blokText {
        float: left;
        width: 30%;
    }

    .footerLinkler .blok h5 {
        margin-bottom: 15px;
        font-size: 13px;
        color: #fff;
        font-weight: 500;
    }

    .footerLinkler .blok ul {
    }

        .footerLinkler .blok ul li {
            margin-bottom: 15px;
        }

            .footerLinkler .blok ul li a {
                display: inline-block;
                font-size: 13px;
                color: #fff;
            }

                .footerLinkler .blok ul li a:hover {
                    text-decoration: underline;
                }


.footerAltBolum {
    float: left;
    width: 100%;
    padding: 10px 0;
}

    .footerAltBolum img {
        display: block;
        max-width: 100%;
        margin: 0 auto;
    }


/*ebulten*/
#divNewsLetter {
    display: none;
    float: right;
    width: 100%;
    position: relative;
}

    #divNewsLetter label {
        display: none;
        margin-bottom: 25px;
        text-align: center;
        color: #000000;
        line-height: 1.2;
        font-size: 13px;
    }

#UpdatePanel1 {
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    float: left;
    width: 100%;
}

#txtbxNewsletterMail {
    float: left;
    opacity: 1;
    font-size: 12px;
    font-weight: normal;
    color: #fff;
    background: #222;
    width: 100%;
    height: 41px;
    border: none;
    padding: 0 20px;
    border-radius: 0px;
}

    #txtbxNewsletterMail::-webkit-input-placeholder {
        color: #fff;
    }

    #txtbxNewsletterMail:-moz-placeholder {
        color: #fff;
    }

    #txtbxNewsletterMail::-moz-placeholder {
        color: #fff;
    }

    #txtbxNewsletterMail:-ms-input-placeholder {
        color: #fff;
    }

    #txtbxNewsletterMail:focus {
    }

#btnMailKaydet {
    position: absolute;
    display: inline-block;
    right: 0;
    top: 0;
    background: url('images/gonder.png') center center no-repeat;
    margin: 0;
    padding: 0;
    border: none;
    overflow: hidden;
    text-indent: -999999px;
    width: 60px;
    height: 41px;
}

    #btnMailKaydet:hover {
    }

.ebultenGelecek #divNewsLetter {
    display: block;
}

/*Copyright*/
/*
#ticimaxCopyright {float: right; display: inline-block; font-size: 0px !important; margin: 20px 0 0 0 !important;}
#ticimaxCopyright a {width: 63px; height: 17px; display: inline-block; text-indent: 0px; text-indent: -9999px; font-size: 15px; color: #000000; background: url('images/ticimax.png') center center no-repeat;}
*/


#ticimaxCopyright {
    float: left;
    width: 100%;
    text-align: center;
    display: inline-block;
    margin: 0px 0 10px 0 !important;
    padding: 0px 0 !important;
    color: #303030 !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: normal !important;
}

    #ticimaxCopyright a {
        color: #d4152b !important;
        font-size: 12px !important;
        font-weight: normal !important;
    }

    #ticimaxCopyright sup {
        display: none !important;
    }


.noProduct {
    background: url('/Uploads/Images/urunyok.png') center center no-repeat !important;
    width: 212px;
    height: 214px;
}

    .noProduct * {
        display: none !important;
    }
/* ------------------------------------Footer--------------------------------------------*/


/*---------------------------- SİTEYE OZEL YAZILMIŞ KODLAR ----------------------------------*/
/*
#divIlgiliUrunler {display: none !important;}
.RightDetail #divIlgiliUrunler {display: block !important; margin-top: 10px; margin-bottom: 5px !important;}
#divIlgiliUrunler:before {content: 'Renk:'; margin-bottom: 10px; float: left; width: 100%; color: #262626; font-weight: 500; font-size: 14px;}
#divIlgiliUrunler .productModuleTitle {display: none !important;}
#divIlgiliUrunler .productModuleItem * {display: none;}
#divIlgiliUrunler .productModuleItem .moduleimage {display: block; margin-bottom: 0 !important; border: none;}
#divIlgiliUrunler .productModuleItem {display: block; border: 1px solid #dadada !important; margin-bottom: 12px !important; margin-right: 12px !important; width: 56px !important; padding: 0 !important; border-bottom: none;}
#divIlgiliUrunler .productModuleItem:hover {border-color: #000 !important;}
*/

#logo .kargoTakip {
    display: none;
}

.kargoTakip {
    float: right;
    margin-top: 15px;
    display: inline-block;
    color: #000;
    font-size: 13px;
    line-height: 30px;
    font-weight: normal;
    padding-left: 48px;
    background: url('images/kargo.png') center left 28px no-repeat;
    padding-right: 28px;
    border-left: 1px solid #dddddd;
}

    .kargoTakip:hover {
        text-decoration: underline;
    }

#logo .headerKampanya {
    display: none;
}

.headerKampanya { /*position: absolute;*/
    top: 100%;
    width: 100%;
    left: 0;
    background: rgba(48, 48, 48, 1);
    text-align: center;
    padding: 1px 0;
}

    .headerKampanya span {
        display: inline-block;
        color: #fff;
        font-size: 15px;
    }

.anasayfaBloklar {
    float: left;
    width: 100%;
    background-color: #fff;
}

    .anasayfaBloklar .blokRow {
    }

    .anasayfaBloklar .ucluBlok {
        float: left;
        width: 33.33%;
        margin-bottom: 10px;
        position: relative;
    }

    .anasayfaBloklar .ikiliBlok {
        float: left;
        width: 50%;
        margin-bottom: 20px;
        position: relative;
    }

    .anasayfaBloklar a {
        position: relative;
        overflow: hidden;
    }

    .anasayfaBloklar span {
        position: absolute;
        text-align: center;
        display: block;
        font-size: 16px;
        color: #000;
    }

.anasayfaBloklar2 span {
    position: absolute;
    text-align: center;
    left: 15%;
    right: 15%;
    bottom: 30px;
    background: #fff;
    padding: 5px 0;
    display: block;
    font-size: 16px;
    color: #000;
}

.sort_hrz {
    display: none !important;
}

.ProductList.pr_4 .productItem .TukendiIco span {
    float: left;
    margin-left: 10px;
}

.productDetailContainer .categoryTitle {
    margin-top: 27px;
}

.anasayfaBloklar2 {
    display: none;
}

.mobilFooter {
    display: none;
}

.TavsiyeEtBtnContent {
    float: left;
    clear: left;
}

#divKombinSatinAl {
    margin-bottom: 10px;
}


._tabHead {
    text-align: center;
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 21px;
    text-align: center;
}

    ._tabHead ul {
        display: inline-block;
        vertical-align: top;
        margin: 0 -5px;
    }

    ._tabHead li {
        float: left;
        min-width: 188px;
        padding: 0 5px;
    }

        ._tabHead li:last-child {
            margin-right: 0;
        }

        ._tabHead li span {
            float: left;
            width: 100%;
            cursor: pointer;
            line-height: 30px;
            text-align: center;
            border: 1px solid;
            color: #000000;
            font-size: 15px;
            background: #fff;
            position: relative;
            transition: all 0.3s ease;
        }

        ._tabHead li:hover span {
            background: #ececec;
        }

        ._tabHead li._tabHead_active span {
            background: #ac2351;
            color: #ffffff;
        }

            ._tabHead li._tabHead_active span:after {
                content: '';
                position: absolute;
                top: 100%;
                left: 0;
                right: 0;
                height: 8px;
            }

#anasayfatab {
    float: left;
    width: 100%;
    position: relative;
    background: #fff;
    margin: 60px 0 30px;
}

    #anasayfatab .anasayfaTabAlt {
        width: 100%;
        padding: 0;
        float: left;
        height: 0;
        overflow: hidden;
        position: relative;
    }

        #anasayfatab .anasayfaTabAlt.active {
            overflow: visible;
            height: 100%;
            -webkit-animation: fadein 0.5s;
            -moz-animation: fadein 0.5s;
            -ms-animation: fadein 0.5s;
            -o-animation: fadein 0.5s;
            animation: fadein 0.5s;
        }

            #anasayfatab .anasayfaTabAlt.active .sliderBannerContainer {
            }

        #anasayfatab .anasayfaTabAlt .sliderBannerContainer ul {
            display: none;
        }

            #anasayfatab .anasayfaTabAlt .sliderBannerContainer ul.owl-carousel {
                display: block;
            }

        #anasayfatab .anasayfaTabAlt > div {
            float: left;
            width: 100%;
        }

        #anasayfatab .anasayfaTabAlt .ProductList {
            float: left;
            width: 100%;
        }

        #anasayfatab .anasayfaTabAlt .sliderBannerContainer {
            float: left;
            width: 100%;
            margin: 0;
        }

            #anasayfatab .anasayfaTabAlt .sliderBannerContainer .jCarouselLite {
                float: left;
                width: 100%;
            }


#anasayfatab2 {
    float: left;
    width: 100%;
    position: relative;
    background: #fff;
    margin: 60px 0 30px;
}

    #anasayfatab2 .anasayfaTabAlt {
        width: 100%;
        padding: 0;
        float: left;
        height: 0;
        overflow: hidden;
        position: relative;
    }

        #anasayfatab2 .anasayfaTabAlt.active {
            overflow: visible;
            height: 100%;
            -webkit-animation: fadein 0.5s;
            -moz-animation: fadein 0.5s;
            -ms-animation: fadein 0.5s;
            -o-animation: fadein 0.5s;
            animation: fadein 0.5s;
        }

            #anasayfatab2 .anasayfaTabAlt.active .sliderBannerContainer {
            }

        #anasayfatab2 .anasayfaTabAlt .sliderBannerContainer ul {
            display: none;
        }

            #anasayfatab2 .anasayfaTabAlt .sliderBannerContainer ul.owl-carousel {
                display: block;
            }

        #anasayfatab2 .anasayfaTabAlt > div {
            float: left;
            width: 100%;
        }

        #anasayfatab2 .anasayfaTabAlt .ProductList {
            float: left;
            width: 100%;
        }

        #anasayfatab2 .anasayfaTabAlt .sliderBannerContainer {
            float: left;
            width: 100%;
            margin: 0;
        }

            #anasayfatab2 .anasayfaTabAlt .sliderBannerContainer .jCarouselLite {
                float: left;
                width: 100%;
            }

.sliderBannerContainer .owl-nav {
    position: absolute;
    top: 35%;
    right: -15px;
    left: -15px;
    z-index: 2;
}

.sliderBannerContainer .ProductListprev {
    left: 0;
}

.sliderBannerContainer .ProductListnext {
    right: 0;
}

.sliderBannerContainer .ProductListprev, .sliderBannerContainer .ProductListnext {
    font-size: 0;
    width: 30px;
    height: 29px;
    border: 1px solid #f0f0f0;
    background: rgba(255, 255, 255, 0.9);
    position: absolute;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

    .sliderBannerContainer .ProductListprev:before {
        content: '\f104';
        font-family: 'FontAwesome';
        font-size: 16px;
        color: #000000;
        line-height: 27px;
    }

    .sliderBannerContainer .ProductListnext:before {
        content: '\f105';
        font-family: 'FontAwesome';
        font-size: 16px;
        color: #000000;
        line-height: 27px;
    }

    .sliderBannerContainer .ProductListprev:hover {
        background: #000;
        border-color: #000;
    }

    .sliderBannerContainer .ProductListnext:hover {
        background: #000;
        border-color: #000;
    }

        .sliderBannerContainer .ProductListnext:hover:before {
            color: #fff;
        }

    .sliderBannerContainer .ProductListprev:hover:before {
        color: #fff;
    }

.category-vertical-filters.top-filters .panel .panel-heading a {
    font-size: 13px;
}

.Mobil-Footer {
    display: none;
}

/*---------------------------- SİTEYE OZEL YAZILMIŞ KODLAR ----------------------------------*/

@media screen and (min-width: 769px) {
    #ProductDetailMain .urunTabAlt {
        padding: 0 20px;
    }
}

/* col-lg */
@media screen and (min-width: 1180px) {
    .mobilMenu {
        display: none !important;
    }

    .navigation {
        display: block !important;
    }
    /******************************************************/
    

    .navigation.fixed {
        position: fixed;
        left: 0;
        top: 0;
    }
}

/* col-md */
@media screen and (min-width: 992px) and (max-width: 1180px) {
    .mobilMenu {
        display: none !important;
    }

    .navigation {
        display: block !important;
    }

    .footerContainer,
    .ticiContainer.homeContainer {
        width: 950px;
    }

    .headerContent,
    .ticiContainer {
        width: 950px;
        padding: 0 10px;
    }

    .HesabimContainer .centerCount {
        float: left;
        width: 70%;
    }

    .HesabimContainer .leftBlock {
        width: 30%;
        float: left;
    }
    /******************************************************/
    .navigation > ul > li > a {
        font-size: 12px;
        padding: 0 6px;
    }

    .ProductList.pr_3 .productItem .TukendiIco span {
        float: left;
        margin-left: 10px;
    }

    .searchContent {
        width: 33%;
        margin-left: 50px;
    }

    .anasayfaBloklar img {
        width: 100%;
        margin-bottom: 10px !important;
    }

    .solboslukver {
        margin-left: 0px !important;
    }

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

    .topLink {
        width: 630px;
    }

    .navigation .navUl {
        max-width: 950px;
    }

        .navigation .navUl > li > a {
            padding: 0 8px;
        }

    
}

/* col-sm */
@media screen and (min-width: 766px) and (max-width: 992px) {
    .mobilMenu {
        display: none !important;
    }

    .navigation {
        display: block !important;
    }

    .footerContainer,
    .ticiContainer.homeContainer {
        width: 730px;
    }

    .headerContent,
    .ticiContainer {
        width: 730px;
        padding: 0 10px;
    }

    .blockSelect {
        display: none;
    }
    /*Hesabım*/
    .HesabimContainer .centerCount {
        float: left;
        width: 70%;
    }

    .HesabimContainer .leftBlock {
        width: 30%;
        float: left;
    }
    /*slider ürün sıralama*/
    #divBenzerUrun ul li {
        margin-right: 2%;
    }

        #divBenzerUrun ul li:nth-child(4n) {
            margin-right: 2%;
        }

        #divBenzerUrun ul li:nth-child(5n) {
            margin-right: 2%;
        }

        #divBenzerUrun ul li:nth-child(3n) {
            margin-right: 0;
        }
    /*kategori ürün sıralama*/
    #divIlgiliUrunler .productModuleItem,
    .sliderBannerContainer ul li,
    .ProductList.pr_4 .productItem {
        width: 32%;
        margin-right: 1%;
    }

        #divIlgiliUrunler .productModuleItem:nth-child(4n+1),
        .sliderBannerContainer ul li:nth-child(4n),
        .ProductList.pr_4 .productItem:nth-child(4n) {
            margin-right: 2%;
        }

        .sliderBannerContainer ul li:nth-child(5n),
        #divIlgiliUrunler .productModuleItem:nth-child(5n+1),
        .ProductList.pr_4 .productItem:nth-child(5n) {
            margin-right: 2%;
        }

        .sliderBannerContainer ul li:nth-child(3n),
        #divIlgiliUrunler .productModuleItem:nth-child(3n+1),
        .ProductList.pr_4 .productItem:nth-child(3n) {
            margin-right: 0;
        }

    .sliderBannerContainer ul .slick-slide {
        width: 100%;
        margin-right: 0 !important;
    }
    /******************************************************/
    .footerSosyalMedya a {
        padding: 0 7px;
    }

    .ProductList.pr_3 .productItem .TukendiIco span {
        float: left;
        margin-left: 10px;
    }

    .navigation > ul > li > a {
        font-size: 10px;
        padding: 0 4px;
    }

    .searchContent {
        width: 28%;
        margin-left: 20px;
    }

    .anasayfaBloklar img {
        width: 100%;
        margin-bottom: 10px !important;
    }

    .solboslukver {
        margin-left: 0px !important;
    }

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

    .kategorisayfaBloklar a {
        width: 49% !important;
    }

    .topLink {
        width: 405px;
    }

    .navigation .navUl {
        max-width: 730px;
    }

        .navigation .navUl > li > a {
            padding: 0 3px;
            font-size: 12px;
        }

    .topLink > li {
        margin-right: 2px;
    }

        .topLink > li > a {
            font-size: 12px;
        }

   
}

/* col-xs */
@media screen and (max-width: 767px) {
    .mobilMenuAcButton {
        display: inline-block !important;
    }

    .navigation {
        display: none;
    }

    .ticiContainer.homeContainer {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }

    .footerContainer,
    .headerContent,
    .ticiContainer {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }

    .centerCount .ticiContainer {
        padding: 0;
    }

    .grid {
        width: 100%;
        margin: 0;
        padding: 10px;
        border: none;
        margin-bottom: 10px;
    }

    .SifremiUnuttum {
        width: 100%;
        margin: 0;
        padding: 0;
    }

        .SifremiUnuttum .line {
            width: 100%;
        }

        .SifremiUnuttum #mainHolder_txtbxMail {
            width: 70%;
        }

        .SifremiUnuttum .button {
            width: 30%;
        }

    .leftBlock {
        width: 100%;
        padding: 0;
    }

    .categoryContainer .centerCount {
        width: 100%;
    }

    .blockSelect {
        display: none;
    }

    .Images {
        width: 100%;
        margin-bottom: 5px;
        padding: 0;
    }


    .SmallImages {
        padding: 0;
        margin: 0 -5px;
        width: auto !important;
        float: none;
    }

        .SmallImages div {
            
            margin-bottom: 5px;
            padding: 0 5px;
        }

    .RightDetail {
        width: 100%;
        padding: 0;
    }

    #ProductDetailMain .urunTab {
        padding: 0;
    }

        #ProductDetailMain .urunTab li {
            float: left;
            width: 25%;
            margin: 0;
        }

            #ProductDetailMain .urunTab li a {
                display: block;
                text-align: center;
                font-size: 8px;
                padding: 0;
                height: 25px;
                line-height: 25px;
                overflow: hidden;
            }

    #ProductDetailMain .urunDetayPanel {
        padding: 5px;
    }

    #ProductDetailMain .urunTabAlt #yorumYaz {
        padding-right: 0;
    }

    #mainHolder_UrunDetay_txtbxNotlar,
    #ProductDetailMain .urunTabAlt ul li input[type="text"] {
        width: 100% !important;
    }

    .leftBlock {
        display: none;
    }

    #divBenzerUrun ul {
        padding: 0px;
    }

    #linkOncekiSayfa {
        float: left !important;
        clear: left;
    }
    /*Hesabım*/
    .HesabimContainer .centerCount {
        float: left;
        width: 100%;
        padding-left: 0px;
        padding-top: 10px;
    }

    .HesabimContainer .leftBlock {
        width: 100%;
        float: left;
    }

    .uyelikBilgilerimSpan.row {
        width: 100%;
        margin: 0;
    }

    .HesabimAdresContent .row {
        margin: 0 0 10px 0;
        float: left;
        width: 100%;
    }
    /*Satın Al Butonu*/
    .basketBtn,
    .buyfast,
    .Basketinp span,
    .Basketinp span .riTextBox,
    #divKombinSatinAl,
    #divAdetCombo,
    .Basketinp {
        width: 100% !important;
        margin: 0 0 10px 0;
    }

        .Basketinp span {
            padding: 0;
        }

        .basketBtn input,
        .buyfast input,
        #divAdetCombo select,
        #divKombinSatinAl a,
        .buyfastbutton {
            width: 100%;
        }

    #divTaksitAciklama span {
        display: block !important;
    }
    /*kategori listeleme*/
    #divIlgiliUrunler .productModuleItem,
    #divBenzerUrun ul li,
    .ProductList.pr_4 .productItem,
    .sliderBannerContainer ul li,
    .categoryContainer .ProductList.pr_3 .productItem {
        width: 49%;
        margin-right: 1%;
    }

        #divIlgiliUrunler .productModuleItem:nth-child(5n+1),
        #divBenzerUrun ul li:nth-child(5n),
        .ProductList.pr_4 .productItem:nth-child(5n),
        .categoryContainer .ProductList.pr_3 .productItem:nth-child(5n) {
            margin-right: 2%;
        }

        #divIlgiliUrunler .productModuleItem:nth-child(4n+1),
        #divBenzerUrun ul li:nth-child(4n),
        .ProductList.pr_4 .productItem:nth-child(4n),
        .sliderBannerContainer ul li:nth-child(4n),
        .categoryContainer .ProductList.pr_3 .productItem:nth-child(4n) {
            margin-right: 2%;
        }

        #divIlgiliUrunler .productModuleItem:nth-child(3n+1),
        #divBenzerUrun ul li:nth-child(3n),
        .ProductList.pr_4 .productItem:nth-child(3n),
        .sliderBannerContainer ul li:nth-child(3n),
        .categoryContainer .ProductList.pr_3 .productItem:nth-child(3n) {
            margin-right: 2%;
        }

        #divIlgiliUrunler .productModuleItem:nth-child(2n+1),
        #divBenzerUrun ul li:nth-child(2n),
        .ProductList.pr_4 .productItem:nth-child(2n),
        .sliderBannerContainer ul li:nth-child(2n),
        .categoryContainer .ProductList.pr_3 .productItem:nth-child(2n) {
            margin-right: 0;
        }
    /*açılır menü*/
    .altMenu .altMenuler .altMenuSag {
        width: 100%;
        display: none;
    }

    .mobilMenu .altMenu .altMenuler .altmenuSol {
        width: 100%;
    }

    .mobilMenu ul li ul li {
        width: 100% !important;
    }

    #divNewsLetter {
        width: 100%;
    }

    .searchContent {
        width: 80%;
        float: right;
        clear: right;
        margin: 7px 0;
    }

    .BasketRigth ul li.genelToplam .tut {
        color: #fff !important;
    }

    .sliderBannerContainer ul .slick-slide {
        width: 60%;
        margin-right: 0 !important;
    }

    #divIlgiliUrunler .modulediscount span, .productModuleItem2 .modulediscount span, .productItem .discountPrice span {
        font-size: 12px;
        line-height: 12px;
    }

    #divIlgiliUrunler .modulediscount, .productModuleItem2 .modulediscount, .productItem .discountPrice {
        font-size: 12px;
        line-height: 12px;
    }

    .productModuleItem2 .moduleregular span, #divIlgiliUrunler .moduleregular span, .productItem .regularPrice span {
        font-size: 12px;
        line-height: 12px;
    }

    #txtbxurunSiparisAdedi_wrapper {
        width: 150px !important;
    }
    /******************************************************/

    .socialButons {
        float: left;
        width: 100%;
        margin-top: 8px !important;
    }

   

    .anasayfaBloklar img {
        width: 100%;
        margin-bottom: 10px !important;
    }

    .solboslukver {
        margin-left: 0px !important;
    }

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

    .kategorisayfaBloklar a {
        width: 100% !important;
    }

    .kategorisayfaBloklar .kombin a {
        width: 100% !important;
    }
}


.BasketDetail * {
    color: #000 !important;
}

.basketCompletebtn {
    background: #7B9E12 !important;
}

#AdresContent .button {
    color: #fff !important;
}

.productItem:hover .productImage:after {
    background: rgba(255,255,255,0.3);
}


/*F07 Revize 07.12.2016*/
.bedenTablosu {
    float: right;
    font-size: 20px;
    color: #d4152b;
    line-height: 20px;
    position: relative;
    bottom: -4px;
    margin-bottom: -20px;
}

    .bedenTablosu span {
        font-weight: 600;
    }

/*Özge - Beden üzerine çizgi eklendi - Destek id - 119035*/
.kombinFormline .size_box.nostok {
    background: #ececec url(/Uploads/Images/beden_pasif.png) no-repeat center !important;
    color: #ddd !important;
}




/* Atlıhan Dündar yeni değişiklikler */
/*.nostok, span.left_line.teksatir.taksitSatir{display:none!important;}*/
i.fa.fa-phone {
    font-weight: bolder;
    color: #fff;
}

.ucluBlok a img, .ikiliBlok a img {
    max-width: 100%;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.ucluBlok a:hover img, .ikiliBlok:hover a img {
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

ul#noty_topCenter_layout_container {
    top: 250px !important;
}

.productItem:hover {
    background-color: #efeded;
}

.tekliuzunikiliBlok {
    float: left;
    width: 66.67%;
    margin-bottom: 10px;
    position: relative;
}

.tekliBlok {
    margin-bottom: 10px;
}

.anasayfaBloklar img {
    float: left;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: 0.7s ease-in-out;
    transition: 0.2s cubic-bezier(0.83, 0.08, 0.26, 0.88);
}

.solboslukver {
    margin-left: 10px;
}

.altboslukver {
    margin-bottom: 10px;
}

.kategorisayfaBloklar {
    float: left;
    width: 100%;
    background-color: #fff;
}

    .kategorisayfaBloklar a {
        display: inline-block;
        position: relative;
        width: 33%;
    }

        .kategorisayfaBloklar a span {
            position: absolute;
            left: 0%;
            right: 0%;
            bottom: 5px;
            background-color: #fff;
            transition: font-size 1s;
            color: #cacaca;
        }

        .kategorisayfaBloklar a img {
            border-style: hidden;
            width: 100%;
            -webkit-transform: scale(1);
            transform: scale(1);
            -webkit-transition: 0.2s ease-in-out;
            transition: 0.2s cubic-bezier(0.83, 0.08, 0.26, 0.88);
        }

ul#noty_topCenter_layout_container {
    top: 0px !important;
    max-width: 100% !important;
    height: 100% !important;
    background-color: rgba(51, 51, 51, 0.73);
    left: 0px !important;
    width: 100% !important;
}

    ul#noty_topCenter_layout_container li {
        position: absolute;
        top: 50% !important;
        left: 27% !important;
        right: 15% !important;
        max-width: 100% !important;
        background-color: rgba(51, 51, 51, 0.73);
        width: 50% !important;
    }

span.noty_text {
    font-size: 16px !important;
    font-weight: 900 !important;
}

div#divTaksitAciklama span {
    display: none;
}

.urunListStokUyari {
    display: block;
    position: absolute;
    bottom: 50px;
    left: 18%;
    background-color: rgb(238, 0, 3);
    line-height: 20px;
    text-align: center;
    width: 64%;
    color: #fff;
    text-shadow: 0px 0px 4px #aaa;
}

.urunListSonUrun {
    position: absolute;
    bottom: 80px;
    background-color: rgba(238, 0, 3,0.8);
    line-height: 30px;
    text-align: center;
    width: 100%;
    color: #fff;
    font-size: 14px;
}

div.mobiltelefonlar a {
    font-size: 20px;
    font-weight: bold;
    color: #a0a0a0;
    line-height: 35px;
}

div#divFacebookYorumContainer, div#mainHolder_divFacebookYorum, div#mainHolder_SayfaIcerik_divFacebookYorum {
    display: none;
}

.kategorisayfaBloklar.kombin a { /*width: 578px;*/
    width: 48%;
    float: left;
    margin: 6px;
    color: #32384b;
    font-size: 18px;
    font-weight: lighter;
    text-align: left;
    overflow: hidden; /*height: 246px;*/
    height: 220px;
    box-shadow: 0px 0px 11px 0 rgba(0,0,0,.1);
}

.kategorisayfaBloklar a:hover img {
    -webkit-transform: 0.5s;
    scale(0.3);
    transform: scale(1.1);
}

.kategorisayfaBloklar a div {
    position: absolute;
    left: 0%;
    right: 0%;
    bottom: 0px; /* background-color: rgba(48, 48, 48, 1); */
    transition: font-size 1s;
    color: #ffffff;
    padding-left: 10px;
    line-height: 27px;
}

img#mainHolder_UrunDetay_imgCookie {
    display: none;
}

.anasayfaBloklar a:hover img {
    opacity: 1;
}








//beden tablosu css


#bedenTablosu .container {
    width: 100%;
}

#bedenTablosu .close {
    position: absolute;
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    font-size: 0;
    opacity: 1;
}

    #bedenTablosu .close:before {
        font-family: 'icons' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "?";
        color: #ff8400;
        font-size: 20px;
    }

#bedenTablosu .modal-dialog {
    width: 100%;
    max-width: 900px;
}

    #bedenTablosu .modal-dialog .modal-content {
        padding: 30px 40px;
    }

#bedenTablosu .tab-content .tab-pane h3 {
    margin: 20px 0;
}

#bedenTablosu .tab-content .tab-pane .howtodo {
    padding-left: 20px;
}

    #bedenTablosu .tab-content .tab-pane .howtodo > div {
        border-left: solid 2px #ddd;
    }

#bedenTablosu .panel-group {
    padding: 0 0 20px;
}

    #bedenTablosu .panel-group .panel {
        border: 0;
        box-shadow: none;
    }

        #bedenTablosu .panel-group .panel .panel-heading {
            padding: 0;
            background: #f1f1f1;
        }

            #bedenTablosu .panel-group .panel .panel-heading .panel-title a {
                padding: 15px 10px;
                color: #383838;
                font-size: 18px;
                display: block;
            }

        #bedenTablosu .panel-group .panel .panel-collapse .panel-body {
            padding: 10px 0 0;
            border: 0;
        }

            #bedenTablosu .panel-group .panel .panel-collapse .panel-body .table {
                display: -webkit-flex;
                display: -moz-flex;
                display: -ms-flexbox;
                display: -ms-flex;
                display: flex;
                -webkit-flex-wrap: wrap;
                -moz-flex-wrap: wrap;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                margin: 0 0 10px;
            }

                #bedenTablosu .panel-group .panel .panel-collapse .panel-body .table .column-titles {
                    background: #444;
                    color: #fff;
                }

                #bedenTablosu .panel-group .panel .panel-collapse .panel-body .table .column-line:nth-child(2n-1) {
                    background: #f1f1f1;
                }

                #bedenTablosu .panel-group .panel .panel-collapse .panel-body .table .column-titles,
                #bedenTablosu .panel-group .panel .panel-collapse .panel-body .table .column-line {
                    display: -webkit-flex;
                    display: -moz-flex;
                    display: -ms-flexbox;
                    display: -ms-flex;
                    display: flex;
                    -webkit-justify-content: space-between;
                    -moz-justify-content: space-between;
                    -ms-justify-content: space-between;
                    justify-content: space-between;
                    width: 100%;
                    padding: 3px;
                    text-align: center;
                }

                    #bedenTablosu .panel-group .panel .panel-collapse .panel-body .table .column-titles > div,
                    #bedenTablosu .panel-group .panel .panel-collapse .panel-body .table .column-line > div {
                        width: 100%;
                    }

@media screen and (max-width: 1024px) {
    #bedenTablosu {
        margin: 0;
    }

        #bedenTablosu .modal-dialog {
            margin: 0;
        }

            #bedenTablosu .modal-dialog .modal-content {
                max-width: 500px;
                margin: 0 auto;
                padding: 20px 10px;
            }

                #bedenTablosu .modal-dialog .modal-content .tab-pane .col-xs-12 {
                    width: 100%;
                }
}

#detail-accordion .panel {
    border: 0;
}

    #detail-accordion .panel .panel-heading {
        padding: 0;
    }

    #detail-accordion .panel .panel-collapse .panel-body {
        border: 0;
    }

#detail-accordion h4.panel-title {
    position: relative;
    border-bottom: solid 1px #ebebeb;
}

    #detail-accordion h4.panel-title a {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
        font-family: 'Oswald', sans-serif;
        font-weight: 400;
        font-size: 14px;
        color: #000;
        background: #fff;
        padding: 12px 0;
        opacity: 1;
        transition: all ease .2s;
        -webkit-transition: all ease .2s;
        -moz-transition: all ease .2s;
        -ms-transition: all ease .2s;
        -o-transition: all ease .2s;
    }

        #detail-accordion h4.panel-title a span.icon {
            display: inline-block;
            margin: 0 15px;
        }

            #detail-accordion h4.panel-title a span.icon:before {
                font-family: 'icons' !important;
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                line-height: 1;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                width: 17px;
                height: 15px;
                color: #000;
                font-size: 24px;
            }

            #detail-accordion h4.panel-title a span.icon.tag:before {
                content: "?";
            }

            #detail-accordion h4.panel-title a span.icon.back:before {
                content: "?";
            }

        #detail-accordion h4.panel-title a.collapsed {
            opacity: .4;
        }

    #detail-accordion h4.panel-title i.fa-angle-down {
        font-size: 30px;
        color: #6f6f6f;
        position: absolute;
        right: 20px;
        top: 0;
        height: 100%;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
    }

.fancybox-inner .row {
    padding: 0px !important;
    width: 100% !important;
    height: auto !important;
}



//beden tablsosu css



* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.anasayfaBloklar a div {
    display: inline-block;
    width: 585px;
    height: 357px;
    overflow: hidden;
}

.anasayfaBloklar a img {
    /* -moz-transition: all 0.7s !important;
  -webkit-transition: all 0.7s !important;
  transition: all 0.7s !important; */
}

.anasayfaBloklar a:hover img {
    opacity: 1;
    /* -moz-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale(1.05); */
}

.indexblok a {
    width: auto !important;
    float: left;
    display: inline-flex;
    position: relative
}

.blockAfter::before {
    content: '';
    position: absolute;
    right: 0px;
    left: 0px;
    bottom: 0px;
    background: #FFF;
    height: auto;
    height: 10px;
    z-index: 9999;
}

.blockAfter::after {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    background: #FFF;
    height: auto;
    width: 10px;
    z-index: 999;
}

.blockBefore::before {
    content: '';
    position: absolute;
    right: 0px;
    left: 0px;
    bottom: 0px;
    background: #FFF;
    height: auto;
    height: 10px;
    z-index: 9999;
}

.page-img {
    margin-top: -20px;
    display: block;
    position: relative;
    margin-bottom: 20px
}

.page-img-text {
    position: absolute;
    right: 0px;
    padding: 15px;
    bottom: 0px;
    background: rgba(255,255,255,0.85);
    width: 50%;
}

.page-img img {
    width: 100%
}

#onesignal-popover-container.slide-down #onesignal-popover-dialog {
    min-height: 165px;
}


@media screen and (max-width:1041px) {
    /******************************************************/
    .dropdown-toggle::after {
        display: none !important;
    }

    #divSayfalamaUst {
        margin: 10px 0 !important;
        padding: 0;
        border: none;
        background: transparent;
    }

    .urunListRel {
        width: 100%;
    }

    .brandlistselection {
        position: static;
        margin: 0;
        border: none;
        min-height: auto;
    }

    .mobilFilterOpenBtn .button {
        float: left;
        width: 49% !important;
        padding: 5px 0;
        text-align: center;
    }

        .mobilFilterOpenBtn .button.mobilSiralamBtn {
            float: right;
        }

    .mobilFilterOpenBtn {
        margin-bottom: 0 !important;
        margin-top: 0 !important;
    }

    .filterDeleteContent .appliedFilter {
        margin: 5px 10px 5px 0;
    }

    body .brandlistselection .sortingContent {
        display: none;
        margin-top: 0;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        width: 100%;
        background: #fff !important;
        margin-bottom: 0;
        padding: 0;
        border-bottom: none;
        border: none;
        z-index: 10;
        box-shadow: none;
        -webkit-animation: fadein 0.5s;
        -moz-animation: fadein 0.5s;
        -ms-animation: fadein 0.5s;
        -o-animation: fadein 0.5s;
        animation: fadein 0.5s;
    }

        body .brandlistselection .sortingContent li > a {
            font-size: 12px;
            padding: 0 6px;
            width: 100%;
            color: #000;
        }

        body .brandlistselection .sortingContent .appliedFilter {
            display: none;
        }

        body .brandlistselection .sortingContent li > a {
            text-align: center;
            border: none;
            border: none;
            float: none;
        }

            body .brandlistselection .sortingContent li > a:hover {
            }

            body .brandlistselection .sortingContent li > a.selected {
            }

        body .brandlistselection .sortingContent li:not(.appliedFilter) {
            padding: 0;
            width: 100%;
            border-bottom: 1px solid #ddd;
            margin: 0 !important;
        }

    body .brandlistselection .appliedFilter.FiltrelemeUrunAdet span {
        font-size: 12px;
    }

    body .brandlistselection .sortingContent li a span {
        line-height: 30px;
        border: none;
        padding: 0;
    }

    body .brandlistselection .sortingContent li:nth-child(5) {
        display: block;
    }

        body .brandlistselection .sortingContent li:nth-child(5) a:before {
            display: none;
        }

        body .brandlistselection .sortingContent li:nth-child(5) a span:before {
            display: none;
        }

    body .brandlistselection .sortingContent li, .appliedFilter.FiltrelemeUrunAdet {
        border: none !important;
    }

    body .brandlistselection .blockSelect {
        display: none;
    }

    .category-vertical-filters {
        margin-bottom: 0 !important;
    }

    .panel-heading a {
        padding-bottom: 0;
        font-size: 13px;
        line-height: 35px;
        color: #000;
    }

    .panel-heading {
        margin-bottom: 0 !important;
        padding: 0 10px !important
    }

    .category-vertical-filters.top-filters {
        display: none;
        background: #fff !important;
        position: absolute !important;
        left: 0;
        right: 0;
        top: 100%;
        z-index: 10;
        box-shadow: 0 3px 4px 0 #bfbfbf;
        padding: 5px 5px 0 !important;
        -webkit-animation: fadein 0.5s;
        -moz-animation: fadein 0.5s;
        -ms-animation: fadein 0.5s;
        -o-animation: fadein 0.5s;
        animation: fadein 0.5s;
        text-align: left;
    }

        .category-vertical-filters.top-filters .panel {
            width: 100% !important;
        }

            .category-vertical-filters.top-filters .panel.vertical-top-price-filter {
                margin-left: 0 !important;
                margin: 0 !important;
                width: 97% !important;
                border: none !important;
            }

        .category-vertical-filters.top-filters .panel {
            padding: 0 !important;
            margin: 0 0 5px 0 !important;
            border: none;
        }

            .category-vertical-filters.top-filters .panel .panel-heading a:after {
                top: 0 !important;
            }

    .category-vertical-filters .vertical-filter-panel .list-group {
        box-shadow: none !important;
        position: static !important;
    }

    .categoryTitleText {
        max-width: 100%;
        margin: 0 !important;
    }

    .proCategoryTitle.categoryTitleText {
        max-width: 100%;
        padding: 0;
    }

    .categoryContainer .centerCount {
        width: 100%;
    }

    .category-vertical-filters .vertical-filter-panel .list-group a {
        font-size: 13px !important;
        line-height: 15px !important;
        color: #000;
    }

    .category-vertical-filters.top-filters .list-group.dropdown li {
        margin-bottom: 0 !important;
        border: none !important;
        height: auto;
    }

    .liFiltreElement.list-group-item.list-group-item-image {
        background: transparent !important;
    }

    .category-vertical-filters .vertical-filter-panel .list-group-item:before {
        float: left;
        width: 14px;
        height: 14px;
        border-color: #eceeef;
    }

    .category-vertical-filters .vertical-filter-panel .list-group-item:hover:before {
        border-color: #9a2e4d;
        background: #9a2e4d;
    }

    .category-vertical-filters .vertical-filter-panel .list-group-item.selected:before {
        border-color: #9a2e4d;
        background: #9a2e4d;
    }

    .amount {
        display: block;
        width: 100%;
        padding: 0 0 20px 10px;
        color: #363a3e !important;
        font-size: 13px;
        font-weight: 500 !important;
    }

    .slider-range {
        width: 93%;
        padding: 0;
        margin: 20px 0 20px 3%;
        background: #eeeeee;
        height: 5px;
        border: none !important;
        border-radius: 0;
        -webkit-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
    }

    .ui-widget-header {
        background: #9a2e4d !important;
        height: 6px !important;
    }

        .ui-state-default,
        .ui-widget-content .ui-state-default,
        .ui-widget-header .ui-state-default {
            width: 17px !important;
            height: 17px !important;
            border: 3px solid #fff !important;
            background: #9a2e4d !important;
            border-radius: 100% !important;
        }

    .ui-slider-horizontal .ui-slider-handle {
        top: -5px !important;
    }

    .ui-widget.ui-widget-content {
        border: 0 !important;
    }
}

/* Slider */
.slick-slide {
    margin: 0px 20px;
}

    .slick-slide img {
        width: 100%;
    }

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

    .slick-list:focus {
        outline: none;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

    .slick-track:before,
    .slick-track:after {
        display: table;
        content: '';
    }

    .slick-track:after {
        clear: both;
    }

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

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

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

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

.slick-arrow.slick-hidden {
    display: none;
}







.ism-slider > ol, .ism-slider > ol > li, .ism-slider > ol > li > img {
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
}

.ism-slider {
    overflow: hidden;
    position: relative;
    padding: 0 !important;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-animation: ism-fadein 3s;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

@-webkit-keyframes ism-fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes ism-loading {
    50% {
        left: 120px;
    }
}

.ism-slider .ism-slides {
    list-style: none;
    position: absolute;
    height: 100%;
    top: 0;
    padding: 0 !important;
    margin-top: 0;
    margin-bottom: 0;
    z-index: 1;
}

.ism-slider li.ism-slide {
    height: 100%;
    overflow: hidden;
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    margin: 0 !important;
    padding: 0 !important;
    background-color: #d5d5d5;
    text-align: center;
}

.ism-slider .ism-img-frame {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
}

.ism-slider a.ism-image-link {
    position: absolute;
    color: inherit;
    text-decoration: none;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ism-slider .ism-img {
    display: block;
    border: none;
    position: absolute;
    pointer-events: none;
}

.ism-button, .ism-pause-button {
    position: absolute;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    outline: none;
    text-align: center;
    z-index: 6;
    cursor: pointer;
    padding: 0;
    background-repeat: no-repeat;
    background-position: center center;
}

.ism-pause-button {
    display: none;
    left: 50%;
}

.ism-slider:hover .ism-pause-button {
    display: block;
}

.ism-caption {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 1em;
    text-shadow: none;
    line-height: 1.2em;
    padding: 0.25em 0.5em;
    width: auto;
    height: auto;
    text-align: center;
    visibility: hidden;
}

a.ism-image-link .ism-caption, a.ism-caption {
    text-decoration: none;
    font-weight: normal;
}

    a.ism-caption:hover {
        text-decoration: underline;
    }

.ism-caption-0 {
    z-index: 3;
}

.ism-caption-1 {
    z-index: 4;
}

.ism-caption-2 {
    z-index: 5;
}

.ism-radios {
    margin: 0;
    padding: 0;
    list-style: none;
    color: #fff;
    font-size: 1px;
}

.ism-slider .ism-radios {
    position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 6;
    bottom: 5px;
    left: 0;
    right: 0;
    width: auto;
    background-color: rgba(255, 255, 255, 0.0);
    padding: 0 7px;
    height: 0;
    overflow: visible;
}

    .ism-slider .ism-radios.ism-radios-as-thumbnails {
        bottom: 5px;
    }

.ism-radios li {
    position: relative;
    display: inline-block;
    margin: 0 3px;
    padding: 0;
}

.ism-radios input.ism-radio {
    display: none;
}

.ism-radios label {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    text-decoration: none;
    cursor: pointer;
}

.ism-radios-as-thumbnails label {
    -webkit-background-size: 120% auto;
    -moz-background-size: 120% auto;
    -o-background-size: 120% auto;
    background-size: 120% auto;
    background-position: center center;
    background-repeat: no-repeat;
    border: 2px solid rgba(255, 255, 255, 0.6);
    opacity: 0.8;
}

    .ism-radios-as-thumbnails label:hover {
        border: 2px solid #fff;
        opacity: 1;
    }

.ism-radios-as-thumbnails li.active label {
    border: 2px solid rgba(255, 255, 255, 1.0);
    opacity: 1;
}

p.ism-badge {
    margin: 0 auto;
    text-align: right;
    font-size: 10px;
    padding-top: 1px;
    color: #ccc;
    font-family: sans-serif;
    font-weight: normal;
}

    p.ism-badge a.ism-link {
        color: inherit;
        text-decoration: none;
        margin-right: 0.25em;
    }

        p.ism-badge a.ism-link:hover {
            color: #aaa;
            text-decoration: underline;
        }

.ism-zoom-in {
    -webkit-animation: zoomin 0.81s linear 1;
    animation: zoomin 0.81s linear 1;
}

@-webkit-keyframes zoomin {
    0% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }

    100% {
        -webkit-transform: scale(3.0);
        transform: scale(3.0);
    }
}

@keyframes zoomin {
    0% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }

    100% {
        -webkit-transform: scale(3.0);
        transform: scale(3.0);
    }
}

@-webkit-keyframes fadein {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes slidein {
    0% {
        -webkit-transform: translate(-1200px, 0);
        transform: translate(-1200px, 0);
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@keyframes slidein {
    0% {
        -webkit-transform: translate(-1200px, 0);
        transform: translate(-1200px, 0);
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@-webkit-keyframes popin {
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}

@keyframes popin {
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}

.ism-zoom-pan {
    -webkit-animation: zoompan 20.0s linear 1;
    animation: zoompan 20.0s linear 1;
}

@-webkit-keyframes zoompan {
    0% {
        -webkit-transform: translate(0, 0) scale(1.0);
        transform: translate(0, 0) scale(1.0);
    }

    50% {
        -webkit-transform: translate(-5%, -5%) scale(1.3);
        transform: translate(-5%, -5%) scale(1.3);
    }

    100% {
        -webkit-transform: translate(0, 0) scale(1.0);
        transform: translate(0, 0) scale(1.0);
    }
}

@keyframes zoompan {
    0% {
        -webkit-transform: translate(0, 0) scale(1.0);
        transform: translate(0, 0) scale(1.0);
    }

    50% {
        -webkit-transform: translate(-5%, -5%) scale(1.3);
        transform: translate(-5%, -5%) scale(1.3);
    }

    100% {
        -webkit-transform: translate(0, 0) scale(1.0);
        transform: translate(0, 0) scale(1.0);
    }
}

.ism-zoom-rotate {
    -webkit-animation: zoomrotate 20.0s linear 1;
    animation: zoomrotate 20.0s linear 1;
}

@-webkit-keyframes zoomrotate {
    0% {
        -webkit-transform: rotate(0) scale(1.0);
        transform: rotate(0) scale(1.0);
    }

    50% {
        -webkit-transform: rotate(-5deg) scale(1.3);
        transform: rotate(-5deg) scale(1.3);
    }

    100% {
        -webkit-transform: rotate(0) scale(1.0);
        transform: rotate(0) scale(1.0);
    }
}

@keyframes zoomrotate {
    0% {
        -webkit-transform: rotate(0) scale(1.0);
        transform: rotate(0) scale(1.0);
    }

    50% {
        -webkit-transform: rotate(-5deg) scale(1.3);
        transform: rotate(-5deg) scale(1.3);
    }

    100% {
        -webkit-transform: rotate(0) scale(1.0);
        transform: rotate(0) scale(1.0);
    }
}
/* SLIDER */

#my-slider {
    width: 856px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#my-slider-ism-badge {
    width: 856px;
}

#my-slider:before {
    content: '';
    display: block;
    padding-top: 42%;
}

#my-slider .ism-frame {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
}

#my-slider .ism-button {
    display: block;
    width: 32px;
    height: 64px;
    background-size: 16px 16px;
    top: 50%;
    margin-top: -32px;
    color: #fff;
    background-color: rgba(255, 255, 255, 0.3);
    display: block;
    visibility: visible;
}

#my-slider .ism-button-prev {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAIVBMVEX///////////////////////////////////////////9/gMdvAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAAAuUAAALlARv+XnsAAABUSURBVEjH7dYxCgAgEAPB8weX/39WFBtBbsFSY2sYyzXicDLq0wQDKQGQAKiJAZTEvC+IRgPBYAEyYOB1AAf4hAkTXxB5nySOGmaRw4pp5rhv34MOQwscJ7/MrxQAAAAASUVORK5CYII=);
    border-radius: 0 32px 32px 0;
    left: 0;
    left: 0;
}

#my-slider .ism-button-next {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAIVBMVEX///////////////////////////////////////////9/gMdvAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAAAuUAAALlARv+XnsAAABYSURBVEjH7dYxDoAwDEPR5Ab1/S8LVEgsyL8SG3XWWK/dnKpnumA0/L4lAOSJE/DEtXfEBBxxBwYFBH8IEWJbggL4RIAAPwFWC+VDqXEtYrFyNWO5v58HB4q9HAkl7KTYAAAAAElFTkSuQmCC);
    border-radius: 32px 0 0 32px;
    right: 0;
    right: 0;
}

#my-slider .ism-pause-button {
    width: 32px;
    height: 32px;
    background-size: 16px 16px;
    top: 50%;
    margin-top: -16px;
    border-radius: 16px;
    margin-left: -16px;
    color: #fff;
    background-color: rgba(255, 255, 255, 0.3);
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAc0lEQVR42u3SsQkAIAxFQeP+O38XsBKxMPfKgCQcjqHe1W6YJFeXVNXJuxd3zO4/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAID0RwuEoAh40yYcSQAAAABJRU5ErkJggg==);
}

    #my-slider .ism-pause-button.ism-play {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAs6AAALOgFkf1cNAAACy0lEQVR42uWbS2hUVxyHv78PLKKiFgXBiIgvBEVKwZWL4kJrF7oQCSpoAlYkuhCyq4hQ2goqSBFBsNBCoXShbgp15XsTQSGKqKj1QdTYFCVQiuDic5FcGkQhj0nm3vl/6+Ge+X3zO2fumTkXhoi6S51NVtQbapfallVAh//Toc7KLED1jbpPnZJVQMF99fPMAgqOqZ9mFqD6UP06s4CC8+r0MucZN8rX/wJ4pu5VP8nYgIHcU5dna8BAFgM31e8rvUiOoAHvt2FHZgEFf6iTs0yBD/EV0K3uVidkFAAwFTgB3FKXZBRQsBS4q+5XZ2YUUPAtcEVtzioAYBnwm/q7OimjgILNwAt1Z1YBADOAk+ptdUFGAQDRPy0equ213GBVRcBADgOX1Y1ZBQAsB86qP4/0BqqqAgq292+3W7IKAJgNnFI71XkZBRQ5VgBP1DZ1WjYBAzkOXFLXZhUAsBI4p55Qx2cUULAbeKxuyyoAYC7wi3pdnZNRQJHzs/5FslWdmk1AwUTgJ+Ciui6jAACBWcDfGQX0At8A8yPiBsCEROHPA80R0ZNtEXwKtETEmvfDZ2jAIeDHiHjxsRc0ogCBl8DGiOjIdiv8H3AQaBpM+EZrwFVgU0S8zLYd7gLaImL1UMM3QgOOAUcjomu4F6iqgH+AzRFxoRabhCrxlr6/zppqEb5qDbgGbIiI7lpvE8vOc6A9IlbVOnwVGnAS+CEinozWAGUV8BrYGhF/jvZAZZwCh4B5YxG+bA3oBNZHxPOxHLQMDegG9kfEyrEOX4YG/AociIhH9XoD9RLQC7RGxJl6168eU+Aofb/JnSnB9BvTBtwBvhzN7/SyNqAH+C4ilpUt/LAY4lnh0+pCGolBCuhVt9CIDPKhqco8WVrLRfAvYG1EPKjSB1qLRfAVcARYVLXwtZgC5+pxxL3eAq6p/47kaFrVBexRmxolzzsZ+iOF4pXTWQAAAABJRU5ErkJggg==);
    }

#my-slider .ism-button:hover {
    background-color: rgba(255, 255, 255, 0.6);
}

#my-slider .ism-pause-button:hover {
    background-color: rgba(255, 255, 255, 0.6);
}

#my-slider .ism-radios {
    display: none;
    height: 20px;
    text-align: center;
}

    #my-slider .ism-radios label {
        width: 20px;
        height: 20px;
        border-radius: 3px;
        color: #000;
        background-color: rgba(255, 255, 255, 0.5);
    }

    #my-slider .ism-radios li.active label {
        background-color: rgba(255, 255, 255, 1.0);
    }

    #my-slider .ism-radios label:hover {
        background-color: rgba(255, 255, 255, 0.8);
    }


/* SLIDES */

#my-slider .ism-slide-0 .ism-img-frame {
    width: 100%;
}

#my-slider .ism-slide-0 .ism-img {
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#my-slider .ism-slide-1 .ism-img-frame {
    width: 100%;
}

#my-slider .ism-slide-1 .ism-img {
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#my-slider .ism-slide-2 .ism-img-frame {
    width: 100%;
}

#my-slider .ism-slide-2 .ism-img {
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}


/* CAPTIONS */

#my-slider .ism-slide-0 .ism-caption-0.ism-caption-anim {
    -webkit-animation: fadein 0.5s;
    animation: fadein 0.5s;
}

#my-slider .ism-slide-0 .ism-caption-1.ism-caption-anim {
    -webkit-animation: fadein 0.5s;
    animation: fadein 0.5s;
}

#my-slider .ism-slide-0 .ism-caption-2.ism-caption-anim {
    -webkit-animation: fadein 0.5s;
    animation: fadein 0.5s;
}

#my-slider .ism-slide-1 .ism-caption-0.ism-caption-anim {
    -webkit-animation: fadein 0.5s;
    animation: fadein 0.5s;
}

#my-slider .ism-slide-1 .ism-caption-1.ism-caption-anim {
    -webkit-animation: fadein 0.5s;
    animation: fadein 0.5s;
}

#my-slider .ism-slide-1 .ism-caption-2.ism-caption-anim {
    -webkit-animation: fadein 0.5s;
    animation: fadein 0.5s;
}

#my-slider .ism-slide-2 .ism-caption-0.ism-caption-anim {
    -webkit-animation: fadein 0.5s;
    animation: fadein 0.5s;
}

#my-slider .ism-slide-2 .ism-caption-1.ism-caption-anim {
    -webkit-animation: fadein 0.5s;
    animation: fadein 0.5s;
}

#my-slider .ism-slide-2 .ism-caption-2.ism-caption-anim {
    -webkit-animation: fadein 0.5s;
    animation: fadein 0.5s;
}

#my-slider .ism-slide-0 .ism-caption-0 {
    font-size: 1.25em;
    font-family: sans-serif;
    position: absolute;
    top: 10%;
    left: 5%;
    border-radius: 4px;
    border: none;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.70);
}

#my-slider .ism-slide-0 .ism-caption-1 {
    font-size: 1.25em;
    font-family: sans-serif;
    position: absolute;
    top: 60%;
    left: 40%;
    border-radius: 4px;
    border: none;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.70);
}

#my-slider .ism-slide-0 .ism-caption-2 {
    font-size: 1.25em;
    font-family: sans-serif;
    position: absolute;
    top: 20%;
    left: 60%;
    border-radius: 4px;
    border: none;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.70);
}

#my-slider .ism-slide-1 .ism-caption-0 {
    font-size: 1.25em;
    font-family: sans-serif;
    position: absolute;
    top: 10%;
    left: 5%;
    border-radius: 4px;
    border: none;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.70);
}

#my-slider .ism-slide-1 .ism-caption-1 {
    font-size: 1.25em;
    font-family: sans-serif;
    position: absolute;
    top: 60%;
    left: 40%;
    border-radius: 4px;
    border: none;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.70);
}

#my-slider .ism-slide-1 .ism-caption-2 {
    font-size: 1.25em;
    font-family: sans-serif;
    position: absolute;
    top: 20%;
    left: 60%;
    border-radius: 4px;
    border: none;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.70);
}

#my-slider .ism-slide-2 .ism-caption-0 {
    font-size: 1.25em;
    font-family: sans-serif;
    position: absolute;
    top: 10%;
    left: 5%;
    border-radius: 4px;
    border: none;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.70);
}

#my-slider .ism-slide-2 .ism-caption-1 {
    font-size: 1.25em;
    font-family: sans-serif;
    position: absolute;
    top: 60%;
    left: 40%;
    border-radius: 4px;
    border: none;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.70);
}

#my-slider .ism-slide-2 .ism-caption-2 {
    font-size: 1.25em;
    font-family: sans-serif;
    position: absolute;
    top: 20%;
    left: 60%;
    border-radius: 4px;
    border: none;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.70);
}

.FiyatHaberVer {
    display: none;
}
}