@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&subset=latin-ext');
body {
font-family:'Open Sans', sans-serif !important;
margin:0;
padding:0;
}

.header {
	width:100%;
	padding:5px 0;
	background:#fff;
	border-bottom:5px solid #f5801b;
}
.uyari {
	width:100%;
	background:#eee;
	padding:30px 20px;
	text-align:center;
	color:#ccc;
	
	font-weight:bold;
}
.uyari p {
	font-size:16px !important;
}

.container {
	width:1000px;
	margin:0 auto;
	
}
.container-slide {
	width:1000px;
	
	margin:0 auto;
}
.slider {
	width:100%;
	position:relative;
	margin-top:20px;

}
ul.bxslider {
	margin:0;
padding:0;
}
ul.bxslider li .aciklama {
	position:absolute; top:50%; z-index:2;
	margin-top:-120px;
	width:1000px;
	text-align:left;
	
}

.sil {
	clear:both;
}
ul.bxslider li .aciklama h1 {
	font-size:40px;
	color:#f5801b;
	font-family: 'Roboto', sans-serif;
	font-weight:700;
	line-height:1.2em;
}
ul.bxslider li .aciklama p {
	color:#fff;
	font-size:18px;
	background:rgba(0,0,0, 0.5);
	
	padding:7px 10px;
	font-weight:700;
	line-height:3.2em;
	position:relative; top:15px;
	display:inline;
}


.owl-carousel .col-md-3 {
	padding:0 !important;
	margin:0 !important;
	width:100%;
	display:inline-block;
	
	
}
.owl-carousel .col-md-3 .ref {
	background:transparent;
	background:#e8e6e6;
	padding:10px;
	
	position:relative;
	transition:All 0.3s ease-in-out;
	-webkit-transition:All 0.3s ease-in-out;
	-moz-transition:All 0.3s ease-in-out;
	-o-transition:All 0.3s ease-in-out;
	overflow:hidden;
	height:312px;
}
.owl-carousel .col-md-3 .ref:hover {
	background:#f5801b;
}
.owl-carousel .col-md-3 .ref:hover h5 {
	color:#fff;
}
.owl-carousel .col-md-3 .ref img {
	width:100%;
	margin-bottom:10px;
	position:relative; z-index:1;
	transition:All 0.3s ease-in-out;
	-webkit-transition:All 0.3s ease-in-out;
	-moz-transition:All 0.3s ease-in-out;
	-o-transition:All 0.3s ease-in-out;

 }

.owl-carousel .col-md-3 .ref h5 {
	padding:0;
	margin:0;
	text-align:center;
	color:#f5801b;
	font-size:14px !important;
	font-family: 'Roboto', sans-serif;
	font-weight:600;
	
}

.owl-carousel .col-md-3 .ref a {
	padding:10px 0px !important;
	text-decoration:none;
	margin:0;
	text-align:center;
	color:#fff;
	display:block;
	width:92%;
	font-size:12px;
	background:#2b2a29;
	position:absolute; bottom:10px; left:10px;
}


.side {
	width:230px;
	float:left;
}
.side img {
	width:100%;
}

.content {
	width:750px;
	float:right;
}
.baslik h2 {
	color:#000;
	font-weight:700;
	font-family: 'Roboto', sans-serif;
	padding:0;
	margin:0;
	padding-bottom:5px;
	font-size:25px;
}
.baslik p.mavi {
	color:#0289bb;
	font-size:13px;
	font-family: 'Open Sans', sans-serif;
	padding:0;
	margin:0;
	float:left;
	padding-bottom:5px;
	font-weight:600;
}
.baslik p.mavi span {
	display:block;
	width:50px;
	float:right;
	height:3px;
	margin-top:8px;
	background:#0289bb;
}

