/*f4a902*/
/*c8580b*/
* {
    font-family: 'Lato', sans-serif;
    padding:0;margin:0;
    font-size:16px;
}
#mobilemenu{display:none}
.MarginAuto{width:80%;margin-left:10%;margin-right:10%;}
.Logo{width:20%;float:left;padding:10px;margin-left:15%;padding-bottom:15px;}
.Logo img{width:100%;}
.Menubar{width:55%;float:right;}
.ustbilgi{padding:10px;background-color:#f4a902;border-bottom-left-radius:50px;text-align:center}
.ustbilgi img{width:25px;margin-right:10px;}
.ustbilgi a{color:white;text-decoration:none;font-weight:bold}
.ustbilgi a:hover{color:white;text-decoration:none;font-weight:bold}
.menunav {margin-right:25%;float:right;padding-top:35px;}
.menunav ul {list-style:none;padding:0;margin:0;}
.menunav ul li{float:left;}
.menunav ul li a{display:block;color:#404040;padding:15px;font-weight:bold;}
.bottom-top{padding-bottom:0px;padding-top:35px;color:#c8580b;font-size:18px;text-align:center}
.urunler{width:24%;margin:0.5%;float:left;cursor:pointer}
.urunler .altmenuler img {width:100%;}
.urunler span{display:block;padding:10px;text-align:center;font-weight:bold;color:#404040}
.altmenuler{position:relative}
.altnav{position:absolute;top:0px;width:100%;left:0%;padding-top:15px;background-color:rgb(18,18,18,0.7);height:100%;opacity:0;transition: all .5s ease-in-out;}
.altnav ul {list-style:none;margin:0;padding:0;}
.altnav ul li a{display:block;color:white;padding:3px;}
.altmenuler:hover .altnav{opacity:1;}
h1{color:#ff6a00;font-weight:bold;text-align:center;padding:15px;font-size:45px; font-family: 'Lato', sans-serif}
h2{font-size:17px;color:#404040;text-align:left;padding-bottom:35px; font-family: 'Lato', sans-serif}
.footerimalat{padding:15px;text-align:center;background-color:#f4a902;color:white;font-size:30px;font-weight:bold}
.FooterMenu{padding-top:35px;margin-left:5%;width:90%;}
.FooterMenu ul {list-style:none;margin:0;padding:0;}
.FooterMenu ul li {width:12.5%;float:left;font-weight:bold}
.FooterMenu ul li a{color:#930707;font-size:14px;}
.FooterMenu ul li ul li{float:none;width:100%;}
.FooterMenu ul li ul li a{color:#404040;font-weight:normal;padding-top:3px;padding-bottom:3px;display:block}

#mobilemenu{display:none}

.swiper-slide span{position:absolute;background-color:rgb(14 14 14 / 0.80);display:block;font-size:20px;border-radius:5px;padding:10px;text-align:center;color:white;border:solid 0.3mm rgb(255 255 255 / 0.8)}

.anim1{top:-30%;left:35.5%;border-radius:5px;width:30%;transition: all .5s ease-in-out;}
.anim2{bottom:-40%;display:block;left:38%;width:25%;transition: all .5s ease-in-out;}

.swiper-slide-active .anim1{top:30%;}
.swiper-slide-active .anim2{bottom:40%;}
.Detaymenu{list-style:none;margin:0;padding:0;float:left;width:20%;border:solid 0.3mm #c3c3c3;display:block;}
.Detaymenu li a{display:block;padding:10px;background-color:#f4a902;color:#191919;font-weight:bold;}
.detaysub{list-style:none;margin:0;padding:0;}
.detaysub li a{background-color:#e6e6e6;display:block;padding:10px;font-weight:normal;border-bottom:solid 0.3mm #c3c3c3}
.detaysub li:last-of-type a {border-bottom:0}

.detayResimler{float:left;width:38%;margin-left:2%;display:block;}
.detayResimler img{margin-bottom:15px;border:solid 0.3mm #ededed}
.detayAciklama{padding:15px;padding-top:0;float:right;width:38%;}
.detayResimlerMobil{display:none;}

.mobilurunler{display:none;}

    .wpbuton{width:100px;}
#photos {
    /* Prevent vertical gaps */
    line-height: 0;
    -webkit-column-count: 5;
    -webkit-column-gap: 0px;
    -moz-column-count: 5;
    -moz-column-gap: 0px;
    column-count: 5;
    column-gap: 0px;
}

    #photos img {
        /* Just in case there are inline attributes */
        width: 100% !important;
        height: auto !important;
    }
@media (max-width: 1200px) {
  #photos {
  -moz-column-count:    4;
  -webkit-column-count: 4;
  column-count:         4;
  }
}
@media (max-width: 1000px) {
  #photos {
  -moz-column-count:    3;
  -webkit-column-count: 3;
  column-count:         3;
  }
}
@media (max-width: 800px) {
  #photos {
  -moz-column-count:    2;
  -webkit-column-count: 2;
  column-count:         2;
  }
}
@media (max-width: 400px) {
  #photos {
  -moz-column-count:    1;
  -webkit-column-count: 1;
  column-count:         1;
  }
}



.DetayHeaders{position:absolute;width:100%;text-align:center;padding:15px;top:0;left:0;}
.DetayHeaders h1{color:#191919;}
.DetayHeaders h2{color:white;display:block;text-align:center;}
@media only screen and (max-width: 1366px) {
    /*c8580b*/
    * {
    font-family: 'Lato', sans-serif;
    padding:0;margin:0;
    font-size:14px;
}
.MarginAuto{width:90%;margin-left:5%;margin-right:5%;}
.Logo{width:20%;float:left;padding:10px;margin-left:15%;padding-bottom:15px;}
.Logo img{width:100%;}
.Menubar{width:55%;float:right;}
.ustbilgi{padding:15px;background-color:#f4a902;border-bottom-left-radius:50px;}
.menunav {margin-right:25%;float:right;padding-top:20px;}
.menunav ul {list-style:none;padding:0;margin:0;}
.menunav ul li{float:left;}
.menunav ul li a{display:block;color:#404040;padding:15px;font-weight:bold;}
.bottom-top{padding-bottom:0px;padding-top:25px;color:#c8580b;font-size:14px;text-align:center}
.urunler{width:24%;margin:0.5%;float:left;cursor:pointer}
.urunler .altmenuler img {width:100%;}
.urunler span{display:block;padding:10px;text-align:center;font-weight:bold;color:#404040}
.altmenuler{position:relative}
.altnav{position:absolute;top:0px;width:100%;left:0%;padding-top:5px;background-color:rgb(18,18,18,0.7);height:100%;opacity:0;transition: all .5s ease-in-out;}
.altnav ul {list-style:none;margin:0;padding:0;}
.altnav ul li a{display:block;color:white;padding:3px;}
.altmenuler:hover .altnav{opacity:1;}
h1{color:#ff6a00;font-weight:bold;text-align:center;padding:15px;font-size:35px; font-family: 'Lato', sans-serif}
h2{font-size:14px;color:#404040;text-align:left;padding-bottom:35px; font-family: 'Lato', sans-serif}
.footerimalat{padding:15px;text-align:center;background-color:#f4a902;color:white;font-size:25px;font-weight:bold}
.FooterMenu{padding-top:35px;margin-left:5%;width:90%;}
.FooterMenu ul {list-style:none;margin:0;padding:0;}
.FooterMenu ul li {width:12.5%;float:left;font-weight:bold}
.FooterMenu ul li a{color:#930707;font-size:12px;}
.FooterMenu ul li ul li{float:none;width:100%;}
.FooterMenu ul li ul li a{color:#404040;font-weight:normal;padding-top:3px;padding-bottom:3px;display:block}


.swiper-slide span{position:absolute;background-color:rgb(14 14 14 / 0.80);display:block;font-size:17px;border-radius:5px;padding:10px;text-align:center;color:white;border:solid 0.3mm #ffffff}

.anim1{top:-25%;left:32%;border-radius:5px;width:40%;transition: all .5s ease-in-out;}
.anim2{bottom:-35%;display:block;left:35%;width:35%;transition: all .5s ease-in-out;}

.swiper-slide-active .anim1{top:25%;}
.swiper-slide-active .anim2{bottom:35%;}

}

@media only screen and (max-width: 960px){
/*c8580b*/
* {
   font-family: 'Lato', sans-serif;
    padding:0;margin:0;
    font-size:16px;
}

#mobilemenu{display:block;position:absolute;right:25px;top:25px;font-size:25px;cursor:pointer}
.MarginAuto{width:98%;margin-left:1%;margin-right:1%;}
.Logo{width:80%;float:none;padding:10px;margin-left:10%;padding-bottom:15px;}
.Logo img{width:100%;}
.Menubar{width:100%;float:none;}
.ustbilgi{padding:15px;background-color:#f4a902;border-bottom-left-radius:50px;display:none}
.menunav {margin-right:0%;float:none;padding-top:5px;display:none}
.menunav ul {list-style:none;padding:0;margin:0;}
.menunav ul li{float:none;}
.menunav ul li a{display:block;color:#404040;padding:7px;font-weight:bold;background-color:#e8e8e8;border-bottom:solid 0.3mm #efefef}
.bottom-top{padding-bottom:0px;padding-top:25px;color:#c8580b;font-size:14px;text-align:center}
.urunler{width:100%;margin:0%;float:none;cursor:pointer;margin-bottom:10px;}
.urunler .altmenuler img {width:100%;}
.urunler span{display:block;padding:10px;text-align:center;font-weight:bold;color:#404040;background-color:#dedede}
.altmenuler{position:relative;}
.altnav{position:absolute;top:0px;width:100%;left:0%;padding-top:30px;padding-left:0%;background-color:rgb(18,18,18,0.7);height:100%;opacity:1;transition: all .5s ease-in-out;}
.altnav ul {list-style:none;margin:0;padding:0;}
.altnav ul li a{display:block;color:white;padding:3px;}
.altmenuler:hover .altnav{opacity:1;}
h1{color:#ff6a00;font-weight:bold;text-align:center;padding:5px;font-size:25px; font-family: 'Lato', sans-serif}
h2{font-size:16px;color:#404040;text-align:justify;padding-bottom:35px; font-family: 'Lato', sans-serif;padding:10px
}
.footerimalat{padding:15px;text-align:center;background-color:#f4a902;color:white;font-size:20px;font-weight:bold}
.FooterMenu{padding-top:35px;margin-left:5%;width:95%;}
.FooterMenu ul {list-style:none;margin:0;padding:0;}
.FooterMenu ul li {width:100%;float:none;font-weight:bold;text-align:center;margin-bottom:15px;}
.FooterMenu ul li a{color:#930707;font-size:14px;text-align:center}
.FooterMenu ul li ul li{float:none;width:100%;margin-bottom:0;}
.FooterMenu ul li ul li a{color:#404040;font-weight:normal;padding-top:3px;padding-bottom:3px;display:block;}

.altres{display:none;}

.swiper-slide span{position:absolute;background-color:rgb(14 14 14 / 0.80);display:block;font-size:20px;border-radius:5px;padding:10px;text-align:center;color:white;border:solid 0.3mm rgb(255 255 255 / 0.8);display:none}

.anim1{top:-30%;left:35.5%;border-radius:5px;width:30%;transition: all .5s ease-in-out;}
.anim2{bottom:-40%;display:block;left:38%;width:25%;transition: all .5s ease-in-out;}

.swiper-slide-active .anim1{top:30%;display:none}
.swiper-slide-active .anim2{bottom:40%;display:none}


.Detaymenu{list-style:none;margin:0;padding:0;float:none;width:100%;border:solid 0.3mm #c3c3c3;margin-bottom:10px;display:none;}
.Detaymenu li a{display:block;padding:10px;background-color:#f4a902;color:#191919;font-weight:bold;}
.detaysub{list-style:none;margin:0;padding:0;}
.detaysub li a{background-color:#e6e6e6;display:block;padding:10px;font-weight:normal;border-bottom:solid 0.3mm #c3c3c3}
.detaysub li:last-of-type a {border-bottom:0}

.detayResimler{float:left;width:38%;margin-left:2%;display:none;}
.detayResimler img{margin-bottom:15px;border:solid 0.3mm #ededed}
.detayAciklama{padding:15px;padding-top:0;float:none;width:100%;}
.detayResimlerMobil{display:block;margin-bottom:15px;}

.mobilurunler{background-color:#191919;display:block;padding:10px;color:white;font-weight:bold;margin-bottom:5px;cursor:pointer;margin-top:-20px;}

    .wpbuton{width:70px;}
}