body { background:#BCBEC0 url(../img/bg.png) center  repeat-x; 

}
::-webkit-scrollbar {
    width: 12px;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}
 
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
a, a:hover, a:focus, a:active {
 color:inherit; text-decoration:none;
}
.btn-gray {
 background:#5d5d5d; color:#fff;
}
.btn-gray:hover {
 background:#D5D5D5; 
}
.btn-red {
 background:#D53028; color:#fff; transition:0.40s; -webkit-transition:0.40s; -moz-transition:0.40s;
}
.btn-red:hover {
 background:#8e1e18 ; color:#521310
}
.form-control {
 background:none; border:none; border-bottom:solid 1px #5d5d5d; border-radius:0px; box-shadow:none;color:#fff;
}

.menu-col { max-width:300px;float: right;
}
.menu-container {
 background:#343433; color:#fff; padding-top:60px; padding-bottom:30px;
 height:calc(100vh - 7vh); min-height:550px;     overflow-y: auto;
}
.logo-col {
 width:85%; margin-left:auto; margin-right:auto; margin-bottom:50px;
}
    .logo-col img {
       width:100%;
    }
.menu-btn {
 display:none;
}
.red-menu-btn {
 color:#D53028
}
.menu-list, .menu-contact {
 width:75%; margin-left:auto; margin-right:auto;
}
    .menu-list ul {
        list-style-type:none; padding:0px;
    }
    .menu-list li {
        list-style-type:none; padding:0px;
        border-bottom:solid 1px #5d5d5d;
        padding:7px 2px; font-weight:bold
    }
        .menu-list li:first-child {
            border-top:solid 1px #5d5d5d;
        }
.menu-contact { margin-top:80px

}
.menu-contact  span {
     color:#D53028; font-size:20px; margin-bottom:7px;
}
.menu-contact  div {
 display:inline-block; width:80%; vertical-align:bottom; margin-bottom:7px;
}
.menu-bottom {
 background:url(../img/bg-bottom-left.png) top right no-repeat; height:25px; background-size:300px
}
.mobil-footer {
 display:none;
}
.page-container {
 max-width:996px; 
}

.page-content {
 background:#343433; color:#fff; height:calc(100vh - 7vh);min-height:550px; max-width:996px; padding-top:60px; overflow-y:auto
}
.content-bg-bottom {background:url(../img/bg-bottom-right.png) top left no-repeat;  height:25px;
}
.mobil-banner {
 display:none;
}
.vitrin-foto {
 width:100%; height:195px; overflow:hidden;
}
.vitrin-foto img {
 width:100%; 
}

.bottom-banner {
 margin-top:100px; clear:both
}
.default-info {
 font-size:20px;
}

/*ÜRETİMLERİMİZ*/
/*.uretim-list {
 text-align:center;  width:150px; display:inline-block; margin:10px
}
.uretim-list h3 {
 margin-top:-10px; padding-left:10px; padding-right:10px; font-size:20px; width:auto;
}
    .uretim-list h3 span{
         background:#343433; padding:0px 10px ;
    }
.uretim-list-img {text-align:center; height:170px; overflow:hidden;
}

.uretim-img {
    width: 150px;
    height: 150px;
    text-align: center;
    overflow: hidden;
    border: solid 1px #5d5d5d;
    margin-bottom:5px;
}
    .uretim-img img { min-width:150px; min-height:150px;
                      max-width:200px; max-height:200px;
                      text-align:center; overflow:hidden;
        }
.uretim-adi {
    color:#5d5d5d; padding-bottom:5px; border-bottom:solid 1px #5d5d5d
}*/

  .uretim-mak {
            border:solid 1px #5d5d5d; text-align:center; height:230PX; position:relative; margin-bottom:30px;
        }
         .uretim-mak-ad {
             height:47px; padding:5PX;  position:relative; top:-20px
        }
            .uretim-mak-ad div {
            background:#343433; display:inline-block; padding:10px; width:90%
            }
        .uretim-mak .gallery {
         margin-top:0px; height:140px; overflow:hidden;
        }
        .uretim-mak-foto {
         width:60px; height:140px; margin:3px; overflow:hidden; display:inline-block; opacity:0.8; transition:0.40s
        }
            .uretim-mak-foto:hover {opacity:1
            }
          .uretim-mak-foto img {
         min-width:50px; min-height:50px;max-width:100px; max-height:100px; overflow:hidden;
        }

        .uretim-mak-detay {
         border:solid 1px #5d5d5d; text-align:center; margin-bottom:100px; padding-bottom:30px;
        }
          .uretim-mak-detay .uretim-mak-ad {
          font-size:28px;  
        }
            .uretim-mak-detay .uretim-mak-ad small {
             font-size:20px
            }
            .uretim-mak-detay .uretim-mak-foto {
             width:100px; height:100px; margin:10px; overflow:hidden; display:inline-block; opacity:0.8; transition:0.40s
             }
            .uretim-mak-foto:hover {opacity:1
            }
              .uretim-mak-foto img {
             min-width:100px; min-height:100px;max-width:140px; max-height:140px; overflow:hidden;
            }
        .uretim-mak-detay .devami-btn {
         width:170px; cursor:pointer;
        }
    .devami-btn {
     margin-bottom:-10px; color:#5d5d5d; position:relative; margin-left:auto; margin-right:auto; bottom:-30px; width:100px; background:#343433; transition:0.40s; cursor:pointer
    }
    .devami-btn span {
     background:#343433; padding:0px 10px ;  cursor:pointer; transition:color 0.40s linear;  -webkit-transition:color 0.40s linear; -moz-transition:color 0.40s linear;
    }
    .devami-btn:hover {
      color:#d5d5d5;
}
/*ÜRETİMLERİMİZ- BİTİŞ*/

