body {
    margin:0px;
    font-family: 'Open Sans', sans-serif;
    color:#333;
    font-size:18px ;  font-weight:600; letter-spacing:0.50px
    }
    a, a:hover, a:active, a:focus, a img {
     text-decoration:none !important; color:inherit; border:none
    }
    [data-target] {
    cursor:pointer;
   }
    h2 {
    margin-top:0px; 
    }
    header {
     
    }
.logo-col {
 padding-top:20px; padding-bottom:20px
}
.contact-top {
display:inline-block; text-align:left; padding-top:20px; padding-right:30px
}

h1 {
 font-weight:800
}
.page-title-container {
     padding-top:50px; padding-bottom:50px;
}
.page-title-container h2 {
   font-weight:600;display:inline-block;border-bottom: #e20018 solid 2px;padding-bottom: 10px;color: #393b38;letter-spacing: 0px;
}
.form-control {
     border-radius:0px !important;
     box-shadow:none;
     border:none;
     border-bottom:solid 1px #00213d
    }
    .form-control:focus {
        box-shadow:none;
        border-bottom:solid 1px #00869f
        }

.btn {
 border-radius:0px;  padding-left:25px; padding-right:25px
}
.btn-dark {
     background:#122129; color:#fff;
     transition:0.40s ease-in-out;
     -webkit-transition:0.40s ease-in-out;
     -moz-transition:0.40s ease-in-out;
    }
    .btn-dark:hover {
     background:#0a1216;
     color:#fff; 
    }
.btn-white {
     background:#fff; color:#00213d;
     transition:0.40s ease-in-out;
     -webkit-transition:0.40s ease-in-out;
     -moz-transition:0.40s ease-in-out;
    }
    .btn-white:hover {
     background:#f2f2f2;
     color:#00213d; 
    }
    .btn-blue {
     background:#00213d; color:#fff;
     transition:0.40s ease-in-out;
     -webkit-transition:0.40s ease-in-out;
     -moz-transition:0.40s ease-in-out;
    }
    .btn-blue:hover {
     background:#01111f;
     color:#5b758b; 
    }
.btn-yellow {
    background:#ffbe01; color:#fff; font-weight:600; text-align:center
}
    .btn-yellow:hover {
     background:#dba404; color:#fff
    }
    .btn-red {
    background:#ff3600; color:#fff; font-weight:600; text-align:center
}
    .btn-red:hover {
     background:#db3103; color:#fff
    }
.ortala {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    }
.logo-box {
   
    }
    .logo-box img {
        width:100%
        }
.menu-container {
  border-bottom:dotted 1px #d8d8d8;
  border-top:dotted 1px #d8d8d8;
}
    .menu-list {
       float:left;
        text-align:center;
        width:16%; 
        padding-bottom:7px; padding-top:7px; border-right:solid 1px #f8f8f8
      }
     .menu-list:first-child {
     border-left:solid 1px #f8f8f8; 
      }
.dropdown-menu {
 border-radius:0px !important; width:300px
}
.altmenu-list {
 background:#f9f9f9; padding:5px; border-bottom:solid 1px #fff; transition:0.40s; font-size:15px;
}
.altmenu-list:hover {
 background:#ef0a23; color:#fff; padding:5px; border-bottom:solid 1px #fff;
}
.row-space {
     padding-top:50px; padding-bottom:50px
    }
.urun-box-list {
    width:19%; height:200px; position:relative;
    background: no-repeat center center; color:#fff;
    display:inline-block;  cursor:pointer
    }
    .urun-box-list .overlay {
     background:rgba(16,33,43,0.90); position:absolute; left:0px; right:0px; bottom:0px; top:0px; transition:0.40s
    }
      .urun-box-list:hover .overlay{
     background:rgba(16,33,43,0.98); 
    }
.urun-box-list.urun-1{
    background:url(../img/grup1.jpg)
    }
.urun-name {
 position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width:100%; text-align:center;z-index:2; padding:15px
}
.uretim-box {
width:48%; height:100px; position:relative;
    background: no-repeat center center; color:#fff;
    display:inline-block;  cursor:pointer
}
.uretim-box .overlay {
     background:rgba(185, 2, 22, 0.70); position:absolute; left:0px; right:0px; bottom:0px; top:0px; transition:0.40s
    }
      .uretim-box:hover .overlay{
     background:rgba(185, 2, 22, 0.80); 
    }
      .uretim-box.urun-1{
    background:url(../img/grup1.jpg)
    }
.tanitim-col {
 padding-top:15px; padding-bottom:15px
}
.tanitim-baslik {
  font-weight:800;
  font-size:20px; margin-top:15px; margin-bottom:15px
    }
.tanitim-text {
  font-size:16px; 
    }
.md-border {
border-left:solid 1px #00213d; border-right:solid 1px #00213d;
}
#page-iletisim {
 background:url(../img/contact.jpg) no-repeat center center; background-size:100% auto   ; color:#fff; margin-top:50px
}
#page-iletisim .form-control {
    background: rgba(255, 255, 255, 0.10);
    color: #fff;
    border: solid 1px rgba(255, 255, 255, 0.15);
    border-radius: 0px;
}
.contact-icon-box {
     background:rgba(255, 255, 255, 0.10); 
     color:#fff; 
     width:45px; height:45px; line-height:45px; text-align:center;
     font-size:22px; display:inline-block;  margin-right:10px;
     border:solid 0.50px rgba(255, 255, 255, 0.10)
    }