.baslik p.turuncu {
	color:#f5801b;
	font-size:13px;
	font-family: 'Open Sans', sans-serif;
	padding:0;
	margin:0;
	float:left;
	padding-bottom:5px;
	font-weight:600;
}
.baslik p.turuncu span {
	display:block;
	width:50px;
	float:right;
	height:3px;
	margin-top:8px;
	background:#f5801b;
}

.menu {
	float:right;
	position:relative;
	
}
.menu p {
	font-size:12px;
	float:right;
	font-weight:600;
	padding:15px;
	background:url('../../img/p-bg.png') no-repeat center right;
	display:block;
	position:absolute; right:0; top:0;
	width:800px;
	text-align:right;
}
.menu ul  {
	padding:0;
	margin:0;
	list-style:none;
	margin-top:65px;
}
.menu ul li {
	float:left;
	padding:5px 5px;
	color:#aaa;
}
.menu ul li:last-child {
	margin-right:0px;
}
.menu ul li a {
	text-decoration:none;
	font-size:11px;
	color:#000;
	font-weight:600;
	
}
.menu ul li a:hover {
	color:#0289bb;
}

.ana-urunler {
	width:100%;
}

.ana-urunler .uruns {
	width:221px; 
	border:2px solid #eee;
	background:#eee;
	float:left;
	padding:5px;
	margin-right:22px;
	margin-top:9px;
	position:relative;
	transition:All 0.3479s ease;
		-webkit-transition:All 0.3479s ease;
		-moz-transition:All 0.3479s ease;
		-o-transition:All 0.3479s ease;
}
.ana-urunler .uruns:hover {
	border:2px solid #f5801b;
	background:#f5801b;
}



.ana-urunler .uruns:nth-child(3n+3) {
	margin-right:0;
}
.ana-urunler .uruns .ressim {
	width:100%;
	height:190px;
	overflow:hidden;
	margin-bottom:10px;
	position:relative;
	
}
.ana-urunler .uruns .ressim .ovly {
	position:absolute; width:100%; height:100%; z-index:4;
	background:rgba(0,0,0, 0.5);
	opacity:0;
	transition:All 0.3479s ease;
		-webkit-transition:All 0.3479s ease;
		-moz-transition:All 0.3479s ease;
		-o-transition:All 0.3479s ease;
}
.ana-urunler .uruns .ressim img {
	width:100%;
	height:100%;
}
.ana-urunler .uruns h4 {
	opacity:0;
	color:#fff;
	text-align:left;
	padding:10px 0;
	font-weight:700;
	font-family: 'Roboto', sans-serif;
	position:absolute; top:10px; left:15px; z-index:5;
	transition:All 0.3479s ease;
		-webkit-transition:All 0.3479s ease;
		-moz-transition:All 0.3479s ease;
		-o-transition:All 0.3479s ease;
}

.ana-urunler .uruns:hover h4 {
	opacity:1;
}

.ana-urunler .uruns:hover .ovly {
	opacity:1;
}

.ana-urunler .uruns a.urun-buton {
	padding:10px 0px !important;
	text-decoration:none;
	margin:0;
	text-align:center;
	color:#fff;
	display:block;
	width:100%;
	font-size:12px;
	background:#2b2a29;

}

.kat_urun {
	height:290px;
	position:relative;
}

.ana-urunler .uygulama a {
	text-decoration:none;
	outline:none !important;
}


.icerik a {
	text-decoration:none;
	font-size:14px;
	color:red;
}
.icerik b {
	font-weight:bold;
}

.footer {
	width:100%;
	padding:20px 0;
	margin:0 auto;
	margin-top:17px;
	background:#e1e1e1;
}

.alt p {
	font-size:12px;
	font-weight:600;
	color:#484848;
	float:left;
	padding:0;
	margin:0;
	line-height:1.2em;
	margin-top:8px;
}
.alt ul {
	float:right;
	padding:0;
	margin:0;
}
.alt ul li {
	list-style:none;
	float:left;
	margin-left:10px;
	
}
.alt ul li:last-child a {
	margin-right:0;
	font-size:18px;
	color:#fff;
	background:none;
	display:block; 
	width:120px;
	height:40px;
	text-align:center;
	line-height:40px;
	font-weight:bold;
}
.alt ul li a {
	font-size:18px;
	color:#fff;
	background:#414040;
	border-radius:4px;
	display:block; 
	width:40px;
	height:40px;
	text-align:center;
	line-height:40px;
}

