body { background: no-repeat #f6f6f6; background-attachment: fixed; background-size: cover; margin: 0; padding: 0; overflow =hidden; }
/*.ustCerceve{background-color:rgba(255, 255, 255, 0.70); width:100%; margin:0; text-align:center; padding:5px 0;}*/
.ustCerceveAlt { background-color: rgba(255, 255, 255, 0.70); width: 100%; margin: 0; padding: 5px 0; }
    /*.ustCerceveAlt a{color:#00104a;}*/
    .ustCerceveAlt .sol-kisim { float: left; width: 33%; padding-top:5px; }
        .ustCerceveAlt .sol-kisim a { padding-right: 10px; }
    .ustCerceveAlt a:hover { color: #153194; }
    .ustCerceveAlt .orta-kisim { float: left; width: 34%; text-align: center; padding-top:10px; }
        
    .ustCerceveAlt .sag-kisim { float: left; width: 33%; text-align: right; }
    .ustCerceveAlt .sag-kisim  a{font-size:14px!important;}
    .font-weight-bold{font-weight:bold;}
    .ustCerceveAlt .sag-kisim .i-green{color:green;}
    .ustCerceveAlt .sag-kisim .i-brown{color:#b68465;}
.urunOzel{display:block; width:100%; height:auto;}
.urunOzel a{margin-bottom:15px!important; display:inline-block;}
.urunOzel img{border:solid 1px #000; width:36px!important;}
.cerceve { width: 1180px; margin: 0 auto; }
.clr { clear: both; }
del { color: #434343;}
a { font-family: 'Source Sans Pro', sans-serif; font-size: 15px; color: #00104a; text-decoration: none; }
figcaption { font-family: 'Source Sans Pro', sans-serif; font-size: 18px; color: #00104a; text-decoration: none; }
a:hover { text-decoration: none; }
h1, h2, h3, h4, h5, h6 { font-family: 'Oswald', sans-serif; font-weight: 200; color: #334077; }
p,.pBilgisi { color: #434343!important; font-weight: 400!important; font-family: 'Open Sans', sans-serif!important; line-height: 23px; font-size: 15px!important; text-decoration:none!important; }
.hAlti { width: 20%; }
.hAlti2 { width: 60%; margin: 0 auto; padding: 0; }
.wp-white { color: white !important; }
.fontSize16px{font-size:16px; font-weight:600;}
.hBaslik{font-size:1.5em!important;}
.w-100{width:92%!important;}
.d-block{display:block!important;}
.bg-green{background-color:#72c02c!important;}
.bg-red{background-color:#b68465!important;}
.m-0{margin:0 auto!important;}
.mb-5{margin-bottom:5px!important;}
/* ÜST KISIM*/
header { margin: 10px auto; width: 100%; height: auto; text-align: center; position: relative; }
    header .logoAmplem { width: 350px; float: left; margin-left: 10px; text-align: left; }
        header .logoAmplem img { margin: 10px auto; }
    header .sepet { width: 30%; float: left; position: absolute; bottom: 0; right: 0; text-align: right; color: #00104a; font-weight: 400; font-family: 'Oswald', sans-serif; }
        header .sepet .girisFont { font-size: 16px; color: #00104a; font-family: 'Oswald', sans-serif; font-weight: 400; }
        header .sepet .girisFont:hover {color:#153194;}
        header .sepet .girisFont:hover .sepetAdet2 {border-color:#153194;}
        header .sepet .sepetAdet2:hover{color:#153194; border-color:#153194;}
/*SİNEKLİK ÖLÇÜ NASIL ALINIR*/
.olcuNasil { margin: 30px 0; color: #334077; padding: 5px;  width:25%; float: left; text-align:center; }
.olcuNasil i { margin: 0 auto;  font-size: 48px; display:block; padding-bottom:10px; }
.olcuNasil h3{ font-size: 1.2em; font-weight:400; display:inline;  }
aside { margin: 10px 0; background-color: #fff; }
    aside a:hover .olcuNasil i, aside a:hover .olcuNasil h3 { color: #153194; }
    
/*renklerimiz*/
.onecikan { padding: 20px 0; background: #e8e8e8; }
.onecikan2 { padding: 20px 0; background: #fff; margin: 0 auto; }
.liste_firma_cerceve { float: left; width: calc(33% - 24px); margin: 15px 10px; text-align: center; border: solid 2px #FFB700; border-top-left-radius: 10px; border-top-right-radius: 10px; }
    .liste_firma_cerceve a { color: black; }
        .liste_firma_cerceve a:hover { color: #FFB700; }
            .liste_firma_cerceve a:hover .firma_res img { border-color: #444; }
.liste_firma1 { padding: 15px 8px; height: 114px; font-weight: 900; }
    .liste_firma1 p { margin-top: 8px; }
.firma_res { height: 120px; box-shadow: 0 3px 6px #444; -moz-box-shadow: 0 3px 6px #444; -webkit-box-shadow: 0 3px 6px #444; }
    .firma_res img { margin-top: -35px; border: 2px solid #FFB700; border-radius: 50%; width: 100px; height: 100px; }
.liste_firma_cerceve2 { float: left; width: calc(9% - 22px); margin: 15px 10px; text-align: center; border: solid 1px #334077; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.liste_yama{width: calc(10% - 30px)!important;}
    .liste_firma_cerceve2 a { color: black; }
        .liste_firma_cerceve2 a:hover { color: #009ae1; }
            .liste_firma_cerceve2 a:hover .firma_res2 img { border-color: #444; }
.liste_firma1 { padding: 15px 0; height: 80px; font-size: 90%; }
    .liste_firma1 p { margin-top: 8px; font-size:14px; letter-spacing:-1px; }
.firma_res2 { height: 80px; box-shadow: 0 3px 6px #444; -moz-box-shadow: 0 3px 6px #444; -webkit-box-shadow: 0 3px 6px #444; }
    .firma_res2 img { display: none; }
.marginBot30 { margin-bottom: 20px; }
/* MENÜ BÖLÜMÜ*/
nav { background-color: #fff; width: 100%; }
    nav ul { list-style: none; padding: 10px; width: 90%; margin: 0 auto; z-index: 9999; }
        nav ul li { float: left; padding: 25px 15px; text-align: center; }
            nav ul li:first-child { margin-left: 10px; }
            nav ul li a {  color: #434343; -webkit-transition: 0.1s; transition: 0.1s; font-size:1em; text-transform: uppercase; }
                nav ul li a:hover { color:#001d87; border-bottom:solid 4px; }
    nav .open { display: none; color: #fff; padding: 5px 10px; background-color: #00104a; cursor: pointer; }
/*SLAYT KISMI*/
.slayt-kapsul { margin: 25px 0; padding: 0; width: 100%; }
.slayt-alti { padding: 25px; width: calc(100% - 0px); background-color: #fff; }
    .slayt-alti h1 { text-align: center; font-size: 26px; }
    .slayt-alti strong { font-weight: 400; }
    .slayt-alti p { }
    .slayt-alti a { font-size: 16px; color: #00104a; font-weight: 600; }
        .slayt-alti a:hover { color: #343434; }
.slaytUzeri{position:absolute; z-index:9999;top:20px; left:30px;}
/*NEDEN BİZ*/
.nedenBiz { padding: 25px; width: calc(100% - 0px); background-color: #fff; margin: 25px 0; }
    .nedenBiz section { float: left; width: calc(33% - 0px); padding: 15px; text-align: center; }
        .nedenBiz section img { height: 150px; }
    .nedenBiz h2 { text-align: center; font-size: 26px; font-weight: 400; margin: 15px auto; }
    .nedenBiz section p strong { font-weight: 400; margin-bottom: 0; font-size: 20px; color:#334077; font-family: 'Oswald', sans-serif; }
    .nedenBiz section p{font-weight:400;}
    .nedenBiz section p span{font-weight:500;}
    .nedenBiz section i{font-size:60px; color:#334077;}
/*ÜRÜNLERİMİZ*/
.urunlerimiz { padding: 25px; width: calc(100% - 0px); background-color: #fff; margin: 25px 0; }
    .urunlerimiz section { float: left; width: calc(33.33% - 0px); padding: 15px; text-align: center; }
        .urunlerimiz section figure { width: calc(100% - 2px); border: solid 1px #fff; margin: 0 auto; }
            .urunlerimiz section figure img { height: 250px; }
            .urunlerimiz section figure:hover { opacity: 0.7; }
        .urunlerimiz section p { font-weight: 300; padding: 4px 0; margin: 0 auto; font-size: 26PX; font-family: 'Oswald', sans-serif; }
        .urunlerimiz section .satinAl { box-shadow: 0 3px 6px 0 rgba(0,0,0,.16); width: calc(100% - 6px); background-color:#00104a; color:#fff!important; -webkit-transition: 0.3s; transition: 0.3s; margin: 10px auto; padding: 10px 0; font-size: 18PX; font-weight: 300; }
            .urunlerimiz section .satinAl:hover { background-color: #153194; }
    .urunlerimiz h3 { text-align: center; font-size: 26px; font-weight: 400; margin: 15px auto; }
    .urunlerimiz section .arkaRenk { background-color: white; color: #153194; font-size: 18px; font-weight: 400; }
.urunlerKisim { margin: 5px; padding: 5px; width: calc(33% - 10px); float: left; }
    .urunlerKisim h2 { color: #00104a; border-bottom: solid 1px #00104a; }
    .urunlerKisim h3 { color: #153194; margin-bottom: 0; margin-left: 10px; }
    .urunlerKisim ul { list-style: none; margin: 0; padding: 0; }
        .urunlerKisim ul li { color: #153194; font-family: 'Oswald', sans-serif; font-weight: 500; }
    .urunlerKisim a { font-size: 16px; font-weight: 500; margin-left: 20px; }
        .urunlerKisim a:hover { }
/*BLOGDAN*/
.blogdan { padding: 25px; width: calc(100% - 0px); background-color: #fff; margin: 25px 0; }
    .blogdan h4 { text-align: center; font-size: 26px; font-weight: 400; margin: 15px auto; }
    .blogdan .slaytSol { float: left; margin: 25px 25px 25px 0; width: calc(68% - 25px); height: 338px; }
        .blogdan .slaytSol .ust { width: 100%; height: 298px; }
            .blogdan .slaytSol .ust img { height: 298px; width: 100%; margin: 0; padding: 0; }
            .blogdan .slaytSol .ust:hover { opacity: 0.9; }
        .blogdan .slaytSol .alt { width: 100%; height: 40px; }
            .blogdan .slaytSol .alt p {margin: 0; width: calc(100% - 00px); height: 30px; background-color: #d1b69e; color: white; padding: 5px; }
                .blogdan .slaytSol .alt p:hover { background-color: #c19c7b; }
    .blogdan .slaytSag { z-index: 2; float: left; margin: 25px 0; width: 32%; }
        .blogdan .slaytSag .ust { width: 100%; height: 129px; }
            .blogdan .slaytSag .ust img { height: 129px; width: 100%; margin: 0; padding: 0; }
            .blogdan .slaytSag .ust:hover { opacity: 0.9; }
        .blogdan .slaytSag .alt { width: 100%; height: 35px; }
            .blogdan .slaytSag .alt p { margin: 0; width: calc(100% - 00px); height: 25px; background-color: #d1b69e;color: white; padding: 5px; }
                .blogdan .slaytSag .alt p:hover { background-color: #c19c7b; }
        .blogdan .slaytSag .Aust { width: 100%; height: 129px; margin-top: 10px; }
            .blogdan .slaytSag .Aust img { height: 129px; width: 100%; margin: 0; padding: 0; }
            .blogdan .slaytSag .Aust:hover { opacity: 0.9; }
        .blogdan .slaytSag .Aalt { width: 100%; height: 35px; }
            .blogdan .slaytSag .Aalt p { margin: 0; width: calc(100% - 00px); height: 25px; background-color: #d1b69e; color: white; padding: 5px; }
                .blogdan .slaytSag .Aalt p:hover { background-color: #c19c7b; }
/*RAKAMLARLA BİZ*/
.rakamlarlaBiz { padding: 25px; width: calc(100% - 0px); background-color: #fff; margin: 25px 0; }
    .rakamlarlaBiz h5 { text-align: center; font-size: 24px; text-transform: uppercase; font-weight: 400; margin: 15px auto; }
    .rakamlarlaBiz ul { list-style: none; margin: 15px 0; padding: 0; width: 100%; }
        .rakamlarlaBiz ul li { padding: 10px; margin-right: 10px; width: calc(25% - 10px); border: solid 1px #343434; color: #343434; float: left; }
            .rakamlarlaBiz ul li:last-child { margin-right: 0; width: calc(25% - 28px); }
            .rakamlarlaBiz ul li .ustK { font-size: 32px; font-weight: 400; text-align: center; margin: 0; font-family: 'Oswald', sans-serif; }
            .rakamlarlaBiz ul li .altK { font-size: 24px; font-weight: 400; text-align: center; margin: 0; font-family: 'Oswald', sans-serif; }
.text-center{text-align:center!important;}
.text-left{text-align:left!important;}
.ortala{margin:0 auto!important; display:block!important; width:150px; margin-left:-75px; left:50%; background-color:#081e6d; color:white!important; padding:10px 15px; border-radius:5px; }
/*FOOTER BÖLÜMÜ*/

footer { background-color: #ecf6f8; width: 100%; margin-top: 25px; }
        footer article { padding: 10px; float: left; width: calc(25% - 20px); }
        footer article ul { list-style: none; margin: 0; padding: 0; }
            footer article ul li { padding: 1px 0; font-family: 'Source Sans Pro', sans-serif; color:#00104a; }
                footer article ul li a { font-size: 14px; font-weight: 400; color:#00104a; font-family: 'Source Sans Pro',sans-serif; }
                    footer article ul li a:hover { color: #153194; }
        footer article p { margin: 10px 0; padding: 0; font-size: 14px; font-weight: 500;font-family: 'Oswald',sans-serif;            color: #00104a;}
        .hrClass {width: 35px; height: 2px;background-color: #fff;margin: 0 0 3px 0;}
.altDiv { text-align: center; background-color: #00104a; width: 100%; margin: 0 auto; color: #dcdcdc; font-size: 14px !important; padding: 10px 0; font-family: 'Source Sans Pro', sans-serif; }
    /*background-color:rgba(255, 255, 255, 0.9);*/
    .altDiv a { text-decoration: none; color: #b7b7b7; font-size: 14px; }
    .altDiv .kurumsalFirma img { max-height: 30px; max-width: 130px; padding: 0 5px; }
    .altDiv .sol, .altDiv .sag { color: #dcdcdc!important; font-size: 14px !important; padding: 2px 0; margin: 0; font-family: 'Source Sans Pro', sans-serif; float: left; width: calc(50% - 5px); }
    .altDiv .sol { text-align: right; padding-right: 10px; }
    .altDiv .sag { text-align: left; }
/*ONLINE SIPARIS*/
.onlineSatis { padding: 25px; width: calc(100% - 50px); background-color: #fff; margin: 25px 0; }
    .onlineSatis h1 { text-align: center; font-size: 24px; text-transform: uppercase; font-weight: 400; margin: 15px auto; }
    .onlineSatis h2 { text-align: center; font-size: 24px; font-weight: 400; }
    .onlineSatis h3 { text-align: center; font-size: 24px; font-weight: 400; }
    .onlineSatis h4 { text-align: center; font-size: 24px; font-weight: 400; }
    .onlineSatis h5 { text-align: center; font-size: 24px; font-weight: 400; }
    .onlineSatis .bayiIc { margin: 15px; padding: 20px; width: calc(100% - 70px); background-color: #5d9cb7; }
/*.bayiIc h3{text-align:center; font-weight:300; color:#000; font-size:22px;}*/
.urunAyrintiDiv { width: 100%; }
    .urunAyrintiDiv .uaSol { width: 40%; float: left; }
    .urunAyrintiDiv .uaSag { width: 60%; float: left; margin-top:0; }
        .urunAyrintiDiv .uaSag i { font-size: 20px !important; position: static !important; }
        .urunAyrintiDiv .uaSag p { padding: 5px 10px; background-color: #ECF6F8; color: #001665; margin-top:0; }
        .urunAyrintiDiv .uaSag .whatsApp { margin-top: 10px; padding: 5px 10px; background-color: #f1f9e9; color:#72c02c!important;}
            .urunAyrintiDiv .uaSag .whatsApp a {color:#6da713!important; font-weight:400; font-family: 'Open Sans', sans-serif; font-size: 14px; }
        .urunAyrintiDiv .uaSag .urunUyari { margin-top: 0; padding: 5px 10px; background-color: #FFF7EF; color:#b68465!important; }
    .urunAyrintiDiv .uaSol .uaSolUst { width: 100%; min-height: 60px; }
    .urunAyrintiDiv .uaSol .uaSolUst2 { width: 100%; min-height: 60px; }
        .urunAyrintiDiv .uaSol .uaSolUst2 h2 { margin: 10px 0 !important; padding: 0; }
    .urunAyrintiDiv .uaSol .uaSolUst3 { width: 100%; min-height: 30px; }
        .urunAyrintiDiv .uaSol .uaSolUst3 del { font-size: 20px; }
        .urunAyrintiDiv .uaSol .uaSolUst3 h2 { margin: 5PX 0 !important; padding: 0; font-size: 32px; }
.uyariUrun { color: #d32525; font-family: 'Source Sans Pro', sans-serif; }
.aciklamaTable { }
    .aciklamaTable img { float: left !important; max-width:100%; }
.imgWidth500 { max-width: 410px!important; }
.divUrunAyr100 { width: 100% !important; }
.iletisimH4 { text-align: center; font-weight: 300; color: #00104a !important; font-size: 22px; }
.txtBayi { float: left; line-height: 22px; width: calc(50% - 25px); padding: 10px; }
.txtFont { font-family: 'Oswald', sans-serif; font-weight: 400; font-size: 16px; color: #434343; }
.txtBorder { border: 1px solid #00104a; }
.txtUrunEnBoy { width: 40%; margin: 5px 11px 5px 0; }
.txtUrunEnBoy2 { width: 85% !important; margin: 5px 0 !important; }
.txtUrunEnBoy3 { margin: 10px 0 !important; width: 30% !important; }
.txtBayiL { max-width: calc(50% - 45px); min-width: calc(50% - 45px); height: 66px; min-height: 66px; }
.drpOnline { float: left; line-height: 22px; margin: 10px; width: calc(30% - 40px); padding: 10px; }
.drpOnline2 { float: left; line-height: 22px; margin: 10px; width: 200px; padding: 10px; }
.txtEnBoy { float: left; line-height: 22px; margin: 10px; width: calc(15% - 40px); padding: 10px; }
.cbOnline { float: left; line-height: 22px; width: 60px; margin: 10px; padding: 10px; }
.bayiButon { margin: 10px; color: white; padding: 10px 30px; line-height: 22px; float: right; background-color: #4c565b; }
.ekleButon { margin: 10px 25px 0 10px; color: white; padding: 10px 20px; line-height: 22px; float: left; background-color: #00104a; }
.ekleButon:hover{background-color:#153194;}
.btnSag { float: right; }
.ekleButon2 { margin: 10px 25px 0 10px; color: white; padding: 10px 20px; line-height: 22px; background-color: #4c565b; }
.devaminiGoster { width: 100%; text-align: center; }
.bayilik a { color: #000; }
    .bayilik a:hover { color: #929DA2; }
.bayilik p { padding: 20PX; font-size: 16PX; width: calc(100% - 40px); text-align: center; }
.bayilik .bayiIc { margin: 15px; padding: 30px 20px; width: calc(100% - 70px); background-color: #ecf6f8; }
    .bayilik .bayiIc h5 { font-size: 20px; width: 100%; margin: 20px auto; text-align: center; }
.bayilik h3 { color: #04579e; font-size: 22px; padding: 10px; width: calc(100% - 20px); text-align: center; margin: 20px auto; text-transform: uppercase; }
.bayilik h4 { color: #434343; font-size: 16px; font-weight:300; padding: 10px; width: calc(100% - 20px); text-align: center; margin: 20px auto; }
.bayilik .txtBayi1 { float: left; line-height: 22px; margin: 10px; width: calc(50% - 25px); padding: 10px; }
.bayilik .txtBayiL1 { max-width: calc(50% - 25px); min-width: calc(50% - 25px); height: 66px; min-height: 66px; }
/*GENEL SABLON*/
.genelSablon { padding: 25px; width: calc(100% - 0px); background-color: #fff; margin: 25px 0; }
    .genelSablon h1 { text-align: center; font-size: 26px;  font-weight: 400; margin: 15px auto; }
    .genelSablon h5 { font-size: 22px; font-weight: 400; }
    .genelSablon h2{font-size:20px; font-weight:400;}
/*BUCAK SALEBİ*/
.sifremiUnuttum{width:100%; max-width:360px; margin:0 auto; text-align:center;}
.sifremiUnuttum .btnSepetGun{width:240px; margin:5px;}
.bucakSalebi img { float: right; max-width: 410px; margin-left:15px; }
    .bucakSalebi img.ikinci { float: left; padding: 0 20px 0 0; max-width: 50%; }
.bucakSalebi p { text-align: justify; }
.bucakSalebi a { color: #00104a; }
    .bucakSalebi a:hover { color: #153194; }
.bucakSalebi strong { font-weight: 400; }
.bucakSalebi p strong { font-weight: 500; }
.bucakSalebi h3, h4, h2 { font-weight: 400; font-size: 22px; }
.bucakSalebi .satisSonrasi { text-align: center; font-weight: 400; font-size: 20px; margin: 5px auto; color: #00104a;}
.bucakSalebi .blogDiv{font-weight: 400; font-family: 'Open Sans', sans-serif; line-height: 23px; font-size: 15px;}
.bucakSalebi .blogDiv span{font-weight:500; }
.genelSablon .okIcon{font-size:48px; color:#00104a; text-align:center;}
.bucakSalebi .satisSonrasi2 {text-align: center; font-weight: 400; font-size: 16px; margin: 3px auto;}
    .bucakSalebi .satisSonrasi2 i {font-size: 36px !important;}
        .bucakSalebi .satisSonrasi2 .font-18 {font-size: 18px !important;}
.bucakSalebi .satisSonrasi3 { text-align: left; font-weight: 400; font-size: 16px; margin: 3px auto; }
    .bucakSalebi .satisSonrasi3 i { font-size: 36px !important; }
.hakkimdaAltiCizili { border-bottom: 1px solid #00104a; width: 15%; color: #00104a; }
.okFalseI { width: 100%; text-align: center; }
    .okFalseI i { font-size: 44px; color: #00104a; }
.onlineHr { display: none; }
.onlineSol { margin: 15px 0 15px 15px; width: calc(80% - 15px); float: left; }
.onlineSag { margin: 15px 15px 15px 0; width: calc(20% - 15px); float: left; }
.onlineImg { width: 100% !important; }
.onlineSol a { color: #04579e; }
    .onlineSol a:hover { color: #5d9cb7; }
.imgFloatLeft { float: left !important; padding-left: 0 !important; margin-left: 0 !important; }
/*ÜRÜN AYRINTI SAYFASI*/
.urunSlayt { width: 50%; float: left; margin-top: 20px; position:relative; }
.urunBilgi { margin-left: 20px; width: calc(50% - 20px); float: left; }
    .urunBilgi p { float: none; font-size: 14px; }
    .urunBilgi .ustBilgi { width: 100%; float: none; }
        .urunBilgi .ustBilgi h2 { font-size: 26px; margin: 10px 0; }
        .urunBilgi .ustBilgi i { font-size: 16px; top: -7px; position: relative; }
        .urunBilgi .ustBilgi .boyut { font-size: 20px !important; color: #4c565b; }
        .urunBilgi .ustBilgi h3 { margin: 0; padding: 0; font-size: 16px; margin-bottom: 10px; color: #00104a; }
    .urunBilgi .altBilgi h4 { margin: 0; padding: 0; }
    .urunBilgi .altBilgi { width: 100%; float: none; }
    .urunBilgi .lblResult { font-family: 'Source Sans Pro', sans-serif; color: red; }
.aciklamaBaslik { font-family: 'Oswald', sans-serif; font-size: 18px !important; }
.hr2px { height: 2px; background-color: #929DA2; width: 100%; }
/*SEPET SAYFASI*/
.sepetim { width: 100%; margin-top: 20px; }
    .sepetim .sepetimSol { width: calc(58% - 1px); float: left; margin-right: 2%; }
    .sepetim .sepetimSag { width: 38%; float: left; padding-left: 2%; border-left: 1px solid #929DA2; }
    .sepetim h2 { font-family: 'Oswald', sans-serif; color: #00104a; font-size: 20px; border-bottom: 2px solid #929DA2; font-weight: 400 !important; margin: 10px 0; padding: 5px 0; }
    .sepetim p { margin: 7px 0; }
        .sepetim p .lblGosterge { float: right; font-weight: 700; }
    .sepetim .pKalin { border-bottom: 2px solid #929DA2; padding-bottom: 10px; }
    .sepetim .pInce { border-bottom: 1px solid #929DA2; padding-bottom: 10px; }
    .sepetim h3 { margin: 15px 0; padding: 5px 0 0 0; font-weight: 400; font-size: 22px; }
/*UYE BILGILERI*/
.uye-bilgileri { width: 100%; margin-top: 20px; }
    .uye-bilgileri .uye-bilgileri-sol { width: calc(70% - 1px); float: left; margin-right: 2%; }
        .uye-bilgileri .uye-bilgileri-sol .ustBolum { width: 100%; }
        .uye-bilgileri .uye-bilgileri-sol .ustBolum .loginBol{margin:0 10%; width: 50%;}
.radio { font-family: 'Oswald', sans-serif; font-size: 18px; font-weight:400; color: #00104a; }
.uye-bilgileri .uye-bilgileri-sol .altBolum { width: 100%; }
.uye-bilgileri .uye-bilgileri-sol .altBolum .loginBol{margin:0 10%; width: 50%;}
.odemePC{width:100%!important; margin:0 auto!important; padding:0!important;}
.uye-bilgileri .uye-bilgileri-sol .altBolum .uyeOlBol{margin:0 10%; width: 50%;}
.odemePC-havale{margin:0!important; width:100%!important;}
.uye-bilgileri .uye-bilgileri-sol .altBolum .uyeOlma{margin:0 10%; width: 50%;}
    .uye-bilgileri .uye-bilgileri-sol .altBolum h2 { border: none; margin: 20px 0; }
    .uye-bilgileri .uye-bilgileri-sol .altBolum p { font-weight: 400;  }
    .uye-bilgileri .uye-bilgileri-sol .altBolum .lblUyeOl { text-align: left!important;  }
    .uye-bilgileri .uye-bilgileri-sol .altBolum .chkBox {display: inline-block; }
.uye-bilgileri .uye-bilgileri-sag { width: 25%; float: left; padding-left: 2%; border-left: 1px solid #929DA2; }
.uye-bilgileri h2 { font-family: 'Oswald', sans-serif; color: #00104a; font-size: 20px; border-bottom: 2px solid #929DA2; font-weight: 400 !important; margin: 10px 0; padding: 5px 0; }
.uye-bilgileri p { margin: 7px 0; font-size: 14px; }
    .uye-bilgileri p .lblGosterge { float: right; font-weight: 500; }
.uye-bilgileri .pKalin { border-bottom: 2px solid #929DA2; padding-bottom: 10px; }
.uye-bilgileri .pInce { border-bottom: 1px solid #929DA2; padding-bottom: 10px; }
.uye-bilgileri .pInce2 { padding-bottom: 10px; }
.uye-bilgileri .hr1px { border-bottom: 1px solid #929DA2; }
.uye-bilgileri h3 { margin: 15px 0; padding: 5px 0 0 0; font-weight: 400; font-size: 22px; }
/*ÜYE OL*/
.uye-bilgileri2 { width: 100%; margin-top: 20px; }
    .uye-bilgileri2 .uye-bilgileri-sol { width: calc(100% - 1px); }
        .uye-bilgileri2 .uye-bilgileri-sol .altBolum { width: 100%; }
            .uye-bilgileri2 .uye-bilgileri-sol .altBolum .loginBol { float: left; margin:0 10%; width: 30%; }
            .uye-bilgileri2 .uye-bilgileri-sol .altBolum .uyeOlBol { float: left; margin:0 10%; width: 30%; }
            .uye-bilgileri2 .uye-bilgileri-sol .altBolum h2 { border: none; margin: 20px 0;}
            .uye-bilgileri2 .uye-bilgileri-sol .altBolum p { font-weight: 400; text-align:left; }
            .uye-bilgileri2 .uye-bilgileri-sol .altBolum .lblUyeOl {  display:block; }
            .uye-bilgileri2 .uye-bilgileri-sol .altBolum .lblUyeOl2 { display:block; }
            .uye-bilgileri2 .uye-bilgileri-sol .altBolum .chkBox { display: inline-block; }
             .btnHavale { margin-left: calc(50% - 80px)!important; width:160px!important; display: inline-block; }
            .uye-bilgileri2 .uye-bilgileri-sol .altBolum .chkBox2 {display: inline-block; }
.w3-container .uyeOlBol { width: 100%; }
    .w3-container .uyeOlBol .lblUyeOl { width: 400px; text-align: right; margin-right: 20px; display: inline-block; }
    .w3-container .uyeOlBol .chkBox { margin-left: 425px; display: inline-block; }
/*ONLINE ODEME BUTONLAR*/
.btnSepetGun { background-color: #00104a; border: 1px solid #153194; display: inline-block; cursor: pointer; color: #ffffff; font-family: 'Oswald', sans-serif; font-size: 17px; padding: 6px 22px; margin: 10px 10px 5px 0; text-decoration: none; text-shadow: 0px 1px 0px #572300; }
    .btnSepetGun:hover { background-color: #153194; }
    .btnSepetGun:active { position: relative; top: 1px; }
.btnSepetAdevam { background-color: #ffffff; border: 3px solid #00104a; display: inline-block; cursor: pointer; color: #00104a; font-family: 'Oswald', sans-serif; font-size: 16px; padding: 4px 18px; text-decoration: none; margin: 5px 5px 5px 0; }
    .btnSepetAdevam:hover { background-color: #00104a; color: #fff; }
    .btnSepetAdevam:active { position: relative; top: 1px; }
.btnKuponKullan { background-color: #fafafa; border: 1px solid #e6e6e6; display: inline-block; cursor: pointer; color: #616161; font-family: Arial; font-size: 16px; padding: 5px 18px; text-decoration: none; margin: 5px 5px 5px 0; }
    .btnKuponKullan:hover { background-color: #e6e6e6; }
    .btnKuponKullan:active { position: relative; top: 1px; }
.width100 { width: 100%; margin: 10px 0; }
.width50 { float: left; margin: 10px 10px 10px 0; width: calc(60% - 15px); padding: 7px 10px; }
.width50-2 { float: left; margin: 10px 0 10px 10px; width: calc(40% - 25px); }
.txt50 { width: calc(100% - 15px); padding: 5px; border: 1px solid #00104a; }
.txt25 { width: 30%; padding: 5px; border: 1px solid #00104a; }
.txtBorder2 { border: 1px solid #00104a; }
.lblSag { float: left; text-align: right; }
.lblSol { float: left; }
/*ÖDEME SEÇENEKLERİ*/
.radio2 { font-family: 'Oswald', sans-serif; font-size: 20px; color: #4c565b; margin-right: 20px; }
    .radio2:hover { color: #00104a; }
.radioKoyu { color: #00104a; }
.radioAcik { color: #4c565b; }
.bayilik a { color: #000; }
    .bayilik a:hover { color: #929DA2; }
.bayilik p { padding: 20PX; font-size: 16PX; width: calc(100% - 40px); text-align: center; }
/*GRIDVIEW*/
.mGrid { width: 100%; background-color: #fff; margin: 5px 0 10px 0; border: solid 1px #525252; border-collapse: collapse; }
    .mGrid td { padding: 4px 2px; border: solid 1px #00104a; color: #343434; font-family: 'Source Sans Pro', sans-serif; text-align: center; }
    .mGrid th { padding: 6px 2px; background-color: #00104a; border-left: solid 1px #525252; font-size: 0.9em; font-family: 'Oswald', sans-serif; font-size: 16px; color: #fff; font-weight: 500; }
    .mGrid .alt { background: #fcfcfc url(grd_alt.png) repeat-x top; }
    .mGrid .pgr { background: #424242 url(grd_pgr.png) repeat-x top; }
        .mGrid .pgr table { margin: 5px 0; }
        .mGrid .pgr td { border-width: 0; padding: 0 6px; border-left: solid 1px #666; font-weight: bold; color: #fff; line-height: 12px; }
        .mGrid .pgr a { color: #666; text-decoration: none; }
            .mGrid .pgr a:hover { color: #000; text-decoration: none; }
/*modal*/
.demo { display: block; font-family: 'Source Sans Pro', sans-serif; font-size: 17px; color: #343434; }
.demoKapat { display: none; }
.demo i { color: #00104a; font-size: 24px; }
.modalChexBox { display: inline-block; }
.modalCerceve { background: rgba(5, 10, 30, 0.5); opacity: 0; visibility: hidden; z-index: 99999; -moz-transition: all .2s ease-out; -webkit-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; }
.modal { background-color: white; width: 60%; height: 80%; overflow: auto; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; border-radius: 5px; padding: 10px 15px; }
    .modal .kapat { float: right; color: #666; cursor: pointer; font-size: 32px; }
input[type='checkbox']#gizli-checkbox:checked ~ .modalCerceve { position: absolute; z-index: 9999; top: 0; bottom: 0; left: 0; right: 0; opacity: 1; visibility: visible; }
input[type='checkbox']#gizli-checkbox { display: none; }
.payTrIframeKapsul { width: 100%; }
.payTrIframe {  width: 100%; }
/*ETİKETLER*/
.etiket .etiketAlt { width: 100%; }
    .etiket .etiketAlt h5 { float: left; width: auto; line-height: 20px; margin: 9px 0 1px 0; padding: 0; font-weight: 400; font-size: 18px; }
    .etiket .etiketAlt h6 { float: left; width: auto; line-height: 20px; margin: 9px 0 1px 0; padding: 0; font-weight: 400; font-size: 18px; }
    .etiket .etiketAlt p { float: left; line-height: 20px; margin: 5px 0; padding: 0; }
    .etiket .etiketAlt a { float: left; line-height: 20px; margin: 5px 0; height: 20px; padding: 0; font-size: 16px; font-weight: 300; font-family: 'Source Sans Pro', sans-serif; }
.goruntulenme { margin-top: 5px; }
/*İLETİŞİM*/
.iletisimP { text-align: center; }
.iletisimH2 { text-align: center; }
.iletisimSol { width: 100%; text-align: left;}

/*GRIDVIEW*/
.headerGrid { text-align: center; font-family: 'Oswald', sans-serif; color: #00104a; font-size: 20px; border-bottom: 2px solid #929DA2; margin: 10px 0; padding: 5px 0; }
    .headerGrid th { text-align: center; font-weight: 400 !important; }
        .headerGrid th:first-child { text-align: left; }
        .headerGrid th:last-child { border-right: none; }
.satisGrid { width: calc(100% - 20px); margin: 20px 10px; background-color: white; border: solid 0 #929DA2 !important; background-color: transparent; }
    .satisGrid td { text-align: center; font-family: 'Source Sans Pro', sans-serif; font-size: 16px; margin: 5px 0; padding: 5px 0; border-bottom: 1px solid #929DA2; }
        .satisGrid td:first-child { text-align: left; }
/*SATIS LABELLAR*/
.topUcretSonuc { float: left; font-weight: bold; width: 15%; text-align: center; font-family: 'Source Sans Pro', sans-serif; color: #fff; font-size: 20px; }
.topUcret { float: left; width: 78%; text-align: right; color: #04579e; font-weight: bold; font-family: 'Source Sans Pro', sans-serif; color: #fff; font-size: 20px; }
.onlineHr { display: none; }
.olcuNasılh2 { color: #00104a; }
/*GALERİ*/
.foto { width: calc(33% - 34px); overflow: hidden; height: 320px; padding: 20px; border: 1px solid #00104a; background-color: rgba(255, 255, 255, 0.3); margin: 15px; float: left; }
    .foto h3 { margin: 0; color: #00104a; width: 100%; text-align: left; font-size: 16px; font-weight: 400; }
    .foto p { font-size: 13px; width: 100%; font-weight: 400; line-height: 13px; }
    .foto img { width: 100%; margin-top: 15px; max-height: 280px; }
    .foto a { color: #04579e; }
    .foto h6 { font-size: 12px; font-weight: 100; margin: 0; padding: 0; }
/*SİPARİŞ İÇİN*/
a.md-primary-sol { position: fixed; bottom: 10%; right: 56px; width: 36px; height: 36px; overflow: hidden; cursor: pointer; transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition-delay: 0.2s; text-align: center; line-height: 32px; font-size: 36px; z-index: 9999; color: #00104a; }
a.md-primary-btn { position: fixed; bottom: 10%; right: 10px; width: 36px; height: 36px; overflow: hidden; cursor: pointer; transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition-delay: 0.2s; text-align: center; line-height: 36px; font-size: 36px; z-index: 9999; color: #37bc4b; }
.md-primary-orta { position: fixed; cursor: pointer; padding-top: 7px; padding-left:10px; border-radius:50%; width: 58px; height:58px; background-color:#fff; right: 45px; bottom: 50px; z-index: 9998;}
    .md-primary-orta .lnkBtn { color: #00104a;; text-align: center !important; font-size: 18px; font-weight: 500; padding-top:15px; }
    .md-primary-orta:hover i, .md-primary-orta:hover .sepetAdet {color:#153194!important; border-color:#153194;}
    .md-primary-orta p { color: black; text-align: center; font-size: 14px; margin: 0; padding-top: 5px; font-weight: 400; width: 100%; }
    .md-primary-orta i{font-size:25px; margin-top:20px;}
    .sepetAdet{border-radius:50%; display:inline-block; position:absolute; z-index:9999; margin-left:-25px; width:25px; height:25px; border:#00104a solid 2px;}
.whatsapp{position:fixed; bottom:125px; right:50px; z-index:9999; }
.whatsapp img{max-width:48px!important;}
.masterSepet{border-radius:50%; background-color:#fff; right: 45px; bottom: 50px; z-index: 9998;}
.masterSepet i{font-size:18px;}
.sepetAdet2{border-radius:50%; display:inline-block; position:absolute; z-index:9999; margin-left:-15px; margin-top:-12px; padding:0 5px; font-size:12px!important; border:#00104a solid 2px;}
/*BLOG*/
.blogResimli {width: 100%;}
    .blogResimli article {padding: 5px;margin: 5px;align-items: center;float: left;width: calc(25% - 10px); color: white;}
        .blogResimli article h4 {font-size: 14px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
        .blogResimli article img {width: 100%;height: 150px;margin: 0; padding: 0;}
        .blogResimli article div {width: calc(100% -10px);margin: 0;padding: 5px;font: 500 14px "Open Sans", Sans Serif !important;font-style: normal !important;background-color: #d1b69e;}
        .blogResimli article i { float: right; margin: 0;padding: 0;}
        .blogResimli article h3 {font-weight: 400; margin: 3px 0; padding: 0 5px; border-left: solid 3px #00104a; }
        .blogResimli article p { margin: 0;padding: 0; font: 300 15px "Open Sans", Sans Serif !important;font-style: normal !important; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 44px !important; overflow: hidden;}
    .blogResimli .tumBlog {float: right; font: 400 15px "Oswald", Sans Serif !important;  color: #00104a;  }

.blogAna { padding: 25px; width: calc(100% - 0px); background-color: rgba(255, 255, 255, 0.9); margin: 25px 0 -25px 0; }
    .blogAna h1 { text-align: center; font-size: 26px; font-weight: 400; margin: 15px auto; }
.blog { margin: 0 20px; width: calc(100% - 40px); height: auto; padding: 5px 0; }
    .blog h2 { text-transform: uppercase; text-align: center; font-weight: 400; font-size: 24px; margin: 10px 0; padding: 0; }
    .blog h3, .blog h4, .blog h5 { text-align: center; margin: 5px 0; padding: 0; font-weight: 200; font-size: 22px; }
    .blog .imgCerceve img { width: 100%; height: auto; }
    .blog .imgCerceve { width: 100%; height: 360px; overflow: hidden; }
    .blog .icerik { width: 100%; overflow: hidden; }
        .blog .icerik p strong { font-weight: 700; }
        .blog .icerik p { font-size: 14px; }
.bankalar { width: 70%; margin-bottom: 10px; margin-right: 5%; float: left; text-align: right; }
    .bankalar img { max-width: 95%; }
.ssl { width: 25%; float: left; text-align: left; }
    .ssl img { max-width: 95%; }
.pazarYeri { width: 100%; margin: 0; padding: 0; }
    .pazarYeri p { text-align: center; text-transform: uppercase; font-size: 22px; font-family: 'Oswald', sans-serif; font-weight: 400; color: #dcdcdc!important; }
        .pazarYeri p strong { color: #ecf6f8; }
    .pazarYeri img { margin: 5px 6%; width: 20%; padding: 0; }
.tabloTeknik, .tabloTeknik td, .tabloTeknik th { border: 1px solid #ddd; text-align: left; }
.tabloTeknik { border-collapse: collapse; width: 100%; }
    .tabloTeknik th, .tabloTeknik td { padding: 15px; }
    .tabloTeknik th { text-align: center; text-transform: uppercase; }
/* ÜRÜN AYRINTI TABLAR */
.tabset > input[type="radio"] { position: absolute; left: -200vw; }
.tabset .tab-panel { display: none; }
.tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child,
.tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2),
.tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3),
.tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4),
.tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5),
.tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6) { display: block; }
/* Styling */
.tabset > label { position: relative; display: inline-block; padding: 15px 15px 25px; border: 1px solid transparent; border-bottom: 0; cursor: pointer; font-weight: 600; }
    .tabset > label::after { content: ""; position: absolute; left: 15px; bottom: 10px; width: 22px; height: 4px; background: #8d8d8d; }
    .tabset > label:hover,
    .tabset > input:focus + label { color: #06c; }
        .tabset > label:hover::after,
        .tabset > input:focus + label::after,
        .tabset > input:checked + label::after { background: #06c; }
.tabset > input:checked + label { border-color: #ccc; border-bottom: 1px solid #fff; margin-bottom: -1px; }
.tab-panel { padding: 30px 0; border-top: 1px solid #ccc; }
/* Demo purposes only */
*,
*:before,
*:after { box-sizing: border-box; }
.tabset { max-width: 100%; }
    .tabset h3, .tabset h2 { color: #00104a; }
    .blogSon
{
    float:left;
    margin:10px;
    width:calc(25% - 22px);
    text-align:center;
    border:1px solid #929DA2;
}
.blogSon figcaption{font-size:15px; font-weight:500; width:100%; padding:5px; text-align:center; height:50px;}
.blogSon figure{margin:0; padding:0;}
.blogSon img{width:100%!important; height:150px;}
.nedenBiz {padding: 25px; width: 100%; background-color: rgba(255,255,255,0.8); margin: 25px 0;}
.yorumBaslik{font-family: 'Oswald', sans-serif;font-size:20px; color:#4c565b; font-weight:700; }
.yorumSayisi{font-weight:500; color:#666;}
.yorumYorum{width:50%; padding:10px; font-family: 'Oswald', sans-serif;font-size:16px;}
.yorumIsim{width:30%; padding:10px; font-family: 'Oswald', sans-serif;font-size:16px;}
.yorumGonder{margin:10px 0 10px 20px; width:calc(20% - 26px); padding:10px; font-family: 'Oswald', sans-serif; background-color:#00104a; color:white; border:1px solid #153194; font-size:16px;}
.tab-panel i{font-size:20px; margin-right:10px;}
.yorumUyari{font-family: 'Oswald', sans-serif;font-size:14px; color:red;  }
.yorumlar{margin-top:50px;}
.yorumIcerik{font-family: 'Oswald', sans-serif;font-size:16px; font-weight:400; margin-top:6px; padding-top:0;}
.yorumKisi{margin-bottom:0;font-family: 'Oswald', sans-serif;font-size:16px;font-weight:400;}
.yorumlar hr{background-color:#cccccc; height:1px; border:none; margin:30px 0; width:50%;}
.sol-bosluk{display:none!important;}
.ilk-span{display:none!important;}
.height-240{height:240px!important;}
/* URUN AYRINTI GALERİ */
@media (max-width:768px) {
    .height-240{height:auto!important;}
    .yorumYorum{width:100%; font-size:15px;}
    .yorumIsim{width:60%; font-size:15px;}
    .yorumGonder{margin:10px 0 10px 10px; width:calc(40% - 16px); font-size:15px;}
    .yorumUyari{font-size:13px;}
    .yorumIcerik{font-size:15px; }
    .yorumKisi{font-size:15px;}
    .yorumlar hr{width:100%;}
    .w-100{width:100%!important;}

    .blogSon {width: calc(100% - 22px);}
        .blogResimli article {
        padding: 5px;
        margin: 5px;
        align-items: center;
        float: left;
        width: calc(100% - 10px);
        color: white;
    }
    .imgWidth500 { width: 100% !important; }
    .imgFloatLeft { width: 100% !important; float: none !important; }
    /*Ölçü Nasıl Alınır*/
    .olcuNasil { width: calc(50% - 20px); margin: 10px; }
    .siparisNasil { width: 100%; width: calc(100% - 30px); margin: 10px; }
        .olcuNasil i, .siparisNasil i { font-size: 50px; padding: 5px 0; }
        .olcuNasil h3, .siparisNasil h3 { font-weight: 300; }
    .pazarYeri p { font-size: 16px; }
    .pazarYeri img { margin: 5px 4%; width: 40%; }
    .bankalar { width: 100%; float: none; text-align: center; }
        .bankalar img { width: 95%; }
    .ssl { width: 100%; float: none; text-align: center; }
        .ssl img { width: 55%; }
    body { background-color: #F1F1F1; background-attachment: fixed; background-size: cover; }
    .cerceve { width: 100% !important; }
    nav .open { display: block; font-family: 'Oswald', sans-serif; font-weight: 400; font-size: 24px; text-align: left; }
    nav ul { display: none; width: 100%; padding: 0; }
        nav ul li { float: none; margin: 0; border-bottom: 1px solid #929DA2; padding: 5px 0; }
            nav ul li a { font-size: 18px; }
                nav ul li a:hover { color: #000; border-top: none; }
            nav ul li:last-child { border-bottom: none; }
            nav ul li:first-child { margin-left: 0; }
    .ustCerceveAlt .sol-kisim { width: calc(50% - 10px); padding-left: 10px; font-size: 13px; }
    .ustCerceveAlt .orta-kisim { display: none; }
    .ustCerceveAlt .sag-kisim { width: 50%; font-size: 12px; }
    header { margin: 0; width: 100%; height: auto; text-align: center; position: relative; }
        header .logoAmplem { width: 100%; margin-left: 0; float: none; text-align: left; }
            header .logoAmplem img { width: 250px; margin: 10px auto; margin-bottom: 0; }
        header .sepet { width: calc(100% - 10px); margin-right: 10px; float: none; position: relative; bottom: 0; right: 0; }
            header .sepet .girisFont { font-size: 14px; color: #00104a; font-family: 'Oswald', sans-serif; font-weight: 400; }
    .slayt-alti { padding: 10px; text-align: center; }
        .slayt-alti p { font-size: 14px; }
        .slayt-alti a { font-size: 14px; }
        .slayt-alti h1 { font-size: 1.5em; margin: 10px; padding: 0; }
    .nedenBiz { padding: 10px; width:100%; }
        .nedenBiz section { width: calc(100% - 20px); padding: 5px 10px; text-align: center; }
            .nedenBiz section img { height: 100px; }
        .nedenBiz h2 { font-size: 1.5em; margin: 10px; padding: 0; }
    .liste_firma_cerceve2 { width: calc(50% - 22px); margin: 15px 10px; }
    .liste_yama{width: calc(50% - 22px)!important;}
    .urunlerimiz { padding: 10px; }
        .urunlerimiz section { float: none; width:100%; padding: 5px 10px; margin-bottom: 10px; }
            .urunlerimiz section figure img { height: 250px; }
            .urunlerimiz section p { font-size: 20px; }
            .urunlerimiz section .satinAl { font-size: 20px; }
        .urunlerimiz h3 { font-size: 1.5em; margin: 10px; padding: 0; }
    .urunOzel img{width:60px!important; padding:0!important;}
    .urunAyrintiDiv .uaSol { width: 100%; float: none; }
    .urunAyrintiDiv .uaSag { width: 100%; float: none; margin-top:10px!important; }
        .urunAyrintiDiv .uaSag p { font-size: 13px; }
    .bayilik { width: 100%; padding: 0; border-radius: 0; margin: 0 auto; }
        .bayilik p { text-align: left; padding: 10px; font-size: 14px; width: calc(100% - 20px); }
        .bayilik .bayiIc { margin: 0; padding: 10px; width:100%; border-radius: 0; }
        .bayilik .txtBayi1 { width: calc(100% - 25px); }
        .bayilik .txtBayiL1 { max-width: calc(100% - 25px); min-width: calc(100% - 25px); height: 66px; min-height: 66px; }
    
        .blogdan h4 { font-size: 1.5em; margin: 10px; padding: 0; }
        .blogdan .slaytSol { float: none; margin: 10px; width: calc(100% - 20px); height: 100%; }
            .blogdan .slaytSol .ust { width: 100%; height: 100%; }
                .blogdan .slaytSol .ust img { height: 100%; width: 100%; margin: 0; padding: 0; }
            .blogdan .slaytSol .alt { width: 100%; margin-top: -10px; }
                .blogdan .slaytSol .alt p { margin: 0; width: 100%; }
        .blogdan .slaytSag { z-index: 2; float: none; margin: 10px; width: calc(100% - 20px); }
            .blogdan .slaytSag .ust { width: 100%; height: auto; }
                .blogdan .slaytSag .ust img { height: auto; width: 100%; margin: 0; padding: 0; }
            .blogdan .slaytSag .alt { margin-top: -10px; }
                .blogdan .slaytSag .alt p { margin: 0; width: 100%; }
            .blogdan .slaytSag .Aust { height: auto; }
                .blogdan .slaytSag .Aust img { height: auto; }
            .blogdan .slaytSag .Aalt { width: 100%; margin-top: -10px; }
                .blogdan .slaytSag .Aalt p { margin: 0; width:100%; }
    .rakamlarlaBiz { padding: 10px; width: calc(100% - 0px); }
        .rakamlarlaBiz h5 { font-size: 20px; margin: 10px; padding: 0; }
        .rakamlarlaBiz ul { list-style: none; margin: 15px 0; padding: 0; width: 100%; }
            .rakamlarlaBiz ul li { padding: 10px; margin: 5px; width: calc(50% - 12px); }
                .rakamlarlaBiz ul li:last-child { margin: 5px; width: calc(50% - 12px); }
                .rakamlarlaBiz ul li .ustK { font-size: 24px; }
                .rakamlarlaBiz ul li .altK { font-size: 20px; }
    footer article { padding: 10px; float: left; width: calc(100% - 20px); }
        footer article ul { list-style: none; margin: 0; padding: 0; }
            footer article ul li { padding: 4px 0; font-family: 'Source Sans Pro', sans-serif; }
                footer article ul li a { font-size: 16px; font-weight: 500; }
                    footer article ul li a:hover { color: #00104a; }
        footer article p { margin: 10px 0; }
    .bucakSalebi img { padding:15px 0; max-width: 100%; margin:0; }
    .bucakSalebi .urunSlayt .slaytUzeri img{width:85%!important; padding-left:0px!important;}
        .bucakSalebi img.ikinci { float: left; padding: 0 10px 0 0; max-width: 100%; }
    .bucakSalebi p { font-size: 14px; }
    .bucakSalebi { font-size: 14px; }
    .genelSablon { padding: 10px; width: calc(100% - 0px); }
        .genelSablon h1 { font-size: 1.5em; margin: 0; }
    .marginDusur { margin: 0; }
    .mobIconBoy { font-size: 32px !important; }
    .satisGrid { width: 100%; margin: 20px 0; }
    .onlineSatis { padding: 10px; width: calc(100% - 20px); }
        .onlineSatis h1 { font-size: 20px; margin: 10px auto; }
        .onlineSatis h2 { font-size: 17px; }
        .onlineSatis h3 { font-size: 20px; }
        .onlineSatis h4 { font-size: 20px; }
        .onlineSatis h5 { font-size: 20px; }
        .onlineSatis .bayiIc { margin: 10px; padding: 10px; width: calc(100% - 40px); }
    .onlineSol { margin: 15px 0; width: 100%; float: none; }
    .onlineSag { margin: 15px 0; width: 100%; float: none; }
        .onlineSag img { width: 50%; }
    .onlineHr { display: block; }
    .lblSonuc { font-weight: 400; color: #153194; text-decoration: underline !important; font-size: 18px; font-family: 'Source Sans Pro', sans-serif; }
    .txtBayi { float: left; line-height: 22px; margin: 5px 10px; width: calc(100% - 45px); padding: 10px; }
    .txtFont { font-family: 'Oswald', sans-serif; font-weight: 400; font-size: 16px; color: #4c565b; }
    .txtBorder { border: 1px solid ##00104a; }
    .txtBayiL { max-width: calc(100% - 45px); min-width: calc(50% - 45px); height: 66px; min-height: 66px; }
    .drpOnline { float: none; line-height: 22px; margin: 10px; width: calc(100% - 40px); padding: 10px; }
    .drpOnline2 { float: none; line-height: 22px; margin: 10px; width: 250px; padding: 10px; }
    .txtEnBoy { float: none; line-height: 22px; margin: 5px 10px; width: calc(100% - 45px); padding: 10px; }
    .cbOnline { float: none; line-height: 22px; width: 60px; margin: 10px; padding: 10px; }
    .bayiButon { margin: 10px; color: white; padding: 10px 30px; line-height: 22px; float: right; background-color: #4c565b; }
    .ekleButon { margin: 10px 25px 0 10px; color: white; padding: 10px 20px; line-height: 22px; float: right; }
    .ekleButon2 { margin: 10px 25px 0 10px; color: white; padding: 10px 20px; line-height: 22px; background-color: #4c565b; }
    .bayilik a { color: #000; }
        .bayilik a:hover { color: #929DA2; }
    .bayilik p { padding: 20px; font-size: 16px; width: calc(100% - 40px); text-align: center; }
    .foto { width: calc(100% - 24px); height: auto; padding: 10px; margin: 10px; float: left; }
        .foto p { font-size: 13px; line-height: 13px; }
        .foto img { max-height: 250px; }
    .etiket .etiketAlt h5 { width: auto; line-height: 16px; margin: 2px 0; padding: 0; font-weight: 400; font-size: 18px; }
    .etiket .etiketAlt p { line-height: 18px; margin: 0; }
    .etiket .etiketAlt a { line-height: 18px; margin: 0; padding: 0; font-size: 15px; }
    .iletisimP { text-align: center; }
    .ustCerceveAlt a { font-size: 15px; }
    a.md-primary-btn { bottom: 2px; right: 20px; width: 36px; height: 36px; }
    a.md-primary-sol { position: fixed; bottom: 2px; left: 20px; width: 36px; height: 36px; color: #888888; }
    .md-primary-orta { position: fixed; display: block; overflow: hidden; cursor: pointer; width: 100%; bottom: 0; margin: 0!important; padding: 0!important; right:0; height: 40px; background-color: #00104a; z-index: 9998; border-radius:0;  }
        .md-primary-orta .lnkBtn { color: #fff; text-align: center !important; font-size: 20px; margin-left: calc(50% - 125px); padding-top: 8px; width: 250px; display: block; }
        .md-primary-orta:hover i, .md-primary-orta:hover .sepetAdet {color:#fff!important; border-color:#153194;}
.md-primary-orta i{font-size:20px; margin-top:0;}
    .sepetAdet{border-radius:50%; display:inline-block; position:absolute; z-index:9999; margin-left:0;  border:none;}
    .sol-bosluk{display:inline-block!important; margin-left:25px;}
    .blog { margin: 10px; width: calc(100% - 20px); height: auto; padding: 5px 0; }
        .blog h2 { text-align: center; font-size: 20px; }
        .blog .imgCerceve { height: 140px; }
    .altDiv { padding-bottom: 40px; }
        .altDiv span { width: 100%; }
        .altDiv .sol, .altDiv .sag { float: none; width: 100%; text-align: center; padding: 2px 0; margin: 0 auto; }
    /*GRIDVIEW*/
    .headerGrid { font-size: 16px; font-weight: 300 !important; }
    .satisGrid td { font-size: 14px !important; }
    .lnkSil { font-size: 15px !important; }
    .urunSlayt { width: 100%; float: none; margin-top: 20px; }
    .urunBilgi { margin-left: 0; width: 100%; float: none; }
        .urunBilgi .ustBilgi h3 { font-size: 14px; }
    .mblTxt0 { float: left; margin: 5px !important; padding: 5px; width: calc(100% - 20px) !important; border: 1px solid #00104a !important; }
    .mblTxt { float: left; margin: 5px !important; padding: 5px; width: calc(40% - 20px) !important; }
    .mblTxt2 { float: left; margin: 5px !important; padding: 5px; width: calc(70% - 10px) !important; }
    /*.urunBilgi .altBilgi p { font-size: 13px; }*/
    .urunBilgi .altBilgi h4 { font-size: 20px; }
    .aciklamaBaslik { font-size: 15px !important; margin: 0 !important; padding: 10px !important; }
    .city p { font-size: 13px !important; }
    .sepetim { width: 100%; margin-top: 20px; }
        .sepetim .sepetimSol { width: 100%; float: none; margin-right: 0; }
        .sepetim .sepetimSag { width: 100%; float: none; padding-left: 0; border-left: none; }
            .sepetim .sepetimSag p { font-size: 14px; }
    .width50 { margin: 5px 5px 5px 0; width: calc(60% - 20px); padding: 7px 10px; }
    .width50-2 { margin: 5px 0 5px 5px !important; padding: 4px 7px; width: calc(40% - 10px) !important; }
    /*UYE BILGILERI*/
    .uye-bilgileri { width: 100%; margin-top: 20px; }
        .uye-bilgileri .uye-bilgileri-sol { width: 100%; float: none; margin-right: 0; }
            .uye-bilgileri .uye-bilgileri-sol .ustBolum { width: 100%; }
            .uye-bilgileri .uye-bilgileri-sol .ustBolum .loginBol{margin:0; width: 100%;}
    .radio { font-family: 'Oswald', sans-serif; font-size: 18px; color: #4c565b; }
    .uye-bilgileri .uye-bilgileri-sol .altBolum { width: 100%; }
    .uye-bilgileri .uye-bilgileri-sol .altBolum .loginBol{ width: calc(100% - 0px); margin:0 0 40px 0; padding:0 10px; }
    .odemeMobil{width:100%!important; padding:0!important; margin:0!important;}
    .uye-bilgileri .uye-bilgileri-sol .altBolum .uyeOlBol{width: calc(100% - 0px); margin:0 0 40px 0; padding:0 10px;;}
    .uye-bilgileri .uye-bilgileri-sol .altBolum .uyeOlma{width: calc(100% - 0px); margin:0 0 40px 0; padding:0 10px;}
        .uye-bilgileri .uye-bilgileri-sol .altBolum h2 { border: none; margin: 20px 0; text-align: center; }
        .uye-bilgileri .uye-bilgileri-sol .altBolum .lblUyeOl { display:block; text-align:left; }
        .uye-bilgileri .uye-bilgileri-sol .altBolum .chkBox { margin-left: 0; display: inline-block; }
        .uye-bilgileri .uye-bilgileri-sol .altBolum .btnHavale { margin-left: 0; width: 100%; display: inline-block; }
    .uye-bilgileri .uye-bilgileri-sag { width: 100%; float: none; padding-left: 0; border-left: 0; }
    .uye-bilgileri h2 { font-weight: 400 !important; margin: 10px 0; padding: 5px 0; }
    .uye-bilgileri p { margin: 7px 0; }
    .uye-bilgileri h3 { margin: 15px 0; padding: 5px 0 0 0; font-weight: 400; font-size: 22px; }
    .txt50 { width: calc(100%); margin:0 auto; padding: 8px; border: 1px solid #00104a; }
    .txt25 { width: calc(100% - 130px); padding: 5px; border: 1px solid #00104a; }
    .w3-container .uyeOlBol .chkBox { margin-left: 105px; display: inline-block; }
    .w3-container .uyeOlBol .lblUyeOl { width: 80px; text-align: right; margin-right: 20px; display: inline-block; }

    .btnSepetGun {width:100%;}
    /*ÜRÜNLER*/
    .urunlerKisim { width: calc(100% - 0px); }
        .urunlerKisim h2 { font-size: 16px; font-weight: 500; }
        .urunlerKisim h3 { margin-left: 10px; font-size: 15px; font-weight: 500; }
        .urunlerKisim ul { list-style: none; margin: 0; padding: 0; }
            .urunlerKisim ul li { color: #153194; font-family: 'Oswald', sans-serif; font-weight: 400; }
        .urunlerKisim a { font-size: 15px; margin-left: 0; }
            .urunlerKisim a:hover { }
    /*GRIDVIEW*/
    .mGrid { width: 100%; background-color: #fff; margin: 5px 0 10px 0; border: solid 1px #525252; border-collapse: collapse; }
        .mGrid td { padding: 4px 2px; border: solid 1px #00104a; color: #343434; font-family: 'Source Sans Pro', sans-serif; text-align: center; font-size: 12px; }
        .mGrid th { padding: 6px 2px; background-color: #00104a; border-left: solid 1px #525252; font-family: 'Oswald', sans-serif; font-size: 12px; color: #fff; font-weight: 400; }
        .mGrid .alt { background: #fcfcfc url(grd_alt.png) repeat-x top; }
        .mGrid .pgr { background: #424242 url(grd_pgr.png) repeat-x top; }
            .mGrid .pgr table { margin: 5px 0; }
            .mGrid .pgr td { border-width: 0; padding: 0 6px; border-left: solid 1px #666; font-weight: bold; color: #fff; line-height: 12px; }
            .mGrid .pgr a { color: #666; text-decoration: none; }
                .mGrid .pgr a:hover { color: #000; text-decoration: none; }

    /*ÜYE OL*/
    .uye-bilgileri2 { width: 100%; margin-top: 20px; }
        .uye-bilgileri2 .uye-bilgileri-sol { width: calc(100% - 1px); }
            .uye-bilgileri2 .uye-bilgileri-sol .altBolum { width: 100%; }
                .uye-bilgileri2 .uye-bilgileri-sol .altBolum .loginBol { float: none; width: calc(100% - 0px); margin:0 0 70px 0; padding:0 10px;  }
                .uye-bilgileri2 .uye-bilgileri-sol .altBolum .uyeOlBol { float: none; width: calc(100% - 0px); margin:0; padding:0 10px; }
                .uye-bilgileri2 .uye-bilgileri-sol .altBolum h2 { border: none; margin: 20px 0; }
                .uye-bilgileri2 .uye-bilgileri-sol .altBolum p { font-weight: 400; }
                .uye-bilgileri2 .uye-bilgileri-sol .altBolum .lblUyeOl { margin:0;   }
                .uye-bilgileri2 .uye-bilgileri-sol .altBolum .lblUyeOl2 { margin:0; }
                .uye-bilgileri2 .uye-bilgileri-sol .altBolum .chkBox { display: inline-block; font-size: 15px; }
                .uye-bilgileri2 .uye-bilgileri-sol .altBolum .chkBox2 { display: inline-block; }
    .payTrIframeKapsul { width: 100%; margin-bottom: 10px; }
    .payTrIframe {width: 100%; }
    .fntK { font-size: 15px !important; }
    .iletisimSol { width: 100%; float: none; }
    .mUstCubuk { width: calc(100% - 4px); color: #00104a; font-size: 12px; text-align: center; font-family: 'Source Sans Pro', sans-serif; margin: 0 auto; padding: 2px; background-color: rgba(255, 255, 255, 0.9); }

    .txtUrunEnBoy { width: calc(50% - 10px ) !important; margin: 5px !important; }
    .txtUrunEnBoy2 { width: calc(100% - 10px) !important; margin: 5px !important; }
    .txtUrunEnBoy3 { margin: 5px 0 !important; width: 30% !important; }

    .urunAyrintiDiv .uaSol .uaSolUst { width: 100%; min-height: 60px; }
    .urunAyrintiDiv .uaSol .uaSolUst2 { width: 100%; min-height: 60px; }
        .urunAyrintiDiv .uaSol .uaSolUst2 h2 { margin: 10px 0 !important; padding: 0; }
    .urunAyrintiDiv .uaSol .uaSolUst3 { width: 100%; min-height: 30px; }
        .urunAyrintiDiv .uaSol .uaSolUst3 del { font-size: 20px; }
        .urunAyrintiDiv .uaSol .uaSolUst3 h2 { margin: 5PX 0 !important; padding: 0; font-size: 32px; }
        /*#mobilSlayt{display:inline-block;}
    #masaustuSlayt{display:none;}*/
        .whatsapp{bottom:50px; right:15px;}
    .whatsapp img{max-width:48px!important;}
    .ilk-span{display:inline-block!important;}
}
.sepete-eklendi{margin:5px auto!important; padding:0!important; display:block!important; float:none!important;}
.hider {
            position: fixed;
            top: 0px;
            left: 0px;
            bottom: 0px;
            right: 0px;
            z-index: 99988;
            background-color: Black;
            opacity: 0.2;
            filter: alpha(opacity=20);
        }

        .popupbox3 {
            position: fixed;
            top: 50%;
            left: 50%!important;
            width: 500px!important;
            height: 230px!important;
            margin-top: -115px!important; /*yüksekliğin yarısı olmalı*/
            margin-left: -250px!important; /*genişliğin yarısı olmalı*/
            z-index: 99999;
            background-color: #fff;
            padding: 10px;
            border-radius:10px;
            -moz-box-shadow: 10px 10px 5px rgb(50,50,50);
            -webkit-box-shadow: 10px 10px 5px rgb(50,50,50);
            box-shadow: 10px 10px 5px rgba(50,50,50,0.3);
        }
        @media (max-width:768px) {
            .popupbox3 {
            left: 5%!important;
            width: 90%!important;
            margin-left: 0!important; /*genişliğin yarısı olmalı*/
        }
        }
@media (min-width:768px) {
    nav ul { display: block !important; }
    .cerceve { width: 1180px !important; }
}
.mt-10{margin-top:20px;}
.hider { position: fixed; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: 99; background-color: Black; opacity: 0.2; filter: alpha(opacity=20); }
.popupbox { position: fixed; top: 50%; left: 50%; width: 300px; height: 160px; margin-top: -80px; /*yüksekliğin yarısı olmalı*/ margin-left: -150px; /*genişliğin yarısı olmalı*/ border: 2px solid #00104a; z-index: 100; background-color: #fafafa; padding: 10px; -moz-box-shadow: 10px 10px 5px rgb(50,50,50); -webkit-box-shadow: 10px 10px 5px rgb(50,50,50); box-shadow: 10px 10px 5px rgba(50,50,50,0.3); }
    .popupbox h2 { text-align: center; color: #00104a; }

input[type=checkbox]#okudum:checked ~ #payTrKapsul { display: none; }
input[type=checkbox]#okudum:checked ~ #payTrKapsul { display: block; }
#paytr_taksit_tablosu { clear: both; font-size: 12px; max-width: 1200px; text-align: center; font-family: Arial, sans-serif; }
    #paytr_taksit_tablosu::before { display: table; content: " "; }
    #paytr_taksit_tablosu::after { content: ""; clear: both; display: table; }
.taksit-tablosu-wrapper { margin: 5px; width: 280px; padding: 12px; cursor: default; text-align: center; display: inline-block; border: 1px solid #e1e1e1; }
.taksit-logo img { max-height: 28px; padding-bottom: 10px; }
.taksit-tutari-text { float: left; width: 126px; color: #a2a2a2; margin-bottom: 5px; }
.taksit-tutar-wrapper { display: inline-block; background-color: #f7f7f7; }
    .taksit-tutar-wrapper:hover { background-color: #e8e8e8; }
.taksit-tutari { float: left; width: 126px; padding: 6px 0; color: #474747; border: 2px solid #ffffff; }
.taksit-tutari-bold { font-weight: bold; }

@media all and (max-width: 600px) {
    .taksit-tablosu-wrapper { margin: 5px 0; }
}
/* Preloader */

#preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(255, 255, 255, 0.7); /* sayfa yüklenirken gösterilen arkaplan rengimiz */ z-index: 9999; /* efektin arkada kalmadığından emin oluyoruz */ }
#status { width: 200px; height: 200px; position: absolute; left: 50%; top: 50%; background-image: url(/img/loader.gif); /* burası yazının ilk başında bahsettiğimiz animasyonu çağırır */ background-repeat: no-repeat; background-position: center; margin: -100px 0 0 -100px; }
.genelSablon .dekoratif_figure{margin:0!important; padding:0!important; border:solid #eee 1px; width:calc(25% - 30px); margin:15px!important; }
.genelSablon .dekoratif_figure img{width:100%;}
.genelSablon .dekoratif_figure figcaption{font-size:14px; font-weight:normal;padding:10px!important; text-align:center;}
.genelSablon .dekoratif_figure h4{font-size:16px; font-weight:normal;padding:0 10px!important; text-align:center;}
.blog_liste{display:flex;align-items:flex-start; flex-wrap:wrap}
@media (max-width:768px) {
    .genelSablon .dekoratif_figure{width:calc(100% - 30px); margin:15px!important; }
}