@import url("normalize.css");
@import url("formalize.css");
@import url("owl.carousel.css");
@import url("jquery.fancybox.min.css");
@import url("bootstrap.min.css");
/* SİTE */
body{
    font-family: 'Titillium Web', sans-serif;
    font-size:14px;
}
a:hover{
    text-decoration: none;
}
/* header */
.ustAlan{
}
.ust-tepe{
    background: #333;
    min-height: 40px;
    line-height: 40px;
    color: #fff;
}
.ust-tepe i{
    color: #cc0000;
    font-size: 18px;
    margin-right: 5px;
    position: relative;
    top: 2px;
}
.ust-tepe p{
    float: left;
    margin: 0;
    margin-right: 15px;
}
.ust-sosyal{}
.ust-sosyal ul{
    margin: 0;
    float: right;
}
.ust-sosyal ul li{
    float: left;
    margin-left:5px;
}
.ust-sosyal ul li a:hover i{
    color: #cc0000;
}
.ust-sosyal ul li a i{
    color: #fff;
    font-size: 20px;
}
.ust-orta{
    background: #cc0000;
}
.logo{
    background: none;
    float: left;
    padding: 5px 15px;
}
.logo img{
    height: 80px;
}

.ana-menu{
    float: right;
}
.ana-menu ul li{
    float: left;
    font-size: 18px;
    font-weight: 600;
    margin-left: 50px;
    margin-top: 33px;
}
.ana-menu ul li a{
    color: #fff;
}
.ana-menu ul li a:hover{
    color: #000;
}

.responsive-menu{
	display: none;
}
#myNav{
	opacity: 0; 
	height:0; 
	overflow: hidden;
}

/* content */
.icerikAlani{
    padding-bottom: 40px;
}
.main-slider{}
.main-slider img{
    width: 100%;
}

.anaYazi{
	font-weight: 100;
	font-size: 24px;
	font-style: italic;
	text-align: center;
	padding-top: 50px;
	padding-bottom: 50px;
}

.bilgi-kutu{
	border:1px solid #f1f1f1; 
	border-radius:3px; 
	padding:0 30px 30px 30px; 
	text-align:center; 
	margin-top:25px;
}
.bilgi-kutu i{
	display:block; 
	width:80px; 
	height:80px; 
	background:#fff; 
	border-radius:50px; 
	margin:0 auto; 
	color:#cc0000; 
	font-size:36px; 
	line-height:80px; 
	margin-top:-40px;
}
.bilgi-kutu h3{
	font-size:22px; 
	color:#fff; 
	margin-bottom:25px; 
    margin-top:35px;
    font-weight: 600;
}
.bilgi-kutu p{
	font-size:16px; 
	color:#333; 
	font-weight:300;
}
.bilgiler{
    background-color: #cc0000;
    padding: 15px 0;
    margin-top: 15px
}
.urun-gruplari{
    margin-top: 60px;
    text-align: center;
}
.urun-gruplari img{
    max-width: 100%;
    margin-bottom: 20px;
}

.markalar{
    padding: 60px 0;
    text-align: center;
}
.markalar img{
    max-width: 100%;
    
}
.markalar h3{
    text-align: center;
    font-weight: 600;
    font-size: 40px;
}
.markalar h3:after{
    content:'';
    display: block;
    width:100px;
    height: 5px;
    background: #cc0000;
    margin: 15px auto;
    margin-bottom: 40px;
}
.markalar div{
    margin-bottom:30px;
}
.fiyat-listesi-yazi{
    font-size: 18px;
    font-weight: 300;
    text-align: center;
    margin-top: 30px;
}

