@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700&family=Open+Sans:wght@300;400;500;600;700&display=swap');
    @import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap');
    @import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');

    ul, li, div, a, img, table,
    tr, td, input, textarea, select { box-sizing: border-box; outline:none; }
    a, a:link, a:hover              { cursor:pointer; text-decoration:none; }
    a:active                        { text-decoration:none; }
    ::-webkit-input-placeholder     { color:#333; }
    ::-moz-placeholder              { color:#333; }
    :-ms-input-placeholder          { color:#333; }
    :-moz-placeholder               { color:#333; }
    input[type="text"], textarea, select   { outline:none; background-color:#fff; }
    input[type=radio] { background:#fff !important; }
    input[type=checkbox] { background:#fff !important; }
    input[type=number]::-webkit-inner-spin-button,
    input[type=number]::-webkit-outer-spin-button { opacity: 1; }

    table { border-collapse: collapse; }
    select {
        padding: 10px;
        margin: 0;
        color:#000;
        border:#dfdfdf 1px solid;
        -webkit-appearance:none; /* remove the strong OSX influence from Webkit */
    }

    body            {
        background:#f4f6fc;
        color:#333; font:400 14px 'Open Sans', sans-serif;
        line-height:20px;
        margin:0; overflow-x:hidden;
    }
    .transeffect    {
        -webkit-transition: 0.3s ease-in-out;
        -moz-transition: 0.3s ease-in-out;
        -o-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
    }
    .img-responsive { width:auto; }  .DNone { display:block; }
    .col-lg-1_5     { width:20%; padding:0 15px; }
    hr              { border:none; border-top:#dfdfdf 1px dashed; margin:15px 0; }
    a               { color:#666; font:500 13px 'Open Sans', sans-serif; cursor:pointer; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
    a:hover         { color:#333; text-decoration:underline; cursor:pointer; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
    a:active { text-decoration:none; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
    a:before { text-decoration:none; cursor:pointer; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
    .ta-left        { text-align:left !important; }
    .ta-right       { text-align:right !important; }
    .ta-center      { text-align:center !important; }

    .va-top     { vertical-align:top !important; }
    .va-middle  { vertical-align:middle !important; }
    .va-bottom  { vertical-align:bottom !important; }

    .container      { max-width:600px; }

    .os_Header          { padding:10px 15px; position: fixed; top:0; left:0; z-index:999; }
    .os_Header_Info         { position: fixed; top:55px; left:0; z-index:999; background:#61c5bb; color:#fff; font:500 12px 'Open Sans', sans-serif; box-shadow: rgba(0, 0, 0, 0.1) 0 10px 15px -3px, rgba(0, 0, 0, 0.05) 0 4px 6px -2px; }
    .os_Header_Info input[type=text]    { width:100%; background:#fff url(../images/search.png) no-repeat 14px center; text-indent:32px; color:#666; font:500 13px 'Open Sans', sans-serif; padding:15px 8px; border:none; border-radius:0; border-top-right-radius:5px; border-bottom-right-radius:5px; }
    .os_Header_Info::-webkit-scrollbar { display: none; }
    .os_Header_Info a           { float:left; padding:15px 10px 15px 15px !important; color:#fff !important; font:500 13px 'Open Sans', sans-serif; }
    .os_Header_Info a:hover     { text-decoration:none; color:#000; }
    .os_Header_Info div a:first-child   { background:#61c5bb; }


    .main_content_div   { margin-top:120px; margin-bottom:85px; }
    .main-button-row    { padding:5px 20px; }
    .main-button-row .col    { padding:0 5px; }
    .colon_1    { width:130px; }
    .colon_2    { width:calc(100% - 130px); }

    .slider     { margin-bottom:15px; margin-left:-15px; margin-right:-15px; }
    .slider div img     { width:96%; margin:0 2%; }

    .mainButton         { width:100%; font-weight:600; background:#fff; border-radius:10px; padding:15px 0; margin-bottom:15px; display:flex; align-items: center; justify-content: center; flex-direction: column; font-size:11px; }
    .mainButton img     { height:45px; margin:10px 0; filter: invert(93%) sepia(95%) saturate(2299%) hue-rotate(152deg) brightness(83%) contrast(82%); }

    .os_Bottom      { width:100%; padding:0; background:#ff0000; position:fixed; bottom:0; left:0;  box-shadow: rgba(0, 0, 0, 0.1) 0 10px 15px -3px, rgba(0, 0, 0, 0.05) 0 4px 6px -2px; }
    .os_Bottom .segment_1           { width:100%; float:left; }
    .os_Bottom .segment_1 a             { width:20%; max-height:95px; background:#fff; float:left; text-align:center; padding:15px 0 30px 0; font:400 11px 'Open Sans', sans-serif; border-top:#dfdfdf 3px solid; }
    .os_Bottom .segment_1 a img             { margin-bottom:7px; }
    .os_Bottom .segment_2           { width:100%; float:left; background:#61c5bb; padding:15px; border-top:#dfdfdf 1px solid; }
    .os_Bottom .segment_2 .div_1     { float:left; }
    .os_Bottom .segment_2 .div_2     { float:right; color:#fff; padding-top:5px; }
    .os_Bottom .segment_2 .div_2 a   { color:#fff; text-decoration:none; font:500 13px 'Quicksand', sans-serif; }

    .active_buton       { background: rgb(255,255,255) !important; background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(97,197,187,1) 100%) !important; border-top:#35877f 3px solid !important; color:#000; }
    .active_buton img   { filter: invert(45%) sepia(47%) saturate(471%) hue-rotate(125deg) brightness(91%) contrast(89%); }
    .segment_1 a:hover              { background:#efefef; border-top:#61c5bb 3px solid !important; color:#000; text-decoration:none; }
    .segment_1 a:hover img          { filter: invert(93%) sepia(95%) saturate(2299%) hue-rotate(152deg) brightness(83%) contrast(82%); }
    .active_buton:hover img         { filter: invert(93%) sepia(95%) saturate(2299%) hue-rotate(152deg) brightness(83%) contrast(82%); }

    .widgetColomn_link          { width:50%; padding:0 10px 0 10px; height:100px; float:left; border:none; font:600 12px 'Open Sans', sans-serif; margin-bottom:15px; }

    .widgetColomn_wa            { width:100%; min-height:50px; padding:10px; display:inline-block; border:none; font:500 12px 'Open Sans', sans-serif; background:#fff; border-radius:5px; margin-bottom:10px; }
    .widget_logo                { width:100%; display:flex; justify-content: space-between; align-items: center; background:rgb(97, 197, 187); padding:10px 15px 10px 10px; border-radius:5px; }

    .widget_content             { width:100%; padding:10px 0 0 0; display:inline-block; }
    .widget_content ul, .widget_content ul li     { padding:0; margin:0; list-style-type:none; }
    .widget_content ul li       { width:50%; float:left; padding:5px; }
    .widget_content ul li:nth-child(2n)    { width:50%; float:left; }
    .widget_content ul li div.widArea      { width:100%; float:left; height:82px; background:#f2f2f2; padding:8px 10px 11px 10px; font:700 12px 'Open Sans', sans-serif; border-radius:5px; display:flex; flex-direction: column; }
    .widget_content ul li div.widArea div:nth-child(2)      { color:#666; font:300 35px 'Open Sans', sans-serif; text-align:center; padding:0; }
    .widget_content ul li:last-child       { margin-bottom:0; }

    .filter_bar         { width:100%; display:block; padding:10px; margin-top:-15px; border-radius:0; border-bottom-left-radius:5px; border-bottom-right-radius:5px; background:#efefef; box-shadow: rgba(0, 0, 0, 0.1) 0 10px 15px -3px, rgba(0, 0, 0, 0.05) 0 4px 6px -2px; }
    .filter_bar .col_secim_1   { padding-right:8px; }
    .filter_bar .col_secim_2   { padding-left:8px; }
    .filter_bar b           { font:600 11px 'Quicksand', sans-serif; }
    .filter_bar select      { width:100%; padding:8px; border-radius:5px; border:none; margin-bottom:5px; }

    .sepetim_firma_bar      { width:100%; color:#fff; font:600 14px 'Quicksand', sans-serif; display:block; padding:15px; border-radius:5px; background:#35877f; box-shadow: rgba(0, 0, 0, 0.1) 0 10px 15px -3px, rgba(0, 0, 0, 0.05) 0 4px 6px -2px; }
    .sepetimBarB            { color:#000; font:600 14px 'Quicksand', sans-serif; padding:15px 0; border-bottom:#dfdfdf 1px dashed; }

    .ND_sepet_white_area    { width:100%; float:left; color:#333; background:#fff; border-radius:5px; padding:25px 30px 30px 30px; }
    .ND_sepetBolgeAdi       { width:100%; display:inline-block; padding:10px 13px; border-radius:5px; background: rgb(97, 197, 187); color:#fff; font:400 14px 'Quicksand', sans-serif; }
    .ND_sepetBolgeAdi b     { font:700 14px 'Quicksand', sans-serif; }
    .ND_sepetProduct    {
        width:100%;
        display: inline-block;
        padding:5px 0 10px 0;
        margin-bottom:20px;
        border-bottom:#dfdfdf 1px dashed;
    }
    .ND_S_Gorsel        {
        width:90px;
        min-height:120px;
        float:left;
    }
    .ND_S_Gorsel .photoArea {
        width:90px;
        height:120px;
        float:left;
        border:#dfdfdf 1px solid;
        border-radius:5px;
        padding:5px !important;
        overflow: hidden;
    }
    .ND_S_Gorsel .photoArea a.photo  {
        width:100%;
        height:100%;
        display:block;
    }
    .ND_S_Gorsel .photoArea a.photo img {
        border-radius:5px;
    }

    .ND_S_Gorsel2        {
        width:65px;
        min-height:95px;
        float:left;
    }
    .ND_S_Gorsel2 .photoArea {
        width:65px;
        height:95px;
        float:left;
        border:#dfdfdf 1px solid;
        border-radius:5px;
        padding:5px !important;
        overflow: hidden;
    }
    .ND_S_Gorsel2 .photoArea a.photo  {
        width:100%;
        height:100%;
        display:block;
    }
    .ND_S_Gorsel2 .photoArea a.photo img {
        border-radius:5px;
    }

    .ND_S_UrunIcerik {
        width: calc(100% - 90px);
        float: left;
    }
    .ND_S_UrunIcerik2 {
        width: calc(100% - 65px);
        float: left;
    }
    .ND_S_UrunBilgisi   {
        width:100%;
        float:left;
        padding:0 0 8px 15px;
        margin-bottom:7px;
        color:#666;
        font:500 11px 'Quicksand', sans-serif;
        border-top:#dfdfdf 1px dashed;
        border-bottom:#dfdfdf 1px dashed;
    }

    .ND_sepet_detay_buton       { width:100%; margin:5px 0 0 0; text-align:center; color:#666; display:block; background: #f1f2f6; padding:5px 8px; border-radius:5px; font:600 11px 'rawline', sans-serif; }
    .ND_sepet_detay_buton:hover     { color:#000; background:#dfe4ea; text-decoration:none; }

    .ND_S_UrunBilgisi .ND_S_colonx   { border-right:#dfdfdf 1px dashed; padding-right:15px; margin:8px 15px 0 0; }
    .ND_S_UrunBilgisi .ND_S_colonx:last-child   { border-right:none;}
    .ND_S_UrunBilgisi a  {
        color:#000;
        font:400 11px 'Quicksand', sans-serif;
    }
    .ND_S_UrunBilgisi b  {
        color:#333;
        font:700 11px 'Quicksand', sans-serif;
    }
    .ND_S_UrunBilgisi hr  {
        margin:8px 0;
        width:100%;display:block;
        border:none; border-top:#dfdfdf 1px dashed;
    }

    .ND_S_SolIcerik     {
        width:100%;
        min-height:120px;
        float:left;
    }
    .ND_S_SagIcerik     {
        width:100%;
        min-height:3px;
        float:left;
    }

    .ND_S_PTitle  {
        width:100%;
        float:left;
        font:700 16px 'Quicksand', sans-serif;
        color:#000;
        padding:15px 0 10px 0;
    }

    .ND_S_YanBilgi  {
        width:100%;
        min-height:120px;
        float:left;
        padding:0 5px 0 15px !important;
        font:700 16px 'Quicksand', sans-serif;
    }
    .ND_S_YanBilgi b {
        font:700 12px 'Quicksand', sans-serif;
    }
    .ND_S_YanBilgi span.toplamBaslik {
        font:500 12px 'Quicksand', sans-serif;
    }
    .ND_S_YanBilgi hr {
        margin:8px 0;
        border:none; border-top:#dfdfdf 1px dashed;
    }
    .ND_SepetIcerik {
        width:calc(((100% - 40px) / 4));
        float:left;
        display:flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        border:#dfdfdf 2px solid;
        border-radius:4px;
        text-align:center;
        box-sizing: border-box;
        padding:0;
        margin:0 5px 10px 5px !important;
    }

    .divSepetVeri .ND_SepetIcerik:nth-child(8n){
        margin-right:0 !important;
    }

    .ND_SepetIcerik input[type=number] {
        width:100%;
        border:none;
        padding:7px 0;
        color:#666;
        font:600 12px 'Quicksand', sans-serif;
        text-align: center;
        background:#fff;
        -webkit-appearance: none !important;
    }

    .ND_SepetIcerik b { background:#f1f2f6; width:100%; padding:5px 0; font:700 14px 'Quicksand', sans-serif; display:inline-block; }

    .ND_SepetIcerik input[type=number]::-webkit-outer-spin-button,
    .ND_SepetIcerik input[type=number]::-webkit-inner-spin-button {
        /* display: none; <- Crashes Chrome on hover */
        -webkit-appearance: none;
        margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
    }

    .ND_SepetIcerik2 {
        width:calc(((100% - 90px) / 10));
        float:left;
        display:flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        border:#dfdfdf 2px solid;
        border-radius:4px;
        text-align:center;
        box-sizing: border-box;
        padding:0;
        margin:0 10px 10px 0 !important;
    }

    .divSepetVeri .ND_SepetIcerik2:nth-child(10n){
        margin-right:0 !important;
    }

    .ND_SepetIcerik2 b { background:#f1f2f6; width:100%; padding:5px 0; font:700 14px 'Quicksand', sans-serif; display:inline-block; }

    input[type=number] {
        -moz-appearance:textfield; /* Firefox */
    }

    .ND_SepetIcerik hr { width:100%; float:left; margin:0; }
    .ND_SepetIcerik2 hr { width:100%; float:left; margin:0; }

    .ND_SepetIcerik .ND_SepetButon  {
        width:50%;
        height:30px;
        float:left;
        display:flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        font:700 11px 'Quicksand', sans-serif;
        color:#666;
        cursor:pointer !important;
    }
    .ND_SepetIcerik .ND_SepetButon:hover  { color:#ff0000; cursor:pointer; }

    .ND_S_YanBilgi2  {
        width:100%;
        float:left;
        display:flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        border-top:#dfdfdf 1px dashed;
        padding:5px !important;
        font:700 16px 'Quicksand', sans-serif;
    }

    .ND_S_YanBilgi2 p  { margin:0; }
    .ND_S_YanBilgi2 p span  {
        font:500 12px 'Quicksand', sans-serif;
    }
    .ND_S_YanBilgi2 hr {
        width:100%;
        float:left;
        margin:8px 0;
        border:none; border-top:#dfdfdf 1px dashed;
    }
    .ND_S_YanBilgi2 b {
        font:500 11px 'Quicksand', sans-serif;
    }
    .ND_S_YanBilgi2 b.kdvDahilDegil {
        margin-top:10px;
        font:600 10px 'Quicksand', sans-serif;
    }
    .ND_S_YanBilgi2 b.kdvDahilDegil sup {
        font:700 10px 'Quicksand', sans-serif;
        color:#000;
    }

    .radyum_urun_list       { width:100%; height:305px; float:left; border-radius:5px; padding:10px; background:#fff; }
    .productDivList             { margin:10px -5px 0 -5px !important; padding-bottom:15px; }
    .productDivList .col-6          { padding:5px; }
    .rul_urun_gorseli           { width:100%; height:170px; overflow: hidden; margin-bottom:5px; }
    .rul_urun_gorseli a             { width:100%; height:100%; display:block; }
    .rul_urun_ismi          { font:600 12px 'Quicksand', sans-serif; display: inline-block; line-height:13px !important; }
    .rul_urun_ismi_2        { font:600 16px 'Quicksand', sans-serif; display: inline-block; line-height:20px !important; }
    .rul_urun_kategorisi    { font:400 11px 'Open Sans', sans-serif; display: inline-block; line-height:11px !important; }
    .rul_fiyat              { font:600 16px 'Quicksand', sans-serif; color: #f40000; margin-top: 3px; }
    .radyum_urun_list hr           { margin:5px 0; border:none; }
    .hizli-sepet-hr                { margin:10px 0 7px 0; }
    a.sptekl     { width:100%; padding:5px; border-radius:5px; border:#efefef 1px solid; display: inline-block; text-align:center; }
    a.sptekl:hover     { text-decoration:none; }

    a.sptekl_2     { width:100%; padding:10px 5px; border-radius:5px; background:#f40000; color:#fff; display: inline-block; text-align:center; }
    a.sptekl_2:hover     { text-decoration:none; }

    .rul_urun_gorseli .cinso   { position:absolute; z-index:111; margin:0; padding:1px 7px 2px 7px; color:#fff; border-radius:5px; font-size:10px; }
    .rul_urun_gorseli .cinso2  { position:absolute; background:#2ecc71; padding:7px; right:15px; bottom:85px; color:#fff; border-top-left-radius:5px; font-size:11px; }
    .rul_urun_gorseli .satisaKapali  { position: absolute; background: #2c3e50; padding: 7px; left: 90px; top: 7px; color: #fff; border-radius: 5px; font-size: 11px; z-index: 555; }
    .women      { background:#f40000; font-weight:600; }
    .man        { background:#2980b9; font-weight:600; }
    .unisex     { background:#f39c12; font-weight:600; }

    .NDProductTitle             { font:700 24px 'Quicksand', sans-serif; color:#000; margin:0 0 5px 0; }
    .ND_urunAciklamaBilgisi     { font:400 13px 'Quicksand', sans-serif; line-height:20px; color:#666; padding:0 15px; }

    .ND_urunAciklamaBilgisi ul, .ND_urunAciklamaBilgisi ul li { padding:0; margin:0; }
    .ND_urunAciklamaBilgisi ul  { margin-left:20px; }
    .ND_urunAciklamaBilgisi ul li   { list-style-type: circle; }

    .NDBodyType                 { font:600 15px 'Quicksand', sans-serif !important; color:#ff0000; }
    .NDBodyList                     { text-align:center; padding:0 15px 0 0; }
    .NDBodyList select              { width:100%; padding:0 2px 2px 2px !important; font-size:14px !important; text-align:center !important; text-align-last: center !important; text-align: -webkit-center !important; margin: 0; border:none; border-radius:5px; }

    .NDPriceTicket              { display:inline-block; border:#efefef 1px solid; padding:10px; background:#fff; border-radius:4px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; }
    .NDPriceTicket div:nth-child(1){ color:#ff0000; float:left; padding:5px 10px 5px 5px; font-size:20px; border-right:#efefef 1px dashed; }
    .NDPriceTicket div:nth-child(2){ color:#000; float:left; padding:5px 5px 5px 10px; font:700 20px 'Quicksand', sans-serif; }

    .NDBedenExp              { width:100%; display:inline-block; border:#efefef 1px solid; padding:5px; background:#fff; border-radius:4px; }
    .NDBedenExp div:nth-child(1){ width:40%; color:#000; float:left; padding:10px 10px 5px 5px; font:700 13px 'Quicksand', sans-serif;  }
    .NDBedenExp div:nth-child(2){ width:60%; color:#000; float:left; padding:5px 5px 5px 10px; border-left:#efefef 1px dashed; font:700 20px 'Quicksand', sans-serif; }

    .NDProdDetailSelect     { width:100% !important; padding:15px !important; border-radius:5px; border:#efefef 1px solid; margin-top:5px; }

    .iconTitleKalinYap      { color:#000; font:700 12px 'Open Sans', sans-serif; }
    .iconTitleInceYap       { color:#999; font:300 12px 'Open Sans', sans-serif; }

    .newWidgetDesign    { width:100%; display: inline-block; padding:10px 0 10px 10px; }
    .newWidgetDesign:hover    { background:#f2f2f2; cursor:pointer; border-radius:0px; }
    .newWidgetDesign .icon          { width:50px; height:35px; float:left; text-align:center; }
    .newWidgetDesign .iconTitle     { width:calc(100% - 50px); font:400 11px 'Open Sans', sans-serif; float:left; padding-left:10px; height:30px; display:inline-block; }
    .newWidgetDesign .iconTitle b   { font:600 13px 'Open Sans', sans-serif; }
    .newWidgetDesign:hover img.logoInvertColor     { filter: invert(13%) sepia(94%) saturate(7466%) hue-rotate(0deg) brightness(94%) contrast(115%); }
    .widgetColomn_wa_yeni       { width:calc(100% - 20px) !important; min-height:50px; padding:10px 0; display:inline-block; border:none; font:500 12px 'Open Sans', sans-serif; background:#fff; border-radius:10px; margin:0 0 8px 0; }
    .widgetColomn_wa_yeni .widget_title       { color:#333; font:600 14px 'Quicksand', sans-serif; height:25px; }

    .hizliSepeteEkle_back       { width:100%; height:100%; background:rgba(0,0,0,0.5); position:fixed; z-index:1000; left:0; bottom:0; display:none; }
    .hizliSepeteEkle            { width:100%; height:calc(100% - 120px); overflow:auto; overflow-x:hidden; background:#fff; padding:15px 15px 50px 15px; border-top-left-radius:10px; border-top-right-radius:10px; position:fixed; z-index:1001; left:0; bottom:0; display:none; }