@charset "utf-8";
/* CSS Document */

html, body{height:100%; font-family:'Open Sans', sans-serif; color:#000;}
.sifirla{padding:0; margin:0;}
.dizdir{display:flex; flex-wrap:wrap;}
.t-iletisim{border-bottom:1px solid #ddd; height:48px; color:#333; font-size:13px;  height:48px; line-height: 48px; margin-bottom:10px;}
.sosyal a{color:#333; margin:0 3px; font-size:25px}
.sosyal a.dil{color:#333; margin:0 3px; font-size:13px}
.sosyal a.dil:hover{font-weight:700; text-decoration:none;}

.sosyal a.aktif{font-weight:700; text-decoration:none;}

.sosyal a.dil:nth-of-type(2){margin:0 20px 0 3px;}

.bannerdiz{margin-top:30px; color:#333; font-family:'Montserrat', sans-serif; height:390px; background-position: right !important; background-repeat: no-repeat;}
.banner1{background:url(/Assets/images/banner.jpg); background-size: cover !important;}
.ybanner .bannerbaslik{font-weight:300; font-size:34px; line-height:34px; margin-bottom:15px;}
.ybanner .bannerbaslik span{font-weight:700; font-size:24px; font-family:'Montserrat', sans-serif;}
.ybanner .banneracikla{font-size:14px; font-family:'Open Sans', sans-serif;}


.menuyaz{font-size:14px;}
    .menuyaz .active{color:#fff !important;}
.acilirmenu{font-size:12px; }
.nav-link.active{background: #333 !important;}
.show>.nav-link{ background:#333 !important; color:#fff !important;}
.dropdown-item.active, .dropdown-item:active{background: #E30613 !important;}
.fixed-top{width:1140px; margin:47px auto;}
.headert{margin:0;}
.oklar{width:4%;}



.aracdiz{margin-bottom:20px;}
.aracdiz a{color:#000; border:1px solid #ccc; display:block; font-size:20px; text-align:center; height:50px; line-height:50px; font-weight:300; transition:.2s;}
.aracdiz a:hover{color:#fff; background:#E30613; border:1px solid #E30613; text-decoration:none;}
.urundiz{border:1px solid #ccc; display:block; margin-bottom:30px;transition:.2s; padding-bottom:10px;}
.urundiz:hover{border:1px solid #E30613;}
    .urundiz:hover > .stokkoduic{background:#E30613; color:#fff;}
    .urundiz:hover > .stokkodu{background:#E30613; color:#fff;}

        .stokkodu{background: #333; color:#fff; font-weight:700; height:35px; line-height: 35px; font-size:16px; transition:.2s;}
  .stokkoduic{background: #ddd; color:#000; font-weight:300; height:35px; line-height: 35px; font-size:16px; transition:.2s;}
    .stokkoduic span.adi{font-weight:700; font-size:16px;}

  .oemno{height:30px; line-height: 30px; background:#444; color:#fff;}
  .urunacikla{font-size:12px; margin-top:5px;}
  .urunugoruntule{font-weight: 700; font-size:12px; margin:10px 0;}

.udetayres{border:1px solid #ccc; padding:10px;}
.udetayacikla{border-bottom:1px solid #ccc; font-size:14px;}
    .udetayacikla .udbaslik{background:#eee; padding-top:15px; padding-bottom:15px;  font-weight:600;}
        .udetayacikla div:nth-of-type(2){padding-top:15px; padding-bottom:15px;}
    .udetayacikla .udbaslik i{margin-right:10px;}
        .udetayacikla:nth-of-type(1) .udbaslik{background:#E30613; color:#fff;}
    .udetayacikla:nth-child(even) .udbaslik{background:#ccc;}

.arama{margin-top:0px; min-height:122px; background:#333;} 
.arama .row div:nth-of-type(1){margin:3.5% 0;}
.arama .row div:nth-of-type(2){margin:2.5% 0;}
.arama .row div:nth-of-type(3){margin:3.5% 0;}
.aramabaslik{color:#fff; font-size:25px; font-weight:800; letter-spacing:-1px;}
    .aramabaslik span{font-weight:300; color: #fff;}
      .arama input{width:80%; border:1px solid #fff; color:#fff; background:none; padding:0 3%; height:63px; display:block; float:left; font-size:14px;}
      .arama button{border-radius:0px; border:2px solid #fff; width:20%; background:#fff; display:block; float:left; height:63px;}
      .arama button:hover{background:#888; border:1px solid #888;}
        .arama button i{color:#333; font-size:25px;}
  .aramadetayyaz{font-size:14px; color:#fff;}
    .aramadetayyaz span{font-weight:800;}
    .arama input::placeholder {color: rgba(255,255,255,0.4);}
    .sonurunler{margin:30px auto 0 auto; position:relative;}
.suoklar{line-height:64px; width:40px; font-size:30px; position: relative !important; float:left;}
  .suok{color:#000 !important; }
    .buyukbaslik{font-size:43px; font-weight:700; letter-spacing:-3px;}
    .buyukbaslik span{font-weight:300; color: #888;}
  .buyukbaslikyaz{font-size:14px; margin:0 0 30px 0;}
    .udbuyukbaslik{font-size:30px; font-weight:700; letter-spacing:-1px;}
    .udbuyukbaslik span{font-weight:300; color: #E30613;}

section{margin-top:30px;}

.nedenbiz{height:325px; background:#E30613 url(/Assets/images/nedenbiz.jpg);}
.nedenbiz .row{height:325px;}
    .nedenbiz .row div:nth-of-type(1){height:100%; font-size:85px; color:#fff; font-weight:700; letter-spacing: -5px; line-height: 325px; }
      .nedenbiz .row div:nth-of-type(1) span{font-weight: 300; border:1px solid #fff; padding:0 25px 0 13px;}
    .nedenbiz .row div:nth-of-type(2){padding:80px 0 0 0; font-size:16px; color:#fff; font-weight:400; }
    .devami{margin:20px 0 0 0; width:150px; height:50px; line-height:50px; text-align: center; font-weight:800; background: #fff; color:#444; display:block; transition: .2s;}
      .devami:hover{background:#222; color:#fff; text-decoration: none;}
  

    .markadiz{margin:0 0 25px 0;}
      .markadiz a{display:block; border:1px solid #ccc;}
      img.marka{-webkit-filter: grayscale(100%); filter: grayscale(100%); opacity:0.7; transition:.2s;}
        img.marka:hover{-webkit-filter: grayscale(0%); filter: grayscale(0%); opacity:1;}

.icbanner{margin-top:25px !important; height:300px; background: url(/Assets/images/icbanner.jpg); background-position:center right;}
  .ibbaslik{margin-top:180px; }
    .ibbaslik span{font-size:35px; font-weight: 300; color:#333; border:1px solid #E30613; padding:5px 25px;}
    .navigasyon{color:#333; font-size:12px; margin:25px 0 0 0;}
    .navigasyon a{color:#333; transition: .2s;}
    .navigasyon a:hover{color:#E30613; text-decoration: none;}
    .navigasyon i{margin:0 10px;}
    .navigasyon span{color:#999;}

.solmenu{border:1px solid #E30613;}
    .solmenubaslik{background:#E30613; color:#fff; font-size:13px; height:55px; line-height:55px;}
        .solmenubaslik a{background:rgba(0,0,0,0.4); color:#fff; margin-right:5px; transition:.2s; padding:3px 10px;}
        .solmenubaslik a:hover{background:#fff; color:#E30613; text-decoration:none;}
        .solmenubaslik i{color:#ff8585; margin-right:5px;}
    .smd{padding:10px 0 10px 0;}
    .solmenudiz{}
    .solmenudiz a{padding:0 10px; color:#000; border-bottom:1px solid #ccc; font-size:14px; line-height:30px; display:block; transition:.2s;}
    .solmenudiz a:hover{color:#000; text-decoration:none; background:#ddd;}
    .solmenudiz a.aktif{color:#000; text-decoration:none; background:#ddd;}

    .icerikyaz{font-size:14px; margin-top:20px;}
        .icerikyaz span{font-size:25px; letter-spacing:-1px;}

.footer{background: #eee;}
  .copyright{font-size:10px; margin:15px 0 20px 0;}
  .footerlogo{margin:50px 0 0 0;}
  .footerarama{display:block; padding:8px; font-size:60px; border: #888 2px solid; color:#333; text-align: center; margin: 60px 0 0 0; transition:.2s;}
  .footerarama:hover{text-decoration: none; color: #888;}
  .footerarama span{letter-spacing: -5px; margin:0 0 0 20px;}
  .footerarama span b{letter-spacing: -1px;}
    .footerarama i{color:#333;}
    .footeriletisim{font-size:12px; margin:15px 0 20px 0; margin: 80px 0 0 0;}
    .footeriletisim a{color:#000; font-weight:800;}
      .footeriletisim a:hover{color:#000;}

.formdiz{margin-bottom:15px;}
.formdiz label{font-size:14px;}
.iletisimform{font-size:14px; color:#000; padding-top:10px; padding-bottom:10px;}
.iletisimbaslik{font-weight:700; margin-bottom:15px;}
.iletisimacikla{margin-bottom:15px; font-size:14px;}
.iletisimtextarea{height:150px !important; font-size:14px; color:#000;}
.iabaslik{font-weight:700;}
.iabaslik i{color:#E30613}
.iayaz{font-size:12px;}
.iayaz a{color:#444; font-weight:700; text-decoration:none; transition:.2s;}
.iayaz a:hover{color:#999;}

.ikbaslik{width:100%; font-weight:300; font-size:20px; border:1px solid #bbb; color:#000; padding:5px 5px 5px 10px; margin:15px 0 10px 0;} 
.ikbaslik .btn{font-size:12px;} 
.ikbaslik:nth-of-type(1){ margin:0 0 10px 0;}
.iletisimbacikla{margin-bottom:5px; font-size:14px;}
.iletisimgonder{width:; font-size:14px; color:#fff; border:none; background:#E30613; border-radius:5px; padding:10px 15px; transition:.2s;}
.iletisimgonder:hover{background:#aaa;}
.gonderyukle{font-size:24px; color:#444; border-radius:5px; padding:3px 0; margin-right:15px; transition:.2s;}

.iletisimbb{width:120px; font-size:12px;}
.mesajbb{align-items:start;}
.harita{margin-bottom:-30px;}
.map{width:100%; height:700px;}

@media only screen and (max-width: 1400px) {
  .aramabaslik{font-size:22px;}
  .nedenbiz .row div:nth-of-type(1){font-size:70px;}
  .bannerdiz{height:320px;}

  .aramadetayyaz{font-size:12px}
      .buyukbaslik{font-size:40px;}


  .stokkodu{font-size:14px;}
    
}

@media only screen and (max-width: 1200px) {
.bannerdiz{height:220px;}
}


@media only screen and (max-width: 1140px) {

.nedenbiz .row div:nth-of-type(1){font-size:55px;}
.nedenbiz .row div:nth-of-type(2){font-size:14px;}
.stokkodu{font-size:12px;}
.iletisimbaslik{margin-top:25px; margin-bottom:15px;}
.bannerdiz{height:170px;}
.footerlogo{display:none;}
.footerarama{display:none;}

.footeriletisim{display:none;}


}


@media only screen and (max-width: 990px) {
  .icbanner{display:none;}
  .headert{background:#eee;}
  .t-iletisim{display:none;}
  .nav-link.active{background: #E30613 !important;}
  .nav-link{padding-left:10px !important;}
  .menuyaz{background: rgba(0,0,0,0.2);}
.ybanner{display:none;}
.arama .row div:nth-of-type(1){margin:1% 0;}
.arama .row div:nth-of-type(2){margin:1% 0;}
.arama .row div:nth-of-type(3){margin:1% 0 4% 0;}
.buyukbaslik{font-size:32px;}
.suoklar{line-height:42px; width:30px; font-size:25px;}


.nedenbiz .row div:nth-of-type(1){height:auto; font-size:55px;line-height: 55px; margin:40px 0 0 0; }
.nedenbiz .row div:nth-of-type(2){height:auto; padding:0; font-size:14px;}


}