.mobilmenu{
display:none;
}

body, html{
width: 100%;
height: 100%;
}

body{
margin:0 auto;
padding:0;
font-family:poppins;
font-size:14px;
height:100%;
font-weight:400;
}

#header{
overflow:hidden;
}

.header{
width:1100px;
margin:0 auto;
overflow:hidden;
padding:10px 0;
}

.ustsol{
float:left;
overflow:hidden;
width:35%;
padding:35px 0 0 0;
font-style:italic;
font-size:12px;
}

.ustsol i{font-size:21px;margin-top:-3px;display:block;float:left;margin-right:5px;}

.logo{
overflow:hidden;
float:left;
width:30%;
text-align:center;
}

.ustsag{
float:right;
width:35%;
}

.arama{
float:right;
padding:35px 0 0 0;
overflow:hidden;
cursor:pointer;
font-family:poppins;
}

.arama span{
font-size:21px;
display:block;
float:left;
overflow:hidden;
margin-left:10px;
}

.arama em{
font-size:14px;
display:block;
float:left
}

.arama input[type=text] {
  width: 50px;
  -webkit-transition: width 0.4s ease-in-out;
  transition: width 0.4s ease-in-out;
  border:none;
  outline:none;
  font-family:poppins
}

.arama input[type=text]:focus {
width: 140px;
border-bottom:1px solid #1b1b1b;
}

.arama i{
display:block;
float:left;
}

.arama button{
background:none;
outline:none;
border:none;
font-size:21px;
cursor:pointer;
}

.arama span b{
font-size:10px;
font-weight:normal;
color:#fff;
background:#1b1b1b;
width:15px;
display:block;
height:15px;
border-radius:50%;
line-height:15px;
position:absolute;
margin-left:12px;
margin-top:-4px;
text-align:center;
}

#menu{
min-height:40px;
background:#1b1b1b;
font-family: 'Playfair Display', serif;
}

#menu ul{
margin:0 auto;
padding:0;
list-style:none;
text-align:center;
}

#menu li{
display:inline-block;
color:#fff;
padding:12px 30px;
cursor:pointer;
}

#menu li:after {
display:block;
content: '';
border-bottom: solid 1px #fff;  
transform: scaleX(0);  
transform-origin:  0% 100%;
transition: transform 500ms ease-in-out;
}

#menu li:hover:after{
transform: scaleX(1);
transform-origin:  0% 50%;
}

#menu ul ul{
display:none;
position:absolute;
z-index:9999;
background:#1b1b1b;
width:100%;
left:0;
margin-top:12px;
border-top:1px solid #fff;
transition: width 0.4s ease-in-out;
}

#menu ul li:hover ul{
display:block;
}

.altmenu{
width:1100px;
margin:0 auto;
text-align:left;
padding:20px 0;
overflow:hidden;
}

.altkat{
width:280px;
float:left;
margin-right:10px;
}

.altkat a{
display:block;
color:#fff;
text-decoration:none;
padding:10px 0
}


.altkat span:after {
display:block;
content: '';
border-bottom: solid 1px #fff;  
transform: scaleX(0);  
transform-origin:  0% 100%;
transition: transform 500ms ease-in-out;
}


.altkat span:hover:after{
transform: scaleX(1);
transform-origin:  0% 100%;
}

.altkat span{display:inline-block;}

.altresim{
float:left;
overflow:hidden;
margin-right:10px;
width:300px;
height:200px;
margin-top:10px
}

.altresim img{
width:300px;
height:200px;
object-fit:cover;
transition: .3s ease-in-out;
}

.altresim img:hover{
transform: scale(1.3);
opacity:0.1
}

.altisim{
position:absolute;
z-index:1;
margin-top:-120px;
width:300px;
text-align:center;
font-size:24px
}

#slider{
overflow:hidden;
height:650px;
background:url(../images/slider.jpg);
border-top:1px solid #fff;
background-position:top center;
}