.link {
		transition:All 0.3479s ease;
		-webkit-transition:All 0.3479s ease;
		-moz-transition:All 0.3479s ease;
		-o-transition:All 0.3479s ease;
		
}
.link img.don  {
	transition:All 0.3479s ease;
	-webkit-transition:All 0.3479s ease;
	-moz-transition:All 0.3479s ease;
	-o-transition:All 0.3479s ease;
}

.link:hover img.don {
	    -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";
		transition:All 0.3479s ease;
		-webkit-transition:All 0.3479s ease;
		-moz-transition:All 0.3479s ease;
		-o-transition:All 0.3479s ease;
       
}

.link:hover{
	background:#fff;
	
	transition:All 0.3479s ease;
	-webkit-transition:All 0.3479s ease;
	-moz-transition:All 0.3479s ease;
	-o-transition:All 0.3479s ease;
}

.slide {
	width:100%;
	height:250px;
	background:url('../../img/slide-ban.jpg') no-repeat top center;
	margin-bottom:20px;
}
.slide h2 {
	font-size:40px;
	color:#fff;
	font-family: 'Roboto', sans-serif;
	font-weight:700;
	line-height:250px;
	text-align:right;
}
.icerik {
	margin-top:10px;
	
}
.icerik p {
	padding:0;
	font-size:14px;
	line-height:1.3em;
	margin:0;
	margin-bottom:15px;
}

.urunDetay {
	width:100%;
	padding:10px 0;
	position:relative
}
.urunDetay img {
	padding:15px;
	border:2px solid #eee;
	float:left;
	width:40%;
}
.urunDetay .detay-bilgi {
	float:right;
	width:50%;
}
.urunDetay h1 {
	font-family: 'Roboto', sans-serif;
	font-weight:700;
	font-size:35px;
	text-align:right;
	padding:0;
	margin:0;
}

.urunDetay a {
	text-decoration:none;
	color:#fff;
	background:#f5801b;
	font-size:14px;
	text-align:right;
	padding:10px;
	margin-top:10px;
	float:right;
	border-radius:5px;
}
.urunDetay .urun_bilgi {
	margin-top:10px;
	font-size:13px !important;
}
.urunDetay p.fiyat {
	padding:7px;
	margin:0;
	font-size:14px;
	color:#fff;
	border-radius:5px;
	background:#0289bb;
	position:absolute; bottom:20px; left:10px; z-index:5;
}
.urun_bilgi h3 {
	display:block;
	padding:10px;
	margin:0;
	color:#000;
	margin-bottom:5px;
	font-family: 'Roboto', sans-serif;
	font-weight:700;
	background:url('../../img/h3.png');
}

.urun_bilgi div, p, li, span {
	font-size:13px !important;
	line-height:1.5em;
	
}
.siparis form input {
	border-radius:5px;
	padding-left:10px;
	height:30px;
	width:740px;
	line-height:30px;
	font-family: 'Roboto', sans-serif;
	font-weight:normal;
	color:#000;
	border:1px solid #aaa;
	font-size:14px;
	outline:none;
	margin-bottom:10px;
}
.siparis form input.kisa_sol {
	width:47.5%;
	float:left;
}
.siparis form input.kisa_sag {
	width:47.5%;
	float:right;
}

.siparis form input.urun_sag {
	width:30%;
	float:right;
}
.siparis form input.urun_sol {
	width:65%;
	float:left;
}
button.gonder {
	background:#222;
	color:#fff;
	padding:10px;
	border:none;
	border-radius:5px;
	cursor:pointer;
}
button.gonder:hover {
	background:#f5801b;
}