@font-face {
    font-family: 'GothamNarrow-Black';
    src: url('../fonts/GothamNarrow-Black.otf') format('opentype');
}
@font-face {
    font-family: 'GothamNarrow-Bold';
    src: url('../fonts/GothamNarrow-Bold.otf') format('opentype');
}
@font-face {
    font-family: 'GothamNarrow-Light';
    src: url('../fonts/GothamNarrow-Light.otf') format('opentype');
}
*{font-family: 'Roboto', sans-serif;font-size:18px;padding:0;margin:0;}
.Header{border-bottom:solid 0.3mm #ebebeb}
.Header img{float:left;width:240px;margin:5px;cursor:pointer}
.navmenubar{float:right;}
nav ul {padding:0;margin:0;list-style:none;}
nav ul li{float:left;position:relative;}
nav ul li a{padding:33px;display:block;text-decoration:none;color:#606060;font-family: 'GothamNarrow-Bold';font-size:20px;padding-left:20px;padding-right:20px;}
nav ul li a:hover{background-color:#eaeaea;text-decoration:none;color:#606060}


.Language{float:right;list-style:none;padding:0;margin:0;margin-top:27px;margin-left:15px;}
.Language li {float:left;}
.Language li a img{width:29px}

.subul{position:absolute;left:0;top:95px;width:400px;background-color:white;border:solid 0.3mm #eeeeee;z-index:9999;display:none}
.subul li {float:none;}
.subul li a{padding:6px;font-weight:normal;font-family: 'GothamNarrow-Light';padding-left:15px;padding-right:15px;}
nav ul li:hover .subul{display:block;z-index:9999}

.MarginAtuo2{margin-left:10%;margin-right:10%;width:80%;}
.MarginAtuo{margin-left:5%;margin-right:5%;width:90%;}
h1{padding:10px;display:block;margin-top:55px;text-align:center;font-family: 'GothamNarrow-Bold';color:#ff0000;font-size:50px;padding-bottom:0;}
h2{padding:10px;display:block;margin-bottom:55px;font-size:18px;padding-left:15%;padding-right:15%;text-align:center;padding-top:0;font-family: 'GothamNarrow-Light'}

.Urunler{margin-top:15px;margin-bottom:15px;float:left;width:23%;margin:1%;border:solid 0.3mm #e9e9e9; transition: all .5s ease-in-out;position:relative;}
.Urunler img{width:100%;}
h3{padding:10px;color:#ff0000;background-color:#f3f3f3;display:block;text-align:center;border:solid 0.3mm #f5f5f5;font-family: 'GothamNarrow-Bold';font-size:18px;}
.Urunler span{height:15px;width:100%;background-color:#d5d5d5;display:block;transition: all .5s ease-in-out;position:absolute;bottom:0;}
.Urunler:hover span{height:100%;background-color:#68070729;}



.ustaa{margin-top:35px;margin-bottom:15px;}

h4{font-size:18px;width:55%;text-align:justify;margin-top:15px;font-family: 'GothamNarrow-Light'}

h5{position:absolute;top:-330px;right:0;width:600px;background-color:rgb(255 0 0 / 0.7);}
h5 span{color:white;display:block;padding:30px;}
h5 span:nth-of-type(2n+1){font-size:25px;font-family: 'GothamNarrow-Bold'}
h5 span:nth-of-type(2n+2){margin-bottom:15px;font-size:30px;font-weight:bold;}
h5 a{color:white;text-decoration:none;}
h5 a:hover{text-decoration:none;color:white}

.UrunTable{width:90%;margin-bottom:25px;margin-top:25px;margin-left:5%;margin-right:5%;}
.UrunTable tr td:nth-of-type(2n+1){text-align:center}
.UrunTable tr td img{width:100%;}
.UrunTable tr td{width:50%;padding:25px;}
.UrunTable tr td span{text-align:left;display:block;padding-top:0;display:block;}
.UrunTable td h2{padding:10px;color:#ff0000;font-weight:bold;font-size:35px;padding-bottom:0px;display:block;font-family: 'GothamNarrow-Bold';}

.Hizmetlerimiztable{width:100%;margin-top:100px;margin-bottom:100px;}
.Hizmetlerimiztable tr td span:nth-of-type(2n+1){color:#ff0000;font-family: 'GothamNarrow-Bold';padding:20px;display:block;padding-bottom:0;font-size:25px;}
.Hizmetlerimiztable tr td span:nth-of-type(2n+2){padding:20px;display:block;font-family: 'GothamNarrow-Light'}

.icerikBaslik{color:#ff0000;font-family: 'GothamNarrow-Bold';text-align:center;display:block;font-size:35px;padding:15px;margin-top:45px;}
.icerikBaslik2{font-family: 'GothamNarrow-Light'}
.HakHeader{color:#ff0000;font-family: 'GothamNarrow-Bold';text-align:center;display:block;font-size:35px;padding:15px;margin-top:45px;}
.HakResim img{width:100%;}
.HakResim{float:left; width:35%;margin-right:4%;margin-top:35px;}
.HakText{float:right;width:61%;margin-top:35px;text-align:justify;font-family: 'GothamNarrow-Light'}
.imalatlar{color:#0092ff;font-family: 'GothamNarrow-Bold';text-align:center;display:block;font-size:35px;padding:15px;margin-top:45px;}

.cs1{width:45%;float:left;margin-top:10%;margin-bottom:10%;}
.cs2{float:right;width:45%;margin-left:10%;margin-top:10%;margin-bottom:10%;}
.cs2 span{font-size:40px;font-family: 'GothamNarrow-Bold'}
.cs2 ul {margin:0;padding:0;}
.cs2 ul li{color:#0092ff;font-family: 'GothamNarrow-Bold';font-size:25px;display:block;padding:10px;padding-left:0;}
.cs2 ul li span{font-size:18px;font-weight:normal;color:#606060;display:block;}

.swiper-slide{position:relative;}
.swiper-slide .Reklam1{position:absolute;left:-100%;color:white;font-size:45px;font-weight:bold;bottom:25%;transition: all .5s ease-in-out;opacity:0;text-shadow: 3px 2px 1px #8a8a8a;}
.swiper-slide .Reklam2{position:absolute;left:150%;color:white;font-size:45px;font-weight:bold;bottom:18%;transition: all .5s ease-in-out;opacity:0;text-shadow: 3px 2px 1px #8a8a8a;}


.swiper-slide-active .Reklam1{left:10%;opacity:1;}
.swiper-slide-active .Reklam2 {left:20%;opacity:1;}

.ka1{float:left;width:35%;margin-left:10%;margin-top:10%;margin-bottom:10%;}
.ka1 span:nth-of-type(2n+1){font-size:35px;font-family: 'GothamNarrow-Bold';display:block;border-bottom:solid 2px #ac0808;text-align:center;}
.ka1 span:nth-of-type(2n+2){padding-left:10%;padding-right:10%;padding-top:5px;display:block;}
.ka2{float:right;width:45%;margin-top:10%;margin-bottom:10%;}
.Footer{background-color:#d4d4d4;margin-top:5%;padding-top:25px;padding-bottom:25px;font-family: 'GothamNarrow-Bold';}


.CanpakAmbalaj{margin-top:25px;display:block;padding:10px;border-bottom:solid 3px #0092ff;color:#0092ff;font-family: 'GothamNarrow-Bold';font-size:25px;text-align:center;margin-bottom:15px;}
.ContactTable{margin-top:110px;margin-left:50px}
.ContactTable tr td img{width:25px;margin-right:5px}
.iletisimharita iframe{width:100%;margin-top:45px;height:450px}
.footermenu {padding:0;margin:0;list-style:none}
.footermenu li a{text-decoration:none;color:#090909;font-family: 'GothamNarrow-Bold';}
.footermenu li::before {
    content: "\2022";
    color: red;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}
.footerTable tr td img{width:25px;margin-right:5px}

#photos {
    /* Prevent vertical gaps */
    line-height: 0;
    -webkit-column-count: 4;
    -webkit-column-gap: 5px;
    -moz-column-count: 4;
    -moz-column-gap: 5px;
    column-count: 4;
    margin-bottom: 25px;
    column-gap: 5px;
}

    #photos img {
        /* Just in case there are inline attributes */
        width: 100% !important;
        height: auto !important;margin-top:5px;
    }


@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;
  }
}
.MarginAtuo2 i {display:none;}
.MM{display:block;}
.MB{display:none;}
@media only screen and (max-width: 1366px) {
*{font-family: Verdana, Geneva, Tahoma, sans-serif;font-size:18px;padding:0;margin:0;}
.Header{border-bottom:solid 0.3mm #ebebeb;text-align:center}
.Header img{float:none;width:50%;margin:5px;cursor:pointer}
.navmenubar{float:none;display:block;width:100%;margin-top:15px;display:none}
nav ul {padding:0;margin:0;list-style:none;}
nav ul li{float:none;position:relative;width:100%;margin:0;}
nav ul li a{padding:6px;display:block;text-decoration:none;color:#606060;font-family: Verdana, Geneva, Tahoma, sans-serif;font-size:16px;text-align:left;}
nav ul li a:hover{background-color:#eaeaea;text-decoration:none;color:#606060}

.MarginAtuo2 i{display:block;position:absolute;right:25px;top:4%;font-size:26px;cursor:pointer}

.Language{display:none}
.Language li {float:left;}
.Language li a img{width:29px}

.MM{display:none;}
.MB{display:none;text-align:left;margin:0;padding:0;margin-top:0px;margin-bottom:15px;}
.MB li {float:right;list-style:none}
.MB li a img{width:29px}
.subul{position:inherit;left:0;top:0px;width:100%;background-color:white;border:solid 0.3mm #eeeeee;z-index:9999;display:none;}
.subul li {float:none;}
.subul li a{padding:6px;font-weight:normal;background-color:#fbfbfb}
nav ul li:hover .subul{display:block;z-index:9999;background-color:#ebebeb}

.MarginAtuo2{margin-left:0%;margin-right:0%;width:100%;}
.MarginAtuo{margin-left:0%;margin-right:0%;width:100%;}
h1{padding:10px;display:block;margin-top:25px;text-align:center;font-family: 'GothamNarrow-Bold';color:#ff0000;font-size:24px;padding-bottom:0;}
h2{padding:10px;display:block;margin-bottom:35px;font-size:16px;padding-left:0%;padding-right:0%;text-align:center;padding-top:0;text-align:justify}

.Urunler{margin-top:15px;margin-bottom:15px;float:left;width:49%;margin:0.5%;border:solid 0.3mm #e9e9e9; transition: all .5s ease-in-out;position:relative;}
.Urunler img{width:100%;}
h3{padding:10px;color:#ff0000;background-color:#f3f3f3;display:block;text-align:center;border:solid 0.3mm #f5f5f5;font-family: 'GothamNarrow-Bold';font-size:16px;}

.Urunler span{height:15px;width:100%;background-color:#d5d5d5;display:block;transition: all .5s ease-in-out;position:absolute;bottom:0;}
.Urunler:hover span{height:100%;background-color:#68070729;}


.ustaa{margin-top:35px;margin-bottom:15px;display:none}

h4{font-size:16px;width:100%;text-align:justify;margin-top:15px;font-family: 'GothamNarrow-Light';display:block;}

h5{position:inherit;margin-top:15px;right:0;width:100%;background-color:rgb(255 0 0 / 0.7);top:0;}
h5 span{color:white;display:block;padding:16px;}
h5 span:nth-of-type(2n+1){font-size:16px;font-family: 'GothamNarrow-Bold';text-align:center}
h5 span:nth-of-type(2n+2){margin-bottom:15px;font-size:18px;font-weight:bold;display:block;text-align:center}
h5 a{color:white;text-decoration:none;font-size:14px}
h5 a:hover{text-decoration:none;color:white}

.UrunTable{width:100%;margin-bottom:15px;margin-top:15px;margin-left:0%;margin-right:0%;}
.UrunTable tr td:nth-of-type(2n+1){text-align:center;display:none}
.UrunTable tr td img{width:100%;}
.UrunTable tr td{width:100%;padding:0px;}
.UrunTable tr td span{text-align:justify;display:block;font-size:14px;}
.UrunTable td h2{padding:0px;color:#ff0000;font-weight:bold;font-size:20px;display:block;font-family: 'GothamNarrow-Bold';text-align:center}
.UrunTable td img{display:none}
.UrunTable table tr td{font-size:14px;}

.asde  tr td:nth-of-type(2n+1){display:block;}
.asde tr td:nth-of-type(2n+2){display:none;}

.Hizmetlerimiztable{width:100%;margin-top:100px;margin-bottom:100px;}
.Hizmetlerimiztable tr td span:nth-of-type(2n+1){color:#ff0000;font-family: 'GothamNarrow-Bold';padding:20px;display:block;padding-bottom:0;font-size:16px;}
.Hizmetlerimiztable tr td span:nth-of-type(2n+2){padding:20px;display:block;font-family: 'GothamNarrow-Light';display:none}

.icerikBaslik{color:#ff0000;font-family: 'GothamNarrow-Bold';text-align:center;display:block;font-size:35px;padding:15px;margin-top:45px;}
.icerikBaslik2{font-family: 'GothamNarrow-Light'}
.HakHeader{color:#ff0000;font-family: 'GothamNarrow-Bold';text-align:center;display:block;font-size:20px;padding:15px;margin-top:15px;}
.HakResim img{width:100%;}
.HakResim{float:none; width:100%;margin-right:0%;margin-top:15px;}
.HakText{float:none;width:100%;margin-top:35px;text-align:justify;font-family: 'GothamNarrow-Light';font-size:16px;}
.imalatlar{color:#0092ff;font-family: 'GothamNarrow-Bold';text-align:center;display:block;font-size:25px;padding:15px;margin-top:45px;}

.cs1{width:100%;float:none;margin-top:15px;margin-bottom:0%;}
.cs2{float:none;width:100%;margin-left:0%;margin-top:0%;margin-bottom:25px;}
.cs2 span{font-size:24px;font-family: 'GothamNarrow-Bold';text-align:center;display:block;margin-top:15px;}
.cs2 ul {margin:0;padding:0;}
.cs2 ul li{color:#0092ff;font-family: 'GothamNarrow-Bold';font-size:18px;display:block;padding:10px;padding-left:0;text-align:center;}
.cs2 ul li span{font-size:14px;font-weight:normal;color:#606060;display:block;margin-top:15px;}

.swiper-slide{position:relative;}
.swiper-slide .Reklam1{position:absolute;left:-100%;color:white;font-size:18px;font-weight:bold;bottom:45%;transition: all .5s ease-in-out;opacity:0;text-shadow: 3px 2px 1px #8a8a8a;display:none}
.swiper-slide .Reklam2{position:absolute;left:150%;color:white;font-size:18px;font-weight:bold;bottom:30%;transition: all .5s ease-in-out;opacity:0;text-shadow: 3px 2px 1px #8a8a8a;display:none}


.swiper-slide-active .Reklam1{left:10%;opacity:1;}
.swiper-slide-active .Reklam2 {left:20%;opacity:1;}

.ka1{float:none;width:100%;margin-left:0%;margin-top:0%;margin-bottom:10%;}
.ka1 span:nth-of-type(2n+1){font-size:25px;font-family: 'GothamNarrow-Bold';display:block;border-bottom:solid 2px #ac0808;text-align:center;}
.ka1 span:nth-of-type(2n+2){padding-left:0%;padding-right:0%;padding-top:5px;display:block;font-size:16px;text-align:justify;}
.k2{float:none;width:100%;margin-top:0%;margin-bottom:0%;text-align:center}
.k2 img{width:70%;}
.Footer{background-color:#d4d4d4;margin-top:5%;padding-top:25px;padding-bottom:25px;font-family: 'GothamNarrow-Bold';}


.CanpakAmbalaj{margin-top:25px;display:block;padding:10px;border-bottom:solid 3px #0092ff;color:#0092ff;font-family: 'GothamNarrow-Bold';font-size:25px;text-align:center;margin-bottom:15px;}
.ContactTable{margin-top:0px;margin-left:0px;font-size:16px;text-align:center;margin-top:35px;width:100%}
.ContactTable tr td:nth-of-type(2n+1){display:none;}
.ContactTable tr td:nth-of-type(2n+2){width:100%;text-align:center;font-size:16px;display:block;}
.iletisimharita iframe{width:100%;margin-top:45px;height:450px}
.footermenu {padding:0;margin:0;list-style:none;margin-top:15px;}
.footermenu li a{text-decoration:none;color:#090909;text-align:center;display:block;font-size:16px;}
.footermenu li::before {
    content:none;
    color: red;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}
.footerTable tr td img{width:25px;margin-right:5px;display:none}
.footerTable{width:100%;}
.footerTable tr td:nth-of-type(2n+1){display:none}
.footerTable tr td:nth-of-type(2n+2){width:100%;display:block;text-align:center}
.footerTable tr td{font-size:14px;}

}