#content{
overflow:hidden;
min-height:100px;
}

.ana{
overflow:hidden;
width:1000px;
margin:0 auto;
overflow:hidden;
}

.ana ul{
margin:0 auto;
list-style:none;
padding:0;
}

.ana li{
float:left;
overflow:hidden;
width:29.333333%;
padding:2%;
font-weight:600;
text-align:center;
cursor:pointer;
}

.ana li img{
width:270px;
height:450px;
object-fit:cover;
transition: .3s ease-in-out;
}

.ana li img:hover{
transform: scale(1.3);
}

.ana li a{
text-decoration:none;
color:#000;
}

.ana li a:hover{
color:#666;
}

.ana h1{
text-align:center;
margin:0 auto;
padding:0;
font-size:34px;
padding:60px 0 20px 0;
font-family: 'Playfair Display', serif;
}

.ana h1 em{font-family:poppins;font-weight:500;font-style:normal; }

.ana h1 span{
display:block;
font-size:16px;
font-weight:normal;
padding:10px 0;
font-weight:600;
}

.ana li div{
overflow:hidden;
text-align:center;
padding:10px 0;
font-size:18px;
}

.ana li span{
display:block;
text-align:center;
border-bottom:1px solid #666;
width:61px;
margin:0 auto;
cursor:pointer;
}

.anabig{
width:1100px;
margin:0 auto;
text-align:center;
overflow:hidden;
margin-top:40px;
}

.anabig div{
overflow:hidden;
text-align:center;
padding:10px 0;
font-size:18px;
font-weight:600;
}

.anabig span{
display:block;
text-align:center;
border-bottom:1px solid #666;
width:61px;
margin:0 auto;
cursor:pointer;
font-weight:600;
}

.anabig img{
width:800px;
}

#footer{
min-height:300px;
background:#2a9c46;
margin-top:50px;
color:#fff;
}

.bulten{
width:1000px;
margin:0 auto;
overflow:hidden;
padding:40px 0;
border-bottom:1px solid #116c28;
}

.bulten h1{
margin:0 auto;
padding:0;
font-size:21px;
color:#fff;
text-align:center;
font-weight:normal;
}

.bultenekle{
overflow:hidden;
text-align:center;
padding:20px 0;
}

.bultenekle input{
width:350px;
height:35px;
border:none;
outline:none;
padding-left:10px;
font-family:poppins;
}

.bultenekle span input{
height:12px;
width:12px;
background:#fff!important;
}

.bultenekle span{
color:#fff;
display:block;
font-size:12px;
padding:20px 0 0 0;
}


.bultenekle button{
width:150px;
border:1px solid #2a9c46;
background:none;
color:#fff;
font-family:poppins;
height:38px;
transition: 0.5s;
outline:none;
}

.bultenekle span b{
font-weight:normal;
text-decoration:underline;
}

.bultenekle b a{
color:#fff;
text-decoration:none;
}

.bultenekle button:hover{
background:#fff;
color:#000;
cursor:pointer;
}

.footer{
overflow:hidden;
width:1100px;
margin:0 auto;
padding:60px 0;
}

.footer ul{
margin:0 auto;
list-style:none;
padding:0;
float:left;
width:33.333333%;
}

.footer li{
padding:10px 0;
text-align:center;
color:#000;
font-size:12px;
letter-spacing:1px
}

.footer li a{
color:#000;
text-decoration:none;
}

.footer li a:hover{
color:#000;
}

.ftitle{
color:#000;
font-style:italic;
overflow:hidden;
text-align:center;
font-size:16px;
padding-bottom:20px;
}

.footer li i{
font-size:24px;
padding:0 10px
}

.copy{
width:1000px;
margin:0 auto;
overflow:hidden;
text-align:center;
color:#fff;
background:#2a9c46;
font-style:italic;
font-size:12px;
}

.cpy{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items:center;
    justify-content: space-between;
}

