@import url("../fonts/Opensans/stylesheet.css");
@import url("../fonts/Opensans-bold/stylesheet.css");
@import url("../fonts/Opensans-light/stylesheet.css");
@import url("../fonts/Ubuntu/stylesheet.css");
@import url("../fonts/Ubuntu-light/stylesheet.css");
@import url("../fonts/Ubuntu-bold/stylesheet.css");

body{background: #fff; color: #333; margin-top:0; padding-top:0; font-family:"Opensans";}
.floatL {float:left;}
.floatR {float: right;}
a:hover{color:#990000;}
a, a:hover {text-decoration:none;}
ul, li{margin:0; list-style:none;}
.renkBeyz{color:#FFFFFF;}
.renkFace{color:#286090;}
.renkTwit{color:#31B0D5;}
.renkGoog{color:#C9302C;}
.renkInst{color:#70463A;}
.renkYesi{color:#33CC33;}
.renkKir{color:#FF0000;}
.renkKir2{color:#B50000;}
.renkTurn{color:#FBB138;}
.renkLila{color:#CC33CC;}
.renkGri{color:#888888;}
.renkGri2{color:#555555;}
.renkSiyah{color:#000000;}
.renkTurk{color:#00BFFF;}
.bface {background-color: #286090 !important;}
.btwit {background-color: #31B0D5;}
.bgoog {background-color: #C9302C;}
.binst {background-color: #70463A;}
a, button, input[type=submit], input[type=button], .product-img {-webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s;}
.overanim{-webkit-transition: .7s; -moz-transition: .7s; -ms-transition: .7s; -o-transition: .7s; transition: .7s;}
.resimBuyuk{float:right; margin:0 0 10px 10px; width: 60%;}
.pad0{padding:0;}
.padL0{padding-left:0;}
.padLR5{padding:0 5px;}
.padLR10{padding:0 10px;}
.padR10{padding:0 10px 0 0;}
.marT10{margin-top:10px;}
.marT15{margin-top:15px;}
.marB15{margin-bottom:15px;}
.marB20{margin-bottom:20px;}

/*HEADER & NAVIGATION*/
#header{border-bottom:4px solid #D90000; margin-bottom:5px;}
.ust1{width: 100%; height:30px; background-color:#D90000; color:#FFF; padding-top:5px;}
.ust2{width: 100%; height:auto; background-color:#EEEEEE; color:#FFF; padding-top:5px;}
.ust2 .logo{margin:5px 0 10px 0;}
.ust2 .logo img{width:100%;}
.navbar-nav{float:none; display: inline-block; margin-top:0px;}
.menu {background-color:none; text-align:right;}
.menu .navbar {position: relative; min-height: 50px; margin-bottom: 0px; border: 0px solid #000; border-radius:0px;}
.menu .navbar-nav > li > a {color: #333; font-family: "Ubuntu"; font-size: 130%; padding: 14px 10px;}
.menu .navbar-nav > li > a:hover, .menu .navbar-nav > li > a:focus {color: red;}
.menu .dropdown-menu > li > a{font-family: "Ubuntu"; font-size: 110%; border-bottom: 1px solid #ccc;}
.menu .dropdown-menu > li > a:hover{color:red; background-color:#354350;}
.menu .navbar-toggle{padding: 6px; margin: 6px 12px 4px 0px; border:1px solid #aaa;}
.menu .navbar-toggle .icon-bar{background-color:#C3C3C3;}
.menu .navbar-collapse{padding:0;}
.form-control{border-color:#999; border-radius:8px; background-color:transparent;}
.btn-default-1 {color: #999; background-color: transparent; border-color: #999; border-bottom-right-radius:6px; border-top-right-radius:6px;}
/*HEADER & NAVIGATION*/

/*SOSYAL MEDYA*/
.smSiyah:hover{color:#000; -webkit-transition: .7s; -moz-transition: .7s; -ms-transition: .7s; -o-transition: .7s; transition: .7s;}
.smBeyaz:hover{color:#FFF; -webkit-transition: .7s; -moz-transition: .7s; -ms-transition: .7s; -o-transition: .7s; transition: .7s;}
.smKirmizi:hover{color:red; -webkit-transition: .7s; -moz-transition: .7s; -ms-transition: .7s; -o-transition: .7s; transition: .7s;}
/*SOSYAL MEDYA*/

/*SLAYT*/
#slayt{width: 100%; height: auto; margin-bottom:10px;}
.slide{margin: 0 auto; text-align:center; width:1170px;}
.slaytlink{top:0; left:0; right:0; bottom:0; position:absolute; width:100%; height:100%;}
/*SLAYT*/

/*GİRİŞ*/
#giris{margin:30px 0; width: 100%; padding:10px;}
#giris .kutu{height:255px;}
#giris .baslik{font-family:"Ubuntu"; font-size:140%; color:#FFF; padding:4px 0 0 0; margin:0; text-align:center; background-color:#D90000;}
#giris .baslik i{margin-right:8px;}
#giris .kategoriler {padding:10px 10px; border:solid 1px #D90000; height:210px;}
#giris .kategoriler .menuKat1{line-height:120%; font-size:100%; margin:2px 0; padding: 2px 0; display: block; width: auto; border-bottom: rgba(0,0,0,0.15) 1px solid;}
#giris .kategoriler .menuKat1 i{margin-right:5px; color:#D00000;}
#giris .kategoriler .menuKat1 a{color:#333;}
#giris .kategoriler .menuKat1 a:hover{color:#D00000;}
#giris .bilgi{border:solid 1px #286090;}
#giris .bilgi .resim img{width:100%; margin-bottom:5px; border-bottom:1px solid #EEE;}
#giris .bilgi .detay{text-align:center; margin-bottom:5px;}
/*GİRİŞ*/

/*YENİ ÜRÜNLER*/
.yBaslik{text-align:center;}
.yBaslik{color:#D90000;}
.yBaslik i{color:#D90000; font-size:80%;}
#yeniurun{height: auto; margin: 15px 0 30px 0; background-color: #F5F5F5; padding:10px 0; text-align: center;}
#yeniurun .kutu {margin:0 14px 0 0; position: relative; width:100%; float:left;}
#yeniurun .urunler {padding:0 0 0 24px;}
#yeniurun .resim {padding:2px; background-color:#EEE; position: relative;}
#yeniurun .resim img{ width:100%; height:auto;}
#yeniurun .isim {width:100%; text-align:center; margin:5px 0 0 0; font-family:"Ubuntu"; font-weight: bold; font-size:100%;}
#yeniurun .siyah{background-color:rgba(0,0,0,0); top:0; left:0; position: absolute; width:100%; height:100%; padding:5px;}
#yeniurun .siyah:hover{background-color:rgba(0,0,0,0.35);}
#yeniurun .siyah i{color:rgba(255,255,255,0); top:42%; left:42%; position: absolute; font-size:300%}
#yeniurun .siyah:hover i{color:rgba(255,255,255,0.35);}
#yeniurun .isim a {color:#D90000;}
#yeniurun .isim a:hover {color:#999;}
#yeniurun a:hover .resim {background-color:red; -webkit-transition: 1s; -moz-transition: 1s; -ms-transition: 1s; -o-transition: 1s; transition: 1s;}
#yeniurun .tasiyici{ position: relative;}
#yeniurun #normal .swiper-container {height:auto;}
#yeniurun #normal .swiper-slide {padding:0 0 10px 0;}
#yeniurun #normal .swiper-container .swiper-wrapper{margin:0 0 0 0; width:73.8%;}
#yeniurun #normal .swiper-button-next{right:0px;background-color:#EA624C; border-radius:0 3px 3px 0; height:50px; width:32px; background-image:none; padding:14px 0 0 10px; top:40%;}
#yeniurun #normal .swiper-button-prev{left:0px;background-color:#EA624C; border-radius:3px 0 0 3px ; height:50px; width:32px; background-image:none; padding:14px 0 0 10px; top:40%;}
#yeniurun #mini{padding-left:30px; padding-right:32px;}
#yeniurun #mini .swiper-container {height:auto;}
#yeniurun #mini .swiper-slide {padding:0 0 10px 0;}
#yeniurun #mini .swiper-container .swiper-wrapper{margin:0 0 0 0; width:73.8%;}
#yeniurun #mini .swiper-button-next{right:0;background-color:#EA624C; border-radius:0 3px 3px 0; height:50px; width:32px; background-image:none; padding:14px 0 0 10px; top:35%;}
#yeniurun #mini .swiper-button-prev{left:0;background-color:#EA624C; border-radius:3px 0 0 3px ; height:50px; width:32px; background-image:none; padding:14px 0 0 10px; top:35%;}
/*YENİ ÜRÜNLER*/

/*SOSYAL MEDYA*/
#smedya{height: auto; margin: 30px 0;}
#smedya .kutu {}
#smedya .kutu h3{font-size:150%; text-align:center; border-bottom: solid 1px #D00; padding:0 0 5px 0;}
#smedya .kutu h3 a{color:#000;}
#smedya .kutu .baslik{font-size:150%;}
#smedya .bizeUlas{background: url("../rsm/girisResim4.png") no-repeat; background-size:100%; padding:15px 4px 25px 160px; text-align: center;}
#smedya .bizeUlas .baslik, #smedya .gmap .baslik{font-size:180%; margin-bottom:8px; display:block; font-weight: bold;}
#smedya .bizeUlas .yazi, #smedya .gmap .yazi{font-size:100%; margin-bottom:10px; display:block;}
#smedya .bizeUlas .tel, #smedya .gmap .tel{font-size:100%; border:1px solid #D00; border-radius:5px; width:140px; display:block; padding:5px; margin:0 auto;}
#smedya .gmap{background: url("../rsm/girisResim5.png") no-repeat; background-size:100%; padding:15px 4px 25px 160px; text-align: center;}
#smedya .bizeUlas .tel a, #smedya .gmap .tel a{ color:#D00; font-weight: bold;}
/*HABERLER*/

/*HABERLER LİSTELEME*/
.haberListe {list-style: none; margin: 0; padding: 0;}
.haberListe li {margin: 0 0 20px 0; float: left; padding: 20px;}
.haberListe .hResim {border:1px solid #EEE; padding:2px;}
.haberListe .hResim:hover {border:1px solid #333;}
.haberListe .hResim img {width: 100%; height: auto;}
.haberListe .hOzet {font-family: "Opensans-light"; color: #666; font-size: 120%; overflow: hidden;}
.haberListe .hOzet:hover {color: #000;}
/*HABERLER LİSTELEME*/

/*HABERL DETAY & YANBAR*/
#hDetay, #yanBar{margin:20px 0;}
#hDetay .icerik, #hDetay .galeri{ width:100%; height:auto; margin:0 0 10px 0; display:inline-block;}
#hDetay .hResim{margin:0; padding:0 0 0 5px; float:right;}
#hDetay .hResim img{border:1px solid #EEE; padding:3px; margin:0 0 5px 5px; width:100%;}
#hDetay .hYazi{margin:0; padding:0;}
#yanBar {border-left: 1px solid #DDD;}
#yanBar .baslik{font-family: "Opensans-light"; font-size: 140%; border-bottom: 1px solid #EBEBEB; margin-bottom:10px; padding-bottom:10px; display:block;}
#yanBar .liste{	display:block;}
#yanBar .liste .hBaslik{display:block; border-bottom: 1px solid #EBEBEB; margin-bottom:15px; padding-bottom:10px; color:#354350;}
#yanBar .liste .hBaslik:hover{color:#D90000;}
/*HABERLER YANBAR*/

/*PATH*/
.yolUrun {padding:0 0 6px 14px; margin: 15px 0 15px 0; border-bottom: 1px solid #EBEBEB;}
.yolUrun h1 {margin:0 15px 0 0; padding: 0; font-size:120%; float: left; line-height: 90%; color:#D90000;}
.yolUrun i {margin:0 10px 0 0; float: left; line-height: 120%;}
.yolUrun a {color:#666; margin:0 10px 0 0; font-size:120%; float: left; line-height: 90%;}
.yolUrun a:hover{color:#D90000;}
/*PATH*/

/*İÇERİK*/
#banner{width:100%; padding: 5px 0; margin:15px 0;}
#banner h1{font-family:'Ubuntu-light'; font-size:230%; margin:0; line-height:100%; border-bottom:1px solid #DDD; width:100%; padding-bottom: 10px;}
#icsayfa {width: 100%; margin: 0 0 10px 0;}
#icsayfa .icerik, #icsayfa .galeri {margin:10px 0; width:100%; float:left;}
#icsayfa .galeri {position:relative;}
#icsayfa .galeri .resim{text-align:center; margin:0 0 10px 0; height:215px; overflow:hidden; border: 1px solid #ddd; border-radius: 4px; padding:4px;}
#icsayfa .galeri .resim img{width:100%; overflow:hidden; min-height:250px;}
#icsayfa .galeri .video {position: absolute; z-index: 10; top: 85px; left: 160px;}
#icsayfa .galeri .video i {font-size:400%;}
#icsayfa .galeri .yazi {position: absolute; z-index: 10; bottom: 16px; left: 0; text-align: center; width:340px; background-color:rgba(0,0,0,0.5); margin: 0 20px; color:#FFF;}
#icsayfa .sayfalama{clear: both; width: 100%; text-align: center;}
#icsayfa .sayfalama a{background-color: #DDD; color: #000; text-align: center; margin: 3px; height: 25px; width: 25px; border-radius: 3px; display: inline-block; line-height:24px;}
#icsayfa .sayfalama a:hover{background-color: #354350; color: #FFFFFF;}
#icsayfa .sayfalama .sAktif{background-color: #D90000; color: #FFFFFF;}
/*İÇERİK*/


/*ÜRÜN LİSTE SOL MENÜ*/
.solBaslik{font-family:"Ubuntu"; font-size:120%; color:#FFF; padding:4px 6px; margin:0; text-align:left; background-color:#D90000;}
.solBaslik i{margin-right:8px;}
.solMenu {margin: 10px 0; float: left; overflow-x: hidden; font-family: "Ubuntu";}
.solMenu a:hover {text-decoration:none !important;}
.solMenuListe {float: left; width: 100%;}
.menuKat1 {font-size: 110%; margin: 5px 0; padding: 4px 0; display: block; width: auto; border-bottom: rgba(0,0,0,0.15) 1px solid;}
.menuKat1 a {color: #d90000;}
.menuKat1 a:hover {color:#000;}
.menuKat1 i {margin-right:4px; color:#000;}
.menuKat2 {font-size: 100%; display: block; padding: 5px 0 5px 4px; margin: 4px 0 0 14px; width: auto; border-bottom: rgba(0,0,0,0.15) 1px solid;}
.menuKat2 i {margin-right:3px; color:#d90000;}
.menuKat2 a {color: #333;}
.menuKat2 a:hover {color:#d90000;}
.menuKat3 {font-size: 90%; display: block; padding: 4px 0; margin: 3px 0 3px 28px; width: auto;}
.menuKat3 i {margin-right:3px; color:#d90000;}
.menuKat3 a {color: #d90000;}
.menuKat3 a:hover {color: #666;}
.menuKat3:hover {}
/*ÜRÜN LİSTE SOL MENÜ*/

/*ÜRÜN LİSTE*/
#urunliste{margin:15px 0 0 0;}
#urunliste .kutu {margin-bottom:15px !important;}
#urunliste .resim {border:1px solid #DDD; padding:5px; text-align:center;}
#urunliste .resim .img-responsive {display:inline;}
#urunliste .resim img {padding:0; border:1px solid #DDD;}
#urunliste .ad {width: 100%; height:25px; text-align:center !important; margin:2px 0px;}
#urunliste .ad a {color:#D90000; font-family:"Opensans"; font-size:100%;}
#urunliste .fiyat {width: 100%; height:30px; text-align:center !important;}
#urunliste .fiyat a {color:#666; font-family:"Opensans"; font-size:150%;}
#urunliste .fiyat i {color:#666; font-size:80%;}
#urunliste .resim:hover {border:1px solid #D90000;}
#urunKutuSayfalama {height: auto; width: 100%; text-align: center; padding-top: 10px; float: left;}
a.urunSayfalama:link, a.urunSayfalama:active, a.urunSayfalama:visited {color: #FFF;	padding: 5px 10px; float: left; text-align:center; background-color:#354350; margin:5px;}
a.urunSayfalama:hover,a.urunSayfalama.active{ color: #FFF; background-color:#000;}
.bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:auto; min-width:130px;}
/*ÜRÜN LİSTE*/

/*ÜRÜN DETAY*/
#urunDetay{margin:15px 0 0 0;}
#urunDetay .resim .buyukR {position:relative; top:0; left:0;}
#urunDetay .resim .buyukR img {width:auto; max-height:383px; margin:0 auto;}
#urunDetay .resim .buyukR .cerce{border:10px solid rgba(255,255,255,0.15); position:absolute; top:0; left:0; bottom:0; right:0;}
#urunDetay .resim .buyukR .cerce:hover{border:10px solid rgba(0,0,0,0.15);}
#urunDetay .resim .miniR{margin:10px 0 0 0;}
#urunDetay .resim .miniR img{max-height:82px;margin: 0 auto;}
#urunDetay .resim .miniR img:hover{cursor:pointer;}
#urunDetay .resim .miniR .mResim{border:1px solid rgba(0,0,0,0.15); margin:0 10px 10px 0; padding: 0; width: 22%;}
#urunDetay .resim .miniR .mResim:hover{border:1px solid #D90000;}
#urunDetay .bilgi{margin-bottom:20px;}
#urunDetay .bilgi .ad{font-family:"Ubuntu-bold"; font-size:160%; color:#D90000; margin-bottom:10px;}
#urunDetay .bilgidiger{margin:15px 0 0 0; min-height:120px; float: left;}
#urunDetay .bilgidiger .satir{font-family:"Opensans"; color:#333; margin: 10px 0 20px 0; padding-bottom: 4px;}
#urunDetay .sCizgi{background-color:#DDD; height:1px; display:block;}
#urunDetay .bilgidiger .tanim{font-family:"Opensans-bold"; width: 40%; float:left;}
#urunDetay .bilgidiger .veri{width: 60%; float:left;}
#urunDetay .bilgidiger .baslikdiger{border-bottom: 1px solid #DDD; padding-bottom: 6px;}
#urunDetay .bilgidiger .baslikdiger span{font-family:"Opensans"; font-size:130%; color:#D90000;}
#urunDetay .bilgidiger .baslikdiger i{color:#666; margin-right:5px; font-size:120%;}
#urunDetay .bilgidiger .diger{font-family:"Opensans"; margin:10px 0;}
#urunliste .fiyat {height: auto;}
#urunDetay .resim .miniR{text-align:center;}
#urunDetay .resim .miniR .mResim{text-align:center !important; display: inline-block; width:82px;}
#urunDetay .resim .miniR .col-lg-3, #urunDetay .resim .miniR .col-md-3, #urunDetay .resim .miniR .col-sm-3, #urunDetay .resim .miniR .col-xs-3{float: none;}

/*ÜRÜN DETAY*/


/*FOOTER*/
#footer {width: 100%; height: auto; background-color:#D90000;}
#footer .info{font-size:80%; color:#EEE; padding:10px 0;}
#footer .info a{font-size:100%; color:#EEE;}
#footer .info a:hover{color:#FF0004;}
#footer .ikon{text-align:center;}
#footer .ikon img{height:auto; width:70px;}
#tiridi {width: 100%; height: auto; margin:5px 0;}
#tiridi a{font-size:70%; color:#333; padding:10px 0;}
.altCizgi{border-top:1px solid #DDD; border-bottom:1px solid #DDD; margin:4px 0; width:100%;}
#myBtn {display:none; position:fixed; bottom:85px; right:10px; z-index:99; border:none; outline:none; background-color:#000; color: white; cursor:pointer; padding:5px; border-radius:4px;}
#myBtn:hover {background-color: #555;}
/*FOOTER*/

@media (min-width: 992px) and (max-width: 1199px) {
#header .menu {text-align:right;}
#giris {margin:0;}
#giris .kutu {height: 215px;}
#giris .kategoriler {height: 176px;}
#giris .kategoriler .menuKat1 {font-size: 89%;margin: 1px 0; padding: 1px 0;}
#smedya {margin: 10px 0;}
#smedya .bizeUlas .baslik, #smedya .gmap .baslik {font-size: 130%;}
#smedya .bizeUlas .yazi{font-size: 90%;}
#smedya .bizeUlas {padding: 15px 4px 25px 110px;}
#smedya .bizeUlas .tel, #smedya .gmap .tel {font-size: 88%;padding: 0px;}
#smedya .gmap {padding: 15px 4px 25px 120px;}
#yeniurun {margin: 15px 0 0px 0;}
#yeniurun .siyah i{top:35%; left:42%; font-size:300%}
.galeri .rsm{overflow:hidden; position:relative; border:1px solid #666; height:198px;}
.galeri .rsm img{width:100%; height: auto; min-height: 198px;}
#footer .ikon img{height:auto; width:60px;}
}

@media (min-width: 768px) and (max-width: 991px) {
#header .menu {text-align:center !important;}
#giris {margin: 10px 0;}
#giris .kutu {height:auto; margin-bottom:10px;}
#giris .kategoriler {height:264px;}
#giris .kategoriler .menuKat1 {font-size:120%;margin:3px 0; padding:3px 0;}
#smedya .bizeUlas {padding: 15px 4px 25px 138px;background-size: 99%;height: 190px; background-position:top center;}
#smedya .gmap {padding: 15px 4px 25px 115px;background-size:95%;height: 190px; background-position:top center;}
#header .navbar-nav{float:none; display: inline-block; margin-top: 5px;}
#header .logo{margin:5px 0 0 0;}
#yeniurun .siyah i{top:40%; left:40%; font-size:350%}
.galeri .rsm{overflow:hidden; position:relative; border:1px solid #666; height:226px;}
.galeri .rsm img{width:100%; height: auto; min-height: 226px;}
#yanBar {border-left: 0px; border-top:1px solid #DDD; padding-top:15px;}
.yolUrun {padding: 0 0 26px 14px;}
#footer .ikon img{height:auto; width:50px;}
}

@media (max-width: 767px) {
#header .logo{text-align:center;}
#header .navbar-nav{margin:0px;}
.navbar-form{padding:0; border:0px; margin-top: 18px;}
.top-bar .tools{margin: 14px 0 0 0;}
.menu .dropdown-menu > li > a{font-family: "Ubuntu"; font-size: 110%; border-bottom: 1px solid #ccc; color:#D90000;}
.menu .dropdown-menu > li > a:hover{color:red; background-color:#000;}
.menu .dropdown-menu {right:0; left:auto;}
#yeniurun .siyah i{top:45%; left:45%; font-size:450%}
.galeri .rsm{overflow:hidden; position:relative; border:1px solid #666; height: auto; max-height: 310px;}
.galeri .rsm img{width:100%; height: auto; min-height: 136px;}
#yanBar {border-left: 0px; border-top:1px solid #DDD; padding-top:15px;}
#giris {margin: 10px 0;}
#giris .kutu {height: auto; margin-bottom:15px;}
#giris .kategoriler {height:auto;}
#footer .info{text-align: center;}
#urunliste {margin:25px 0 0 0;}
#urunDetay .resim .miniR .mResim{width:15%; border:none;}
.yolUrun {border-bottom:none;}
.yolUrun h1, .yolUrun a {margin-bottom:14px;}
#smedya .bizeUlas{background-image:none;background-color:#EDEDEC; padding:20px; margin-bottom:10px;}
#smedya .gmap{background-image:none;background-color:#E0C4B6; padding:20px;}
}
@media (max-width: 550px) {
#urunDetay .resim .miniR .mResim{width:25%; border:none;}
}