/* Include Open Sans font from Google Web Fonts */
@import url('https://cdnjs.cloudflare.com/ajax/libs/material-design-iconic-font/2.2.0/css/material-design-iconic-font.min.css');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merienda:wght@700&display=swap');
/*@import url('main.css');*/

body{background:#F5F5F5 /*url('../../images/bg.jpg') repeat 50% 0px */!important; color:#2f333a; font-family: 'Poppins', sans-serif; font-size:14px; }
/* --------------- sticky footer ------------------ */
html { position: relative; min-height: 100%;}
body { padding-bottom: 0px;}
/* body { margin-bottom: 250px;}
.footer { position: absolute; bottom: 0; width: 100%; height:230px; }
--------------- sticky footer ------------------ */

.topBar{height:40px; background:#8a8b84 !important;}
.header{top:40px;}
.logo{height: 30px;}
.navbar-brand img{height: 55px;}
.iconify.i-18{font-size: 18px;}
.iconify.i-20{font-size: 20px;}
.iconify.i-22{font-size: 22px;}
.iconify.i-24{font-size: 24px;}


/* .dropdown.nav-item .dropdown-menu-animation{display:block;height:0;transition:all .35s ease;padding-top:0!important;padding-bottom:0!important;opacity:0} */
#menu a{font-size: 20px; font-weight: 500;}
.megamenu{position: fixed; left:0; right:0; top:90px; background: #fff !important; z-index: 3; }
.megamenu .accordion-collapse.show {transition-duration: all 1s !important; }
.megamenu a{ color: #000; text-transform: uppercase;}
.accordion-item {border: none;}
.kategoriResim ul ul{margin: 0; padding: 0; list-style: none !important;}
.kategoriResim li a div{    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;  width: 270px; height: 400px; }

.navbar-firma{ display: block !important; padding: 20px 0px;  z-index: 3; transition: all .3s ease-in-out; z-index: 4;}
.shadow-none{box-shadow:none !important;}
.navbar-firma .nav-link{color:#fff; font-size:16px;}
.navbar-firma.bg-white .nav-link{color:#263238; font-size:16px;}
.body-firma .logo path {fill:#fff;}
.nav-sticky.navbar-firma {margin-top: 0px;  padding: 10px 0px; background-color: #fff; box-shadow: 0px 3px 10px 0px rgba(38, 107, 193, .08);}
.nav-sticky .navbar-brand .logo-img { filter: brightness(0) invert(1);}
footer .logo-img { filter: brightness(0) invert(1);}
.nav-sticky .nav-link{color:#263238; font-size:16px;}
.logo-img{ filter: brightness(0) invert(1); }
/*
.header, .diller {font-family: 'Open Sans', sans-serif;}
.header{ background:#fff !important; z-index:10;  -webkit-transition: all 300ms; box-shadow:0px 2px 5px rgba(0,0,0,0.40); border-radius:0px !important; border-bottom:solid #D8D3CE 2px; }
.header .logo{ height:50px; z-index:1;}
*/
/*.navbar-collapse.in{margin:0 !important; padding:0 !important; overflow: hidden !important;}*/

/* .translation-links .dropdown-item{color:#000;} */

nav{z-index:1000 !important;}
table tbody tr th{background:#D8D3CE; color:#fff;}
.mainbody{margin:120px auto 50px auto; z-index:10 !important;}
.mainbodyhome{margin:20px auto 150px auto; z-index:10 !important;}
.carousel-indicators{text-align:center; bottom:0;}

/* .altSerit{background:linear-gradient(to right, #298C4B 0%, #195DA4 100%);} */
.altSerit{background:linear-gradient(to right, #5a655b 0%, #3da0a1 100%);}

.SayfaSerit{position: relative; background-size: cover; background-position:left ; background-repeat: no-repeat;  margin-bottom:10px;}
.SayfaSerit .container{height: 400px; }
.SayfaSerit h1{position: absolute; left: 0;  right: 0; top: 0px; bottom: 0px;  margin: auto; display: flex; justify-content: center; align-items: center;  font-weight: bold !important; color:#fff;/*  text-transform: uppercase;  */font-size:36px;  text-shadow:0 5px 10px rgba(0,0,0,.5); font-family: 'Merienda', cursive;}


.kategoriurunleri{background-image: var(--bg-image); background-size: cover; background-position: center; height:500px;}

/* urunlerSwiper */
.urunlerSwiper{ margin: 30px;}
.urunlerSwiper .swiper-wrapper{height: 385px;}
.urunlerSwiper .swiper-wrapper .swiper-slide{ background: white; color:#000; margin-bottom:30px; border-radius:5px; box-shadow:0 2px 5px rgba(0,0,0,.2); overflow: hidden;}
.urunlerSwiper .swiper-wrapper .swiper-slide .resim{ height:250px; margin-bottom:10px; background: #fff;  padding:10px; display: flex; align-items: center; justify-items: center;}
.urunlerSwiper .swiper-wrapper .swiper-slide .bilgi{ padding:5px;}
.urunlerSwiper .swiper-wrapper .swiper-slide .baslik{display: -webkit-box; height: 35px; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; padding:0px;  }
.urunlerSwiper .swiper-wrapper .swiper-slide .urunFiyat{display: block; margin-top:10px; font-size: 14px;}
.urunlerSwiper .swiper-wrapper .swiper-slide.swiper-kategori{display: flex; align-items: stretch; 
  justify-items: stretch; justify-content: center; background: #444;}
.urunlerSwiper .swiper-wrapper .swiper-slide.swiper-kategori a{ color:#fff;  color:#fff; display: flex; align-items: center; justify-items: center; text-align: center; }
.urunlerSwiper .swiper-wrapper .swiper-slide h1{font-size:14px;} 
.swiper-wrapper{padding:20px 0;}
.swiper-button-next, .swiper-button-prev {font-weight: 900 !important; background: #fff; border-radius: 100%; width: 36px; height: 36px; box-shadow:0 2px 5px rgba(0,0,0,.2); display: flex; align-items: center; justify-items: center; }
.swiper-button-next:after, .swiper-button-prev:after { font-size: 22px !important; color: #000;}





/* aramaBar */
.aramaBar{position:relative;}
.aramaBar .form-control{background:rgb(0,0,0,.2); border: none; color:#ccc;}
.aramaBar .form-control:focus{background:rgb(0,0,0,.3); border: none; }
.aramaBar .form-control::placeholder{ color:#ccc;}
.aramaBar ul{display:none; padding:0; list-style:none; position:absolute; width:100%; background:#fff; z-index:3; border-radius:0 0 5px 5px; box-shadow:0 2px 5px rgba(0,0,0,.2);}
.aramaBar ul li{padding:10px 15px; border-bottom:solid #eee 1px; cursor:pointer;}
.aramaBar ul li a{color:#333; text-decoration:none;}
.aramaBar ul li.active,
.aramaBar ul li:hover{background:#eee; font-weight:bold;}
.form-control:focus{ border-color: #ccc; -webkit-box-shadow: none; box-shadow: none;}

.aramaBar.aramaBarAlt{display:none;}


 /*SLAYTLAR*/
/* .anasayfaSlide{position:relative; display:block; margin:125px 0 30px 0; z-index:1 !important; overflow:hidden;} */

.slideOverlayInner{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background-size: cover; background-repeat: none; background-position: top center;}
.slideOverlay{ display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background-size: cover; background-repeat: none; background-position: top center;}
.slideOverlay{background-color:#000000; background:linear-gradient(to bottom, #138b777c 0%, #138b7700 100%); background-blend-mode: color-dodge;}
.slideOverlayInner{background-color:#000000; background:linear-gradient(to bottom, #138b777c 0%, #138b7700 100%);}
.sitelerSlider{position: relative; z-index: 0;}
.sitelerSlider .carousel-item {height: 700px; background-size: cover; background-position: center; }

.SepetBox > div > div:first-child{ padding-right:0px;}
.SepetBox > div > div:last-child{ padding-left:10px;}
.sepetScroll{height:300px; padding: 0; margin: 0; position: relative;}
ul.pagination{padding:0; margin:0;}
.SepetUrunKaldir{position: absolute; top:0px; right:10px; color:#2A3141;}

.sepetUrunList .SepetUrunResim{display:inline-block; width:60px !important; height:70px !important;}
.sepetUrunList b{color:#333;}
.sepetUrunList .SUrunAdet{border:solid #ccc 1px; padding:2px; border-radius:5px;}

.urunlistesi {position:relative; padding:0 10px; }
.urunlistesi > div{padding:0px;}
.urunlistesi > div > .wrap {position:relative; height:450px; padding:10px; margin-bottom: 0px; border-radius:0px; z-index:1; transition: all .1s ease; }
.urunlistesi > div > .wrap.urunListe{height:450px;  margin: 10px;}
.urunlistesi > div > .wrap.urunListe {border-radius:10px; box-shadow: 0px 5px 10px rgba(0,0,0,.2); padding:7px; margin-bottom:0px; background:#fff; overflow:hidden; transition: all .3s ease; }

.urunlistesi a {position:relative; display:block; text-decoration:none;  }
.urunlistesi a .yeniEtiketi{position:absolute; top:10px; left:10px; font-size:12px; font-weight:bold; color:#fff; background:#fac000; border-radius:5px; padding:3px 10px; z-index:5; box-shadow: 0px 5px 10px rgba(0,0,0,.2);}
.urunlistesi a .resimlerWrap{position:relative; display:block; border-radius: 10px; overflow: hidden;}
.urunlistesi a .resimler{width:100%; height:300px; position:relative; transition: all .3s linear; border: solid #eee 1px;  }
.urunlistesi a .resimler img{ opacity:0; transition: all .4s ease; }
.urunlistesi > div > .wrap:hover .resimler{transform: scale(1.15) rotate3d(1, 1, 1, -0.01turn) translate3d(0ch, 0in, -0.5em)  ; transition: all .4s ease; }

.urunlistesi a .resimler .overlay{position:absolute; top:0; bottom:0; left:0; right:0; z-index:2; opacity:0;  }
.urunlistesi > div > .wrap:hover .resimler .overlay{ background: linear-gradient(to bottom,  #138b777c 0%, #138b7700 100% ); opacity:1; transition: all .4s ease; }
.urunlistesi > div > .wrap:hover .resimler .overlay i{background:#000; padding:10px; position:absolute; transform: translate(-50%,-50%); top:50%; left:50%; color:#fff; font-size:20px; border-radius:50%;} 
.urunlistesi .urunBaslik{ color:#2f333a; font-size:14px; height:40px; }

.urunlistesi > div > .wrap .urunFiyat{position:relative; }
.urunlistesi > div > .wrap  .yuzdeEtiketi{padding:5px 10px; background:#2f333a; color:#fff; font-size:14px; border-radius:15px;  font-weight:bold; z-index:5;}

.urunFiyat b{ position:relative; font-size:18px; color:#2f333a; }
.urunFiyat del{ position:relative; font-size:14px; color:#999;}
.urunlistesi .urunSepet{ display:inline-block; background:#D8D3CE; color:#fff; margin:0 10px; border:none; font-weight:bold; font-size:14px;}
.urunlistesi .urunTukendi{ display:inline-block; margin:0 auto; margin-top:20px; border:none; font-weight:bold; font-size:14px; opacity:.6;}
.urunTukendi{ display:inline-block; margin-top:30px; border:none; font-weight:bold; font-size:14px; opacity:.6;}
.urunlistesi .urunWhatsapp{ display:inline-block; margin:0 auto; margin-top:20px; border:none; font-weight:bold; font-size:14px; }
.urunlistesi .ucretsizKargo{position:relative; display:inline-block; background:#2f333a; color:#fff; padding:2px 5px; margin:5px 10px 10px 10px; font-size:10px; font-weight:bold; border-radius:3px;}
.ucretsizKargo{position:relative; display:inline-block; background:#2f333a; color:#fff; padding:2px 5px; margin:1px 0px 5px 0px; font-size:14px; font-weight:bold; border-radius:3px;}
.stokadet{position:relative; display:inline-block; background:#D8D3CE; color:#fff; padding:2px 5px; margin:1px 0px 5px 0px; font-size:14px; font-weight:bold; border-radius:3px;}

.kategoriBaslik{margin-top:-3px;}

.btn-sari{background:#2f333a; color:#D8D3CE !important; border:solid #D8D3CE 1px; }
.btn-sari:hover{background:#D8D3CE; color:#2f333a !important;}

/*.urunDetay */
.urunDetay .urunSepet{ position:relative; font-size:18px; color:#2f333a; margin-right:5px; transition: all .4s ease; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; -ms-transition: all .4s ease;}
.urunDetay a:hover .urunSepet{ position:relative; font-size:18px; color:#D8D3CE; margin-right:5px; transition: all .4s ease; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; -ms-transition: all .4s ease;}

/* .urunResim */
.urunResim .fotorama{background:#fff; border: none !important;}
.urunResim .yeniEtiketi{position:absolute; top:10px; left:10px; font-size:12px; font-weight:bold; color:#fff; background:#f9c943; border-radius:15px;  padding:3px 10px; z-index:5;}
.urunResim .yuzdeEtiketi{position:absolute; bottom:130px; right:20px; width:50px; height:50px; line-height:50px; text-align:center; background:#D8D3CE; color:#2f333a; font-size:18px; border-radius:50px;  font-weight:bold; z-index:5;}

.btn-sepet{background: #000; color: #fff;}
.bg-uyari{ background: papayawhip; color: darkgoldenrod;}

/* firsatlar 
.urunlistesi {margin:0 -15px 15px -15px;}*/
.material-icons.md-72 { font-size: 72px; }


.soltarafkategoriler{background:#fff; padding:10px 0; margin:-10px 0 20px 0; /*border-right:solid #ddd 1px;*/ }
.soltarafkategoriler ul{margin:0; padding:0; list-style:none;}
.soltarafkategoriler li{position:relative; display:block; }
.soltarafkategoriler li .fa{font-size:12px; }
.soltarafkategoriler li:last-child{border-bottom:none;}
.soltarafkategoriler li>a{position:relative; display:block; padding:10px !important; color:#000; text-decoration:none; border-bottom:solid #eee 1px; }
.soltarafkategoriler li a:hover{ background: linear-gradient(to left,  #138b777c 0%, #138b7727 100% ); opacity:1; transition: all .4s ease; color:#000; text-decoration:none; }
.soltarafkategoriler li .submenu{display:none; }
.soltarafkategoriler li .submenu a{position:relative; display:block; background:#6c757d; color:#fff; padding-left:25px !important; text-decoration:none; }
.soltarafkategoriler li .submenu a:hover{background:#D8D3CE; color:#fff; text-decoration:none;}
.soltarafkategoriler li.toggleBtn a:hover{background:#D8D3CE; color:#fff; text-decoration:none;}
.soltarafkategoriler li.toggleBtn > a > .fa{ color:#D8D3CE; text-decoration:none;}
.soltarafkategoriler li.toggleBtn > a:hover > .fa{ color:#fff; text-decoration:none;}
.soltarafkategoriler li.toggleBtn:hover .submenu .fa{ color:#fff; text-decoration:none;}
.toggleBtn{cursor:pointer;}

i{position:relative; display:inline-block; vertical-align:middle !important; margin-top:-2px;}




/* galeriler */
.galeriler{position:relative; display:block; margin:30px 0;}
.galeriler .fotogaleri a, .galeriler .videogaleri a{position:relative; display:block; text-decoration:none; }
.galeriler a .overlay { background-color:#fff;  opacity:0.5;}
.galeriler a:hover .overlay {  display:block; height:100%; opacity:0.4; position:absolute; transition:all 0.5s ease-in-out; -webkit-transition:all 0.9s ease-in-out; -moz-transition:all 0.9s ease-in-out; width:100%; z-index:4;  background-color:#D8D3CE;}




.galerilist a .thumbnail{margin:0 0 10px 0;}
.galerilist a .resimler{width:100%; height:150px; position:relative;}
.galerilist a .resimler img{display:none;}
.galerilist a .resimler .overlay{position:absolute;  opacity:0; filter: alpha(opacity=0); }
.galerilist a:hover .resimler .overlay{position:absolute; top:0; bottom:0; left:0; right:0; background:#343434; z-index:2; opacity:.6; filter: alpha(opacity=60); text-align:center; line-height:150px; transition: all .4s ease; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; -ms-transition: all .4s ease;}
.galerilist a:hover .resimler .overlay .gi{color:#fff;}




.image_carousel{margin:0 !important; padding:0 !important;}
.image_carousel #foo1 {display: inline-block; margin:0 0 20px 0 !important; padding:0 !important;}
.image_carousel .modellerlist {display: inline-block;}





/* kategorilist */
.kategorilist{ background:url('../../images/videolar_golge.png') no-repeat 50% 160px; margin-bottom:10px;}
.kategorilist .vbaslik{ position:relative; margin:0px; padding:0px;}
.kategorilist a{position:relative; display:block; font-size:16px; color:#666; text-decoration:none;}
.kategorilist a:hover {color:#343434;}
.kategorilist a .thumbnail{margin:0 0 10px 0;}
.kategorilist a .kategori{width:100%; height:200px; position:relative;}
.kategorilist a .kategori img{display:none;}
.kategorilist a .kategori .overlay{position:absolute;  opacity:0; filter: alpha(opacity=0); }
.kategorilist a:hover .kategori .overlay{position:absolute; top:0; bottom:0; left:0; right:0; background:#343434; z-index:2; opacity:.6; filter: alpha(opacity=60); text-align:center; line-height:190px; transition: all .4s ease; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; -ms-transition: all .4s ease;}
.kategorilist a:hover .kategori .overlay .gi{color:#fff;}






/* yorumlar */
.yorumlar{position:relative; display:block; background:#d0a337 url('../../images/saribg.jpg') repeat 0 0; border:solid #e7cd8d 4px; margin-bottom:30px; padding:20px 50px; min-height:240px;}
.yorumlar h3{font-size:24px;}
.yorumlar li{position:relative; display:inline-block; color:#663300;}
.yorumlar li .yorum{position:relative; display:block; font-size:16px; text-align:center; margin-bottom:10px;}
.yorumlar li .yazan{position:relative; display:block; font-size:14px; font-weight:bold; text-align:right;}

.yorumlar .dendensol{position:absolute; top:10px; left:10px; width:46px; height:38px; background: url('../../images/denden.png') no-repeat 0 0;}
.yorumlar .dendensag{position:absolute; bottom:10px; right:10px; width:46px; height:38px; background: url('../../images/denden.png') no-repeat 0px -38px;}
.btn-yorum{background:#875911; color:#e7cd8d; border:solid #e7cd8d 2px;}
.btn-yorum:hover{background:#630;color:#fff;}

.ebulten{position:relative; display:block; background:#ccc url('../../images/gribg.jpg') repeat 0 0; border:solid #e8e8e8 4px; margin-bottom:30px; padding:20px 30px 20px 30px; min-height:245px;}
.ebulten .baslik{font-size:17px;}
.ebulten hr{margin:0px 0px 20px 0px;}
.ebulten .btn-ebulten{background:#1c366b; border:solid #d1a439 2px; color:#fff;}
.ebulten #ebulten{border:solid #d1a439 2px;}




.harita{background:black; border:solid #eee 3px; margin-bottom:10px; }

#foo1 {margin:20px 0; padding:0; }
#foo1 li{text-align:center; height:100px; padding:0 20px; margin:0 5px; overflow:auto;}



/* baslik */
.baslik{position: relative; display: block; font-size: 22px; font-weight:bold; padding:0px; margin:0px 0 10px 0; color:#2f333a; }
.baslik i{font-size: 14px; color:#D8D3CE; }
.baslik2{position: relative; display: block; font-size: 18px; font-weight:bold; margin:5px 0 15px 0; padding:5px 0; color:#000; border-bottom:solid #2f333a 2px;}

.baslik3{position: relative; display: block; font-size: 14px; font-weight:bold; padding:10px; margin:0px 0 10px 0; color:#000; background:#D8D3CE;}
.baslik3 i{font-size: 14px; color:#000; }


/* geri */
.geriAR{position:absolute; top:3px; left:0px; width:17px; height:15px; background:url('../../images/geriAR.png') no-repeat 0 0; }
.geri{position:absolute; top:3px; right:0px; width:17px; height:15px; background:url('../../images/geri.png') no-repeat 0 0; }
.geriAR:hover{position:absolute; top:3px; left:0px; width:17px; height:15px; background:url('../../images/geriAR.png') no-repeat -17px 0px;}
.geri:hover{position:absolute; top:3px; right:0px; width:17px; height:15px; background:url('../../images/geri.png') no-repeat -17px 0px;}
.geri,.geri:hover,.geriAR,.geriAR:hover{ -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; -ms-transition: all .2s ease; transition: all .2s ease;}

.img-responsive {margin: 0 auto;}


/*.listMenu*/
.baslik4{margin-top:10px; padding:0px;  font-size:22px; font-weight:700; }
.listMenu{margin:0;padding:0; list-style:none;}
.listMenu li{border-bottom:dotted #ddd 1px; padding:2px 0;}
.listMenu li a{display:block; padding:3px 5px 3px 20px; color:#999; background: url('../../images/arrow.png') no-repeat 5px 8px; text-decoration:none; border-bottom:solid #ccc 1px;}
.listMenu li a:hover{ color:#666 !important; background:#eee url('../../images/arrow.png') no-repeat 5px 7px;}
.listMenu li a.active{ color:#000; background:#ddd; border-bottom:solid #ccc 1px;}
.listMenu li a span{margin-right:5px;}
.listMenu li a.active span{margin-right:5px; color:#000;}
.listMenu li a.turuncu{display:block; padding:3px 10px; color:#fff !important; background:#f39c12 !important;}
.listMenu li a.turuncu span{color:#fff;}
.tumu{position:relative; display:block; top:7px; float:right; font-size:13px; font-weight:700; color:#999;}
.tumuAR{position:relative; display:block; top:7px; float:left; font-size:13px; font-weight:700; color:#999;}
.tumu:hover,.tumuAR:hover{color:#2f333a;}

.listMenuAR{margin:0;padding:0; list-style:none;}
.listMenuAR li{border-bottom:dotted #ddd 1px; padding:2px 0;}
.listMenuAR li a{display:block; padding:3px 20px 3px 5px; color:#999; background: url('../../images/arrowAR.png') no-repeat 100% 5px; text-decoration:none; border-bottom:solid #ccc 1px;}
.listMenuAR li a:hover{ color:#666 !important; background:#eee url('../../images/arrowAR.png') no-repeat 5px 7px;}





/* carousel-example-generic2 */
#carousel-example-generic2 .carousel-control{background:none; height:20px; top:100px; }
#carousel-example-generic2 .carousel-control i{color:#f39c12; font-size:24px;}
#carousel-example-generic2 .carousel-indicators li{background:#2A3141; border:none;}
#carousel-example-generic2 .carousel-indicators li.active{background:#D8D3CE;}


.formErrorContent{padding:5px !important;}
.sidebar{max-width:165px;}
#to-top:hover{background:#343434 !important; }


.panel{border:solid #dbe1e8 1px;}
.glyphicon.bosluk{margin-right:5px;}


/*.scrollpage{height:250px;}*/
ul.pagination{padding:0; margin:0;}

.table td {vertical-align: middle !important; padding:10px !important;}
.table td h5{margin-top:0;}

/* Incık Cıncık */
.input-group-addon{background:#f9f9f9;}
.chosen-choices{ border-radius:0 3px 3px 0 !important;}
.popover-content{padding:0px;}
.well-teklifon{background:#f9f9f9 !important; display:block;}
.well-table{margin:0px;}
a{outline:none !important;}
.paylasimiconlar{font-size:16px; color:#999;}
.altbosluk{position:relative; display:block;margin-bottom:5px;}


.nav-tabs{border-bottom:solid #D8D3CE 2px; margin-bottom:10px;}
.nav-tabs li.active a,
.nav-tabs li.active a:focus,
.nav-tabs li a:focus{background:#D8D3CE; color:#fff; outline:none !important; bottom:0px;}

/* bs-callout */
.bs-callout {padding: 10px; margin: 10px 0; border: 1px solid #eee; border-left-width: 5px; border-radius: 3px;}
.bs-callout h4 {margin-top: 0; margin-bottom: 5px;}
.bs-callout p:last-child {margin-bottom: 0;}
.bs-callout code {border-radius: 3px;}
.bs-callout+.bs-callout {margin-top: -5px;}
.bs-callout-default {border-left-color: #777;}
.bs-callout-default h4 {color: #777;}
.bs-callout-primary {border-left-color: #428bca;}
.bs-callout-primary h4 {color: #428bca;}
.bs-callout-success {border-left-color: #5cb85c;}
.bs-callout-success h4 {color: #5cb85c;}
.bs-callout-danger {border-left-color: #d9534f;}
.bs-callout-danger h4 {color: #d9534f;}
.bs-callout-warning {border-left-color: #f0ad4e;}
.bs-callout-warning h4 {color: #f0ad4e;}
.bs-callout-info {border-left-color: #5bc0de;}
.bs-callout-info h4 { color: #5bc0de; }


/* Gallery */
a.gallery-link { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor:zoom-in;}
.gallery a:hover img,
.gallery-image:hover .resimler{opacity: 0.75; filter: alpha(opacity=75);}
.gallery-image {position: relative;}
.gallery-image-options { position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: none;  padding: 10px;}
.gallery-image:hover .gallery-image-options { display: block;}
.gallery > .row > div { margin-bottom: 15px; }
.gallery.gallery-widget > .row > div { margin-bottom: 0; padding-top: 7px; padding-bottom: 7px;}
.resimler{width:100%; height:100px;}



/* videolist */
.videolist{ background:url('../../images/videolar_golge.png') no-repeat 50% 160px; margin-bottom:10px;}
.videolist .vbaslik{ position:relative; margin:0px; padding:0px;}
.videolist a{position:relative; display:block; font-size:16px; color:#666; text-decoration:none;}
.videolist a:hover {color:#343434;}
.videolist a .thumbnail{margin:0 0 10px 0;}
.videolist a .videolar{width:100%; height:150px; position:relative;}
.videolist a .videolar img{display:none;}
.videolist a .videolar .overlay{position:absolute;  opacity:0; filter: alpha(opacity=0); }
.videolist a:hover .videolar .overlay{position:absolute; top:0; bottom:0; left:0; right:0; background:#343434; z-index:2; opacity:.6; filter: alpha(opacity=60); text-align:center; line-height:150px; transition: all .4s ease; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; -ms-transition: all .4s ease;}
.videolist a:hover .videolar .overlay .hi{color:#fff;}


/* videolist */
.videolist{ background:url('../../images/videolar_golge.png') no-repeat 50% 160px; margin-bottom:10px;}
.videolist .vbaslik{ position:relative; margin:0px; padding:0px;}
.videolist a{position:relative; display:block; font-size:16px; color:#666; text-decoration:none;}
.videolist a:hover {color:#343434;}
.videolist a .thumbnail{margin:0 0 10px 0;}
.videolist a .videolar{width:100%; height:150px; position:relative;}
.videolist a .videolar img{display:none;}
.videolist a .videolar .overlay{position:absolute;  opacity:0; filter: alpha(opacity=0); }
.videolist a:hover .videolar .overlay{position:absolute; top:0; bottom:0; left:0; right:0; background:#343434; z-index:2; opacity:.6; filter: alpha(opacity=60); text-align:center; line-height:150px; transition: all .4s ease; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; -ms-transition: all .4s ease;}
.videolist a:hover .videolar .overlay .hi{color:#fff;}


/* videolar_detay */
.videolar_detay .videolist{ background:none;}
.videolar_detay .videolist .container-fluid{ border-bottom:solid #eee 1px; padding:0px 0 0 0; margin:0px 15px 10px 15px;}
.videolar_detay .videolist .row .col-xs-4, .videolar_detay .videolist .row .col-xs-8{ padding:0 5px;}
.videolar_detay .videolist a{position:relative; display:block; font-size:14px; color:#666; text-decoration:none;}
.videolar_detay .videolist a:hover {color:#343434;}
.videolar_detay .videolist a .thumbnail{margin:0 0 10px 0;}
.videolar_detay .videolist a .thumbnail{width:100%; height:70px; position:relative;}
.videolar_detay .videolist a .thumbnail img{display:none;}
.videolar_detay .videolist a .thumbnail .overlay{position:absolute; opacity:0; filter: alpha(opacity=0); }
.videolar_detay .videolist a:hover .thumbnail .overlay{position:absolute;  top:0; bottom:0; left:0; right:0; background:#343434; z-index:2; opacity:.6; filter: alpha(opacity=60); text-align:center; line-height:65px; transition: all .4s ease; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; -ms-transition: all .4s ease;}
.videolar_detay .videolist a:hover .thumbnail .overlay .hi{color:#fff;}


/* galerilist */
.galerilist .vbaslik{ position:relative; margin:0px; padding:0px;}
.galerilist a{position:relative; display:block; font-size:16px; color:#666; text-decoration:none;}
.galerilist a:hover {color:#d1a439;}
.galerilist a .thumbnail{margin:15px 0 10px 0;}
.galerilist a .galerix{width:100%; height:162px ; position:relative; }
.galerilist a .galerix img{display:none;}
.galerilist a .galerix .overlay{position:absolute;  opacity:0; filter: alpha(opacity=0); }
.galerilist a:hover .galerix .overlay{position:absolute; top:0; bottom:0; left:0; right:0; background:#343434; z-index:2; opacity:.6; filter: alpha(opacity=60); text-align:center; line-height:150px; transition: all .4s ease; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; -ms-transition: all .4s ease;}
.galerilist a:hover .galerix .overlay .gi{color:#fff;}

/* galerilistmenu */
.galerilistmenu a{background:#fff; border:solid #eee 1px;}
.galerilistmenu a.active{background:#0069b4; color:#fff !important; border:solid #0069b4 1px;}
.galerilistmenu a:hover,
.galerilistmenu a:hover.active{background:#434343; color:#fff !important; border:solid #ccc 1px; text-shadow:none !important;}



/* galeriBtns */
.list-group-item .col-md-2{line-height:40px;}
.galeriBtns .list-group-item,
.galeriBtns .list-group-item h4,
.galeriBtns .list-group-item p
{background:#ba99bb; color:#fff; border:none;}
.galeriBtns .list-group-item.active,
.galeriBtns .list-group-item.active h4,
.galeriBtns .list-group-item.active p
{background:#343434; border:none;}
.galeriBtns .list-group-item:hover,
.galeriBtns .list-group-item:hover h4,
.galeriBtns .list-group-item:hover p
{background:#fff; color:#343434 !important; border:none;}
.galeriBtns .list-group-item:hover.active,
.galeriBtns .list-group-item:hover.active h4,
.galeriBtns .list-group-item:hover.active p{background:#fff; color:#343434; border:none;}



/* haberlermodul */
.haberlermodul{border-bottom:solid #eeeeee 1px; padding-bottom:5px; margin:5px 0 10px 0; height:285px;}
.haberlermodul .resim{width:100%; height:110px ; position:relative; border:solid #eee 2px;}
.haberlermodul b{position:relative; display:block; font-size:16px; width:100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background:url('../../images/arrow.png') no-repeat  0 50%; padding-left:15px;}
.haberlermodul p{position:relative; display:block; font-size:14px; width:100%; height:45px; overflow: hidden; text-overflow: ellipsis; margin:5px 0 0 0;}
.haberlermodul .btn-haberler {display:inline-block; border:solid #D8D3CE 1px; font-weight:bold;}
.haberlermodul .btn-haberler:hover{background:#D8D3CE; color:#fff; border:solid #D8D3CE 1px; font-weight:bold;}






/* Footer */
.footer > div:first-child{background:#2f333a; }
.footer > div:last-child{background:#000; }
.footer .row{ color:#999;}
.footer .row > div{margin-bottom:0px;}
.footer .row a:not(.footerlogo):not(.dropdown-item){position:relative; display:block; color:#ccc; padding:5px 10px;}
.footer .row a:hover{background:#444; color:#fff; text-decoration:none;}
.footer h6 {color:#666; font-size:18px; font-weight:bold;padding:5px 10px;}
.footer .row.copyright{padding:5px 0px; color:#666; border-top:solid #444 1px;}
.footerlogo{height: 50px;}

.harita{position:relative; display:block; border-bottom:solid #09c 2px; margin-top:17px; margin-bottom:-70px;}
/* SOSYAL ICON*/
.sosyalmedya{position:relative; margin-top:20px;}
.sosyalmedya li{position:relative; display:inline-block; padding:0; margin:0;}
.icon i{position:relative; display:inline-block; color:#999; font-size:20px; margin:0px; padding:0px;}
.icon:hover i{color:#fff;}
.icon:hover { bottom:0px;}

.card-height{height:100px;}
.text-clamp{ display: -webkit-box; line-clamp: 2; -webkit-box-orient: vertical;  line-height: 20px;max-height: 20px * 1; white-space: inherit !important;}
/*.shareSelector{margin-right:25px;}
*/

a { /* Animasyon */
-webkit-transition: all 250ms cubic-bezier(0.23, 1.000, 0.32, 1.000); 
-moz-transition: all 250ms cubic-bezier(0.23, 1.000, 0.32, 1.000);
-ms-transition: all 250ms cubic-bezier(0.23, 1.000, 0.32, 1.000); 
-o-transition: all 250ms cubic-bezier(0.23, 1.000, 0.32, 1.000); 
transition: all 250ms cubic-bezier(0.23, 1.000, 0.20, 1.000); text-decoration: none;}

 .crismas{display:block; position:relative; width:100%; text-align:center; height:110px; margin-top:70px; background:#333 url('https://www.ztaccessory.com/dosyalar/resimler/crismas.jpg') no-repeat center top; margin-bottom:-80px;}

/* div{border: solid aqua 1px;} */
.mapContainer{width:100%; height:250px;}
/* Chrome, Safari, Opera */
@-webkit-keyframes mymove { 0% {background-position: left;}}
/* Standard syntax */
@keyframes mymove { 100% {background-position: right;} 0% {background-position: left;}}

@media (min-width: 768px) and (max-width: 991px) {
    /*.navbar-collapse.collapse {display: none !important;   margin-top:0px !important;}
    .navbar-collapse.collapse.in { display: block !important; margin-top:0px !important;}*/
}
@media (max-width: 1200px) {

 .mainbody{margin:120px auto 50px auto; z-index:10 !important;}
/*.anasayfaSlide .carousel-inner .carousel-item{ height:350px; background-attachment:cover; background-size: auto  100% !important; } */
.sitelerSlider .carousel-item {height: 400px;}


.urunlerSwiper{margin:5px 10px;}
.urunlerSwiper .swiper-wrapper{height: 300px;}
.urunlerSwiper .swiper-wrapper .swiper-slide .resim{ height:180px; margin-bottom:10px; }
.urunlerSwiper .swiper-wrapper .swiper-slide .baslik{font-size:13px; height: 30px;} 
.urunlerSwiper .swiper-wrapper .swiper-slide .bilgi .urunFiyat b{font-size:12px !important;} 
.urunlerSwiper .swiper-wrapper .swiper-slide .bilgi .urunFiyat b{font-size:12px !important;} 
.kategoriurunleri{background-size: cover; background-position: center; height:350px;}
.urunlistesi > div > .wrap {height:460px;}
.urunlistesi > div > .wrap.urunListe{height:460px;}
.urunlistesi a .resimler{height:300px;  }
.urunlistesi > div > .wrap.urunListe a .resimler{height:300px;  }


.navbar-brand img{height: 45px;}

}

@media (max-width: 990px) {

  .swiper-wrapper{padding: 10px 0;}
  .urunlerSwiper{margin:0 30px;}
  .urunlerSwiper .swiper-wrapper{height: 280px;}
  .urunlerSwiper .swiper-wrapper .swiper-slide .resim{ height:180px; margin-bottom:10px; border:none !important;}
  .urunlerSwiper .swiper-wrapper .swiper-slide .baslik{font-size:13px; height: 30px;} 
  .urunlerSwiper .swiper-wrapper .swiper-slide .bilgi .urunFiyat b{font-size:12px !important;} 
  .kategoriurunleri{background-size: cover; background-position: center; height:300px;}
	.urunlistesi > div > .wrap {height:350px;}
	.urunlistesi a .resimler{height:200px;  }

  #menu {position: fixed; left:-300px; top:0px; bottom:0px; background: #fff;  z-index: 999; width: 300px; padding: 20px; box-shadow: 5px 0 10px rgba(0,0,0,.3);}
  #menu .accordion-item .nav-link{font-weight: bold;}
  #menu.navbar-collapse.collapse.show{left: 0; transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1); }
  .megamenu{position: relative;top:0; box-shadow: none !important; padding: 0px !important;  margin: 0px !important;}
  .megamenu .col-md-10{ padding: 0 0 0 20px !important;  margin: 10px !important; }
  .megamenu a{ line-height: 32px;}
  .kapatmenuicon{position: absolute; top:20px; right:20px;}
  .collapsing{height: auto !important; transition-duration: 0ms !important; transition-delay: 0ms  !important;}
  #navbarSupportedContent{background: #fff; box-shadow: 5px 0 10px rgba(0,0,0,.3); border-radius: 3px; padding: 10px;}
  #navbarSupportedContent .nav-link{color: #000;}
}


@media (max-width: 767px){
  .swiper-wrapper{padding: 0px 0;}
  .urunlerSwiper{margin:10px;}
  .urunlerSwiper .swiper-wrapper{height: 350px;}
  .urunlerSwiper .swiper-wrapper .swiper-slide .resim{ height:230px; margin-bottom:10px; border:none !important;}
  .urunlerSwiper .swiper-wrapper .swiper-slide .urunTukendi{margin-top:10px;}
  .kategoriurunleri{ background-size: auto 280px; background-position: left top; background-repeat: no-repeat; height:auto;}
  .kategoriurunleri .row > div:first-child{height:280px; position: relative;}
  .kategoriurunleri .row > div:first-child::before{ content:"";  background: linear-gradient(0deg, var(--bg-renk), transparent);  position: absolute; left: 0; bottom: 0; right: 0; height:50px;}
  .kategoriurunleri .row > div:last-child{ background-color: var(--bg-renk); }

	.crismas{display:block; background-size:auto 100%; height:68px; margin-bottom:-70px; margin-top:65px;}
	.mainbody{margin:100px auto 50px auto; z-index:10 !important;}
	.nav-tabs{padding:0; margin:0;}
  .sitelerSlider .carousel-item {height: 300px;}
	.anasayfaSlide .carousel-inner .carousel-item{ -webkit-animation: mymove 8s infinite;  animation: mymove 8s infinite;}
	.anasayfaSlide{margin:100px auto 20px auto; }
	
  .SayfaSerit h1{font-size: 32px; }
  
	/* Sticky Footer*/
  .mainbodyhome{padding: 0px;}
	body { margin-bottom: 380px;}
	.footer{ height: 350px;}
  .footerlogo{height: 30px;}
}


@media (max-width: 480px){
	body { margin-bottom: 350px;}
	.mainbody{margin:130px auto 0px auto; z-index:10 !important;}
  .anasayfaSlide{margin:110px auto 20px auto; }
	.urunlistesi > div > .wrap {height:375px;}
	.urunlistesi a .resimler{height:270px; }
	.urunlistesi a .urunBaslik{font-size: 16px;}
	.header .logo{ height:40px; z-index:1; margin:0px 0;}
  .topBar .fw-bold{font-size: 12px;}
  .navbar-brand img{height: 34px;}
}

 #snowflakeContainer {
    position: absolute;
    left: 0px;
    top: 0px;
    display: none;
  }

  .snowflake {
    position: fixed;
    background-color: #CCC;
    user-select: none;
    z-index: 1000;
    pointer-events: none;
    border-radius: 50%;
    width: 10px;
    height: 10px;
  }