.sayfa{padding:50px 0;}
.sayfa h2{text-align:center;}
.sayfa h2:after{content:''; display:block; width:50px; height:3px; background: #cf0b19; margin:10px auto;}
.sayfa-icerik{margin-top:30px; font-size:16px; line-height:28px; color:#333; font-weight:300;}
.sayfa-resim{
    margin-bottom: 20px;
}
.sayfa-resim img{
    width: 100%;
}

.yanBaslik{
    background: #cc0000;
    color:#fff;
    padding: 10px 15px;
    font-weight: 600;
    font-size:18px;
    margin-top: 30px;
}
.yanAlan ul li{
    line-height: 30px;
    font-size: 16px;
    border-bottom: 1px solid #f5f5f5;
    padding: 5px 0px;
}
.yanAlan ul li a{color: #333;}
.yanAlan ul li a:hover{color: #cc0000;}
.yanAlan ul li a i{
    color: #cc0000;
    margin-right: 5px;
}
.sayfaAlani{}

.sayfaBaslik{
    font-weight: 600;
    text-align:center;
    margin-bottom: 40px;
    margin-top: 30px;
}
.sayfaBaslik:after{content:''; display:block; width:50px; height:3px; background: #cf0b19; margin:10px auto;}
.urunListe{text-align: center;}
.urunListe div{
    border:1px solid #f5f5f5;
}
.urunListe img{
    width:80%;
    margin-bottom: 30px;
    margin-top: 30px;
}
.iletisimSayfa{
    margin-top: 40px;
}
.iletisim-baslik{
    font-weight: 600;
    font-size:18px;
    margin-bottom: 20px;
}
.ulasim iframe{
    width:100%;
    min-height: 400px;
}
.iletisim-bilgiler ul li{
    margin-bottom: 15px;
}
.iletisim-bilgiler ul li i{
    width:20px;
    float: left;
    margin-right:10px;
    margin-top: 5px;
    color:#cc0000;
}
.iletisim-bilgiler ul li p{
    width:calc(100% - 30px);
    float: left;
}
.teklif-btn{
    background: #333;
    color:#fff !important;
    padding: 10px;
    float: right;
}
/* FOOTER */
.altAlan{
	background: #333;
	color: #ccc;
	padding: 50px;
}
.altLogo img{
	max-width: 150px;
}
.altMenu{
	float: right;
}
.altMenu li{
	float: left;
	margin-left:40px;
    margin-top: 25px;
    font-size: 20px;
}
.altMenu li a{
	color:#ccc;
}

.altYazi{
    text-align: right;
    opacity: .5;
    font-style: italic;
}
.ugp{
    width: 100%;
    font-size: 30px;
    color: #ffffff;
    text-align: center;
}
.urunGruplari{
    margin-top: 2px;
}
.urunResim{
        text-align: center;
}
.urunGruplari img{
    margin:40px 0;
    width:70%;
}

@media only screen and (max-width: 1170px) { 
    .ana-menu{display:none;}
    .logo{margin-left:-15px;}
    .ust-sosyal{float: left;}
	.responsive-menu{background:#cc0000; line-height:40px; font-size:14px; color:#fff; cursor:pointer; display: block; margin-top: 27px; float: right;}
	.responsive-menu i{margin:5px 10px 0 10px; font-size: 30px;}
	.overlay.opened{height:auto !important; margin-left:-15px; -moz-transform: scale(1);-o-transform: scale(1);	-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);visibility: visible;opacity: 1 !important;		z-index: 10;	overflow: auto;	}
	.overlay{position:fixed;width:100%;background:#cc0000;   background:-moz-linear-gradient(top,#cf0b19 0,#cf0b19 100%);background:-webkit-linear-gradient(top,#cf0b19 0,#cf0b19 100%);background:linear-gradient(to bottom,#cf0b19 0,#cf0b19 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf0b19', endColorstr='#cf0b19', GradientType=0 );top:0;bottom:-100px;padding-bottom:100px;z-index:9999999!important;visibility:hidden;opacity:0;-moz-transform:scale(1.15);-o-transform:scale(1.15);-ms-transform:scale(1.15);-webkit-transform:scale(1.15);transform:scale(1.15);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;color:#fff}
	.overlay-content {  position: relative;  width: 100%;  }
	.overlay-content ul.mobile-nav{display:block; border-top:1px solid rgba(255,255,255,.3);}
	.overlay-content ul.mobile-nav li{float:none; text-align: left; border-bottom:1px solid rgba(255,255,255,.3); text-indent:20px; }
	.overlay-content ul.mobile-nav li a{height:45px; color: #fff; line-height:45px; padding:0 10px; font-size:14px;}
	.overlay-content ul.mobile-nav li a:hover{}
	.overlay .closebtn {font-size: 40px;  height: 60px;width: 100%; line-height:60px;  display: block; padding: 0 20px;  text-align: right;  box-sizing: border-box;	color: #fff;}
	.overlay .closebtn:hover{text-decoration: none;}
	.overlay-content ul.mobile-nav li ul{border-top:1px solid rgba(255,255,255,.3);}
	.overlay-content ul.mobile-nav li ul li{text-indent:40px;}
	
	.altMenu{display: none;	}
    .altLogo{text-align: center;}
    .altYazi{text-align: center;margin-top: 25px;}
}