.copy span{
display:block;
padding:0 0 40px 0;
}

.copy b{
display:block;
font-weight:normal;
padding:20px 0 5px 0;
}

.sticky{
width:100%;
position:fixed;
top:0;
z-index:999;
}

/*KAT BANNER*/
.katbanner{
overflow:hidden;
min-height:350px;
background-repeat:no-repeat;
}

.banner-yazi{
width:1100px;
margin:0 auto;
overflow:hidden;
color:#fff;
font-size:34px;
padding:120px 0 0 0;
}

.banner-yazi span{
display:block;
font-size:18px;
padding:10px 0 0 2px;
}

.filtre{
width:1100px;
margin:0 auto;
overflow:hidden;
}

.filtreac{
overflow:hidden;
padding:30px 10px 0 10px;
}

.filtreac span{
display:block;
float:left;
border:1px solid #000;
padding:10px 20px;
cursor:pointer;
}

.filtreac b{ 
float:right;
padding:10px 20px;
border:1px solid #333;
font-weight:normal;
cursor:pointer;
display:none;
}

.filtreac span:hover{
background:#1b1b1b;
color:#fff;
}

.filtreac b:hover{
background:#1b1b1b;
color:#fff;
}

.filtreliste{
margin:0 10px 10px 10px;
overflow:hidden;
border-bottom:1px solid #eee;
padding:10px 0;
display:none;
}

.filtreliste ul{
margin:0 auto;
list-style:none;
padding:0;
width:18%;
float:left;
margin-right:2%;
}

.filtreliste h2{
font-size:18px;
padding:0;
margin:0;
margin-bottom:5px;
padding-bottom:5px;
border-bottom:1px solid #eee;
}

.filtreliste li{
padding:5px 0;
font-family:poppins;
font-weight:300;
font-size:13px;
}

.filtreliste li b{
width:15px;
height:15px;
border-radius:50%;
display:block;
float:left;
margin-top:2px;
margin-right:4px;
}

.filtreliste li label{
cursor:pointer;
}

.filtreliste li label:hover{
font-weight:500
}

.katurun{
width:840px;
margin:0 auto;
overflow:hidden;
padding:0px 0;
float:left;
}

.katurun ul{
margin:0 auto;
list-style:none;
padding:0;
}

.katurun li{
float:left;
width:253px;
border:1px solid #eee;
margin:0 10px 40px 10px;
min-height:500px;
}

.katurun li img{
width:100%;
height:380px;
object-fit:cover
}

.katurun li span{
display:block;
padding:10px 10px;
text-align:center;
font-family:poppins;
font-size:13px;
font-weight:300;
min-height:40px;
}

.katurun li span a{
color:#000;
text-decoration:none;
}

.katurun li em{
font-style:normal;
font-family:poppins;
text-align:center;
display:block;
font-weight:600;
color:#333
}

.kat-sepet{
width:40px;
height:27px;
border:1px solid #eee;
margin:0 auto;
margin-top:20px;
position:absolute;
margin-left:105px;
text-align:center;
background:#fff;
font-size:21px;
color:#000;
padding:5px 0 0 0;
cursor:pointer;
overflow:hidden;
color:#fff;
}

