body{margin:0px;padding:0px;background-color:#efefef;background-image:url('/images/pattern.png');background-attachment:fixed;}
*{font-family:roboto;outline:none;}
a{-webkit-tap-highlight-color: transparent !important;outline:none;text-decoration:none;}
table{width:100%;border-collapse:collapse;border-spacing:0px;}
input, select,textarea,button,submit {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;outline:none;}
button,submit{-webkit-appearance: none;-webkit-border-radius: 0;}
input[type="submit"]{display:none;}

.iskelet{margin:0px auto;width:1300px;position:relative;}
.temizle{clear:both;}
.mobildegoster{display:none;}

.gizli{display:none;}

.fa-trash{color:#e00000;cursor:pointer;}
.fa-trash:hover{color:#000;}

.fa-trash-alt{color:#e00000;cursor:pointer;}
.fa-trash-alt:hover{color:#000;}


.yanson{animation: blinker 1.5s linear infinite;}@keyframes blinker{50% {opacity:0;}}

.sepeturun{position:relative;border-bottom:1px dashed #ccc;padding:10px 0px;display:flex;}
.sepeturun .resim img{width:60px;margin-right:10px;border-radius:5px;}
.sepeturun .urunbilgi{line-height:130%;}
.sepeturun .urunadi{color:#000;font-size:11pt;font-weight:bold;}
.sepeturun .secenekler{color:#808080;font-size:9pt;}
.sepeturun .sil{position:absolute;right:0px;top:10px;}
.sepeturun .sil a{color:#e00000;font-size:9pt;font-size:12pt;}




.urun{position:relative;width:calc(25% - 20px);float:left;background-color:#fff;margin:10px;box-sizing:border-box;border-radius:6px;overflow:hidden;border:1px solid #ccc;}
.urun:hover{background:#ffffff;background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%);background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 47%,#ededed 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );}
.urun .resim{width:100%;height:180px;margin-bottom:10px;background-size:cover;background-position:center center;background-repeat:no-repeat;background-color:#fff;}
.urun .urunadi{padding:0px 10px;height:35px;color:#000;font-weight:bold;overflow:hidden;}
.urun .aciklama{padding:0px 10px;height:50px;color:#808080;font-size:7pt;font-weight:300;overflow:hidden;}
.urun .fiyat{padding:10px;font-weight:bold;color:#299a0b;}
.urun .sepeteat{position:absolute;bottom:8px;right:8px;}
.urun .sepeteat i{font-size:15pt;color:#3e9920;}

.urun-liste{width:100%;border:0px;border-radius:0px;margin:0px;padding:5px;border-bottom:1px solid #ccc;background-color:#fff;}
.urun-liste .resim{width:50px;height:40px;float:left;margin:0px;border:1px solid #ccc;}
.urun-liste .urunadi{height:auto;}
.urun-liste .aciklama{height:auto;margin-top:5px;font-size:8pt;}
.urun-liste .fiyat{position:absolute;right:0px;top:0px;font-size:10pt;font-weight:bold;}
.urun-liste .sepeteat{display:none;}

.aktifgun td{background-color:lightgreen;}

.ajax-sepet{max-height:500px;overflow:auto;}
.ajax-sepet ul{margin:0px;padding:0px;}
.ajax-sepet ul li{list-style:none;padding:10px 0px;border-top:1px dashed #ccc;font-size:9pt;}
.ajax-sepet ul li i{margin-right:5px;}




.fa-shopping-basket{position:relative;}
.sepetadet{position:absolute;top:-10px;right:-10px;background-color:#e00000;color:#fff;width:20px;height:20px;line-height:20px;text-align:center;font-size:10pt;border-radius:50px;}







.form div{padding:10px;box-sizing:border-box;font-size:10pt;}
.form div a{color:#000;text-decoration:none;}
.form div ul{margin:0px;padding:0px;}
.form div ul li{list-style:none;font-size:9pt;}
.form div a i{width:18px;}

.yukari{position:absolute;position:fixed;display:none;bottom:20px;right:20px;cursor:pointer;}

.alt{padding:20px;background-color:#fff;margin-top:50px;}
.alt ul{margin:0px;padding:0px;list-style:none;}
.alt ul li a{display:block;color:#000;font-size:9pt;padding:8px 0px;border-bottom:1px dashed #efefef;transition: all ease .5s;}
.alt ul li a:hover{padding-left:20px;}
.alt ul li a i{margin-right:5px;}


.buton1{outline:none;box-shadow:0px 1px 1px #808080;padding:8px 15px;font-weight:700;cursor:pointer;border:1px solid #cccccc;border-radius:3px;}
.buton1{background: #ffffff;background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%);background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );}
.buton1:hover{background: #ededed;background: -moz-linear-gradient(top,  #ededed 0%, #f6f6f6 53%, #ffffff 100%);background: -webkit-linear-gradient(top,  #ededed 0%,#f6f6f6 53%,#ffffff 100%);background: linear-gradient(to bottom,  #ededed 0%,#f6f6f6 53%,#ffffff 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 );}
.buton1 i{margin-right:5px;}


.buton2{outline:none;padding:10px 15px;border:0px;font-weight:700;cursor:pointer;border-radius:3px;color:#fff;}
.buton2{background: #299a0b;background: -moz-linear-gradient(top, #299a0b 0%, #299a0b 100%);background: -webkit-linear-gradient(top, #299a0b 0%,#299a0b 100%);background: linear-gradient(to bottom, #299a0b 0%,#299a0b 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#299a0b', endColorstr='#299a0b',GradientType=0 );}
.buton2:hover{background: #299a0b;background: -moz-linear-gradient(top, #299a0b 0%, #299a0b 100%);background: -webkit-linear-gradient(top, #299a0b 0%,#299a0b 100%);background: linear-gradient(to bottom, #299a0b 0%,#299a0b 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#299a0b', endColorstr='#299a0b',GradientType=0 );}
.buton2 i{margin-right:5px;}

.link1{color:#299a0b;}
.link1:hover{color:#000;}
.link1 i{margin-right:5px;}


.adres{border:1px solid #ccc;margin-bottom:10px;padding:10px;border-radius:5px;box-sizing:border-box;}
.adres div{line-height:150%;font-size:9pt;font-weight:300;color:#1b1b1b;}
.adres:hover{background-color:#efefef;}
.adres:hover a{color:#000;}
.adres .adres-mahalle{font-weight:bold;}
.adres i{width:20px;}
.adres a{color:#000;}
.adres .uyari{color:#ff0000;font-weight:bold;border-radius:5px;font-size:9pt;margin-top:10px;}
.aktif-adres{border:2px solid #299a0b;}
.aktif-adres a{color:#299a0b;}

.odemeturu ul{margin:0px;padding:0px;}
.odemeturu ul li{list-style:none;margin-bottom:10px;border:1px solid #ccc;border-radius:5px;font-weight:bold;font-size:10pt;}
.odemeturu ul li label{display:block;cursor:pointer;padding:10px;}
.odemeturu ul .onlineodeme{background-image:url('/images/visa-master-ssl.png');background-position:98% center;background-repeat:no-repeat;}
.odemeturu ul li span{font-size:8pt;color:#808080;}

.tablo1 td{padding:10px 0px;border-bottom:1px dashed #ccc;font-size:10pt;}
.tablo1 td:nth-child(1){font-weight:bold;}

.menu-perde{display:none;position:absolute;position:fixed;left:0px;top:0px;width:100%;height:100%;background-color:rgb(0,0,0,0.5);z-index:9999;}
.menu-perde i{position:absolute;right:10px;top:10px;color:#fff;cursor:pointer;font-size:15pt;}


.popup-perde{display:none;position:absolute;position:fixed;left:0px;top:0px;width:100%;height:100%;background-color:rgb(0,0,0,0.7);z-index:99999;cursor:pointer;}
.popup{display:none;position:absolute;position:fixed;left:calc(50% - 400px);top:50px;width:800px;z-index:99999;overflow:auto;}
.popup-detay .kutu{margin:0px;}
.popup-perde i{position:absolute;right:10px;top:10px;color:#fff;cursor:pointer;font-size:15pt;}

.input1{padding:8px;border:1px solid #ccc;width:100%;margin-top:5px;border-radius:3px;}

.takipet{position:absolute;position:fixed;top:0px;width:196.58px;z-index:999;}

.ust{background-color:#fff;height:60px;}
.logo{position:absolute;z-index:99;top:0px;left:10px;background-color:#fff;width:196.58px;height:110px;padding:10px 0px;text-align:center;border-radius:0px 0px 20px 20px;box-shadow:0px 0px 5px -3px #000;}
.logo img{width:180px;}
.sepet{position:absolute;right:0px;top:15px;text-align:center;}
.sepet a{color:#fff;}
.sepet i{font-size:20pt;}

.ust-sag{position:absolute;right:10px;top:12px;}
.ust-sag ul{margin:0px;padding:0px;}
.ust-sag ul li{float:left;list-style:none;margin-left:10px;}
.ust-sag ul li a{display:block;color:#fff;font-size:9pt;font-weight:bold;padding:10px;border-radius:15px;background-color:#15a395;}
.ust-sag ul li a:hover{background-color:#c5242a;}
.ust-sag ul li a i{margin-right:5px;}


.ust-menu{background-color:#13a497;box-shadow: rgba(23, 32, 38, 0.08) 0px 2px 8px 0px, rgba(23, 32, 38, 0.06) 0px 2px 4px 0px !important;}
.menu{margin:0px;padding:0px;float:right;}
.menu li{float:left;list-style:none;}
.menu li a{display:block;padding:20px 30px;color:#fff;font-weight:700;font-size:10pt;border-left:0.5px solid #15ccbc;border-right:0.5px solid #0b7b71;-webkit-transition: all ease .5s;-o-transition: all ease .5s;-moz-transition: all ease .5s;-ms-transition: all ease .5s;transition: all ease .5s;}
.menu li:nth-child(last) a{border-right:0px;}
.menu li a:hover{background-color:#c5242a;color:#fff;}
.menu li a i{margin-right:5px;}



.web-subeler{position:absolute;top:9px;left:230px;color:#e00000;font-size:12pt;width:300px;font-family:barlow;}
.web-subeler i{margin-right:5px;font-size:30pt;float:left;}
.web-subeler a{color:#e00000;}

.mobil-subeler{width:100%;background-color:#e00000;font-size:12pt;font-family:barlow;padding:10px;margin-top:-10px;text-align:left;}
.mobil-subeler{background: #e00000;background: -moz-linear-gradient(left, #e00000 0%, #cc0000 100%);background: -webkit-linear-gradient(left, #e00000 0%,#cc0000 100%);  background: linear-gradient(to right, #e00000 0%,#cc0000 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e00000', endColorstr='#cc0000',GradientType=1 );}
.mobil-subeler i{margin-right:5px;font-size:30pt;float:left;}
.mobil-subeler a{color:#fff;}

.telefon{position:absolute;top:9px;left:500px;color:#e00000;font-size:12pt;width:200px;font-family:barlow;}
.telefon i{margin-right:5px;font-size:30pt;float:left;}


.ara{position:absolute;right:15px;top:8px;}
.ara i{font-size:15pt;color:#EC2028;cursor:pointer;}
.ara i:hover{color:#fff;}

.mobiliconlar-sol{position:absolute;top:17px;left:15px;color:#fff;}
.mobiliconlar-sol ul{margin:0px;padding:0px;}
.mobiliconlar-sol ul li{float:left;list-style:none;}
.mobiliconlar-sol ul li a{display:block;font-size:20pt;color:#13a497;}
.mobiliconlar-sol ul li a:hover{color:#aa0b0f;}


.mobiliconlar-sag{position:absolute;top:17px;right:15px;color:#fff;}
.mobiliconlar-sag ul{margin:0px;padding:0px;}
.mobiliconlar-sag ul li{float:left;list-style:none;margin-left:10px;}
.mobiliconlar-sag ul li a{display:block;font-size:20pt;color:#13a497;}
.mobiliconlar-sag ul li a:hover{color:#aa0b0f;}


.td1 td{border-top:1px solid #cccccc;border-right:1px solid #efefef;text-align:center;padding:10px 5px;color:#000000;font-size:9pt;font-family:arial;font-weight:bold;background: #ffffff;background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%);background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );}
.td1 select{padding:3px;font-size:8pt;width:150px;}

.td2 td{vertical-align:middle !important;border-bottom:1px solid #cccccc;border-right:1px solid #efefef;text-align:center;padding:9px;font-size:9pt;font-family:arial;text-transform:capitalize;}
.td2 td span{color:#808080;font-size:8pt;}
.td2 img{width:50px;height:40px;border:0px;}
.td2 td a{color:#000000;text-decoration:none;}
.td2:hover td{background-color:#f5f5f5;}
.td3 td{border-bottom:1px solid #cccccc;border-right:1px solid #cccccc;text-align:center;padding:1px;font-size:9pt;font-family:arial;}
.td1 td:first-child{border-left:1px solid #cccccc;}
.td1 td:last-child{border-right:1px solid #cccccc;}
.td2 td:first-child{border-left:1px solid #cccccc;}
.td2 td:last-child{border-right:1px solid #cccccc;}
.td2:nth-child(odd) {background-color:#f7f7f7;}
.td2:nth-child(even) {background-color:#ffffff;}
.td2 input{width:100%;font-size:9pt;padding:5px;}
.td2 select{padding:3px;font-size:8pt;width:150px;}
.td2 ul {margin:0px;padding:0px;}
.td2 ul li{float:left;list-style:none;width:250px;text-align:left;}
.linktd td{cursor:pointer;}



.sol-menu ul{margin:0px;padding:0px 10px;list-style:none;}
.sol-menu ul li a{display:block;color:#000;font-size:10pt;border-top:1px dashed #ccc;padding:10px 0px;font-weight:700;-webkit-transition: all ease .5s;-o-transition: all ease .5s;-moz-transition: all ease .5s;-ms-transition: all ease .5s;transition: all ease .5s;}
.sol-menu ul li a:hover{padding-left:10px;}
.sol-menu ul li a i{margin-right:5px;}
.sol-menu ul li:nth-child(1) a{border-top:0px;}



.orta{position:relative;background-position:top center;background-repeat:no-repeat;background-size:100%;}
.kutu{background-color:#fff;border-radius:6px;overflow:hidden;margin-top:20px;box-shadow:0px 0px 5px -3px #000;}

.popupbaslik{font-weight:bold;background-color:#cc0000;color:#fff;padding:10px;border-radius:5px 5px 0px 0px;font-size:10pt;}
.kutubaslik{font-weight:bold;color:#000;padding:10px;border-radius:5px 5px 0px 0px;font-size:11pt;}
.kutubaslik{background: #ffffff;background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);    background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%);    background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 47%,#ededed 100%);    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );}
.kutubaslik i{margin-right:5px;}
.kutudetay{padding:10px;font-size:10pt;}


.tercihler{margin:0px;padding:0px;}
.tercihler li{list-style:none;float:left;margin-right:10px;}
.tercihler li a{display:block;color:#808080;padding:10px;font-size:9pt;font-weight:bold;}
.tercihler li i{margin-right:5px;}
.tercihler .aktiftercih a{color:#000;}



.iletisim{margin:0px;padding:10px;}
.iletisim li{list-style:none;padding:10px 0px;border-bottom:1px dashed #ccc;font-weight:bold;font-size:10pt;}
.iletisim li span{float:right;font-weight:300;color:#808080;}
.iletisim li i{margin-right:5px;}



[class*="col-"]{float:left;box-sizing:border-box;position:relative;padding-left:10px;padding-right:10px;}
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}








@media only screen and (max-width: 620px) {
    [class*="col-"]{float:none;width:100%;}
    .iskelet{width:100%;}
    .mobildegoster{display:block;}
    .mobildegizle{display:none;}
    .urun{width:calc(50% - 20px);}
    .urun-liste{width:100%;}
    .logo{left:50px;width:auto;height:auto;background:none;padding:0px;border-radius:0px;box-shadow:none;}
    .logo img{margin:0px;width:auto;height:65px;}
    .ust{position:absolute;position:fixed;left:0px;top:0px;width:100%;height:65px;z-index:999;background:none;background-color:#fff;}
    .popup{left:10px;width:calc(100% - 20px);}
    .orta{margin:75px 0px;}

    .ust-menu{position:absolute;position:fixed;top:0px;left:-300px;width:300px;height:100%;z-index:9999;background-color:#13a497;transition: 1s;}
    .menu{float:none;}
    .menu li{float:none;width:auto;border:0px !important;}
    .menu li a{display:block;padding:20px;border:0px;border:0px !important;border-bottom:1px solid #e00000;}
    .mobilmenuac{left:0px;}

}