@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Arima+Madurai&display=swap');
body{margin:0 auto;font-family:'Open Sans', sans-serif;}
.kocak-tum{margin:0 auto; width:980px;height:100%;overflow:hidden;}
.kocak-sol{width:250px;height:100%;float:left;position:fixed;background:url(https://www.kocakmermergranit.com/images/bg.png);background-color:#d2040e;}
.sosyal-medya{width:250px;height:30px;float:left;background-color:#ce2029;}
.diller{float:right;color:#fff;margin-top:6px;margin-right:2px;font-size:11px;}
.dil{border:solid 1px #fff;padding:0 7px;border-radius:3px;float:left;}
.kocak-logo{width:100%;height:189px;float:left;background-color:#fff;text-align:center;}
.kocak-sag{width:720px;height:100%;min-height:100vh;float:right;}
.sag-ust{width:100%;float:left;height:30px;}
.navigasyon{width:250px;height:30px;float:left;background:url(images/fire-engine-bg.png) no-repeat;margin-left:-10px;color:#fff;line-height:30px;font-size:13px;text-align:center;}
.kategori-bolum{width:100%;float:left;}
.urunlerimiz{width:100%;text-align:right;float:left;font-weight:600;}
ul.kategori-navigasyon{margin:0;padding:0;width:100%;text-align:right;float:left;border-bottom:solid 1px #000;margin-bottom:15px;padding-bottom:7px;font-size:14px;}
.logo{width:240px;margin-top:12px;}
ul.kategori-navigasyon li{display:inline;border:solid 1px;padding:0 7px;}
ul.kategori-navigasyon li a {text-decoration:none;color:#000;}
.sosyal-menu{float:left;}
ul.sosyal-icon{margin:0;padding:0;float:left;margin-top:4px;}
ul.sosyal-icon li{float:left;width:25px;height:25px;margin-right:10px;display:inline;list-style-type:none;background:url(images/social-icon.png) no-repeat;}
.mail-icon{float:left;margin:9px -38px 0 9px;}
.kocak-linkler{width:100%;float:left;margin-top:66px;}
ul.menu{margin:0;padding:0;}
ul.menu li{display:block;list-style-type:none;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#fff;}
ul.menu li a {text-decoration:none;color:#fff;line-height:33px;}
ul.menu li:hover{background-color:rgba(255, 0, 0, .5);}
.kocak-sayfa{width:90%;padding:0 5% 1% 5%;float:left;margin-top:25px;}
.icerik{width:100%;float:left;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;border:solid 1px #000;
margin-bottom:15px;padding:5px;}
h1,h2,h3{margin:0;padding:0;font-weight:normal;}
h1 a, h2 a, h3 a {text-decoration:none;color:#000;}
.icerik-basligi{width:100%;float:left;border-bottom:solid 1px #000;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.icerik-metni{line-height:21px;margin-top:21px;float:left;width:100%;}
.icerik-resmi{max-width:300px;float:left;border:solid 1px #000;margin:0 15px 7px 0;padding:1px;}
.urun-grup-baslik a {width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;padding:7px;background-color:#ce2029;color:#fff;font-size:22px;float:left;text-decoration:none;margin-bottom:7px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.urun-bloklar{width:100%;float:left;}
.urun-blok{height:auto;overflow:auto;float:left;width:318px;margin-bottom:10px;background:url(https://www.kocakmermergranit.com/images/bg.png); background-color:#d2040e; background-size:37%;}
.urun-blok:hover{box-shadow:0 0 3px #000;}
.urun-resim{float:left;background-color:#fff;width:310px;height:174px;margin:4px;overflow:hidden;}
.urun-resim:hover{border-radius:20px;transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;}
.urun-adi-satir{width:100%;height:41px;float:left;text-align:center;color:#fff;line-height:41px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.urun-resmi{width:100%;max-width:310px;max-height:174px;}
.urun{width:100%;float:left;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;border:solid 1px #ce2029;
margin-bottom:15px;padding:5px;}
.urun-basligi{width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;padding:7px;background-color:#ce2029;color:#fff;font-size:22px;float:left;text-decoration:none;margin-bottom:5px;}
.urun-aciklama{float:left;margin-top:9px;border-top:solid 1px #ce2029;padding:5px 0;width:100%}
.detay-resmi{width:636px;height:auto;float:left;}
.full-images{width:100%;margin-bottom:5px;border-bottom: solid 1px #ce2029;padding-bottom: 5px;}
.jssorl-009-spin img{animation-name:jssorl-009-spin;animation-duration:1.6s;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes jssorl-009-spin{from{transform:rotate(0);}to{transform:rotate(360deg);}}
.jssorb032{position:absolute}
.jssorb032 .i{position:absolute;cursor:pointer}
.jssorb032 .i .b{fill:#fff;fill-opacity:.7;stroke:#000;stroke-width:1200;stroke-miterlimit:10;stroke-opacity:.25}
.jssorb032 .i:hover .b{fill:#000;fill-opacity:.6;stroke:#fff;stroke-opacity:.35}
.jssorb032 .iav .b{fill:#000;fill-opacity:1;stroke:#fff;stroke-opacity:.35}
.jssorb032 .i.idn{opacity:.3}
.jssora051{display:block;position:absolute;cursor:pointer}
.jssora051 .a{fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10}
.jssora051:hover{opacity:.8}
.jssora051.jssora051dn{opacity:.5}
.jssora051.jssora051ds{opacity:.3;pointer-events:none}
.golge{position:relative;-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;}
.golge:before, .golge:after{content:"";position:absolute;z-index:-1;-webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);-moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
box-shadow:0 0 20px rgba(0,0,0,0.8);top:0;bottom:0;left:10px;right:10px;-moz-border-radius:100px / 10px;border-radius:100px / 10px;} 
.golge:after{right:10px; left:auto;-webkit-transform:skew(8deg) rotate(3deg); -moz-transform:skew(8deg) rotate(3deg);-ms-transform:skew(8deg) rotate(3deg);-o-transform:skew(8deg) rotate(3deg);transform:skew(8deg) rotate(3deg);
}