.kat-sepet i{display:block;float:left;color:#000;font-size:21px;padding-left:10px}

.kat-sepet:hover{
width:80px;
color:#000;
margin-left:85px;
padding-right:10px;
}

.kat-sepet b{
display:block;
font-size:13px;
float:right;
font-family:poppins;
padding:2px 0 0 0;
}

.kat-sepet a{color:#000;text-decoration:none;}

.filtrebuton{
clear:both;
overflow:hidden;
}

.filtrebuton button{
float:right;
padding:10px 20px;
border:1px solid #1b1b1b;
background:none;
outline:none;
}

.filtrebuton button:hover{
background:#1b1b1b;
color:#fff;
cursor:pointer;
}

/*Urun Detay*/

.bread{
width:1200px;
margin:0 auto;
overflow:hidden;
padding:30px 0;
font-family:poppins;
}

.bread a{
color:#666;
text-decoration:none;
}

.urundetay{
width:1200px;
margin:0 auto;
overflow:hidden;
}

.urunfoto{
float:left;
width:800px;
}

.urunsmallfoto{
width:100px;
float:left;
overflow:hidden;
}

.urunsmallfoto ul{
margin:0 auto;
list-style:none;
padding:0;
}

.urunsmallfoto li{
display:block;
min-height:50px;
text-align:center;
margin-bottom:20px;
cursor:pointer;
}

.urunsmallfoto li img{
width:90%;
height:auto;
object-fit:cover;
border:1px solid #fff
}

.urunsmallfoto li img:hover{
border:1px solid #000;
}


.urunbigfoto{
width:700px;
float:left;
}

.urunbigfoto img{
width:100%;
object-fit:cover;
}

.urunbilgi{
width:380px;
float:right;
overflow:hidden;
}

.urunbilgi h1{
margin:0 auto;
padding:0;
text-align:center;
font-weight:normal;
font-size:21px;
}

.urunbilgi h1 span{
display:block;
font-family:poppins;
font-size:12px;
padding:10px 0 0 0;
}

.urunrenkler{
overflow:hidden;
padding:20px 0 0 0;
}

.urunrenkler h4{
margin:0 auto;
text-align:center;
padding:0;
padding-bottom:10px;
display:block;
}

.urunrenkler ul{
margin:0 auto;
list-style:none;
padding:0;
text-align:center;
}

.urunrenkler li{
width:18px;
height:18px;
border:1px solid #ccc;
background:#fff;
padding:2px;
margin-right:5px;
border-radius:50%;
display:inline-block;
}

.urunrenkler li em{
display:block;
width:18px;
height:18px;
border-radius:50%;
}

.urunrenkler li:hover{
border:1px solid #000;
cursor:pointer;
}

/*Tooltip*/
/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

.js-image-zoom__zoomed-image{
z-index:999;
position:absolute
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}

.tooltip .tooltiptext {
  top: -35px;
  right: -185%;
}
/*Tooltip*/

.urunbeden{
overflow:hidden;
padding:20px 0 0 0;
}

.urunbeden h4{
margin:0 auto;
text-align:center;
padding:0;
padding-bottom:10px;
display:block;
}

.urunbeden ul{
margin:0 auto;
list-style:none;
padding:0;
text-align:center;
}

.urunbeden li{
display:inline-block;
padding:5px 15px;
text-align:center;
border:1px solid #eee;
font-family:poppins;
border-radius:20px;
margin-right:5px;
}

.urunbeden li:hover{
border:1px solid #000;
cursor:pointer;
}

/*Accordion*/
.accordion {
  background-color: #f2f2f2;
  color: #000;
  cursor: pointer;
  padding: 12px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  border-bottom:1px solid #e7e7e7;
  font-family:poppins;
}

.accordion i{
float:right;
}

.active, .accordion:hover {
  background-color: #000;
  color:#fff
}

.panel {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  border-bottom:1px solid #e7e7e7;
}
/*Acordion*/

.urundetayi{
overflow:hidden;
border:1px solid #e7e7e7;
border-bottom:none;
margin:20px 0 0 0;
}

.sepetekle{
overflow:hidden;
margin:20px 0 0 0;
}

.sepetekle button{
background:#1b1b1b;
border:none;
outline:none;
font-family: 'Playfair Display', serif;
color:#fff;
padding:10px 0;
text-align:center;
width:100%;
border-radius:20px;
font-size:16px;
cursor:pointer;
}

.sepetekle button:hover{
background:#333;
}

/*Diger Resim*/
.digerresim{
width:1200px;
margin:0 auto;
}

.row {
  display: flex;
  flex-wrap: wrap;
  padding: 0 4px;
}

.column {
  flex: 46%;
  max-width: 50%;
  padding:0 2% 2% 2%;
}

.column img {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
}

@media screen and (max-width: 600px) {
  .column {
    flex: 100%;
    max-width: 100%;
  }
}
/*Diger Resim*/

.actives{
border:1px solid #000!important
}

.activas{
border:1px solid #000!important
}


#renksecimi input{
display:none;
}

#urunbeden input{
display:none;
}

