@charset "utf-8";
n {margin: 0;padding: 0;border: 0;font: inherit;vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
html,body {line-height: 1;font-family: 'Montserrat', sans-serif;font-size: 14px; width:100%; height:100% !important;}
body {background-color: #FFFFFF;margin: 0;color: #474747;padding: 0;}

a{outline: none;text-decoration:none;color: inherit;}
a:hover{text-decoration:none;}
a:active{text-decoration:none; }
IMG{border:none;display: block;}
:focus {outline: 0;}
:hover {	transition:.2s all linear;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
ul {list-style-type: none;padding: 0;margin: 0;}
h1, h2, h3, p {margin-bottom: 10px;}
.clear{clear: both;	}
.ortala {width: 1366px;position:relative;margin:0 auto;}
.boslukkoy { display:none; }
::-webkit-scrollbar{width: 8px;}
::-webkit-scrollbar-thumb{background-color: #e20613;border-radius: 0px;}
::-webkit-scrollbar-thumb:hover{background-color:#F23B21;}
::-webkit-scrollbar-track{background-color: rgb(58, 58, 62);}
.ustmobil { display:none;}

.logo { float:left; width:20%;}
.logo img {max-width: 100%;}
.anabanner {color: #FFFFFF;position: relative;}
.anabanner .sosyal {
    position: absolute;
    bottom: 150px;
    z-index: 8;
    width: 100%;
    right: 0;
    font-weight:400;
}
.anabanner .sosyal ul  {
    float:right;
}
.anabanner .sosyal li  {
    float:left;
    padding:0 16px;
    border-right:1px solid #fff;
}
.anabanner .sosyal li:last-child  {border:none;
}

.anabanner .banner-ic {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 100px 0;
    z-index: 20;
    }
.anabanner .ortala {height: 100%}
.anabanner .banner-menu {position: absolute;z-index: 9;width: 100%;margin-top: 5px;}
.anabanner .banner-menu .ic {position: relative;}
.anabanner .banner-ic .ortala {height: 100%;width: 31%;margin:auto;}
.anabanner .banner-ic .baslik1 {font-size: 72px;font-weight: 700;font-family: 'Oswald', sans-serif;}
.anabanner .banner-ic .baslik2 {font-size: 70px;margin-top: 15px;font-family: 'Oswald', sans-serif;font-weight:300;}
.anabanner .banner-ic p {font-size: 15px;line-height: 1.8;margin-top: 35px;}

header {
    width: 100%;
    height: 90px;
    padding: 38px 0 26px 0;
    }
.anabanner .menu {float: right;font-size: 13px;}
.anabanner .menu a {line-height: 99px;background-color: rgba(47,47,47,0.78);display: block;float: left;margin-right: 1px;width: 99px;height: 99px;text-align: center;font-size: 10px;font-weight: 100;}
.anabanner .menu a:hover, .anabanner .menu a.aktif {background-color:#ff1e00}
.anabanner .menu a:nth-child(1) {margin-left: 0px;}

.hakkimizda .ic {padding:75px 0;}
.hakkimizda {
    background-image: url(../images/ana-orta-gri.jpg);
    background-repeat: no-repeat;
}

.hakkimizda .ic:first-child .yazi {
    float: left;
    width: 33%;
    margin-right: 2%;
    position: relative;
    color:#fff;
}

.hakkimizda .ic:first-child .resim {
    float: left;
    width: 65%;
    position: relative;
    -webkit-box-shadow: -20px 20px 62px -2px rgba(0,0,0,0.75);
    -moz-box-shadow: -20px 20px 62px -2px rgba(0,0,0,0.75);
    box-shadow: -20px 20px 62px -2px rgba(0,0,0,0.75);
}

.hakkimizda .ic .resim img {
    width: 100%;
}

.hakkimizda .ic:last-child .yazi {
    float: right;
    width: 33%;
    margin-left: 2%;
}
.hakkimizda .ic:last-child .resim {
    float: right;
    width:65%;
    -webkit-box-shadow: -20px 20px 62px -2px rgba(0,0,0,0.75);
    -moz-box-shadow: -20px 20px 62px -2px rgba(0,0,0,0.75);
    box-shadow: -20px 20px 62px -2px rgba(0,0,0,0.75);
}
.hakkimizda .baslik {font-size:30px;font-weight:bold;margin-bottom: 24px;line-height: 30px;}
.hakkimizda .yazi {font-size:14px;font-weight:300;line-height:19px;}
.anasayfa .urunler {margin-bottom:50px;}
.anasayfa .urunler li {
    float: left;
    width: 20%;
    margin-bottom: 18px;
}

.anasayfa .urunler li img {
    width: 100%;
    margin-bottom: 20px;
}

.anasayfa .urunler li .ic {
    border-width: 1px;
    border-style: solid;
    border-color: #F0EFEB;
    border-right: 1px solid #fff;
    padding:14px;
    color: #535353;
}

.anasayfa .urunler li:nth-child(5n) .ic {
    border-right: 1px solid #F0EFEB;
}

.anasayfa .urunler li .urunadi {
	color:#1c1c1c;
	font-weight:bold;
	font-size:16px;
	margin-bottom: 7px;
	display: block;
}

.anasayfa .urunler li .urunkodu {
	color:#1c1c1c;
	font-weight:100;
	font-size:12px;
	margin-bottom: 7px;
	display: block;
}
.anasayfa .urunler li .aciklama {
	font-weight:100;
	font-size:12px;
	margin-bottom:19px;
	height: 35px;
}
.anasayfa .urunler li .fiyat {
	font-weight:700;
	font-size:22px;

}
.anasayfa .urunler li:nth-child(5n):after{display:block;content:'';clear:both;}
.anasayfa .urunler .btTum {background-color:#ff0000;border-radius:8px;padding:6px 12px;color:#fff;font-weight:bold;font-size:12px;}
.d-kap {
    height: 100%;
    display: table;
    overflow: hidden;
    width: 100%;
}
.d-kap .d-ic {
    display: table-cell;
    vertical-align: middle;
}
footer {
    background-image: url(../images/footer.jpg);
    background-position: center;
    background-repeat: no-repeat;
    color: #fff;
    margin: 0;
    padding-top: 30px;
    background-size: cover;
    background-color: #383838;
}
footer .sol {
    float: left;
    width: 70%;
}
footer .sol a {
    font-size:10px;
    font-weight:100;
    display:block;
    margin-bottom:10px;
}
footer .sol .baslik {
    font-size:10px;
    font-weight:700;
    margin-bottom:17px;
    
}
footer .sol .stn {
    float: left;
    width:20%;
}
footer .sol .iletisim {
    width: 40%;
}
footer .sol .tel {
   font-size:22px;
   font-weight:700;
   display:block;
}
footer .sol .iletisim a {
   
   font-weight:700;
   
}
footer .sag {
    float: left;
    width: 30%;
}
footer .sag .stn {
    float: right;
}
footer .sag .stn .baslik {
    margin-bottom: 34px;
    display: block;
}
footer .sag .stn ul {
    display:block;
}
footer .sag .stn ul li {
    float:left;
    padding:0 16px;
    border-right:1px solid #fff;
    font-weight: 700;
}
footer .sag .stn ul li:first-child {
    padding-left:0;
}
footer .sag .stn ul li:last-child {
    margin-right:0;
    border:none;
}
.sonnnn {}
@media (max-width: 1540px) {
}

@media (max-width: 1440px) {
	.hakkimizda {
    background-position-x: -192px;
}
	
}
@media (max-width: 1366px) {

.ortala { width:96%; margin-left:2%;}
.anabanner .banner-ic .ortala {
    height: 100%;
    width: 46%;
}
.anabanner .sosyal {bottom:15px;}
	

}
@media (max-width: 1280px) {
	.anabanner .banner-ic .ortala {
		
    width: 70%;
}
.hakkimizda {
    background-position-x: -320px;
    background-color: #525252;
}
.hakkimizda .ic:first-child .yazi, .hakkimizda .ic:last-child .yazi {
    color: #fff;
}

}

@media (max-width: 1024px) {

header { display:none;}
.boslukkoy { display:block; height:80px; }
.ustmobil {
    width:100%;
    left:0;
    height: 121px;
    transition:all .3s linear;
    top:0;
    display:block;
    position:fixed;
    z-index:100;
    background: rgba(16, 16, 16, 0.8);
    opacity: 1;
    filter: alpha(opacity=50);
    z-index: 99999;
    }
.menuacil{display:block;overflow:hidden;width:100%;height:0px;text-align:center;position:fixed;top: 121px;z-index:9998;background: rgba(0, 0, 0, 0.77);transition:.3s all linear;border-bottom: 3px solid #232323;}
.menuacil2{height: 283px;}
.mobmenuicon{display:block;top: 47px;position:fixed;height:30px;width:60px;z-index:9999;right:20px;text-align:center;cursor:pointer;}
.moblogo {display:block;position:fixed;left:5px;top: 3px;cursor:pointer;transition:.3s all linear;}
.moblogo img { width:100%;}
.menuacil a{color:#000;font-size:16px;line-height:1.5;font-weight:600;}
.menuacil .mobil1{position:absolute;width:100%;top:0px;transition:.3s all linear;z-index: 999999;}
.menuacil .mobil1 a{width:100%;padding:4px 0;display:block;text-align:center;margin:3px auto;color: #e20613;}
.mobilaktif { background:#58585a;}
	.menuacil .mobil1 a.mobilaktif {color: #fff;}
	.menuacil .mobil1 a:hover {background:#58585a;color: #fff;}
.mobver { display:block; float:right; margin-top:5px;}
.mobver img { width:120px; transition:.3s all linear;}
.anabanner {
    top: 124px;
    margin-bottom: 124px;
}
.anabanner .banner-ic .baslik1 {font-size: 48px;}
.anabanner .banner-ic .baslik2 {font-size: 42px;}

.hakkimizda .ic:first-child .resim, .hakkimizda .ic:last-child .resim {width:50%;}
.hakkimizda .ic:first-child .yazi, .hakkimizda .ic:last-child .yazi {width: 48%;color: #fff;}

.gonderildi {width:96%; padding-top:80px;}
.anasayfa .urunler {margin-top:50px;}
.anasayfa .urunler li {width:25%;}
.anasayfa .urunler li:nth-child(5n) .ic {border-right:none}
.anasayfa .urunler li:nth-child(4n) .ic {border-right:1px solid #F0EFEB}
.anasayfa .urunler li:nth-child(n+9) .ic {display:none}


footer .sol, footer .sag {width:100%}
footer .sag .stn {float:left;margin-bottom:10px;}
footer .sag .stn .baslik {margin:10px 0;}
}


@media (max-width: 800px) {
	.anabanner .banner-ic {display:none}
	.hakkimizda .ic:first-child .resim, .hakkimizda .ic:last-child .resim {width:100%;}
.hakkimizda .ic:first-child .yazi, .hakkimizda .ic:last-child .yazi {width: 100%;margin:0;}
	.anasayfa .urunler li {width:33.33333%;display:block;} 
	.anasayfa .urunler li:nth-child(4n) .ic {border-right:none}
	.anasayfa .urunler li:nth-child(3n) .ic {border-right:1px solid #F0EFEB}
	.anasayfa .urunler li:nth-child(n+7) .ic {display:none}
}

@media (max-width: 640px) {
	.anabanner .sosyal {display:none}
	
	.anasayfa .urunler li {width: 50%;display:block;} 
	.anasayfa .urunler li:nth-child(3n) .ic {border-right:none}
	.anasayfa .urunler li:nth-child(2n) .ic {border-right:1px solid #F0EFEB}
	.anasayfa .urunler li:nth-child(n+5) {display:none}
	footer .sol .stn {width:33.3333%}
	footer .sol .stn.iletisim {width:100%;margin-top:30px;}
}
@media (max-width: 500px) {
	
}

@media (max-width: 400px) {
	.anasayfa .urunler li {width: 100%;display:block;border-right:1px solid #F0EFEB}
	
}