/*MAKİNE PARKI*/
         .makineparki-list {
          width:190px; height:190px; padding:10px; border:solid 1px #808080; display:inline-block; margin:10px; transition:background 0.40s linear; cursor:pointer;
        }
            .makineparki-list:hover { background:#4c4c4c;
            }
        .makineparki-foto {
          width:100%; height:120px; overflow:hidden;
        }
         .makineparki-foto img {
          min-width:190px; min-height:120px;  max-width:260px; max-height:170px;
        }
        .makineparki-ad {
             font-size:14px; height:50px; margin-top:5px; border-top:solid 1px #808080; padding-top:10px; padding:5px; overflow:hidden;
        }
        .modal {
         color:#333 !important;
        }
/*MAKİNE PARKI - BİTİŞ*/


/*GENEL FOTO GALERİ*/
    .foto-list {
     width:140px; height:130px; overflow:hidden; display:inline-block; margin:10px; border:solid 1px #5d5d5d;
    }
        .foto-list img {
         min-width:100%; min-height:130px; max-width:100%; max-height:100%;  transition:all 0.40s linear
        }
/*GENEL FOTO GALERİ BİTİŞ */
/*YEDEK PARÇA*/

/*YEDEK PARçA - BİTİŞ*/

/*BROŞÜR-KATALOG*/
        .brosur-list {
         width:130px; height:179PX; overflow:hidden; margin:10px; display:inline-block; transition:opacity 0.40s linear;  border:solid 1px #5d5d5d
        }
            .brosur-list:hover {
             opacity:1
            }
        .brosur-list-img {
          width:130PX; height:179PX;
        }
        .brosur-list-img img {
          width:130PX; height:179PX; transition:all 0.40s linear;
        }
            .brosur-list-img img:hover {
             width:150PX; height:206PX;
            }
/*BROŞÜR-KATALOG - BİTİŞ*/
@media (max-width:1200px) {

    .menu-list, .menu-contact {
        width: 85%;
        margin-left: auto;
        margin-right: auto;

    }
    .menu-list ul {
        list-style-type:none; padding:0px;
    }
    .menu-list li {
        list-style-type:none; padding:0px;
        border-bottom:solid 1px #5d5d5d;
        padding:7px 2px; font-weight:normal; font-size:11px
    }
        .menu-list li:first-child {
            border-top:solid 1px #5d5d5d; 
        }

}
@media (max-width:992px) {
    .menu-bar {
     height:80px
    }
    .menu-col { max-width:100%;float:none; width:100%
}
    .menu-container {
     background:#343433; color:#fff; padding-top:0px; padding-bottom:0px;
     height:85px; min-height:0px;  line-height:normal; padding:10px; border-bottom: solid 10px #D53028
    }

    .menu-list, .menu-contact {
     display:none;
    }
    .menu-list {
     background:#343433; color:#fff;  width:auto; padding-top:20px; position:absolute; top:80px; left:5px; right:5px; z-index:11
    }
    .menu-list li {
     padding-bottom:7px; padding-top:7px; line-height:40px; text-align:center;width:100%
    }
    .content-bg-bottom {
     display:none
    }
    .logo-col {
     width:80%; max-width:165px; float:none; line-height:50px;
    }
        .logo-col img {
           width:90%;
        }

        .menu-btn {
       position:absolute; top:25px; right:15px; font-size:24px; text-align:center; z-index:10; display:block;
        }
    .menu-bottom {
     display:none;
    }

    .mobil-footer {
    background:rgba(213, 48, 40, 0.54); font-size:24px; font-weight:bold; text-align:center; padding-top:15px; padding-bottom:15px;
    position:fixed; bottom:10px; left:0px; right:0px; color:#fff; display:block;
    }
    .page-container {
 max-width:none; 
}

.page-content {
 background:#343433; color:#fff; height:auto;min-height:0px; max-width:none; padding-top:30px; padding-bottom:80px
}

    .mobil-none {
     display:none;
    }
    .mobil-banner {
     width:100%; overflow:hidden;  height:calc(100vh - 80px); display:block;
    }
     .mobil-banner img {
     min-width:100%; height:100%
    }

    .uretim-mak-detay .uretim-mak-ad {
          font-size:20px;  height:90px; 
        }
            .uretim-mak-detay .uretim-mak-ad small {
             font-size:18px
            }
}


/* Hata CSS */
.hata,.emailHata{border-bottom:solid 2px #aa2727!important;}