.sepetsonuc{
position:fixed;
width:300px;
background:#f00;
color:#fff;
bottom:30px;
right:10px;
padding:10px 0;
font-size:16px;
}

.sepetsonuc1{
position:fixed;
width:300px;
background:#00CC00;
color:#fff;
bottom:30px;
right:10px;
padding:10px 0;
font-size:16px;
}

.dsepet{
width:1100px;
margin:0 auto;
overflow:hidden;
}

.sepetbread{
overflow:hidden;
padding:10px 0;
}

.sepetbread ul{
margin:0 auto;
list-style:none;
padding:0;
}

.sepetbread li{
float:left;
width:20%;
padding:10px 0% 10px 5%;
border-bottom:3px solid #999;
text-align:center;
font-weight:bold;
color:#999
}

.sepetbread li i{
float:right;
font-size:20px;
}

.ssol{
width:800px;
float:left;
overflow:hidden;
}

.ssag{
width:260px;
float:right;
overflow:hidden;
padding:10px 0 0 0;
background:#f2f2f266;
}

.saktif{
border-bottom:3px solid #000!important;
color:#000!important
}

.urunstitle{
overflow:hidden;
border-bottom:1px solid #eee;
padding:10px 0;
font-family:poppins;
margin-bottom:10px;
}

.tbox{
display:block;
float:left;
overflow:hidden;
}

.tbox:nth-child(1){
width:150px;
text-align:center;
}

.tbox:nth-child(2){
width:350px;
text-align:center;
}

.tbox:nth-child(3){
width:200px;
text-align:center;
}

.tbox:nth-child(4){
width:100px;
text-align:center;
}

.uruns{
overflow:hidden;
margin-bottom:10px;
padding-bottom:10px;
border-bottom:1px solid #eee;
}

.ubox{
display:block;
float:left;
font-family:poppins;
}

.ubox:nth-child(1){
width:150px;
text-align:center;
}

.ubox:nth-child(2){
width:350px;
text-align:center;
padding:30px 0 0 0
}

.ubox:nth-child(3){
width:200px;
text-align:center;
padding:30px 0 0 0
}

.ubox:nth-child(4){
width:100px;
text-align:center;
padding:30px 0 0 0
}

.ssag h3{
text-align:center;
display:block;
margin:0 auto;
padding:0;
border-bottom:1px solid #eee;
padding-bottom:10px;
}

.ubox a{
color:#000;
text-decoration:none;
}

.ubox span{
display:block;
padding:3px 5px;
border:1px solid #ddd;
width:140px;
margin:0 auto;
margin-top:10px;
background:#f7f7f7;
font-size:12px;
}

.stoplam{
overflow:hidden;
border-bottom:1px solid #eee;
padding:5px;
font-family:poppins;
color:#999;
}

.stoplam span{
float:right;
font-weight:600;
color:#555
}

.devamet{
background:#d8bf89;
padding:10px 0;
text-align:center;
color:#fff;
font-size:16px;
margin-top:10px;
cursor:pointer;
}

.sform{
overflow:hidden;
margin-bottom:15px;
}

.sform label{
display:block;
margin-bottom:5px;
}

.sform input{
width:60%;
height:40px;
outline:none;
border:1px solid #ccc;
padding-left:1%;
font-family:poppins;
}

.sform select{
width:60%;
height:40px;
outline:none;
border:1px solid #ccc;
padding-left:1%;
font-family:poppins;
}