.marka-list {
 width:200px; height:175px; line-height:175px; text-align:center; display:inline-block; border:solid 1px #f8f8f8; margin:15px
}
.marka-list img {
 max-width:140px; max-height:140px; 
}

.urun-menu-container {
    max-width:300px
    }
.urunler-btn-web {
 background:#ef0a23; color:#fff;  padding:7px; 
}
.urunler-btn-mobil {
 background:#ef0a23; color:#fff;  padding:7px; display:none; cursor:pointer
}
.urun-grup-list {
 font-size:15px; padding:10px 15px; letter-spacing:0px; background:#f9f9f9; border-bottom:solid 1px #fff;
 transition:0.40s; cursor:pointer
}
    .urun-grup-list:hover {
        background:#f1f1f1;
    }
    .urun-grup-list .icon-box { 
        width:15px; text-align:center; display:inline-block; vertical-align:top
    }
.alt-urun-lis-container {
}

.urun-alt-list {
  background:#e3e3e3; border-bottom:solid 1px #fff; padding:10px 15px; font-size:14px;
}
.grup-text {
    width:calc(100% - 20px); display:inline-block;
}
.urun-list {
 max-width:300px; margin:auto; height:330px; margin-bottom:15px;
}
    .urun-list:hover .urun-list-img {
         border:solid 1px #8d5a5a
    }
.urun-list-img {
    border:solid 1px #e3e3e3;
    width:100%; line-height:200px; height:230px; text-align:center; transition:0.40s;
    background: no-repeat center center; background-size:contain;
}
    .urun-list-img img {
         max-width:100%; max-height:195px;
    }
.urun-list-name { 
    color:#5b5b5b;
    font-size:14px;
    margin-top:15px;
    padding-left:5px; padding-right:5px; letter-spacing:0px
}
.urun-grup-baslik {
 font-size:24px; border-bottom:dotted 1px #f2f2f2; padding-bottom:10px; margin-bottom:50px
}
.urun-list-container {
 margin-left:-15px; margin-right:-15px; padding-bottom:15px
}
.urun-detay-container .urun-list-img {
    border:solid 1px #e3e3e3;
    width:100%; line-height:280px; height:285px; text-align:center; transition:0.40s;
    background:no-repeat center center; background-size:contain;
}
   .urun-detay-container  .urun-list-img img {
         max-width:100%; max-height:270px;
    }
.urun-detay-name {
 font-weight:700; margin-bottom:25px
}
.aciklama-baslik {
    font-weight:700; margin-bottom:15px; font-style:italic
}
.urundetay-aciklama {
    font-weight:500; margin-bottom:50px
}
.btn-red {
 background:#ef0a23; color:#fff
}
.btn-red:hover {
 background:#cf1327; color:#fff
}
.teknikozellikler-container {
 margin-top:30px
}
.teknikozellikler-content {
 padding-top:15px; font-size:16px; font-weight:500
}
.teknikozellikler-content .table {
  font-size:14px;
}
.distributor-list {
 max-width:150px; margin:15px auto
}
.distributor-list-img {
     width:150px; height:150px; border:solid 1px #f8f8f8; line-height:150px; text-align:center;
}
.distributor-list-img img{
     max-width:120px; max-height:120px; 
}
.distributor-list-name {
 font-size:14px; margin-top:15px; text-align:center
}
 .menu-btn {
     display:none
    }
 .menu-btn-xs {
     display:none;
    }
.ref-list {
 background:#f2f2f2; padding:15px; height:70px; margin-bottom:15px; font-size:16px
}
.ek-aciklama {
   margin-top:30px; margin-bottom:30px
}
    .ek-aciklama img {
     max-width:100%;
    }
@media (max-width:992px) {
    header {
     position:fixed; top:0px; left:0px; right:0px; background:#fff; z-index:100
    }
     #carousel-example-generic {
     margin-top:150px
     }

    .urunler-btn-web {
 display:none
}
.urunler-btn-mobil {
 background:#ef0a23; color:#fff;  padding:7px; display:block; cursor:pointer
}
    .urun-menu-container {
     max-width:100%; margin-bottom:50px
    }
    .urun-menuList-container {
     display:none;
    }
    .urun-box-list {
     width:30%
    }
    .menu-btn {
     display:block;
     padding-top:10px; padding-bottom:10px; text-align:center
    }
    .menu-btn-xs {
     display:none;  margin-top:20px
    }
    .dropdown-menu {
     position:relative; left:0px; right:0px; box-shadow:none;  width:100%; margin-bottom:30px
    }

    .menu-list-container {
     display:none;
    }
    .contact-top {
     display:none
    }
    .menu-list {
    float: none;
    text-align: center;
    width: 100%;
    padding-bottom: 7px;
    padding-top: 7px;
    border-right: solid 1px #f8f8f8;
}
}
@media (max-width:768px) {
    #carousel-example-generic {
     margin-top:90px
     }
    .menu-btn {
     display:none;
     padding-top:10px; padding-bottom:10px; text-align:center
    }
    .menu-btn-xs {
     display:block;
     padding-top:10px; padding-bottom:10px; text-align:center;
    }
     .urun-box-list {
     width:48%
    }
    .urun-grup-baslik {
        font-size: 20px;
         font-weight:600;
        border-bottom: dotted 1px #f2f2f2;
        padding-bottom: 10px;
        margin-bottom: 30px;
    }

    #page-iletisim {
     background-size:auto 100%
    }
}