.sform textarea{
width:60%;
height:70px;
outline:none;
border:1px solid #ccc;
padding-left:1%;
font-family:poppins;
resize:none;
}

.ssol h2{
margin:0 ;
padding:0;
margin-bottom:10px;
padding-bottom:10px;
border-bottom:1px solid #ddd;
display:block;
width:60%;
}

.sform button{
height:40px;
background:#1b1b1b;
color:#fff;
font-family: 'Playfair Display', serif;
font-size:16px;
outline:none;
cursor:pointer;
border:none;
width:60%;
}

.sform em{
display:block;
font-family:poppins;
font-size:12px;
padding:4px 0 0 0;
font-style:normal;
}

.kartodeme{
width:400px;
margin:0 auto;
border:1px solid #ddd;
margin-top:20px;
margin-bottom:50px;
min-height:100px;
padding:20px;
overflow:hidden;
font-family:poppins;
}

.kartodeme h1{
margin:0 auto;
padding:0;
font-size:21px;
}

.kform{
overflow:hidden;
padding:5px 0;
overflow:hidden;
}

.kform label{
display:block;
}

.kform input{
width:70%;
height:32px;
outline:none;
border:1px solid #ccc;
}

.kform2{
width:50%;
float:left;
overflow:hidden;
}

.kform2 label{
display:block;
}

.kform2 input{
width:40%;
height:32px;
outline:none;
border:1px solid #ccc;
}

.kform2 select{
width:40%;
height:32px;
outline:none;
border:1px solid #ccc;
}

.kform button{
height:32px;
padding:10px 20px;
color:#fff;
outline:none;
border:none;
background:#1b1b1b;
margin-top:10px;
cursor:pointer;
}

.kform em{
display:block;
padding:10px 0 0 0;
font-size:12px;
}

.kform i{
font-size:21px;
}

.basarili{
text-align:center;
overflow:hidden;
width:700px;
margin:0 auto;
padding:50px 0 0 0;
line-height:30px;
font-family:poppins;
}

.basarili span{
display:block;
padding:5px 10px;
background:#eee;
border:1px solid #1b1b1b;
width:200px;
margin:0 auto;
font-family:poppins;
font-size:21px;
margin-top:10px;
margin-bottom:10px;
}

.basarili a{
color:#000;
border:1px solid #333;
padding:0 5px;
text-decoration:none;
}

.sepettutar{
width:430px;
padding:10px 0;
margin:0 auto;
overflow:hidden;
}

.contents{
width:1000px;
margin:0 auto;
overflow:hidden;
text-align:center;
}

.yazi{
overflow:hidden;
}

.iletisim{
width:1000px;
margin:0 auto;
text-align:left;
}

.isol{
width:480px;
float:left;
overflow:hidden;
text-align:left;
}

.isag{
width:490px;
float:right;
overflow:hidden;
}

.iletisim h1{
margin:0 auto;
padding:0;
padding:20px 0;
text-align:center;
}

.iletisim h3{
margin:0 auto;
padding:0;
padding:10px 0;
}

.adress{
font-family:poppins;
overflow:hidden;
padding:10px 0;
margin-bottom:10px;
border-bottom:1px solid #f7f7f7;
}

.adress span{
font-weight:600;
}

.takip{
overflow:hidden;
width:700px;
margin:0 auto;
text-align:center;
}

.takip label{
display:block;
padding:10px 0;
margin-bottom:20px;
}

.takip input{
width:100%;
height:40px;
text-align:center;
}

.takip button{
width:50%;
height:40px;
margin-top:30px;
background:#1b1b1b;
color:#fff;
outline:none;
cursor:pointer;
font-family: 'Playfair Display', serif;
border:none;
}

.durum{
margin:10px 0 30px 0;
padding:10px;
text-align:center;
border:1px solid #1b1b1b;
background:#f2f2f2
}

.kapan{
display:block;
}

#mobilmenu{
display:none;
}