@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
html { scroll-behavior: smooth; }
html, body { height: 100%; width: 100%;  margin: 0; padding: 0; font-size:16px; line-height: normal;  }
body { min-height: 100%; font-family: "Open Sans", sans-serif!important; font-optical-sizing: auto; font-weight:400; }
a { text-decoration: none!important; outline: 0; border: none; }
.wrapper{position: relative;  min-height: 100%;}
.font1{ font-family: "Montserrat", sans-serif; font-optical-sizing: auto; font-weight:700; font-style: normal;}
.size1{font-size:35px;}
.size2{font-size:26px;}
.size3{font-size:20px;}
.size4{font-size:14px;}
.sizeNormal{font-size:16px;}

.carousel-caption{
    position: static !important;
    right: auto !important;
    bottom: auto !important;
    left: 0 !important;
    text-align: left !important;
    color: #212529 !important;
}

.logo{display: block; width: 148px;}
.logo img{display: block; width: 100%; position: relative; top:8px;}
.headerContainer{padding:0 70px;}
.navMenu .navbar-nav{display: block; text-align: right; margin-right:70px;}
.navMenu .navbar-nav .nav-item{display:inline-block; padding:0 10px; margin:0 10px;}
.navMenu .nav-link{color:#000; padding:0;}
header{height: 70px; line-height: 70px;}
#mainSlider{padding:0 70px;}
.navMenu .nav-link.active{position: relative; color:#F28000;}
.navMenu .nav-link:hover{color:#F28000;}
.navMenu .nav-link.active:before{ content:""; position: absolute; left:0; top:0; right:0; height: 4px; background:#F28000; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;}
.nav-item { position: relative;}
  
.alt-menu { display: none;position: absolute;  background-color: white; list-style: none; padding: 0; margin: 0; box-shadow: 0 2px 8px rgba(0,0,0,0.1); z-index: 999;}
  .nav-item:hover .alt-menu { display: block;}
  .alt-menu li {white-space: nowrap;}
  .alt-menu a.altMenu { display: block; padding: 10px 15px;text-decoration: none;color: #333; font-size:14px; line-height: 32px; text-align: left; border-bottom:1px solid #f1f1f1;}
  .alt-menu a.altMenu:hover {background-color: #f1f1f1;}

  .nav-item:hover .alt-menu, .alt-menu:hover { display: block;}

  
.nav-link .fa-chevron-down{font-size:14px; display: inline-block; margin-left:5px;}

.Diller{position: absolute; right:0; top:0; background: #F28000; width: 70px; text-align: center;}
.sMedia{position:absolute; left:-180px; top:50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); z-index: 1; transform: rotate(-90deg);}
.social{display: inline-block; vertical-align: middle; padding:0 20px; color:#000; }
.social:hover{color:#F28000; }
.ayrac{padding:0; margin:0 20px; width: 1px; height: 40px; background: #E6E6E6;}
.carousel-indicators{display: block!important; left: unset !important; margin: left 0 !important; margin-right: 20px !important; bottom: unset !important; top: 50% !important;; transform: translateY(-50%)!important; -webkit-transform: translateY(-50%)!important;}
.carousel-indicators [data-bs-target]{display: block!important; width: 20px !important; height: 20px !important; border-radius: 50%!important; background-color: #000!important;}
.btnGenel{background: #F28000!important; color:#fff!important;}
.sloganContainer{position: absolute; left:140px; top:50%; transform: translateY(-50%); background: rgba(255, 255, 255, 0.5); padding:20px;}
.sloganContainer:before{content:""; inset:-10px; border:1px solid  rgba(255, 255, 255, 0.5);  position: absolute; z-index: -23; }
.slogan1{font-size:40px; font-weight: 700;}
.slogan2{font-size:60px; font-weight: 700;}
.orangeTxt{color:#F28000!important;}
.hakkimizda h1,.haberDuyuru .font1,form .font1{color:#005644;}
.aKategori {display: block;}
.aKategori img{display: block; width: 100%;}
.aKategori{position: relative;}
.aKategori .kategoriTitle{position: absolute; left:0; bottom:10px; right:0; z-index: 1; text-align: center; font-weight: 600;}

.kesifTalebi{background: url(../img/bgLand.jpg) no-repeat center center; background-size:cover; padding:300px 0;}
.kariyerBg{background: url(../img/kariyerBg.jpg) no-repeat top; background-size:cover; padding:300px 0;}
figure.map,figure.map img{display: block; width: 100%; margin:auto;}
.box_counter{display:flex; justify-content:center; align-items:center;  width:270px; height:217px; position:relative; }
.box_counter .counter{display:block;  margin:auto; font-size:60px; font-weight:700; position:relative; }
.box_counter .counter:before{content:"+"; position: absolute; right:-50px; top:0; bottom:0; font-size:60px; font-weight: 700; color:#F28000;}
.box_counter .counter3:before{ right:-20px; }
.box_counter .rakam_title{font-size:30px; font-weight:700;}
.counterCol{border-right:1px solid #707070;}
.counterCol:last-child{border:none;}

section.kalite{background: url(../img/kaliteBg.jpg) no-repeat center; background-size:cover; padding:280px 0;}
section.kalite .font1{font-size:50px;}
section.kalite .kaliteTxtCon a.btnGenel{background: #fff!important; color:#F28000!important;}

.blogImg{position: relative;}
a.devami .fa-chevron-right {display:inline-block; margin-left:10px;}
.blogImg,.blogImg img{display: block; width: 100%;}
.blogImg img{border-radius: 10px;}
.blogImg .tarih{position: absolute; left:0; bottom:0; background: #F28000; color:#fff; text-align: center; padding: 5px 20px;}
.blogTitle{height: 60px; overflow: hidden;}
.pd70{padding:70px 0;}
section.form{background:#F5F5F5; position: relative; padding:100px 0;}
section.form:before{content:""; position: absolute; top:0; right:0; bottom:0; width:100%; max-width:1000px; mix-blend-mode: multiply; background: url(../img/formBg.jpg) no-repeat right; background-size: contain;}
label{font-weight: 700;}
input{line-height:30px!important;}

.logoFooter{display: block; width: 100%;}
.logoFooter img{display: block; width:160px;}
.haberBulteni button{line-height: 30px; margin-left:10px;}
.haberBulteni input{width: 180px;}

.content-main{padding-bottom: 547px;}

footer {font-size:14px; line-height: 24px; height: 547px;  position: absolute; left:0; right:0; bottom:0;}
footer a{display: block; color:#000;}
footer a:hover{color:#F28000;}
.footerAlt{background: #F28000;}
.kenobi{color:#26b7c1!important;}
.ikona{color:#ffcf00!important;}
.kenobi,.ikona{display: inline-block;}
.footer-title{font-size:16px;}
.footerSM{width: 32px; height: 32px; font-size:18px; text-align: center; line-height: 28px; margin:5px; border:1px solid #000; border-radius: 50%;}
.right{text-align: right;}
.footerAlt p{padding:0; margin:0; line-height:40px; color:#fff;}
.mr-5{margin-right:5px;}
.bannerHk{background: url(../img/hakkimizdaBanner.jpg) no-repeat center; background-size: cover;}
.bannerIletisim{background: url(../img/mapGoogle.jpg) no-repeat center; background-size: cover; position: relative;}
.bannerUrunler{background: url(../img/urunlerBanner.jpg) no-repeat center; background-size: cover;}
.bannerIhracat{background: url(../img/ihracatBanner.jpg) no-repeat center; background-size: cover;}
.bannerCe{background: url(../img/ceBanner.jpg) no-repeat center; background-size: cover;}
.bannerTedarik{background: url(../img/tedarikBanner.jpg) no-repeat center; background-size: cover;}
.bannerKalite{background: url(../img/kaliteBanner.jpg) no-repeat center; background-size:cover;}
.bannerSurdur{background: url(../img/surdurulebilirlikBanner.jpg) no-repeat center; background-size:cover;}
.bannerKvkk{background: url(../img/kvkkBanner.jpg) no-repeat center; background-size:cover;}
.bannerIsg{background: url(../img/bannerIsg.jpg) no-repeat center; background-size:cover;}
.bannerCevre{background: url(../img/enerjiBanner.jpg) no-repeat center; background-size:cover;}
.bannerHaber{background: url(../img/haberBanner.jpg) no-repeat center; background-size:cover;}

.banner{display: block; height: 419px;  background-repeat: no-repeat; width: calc(100% - 140px)!important; margin:auto;}
.bannerDetay{display: block; height:670px;  background: url(../img/urunDetayBanner@2x.jpg) no-repeat center; position: relative; background-size: cover; width: calc(100% - 140px)!important; margin:auto;}
.bannerDetay:before{content:""; position:absolute; inset:0; background: #000; opacity: 0.5; z-index:1;}
.borderTitle{display: inline-block; border-bottom:5px solid #F28000;}
.imgArea .borderTitle{border-bottom:5px solid #fff;}
.tarihceBoxCon{padding-top:100px;}
.tarihceBoxCon .tarih{width: 120px; margin: auto; border-top-right-radius: 10px; border-top-left-radius: 10px; background: #F28000; color:#fff; font-weight: 700; font-size:20px; text-align: center;}
.tarBox{border:1px solid #F28000; border-radius: 30px; padding: 20px;}
.iconSet{padding:100px 0;}
.boxTitle img{display: inline-block; width: 32px; margin-right:8px;}
.misyonAciklama{height: 63px; overflow: hidden;}
.iconContainer{padding:10px 30px!important;}
.imgArea{background: url(../img/iletisimColBg@2x.jpg) no-repeat center; background-size: cover; padding: 50px !important;;}
.formArea{background: #F5F5F5; padding: 30px !important;}
.imgArea .fonticon{display: inline-block; margin-right:5px;}
.gMap{position: absolute; inset:0; z-index: 1;}

section.urunler{padding: 0 70px;}

figure.urunImg{display: block; margin:auto; width: 100%; position: relative;}
figure.urunImg img{display: block; width: 100%;}
figure.urunImg .urunIcon{display: block; width:64px; position: absolute; left:0; top:0; mix-blend-mode: multiply;}
figure.urunImg .urunIcon img{display: block; width:100%;}
.urunTitle{color:#000; margin-top:20px;}
.urunInfo{display: block; position: relative; padding-right:30px;}
.urunInfo:before{content:"\f054"; position: absolute; right:0; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); font-size:26px; font-family: 'FontAwesome'; color:#F28000;}
.detayBaslik{color:#fff; position: absolute; left:10%; z-index: 1; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}

.genelBilgiler{width: calc(100% - 140px)!important; margin:50px auto; position: relative;}
.flexContainerBg:before{content:""; position: absolute; inset:0; background: rgb(0,0,0,0.5 ); z-index: -1;}
.genelBilgiler .txtArea{width:100%;  padding:0px 50px; margin:auto 0 auto auto;}
.flexContainer{ display: flex; justify-content: center; height: 100%;  align-items: center; align-content: center; flex-wrap: wrap;}
.yararliBilgiler{width: calc(100% - 140px)!important; margin:50px auto; background: url(../img/detay-section3.jpg) no-repeat center; background-size: cover;  position: relative;}
.yararliBilgiler .txtArea{width: 50%; background: rgb(0,0,0,0.5 ); padding:200px 50px; margin:auto auto auto 0;}
.renkSecimi,.secenekler{width: calc(100% - 140px)!important; margin:50px auto;}
#carouselDetay{height: 100%;}

.accordion-button,.accordion-item{background: none !important;}
.accordion-button{border:1px solid #fff!important; border-radius: 10px!important; margin-bottom:20px; color: #fff !important; outline: none!important;}
.accordion-button::after { filter: brightness(0) invert(1);}
.accordion-button::after { color: white !important;}
.accordion-button:focus{box-shadow: none!important;}

.renkSecimiImg{background: url(../img/renk-desenImg@2x.jpg) no-repeat center; background-size: contain !important; background-repeat: no-repeat !important; height: 100%;}
.desen{width: 150px; margin:auto;}
.renkCon{width: 100%; max-width:600px; margin:auto;}
.desen img{display:block; width:100%;}
.slickSlider div{width: 100%;}
.slickSlider div img{display: block; width: 100%;}
.slick-initialized .slick-slide{padding:5px;}
.slick-prev:before, .slick-next:before{color: #000 !important;}

#categoryTab{justify-content: center;}
#categoryTab .nav-link{color:#000;}
#categoryTab .nav-link.active{color:#F28000;}

.urunTabs{padding: 0 70px;}
.urunlerMain{margin-top:50px;}
.menuAc{display: none!important; width:40px; border:none; background: none; color:#F28000; margin: auto 0 auto auto;}
.navMobile .mobilMenu{display: block; color:#000; line-height: 40px; border-bottom:1px solid #f1f1f1;}
.navMobile .mobilMenu .fa-chevron-down{font-size:14px; display: inline-block; margin-left:5px;}
.mobilAltMenuContainer{padding-left:15px;}
.mobilNavLogo{display: block; width: 220px;}
.offcanvas-header .btn-close{margin:0!important; padding:0!important;  padding:10px; width:32px; height:32px;}
.Diller .dropdown-menu{min-width: 64px!important; line-height: 32px!important;}

.progress-bar{background-color: #F28000!important;}
.certificate-title {
  font-size: 1rem;
  text-align: center;
  margin-top: 0.5rem;
}
.cert-thumb {
  border: 1px solid #ddd;
  padding: 6px;
  border-radius: 4px;
  background-color: #fff;
  transition: transform 0.2s ease;
}
.cert-thumb:hover {
  transform: scale(1.03);
}

@media screen and (max-width:1920px) {
 .slogan1{font-size:35px;}
 .slogan2{font-size:55px;}
}
@media screen and (max-width:1600px) {
  .slogan1{font-size:24px;}
  .slogan2{font-size:35px;}
  .aKategori .kategoriTitle{font-size:20px;}
  .kesifTalebi{padding:180px 0;}
  .mapContainer .size1{font-size:25px;}
  .mapContainer .size2{font-size:16px;}
  .box_counter .counter,.box_counter .counter::before{font-size:45px;}
  .box_counter .rakam_title{font-size:20px;}
  section.kalite{padding:130px 0;}
  section.kalite .font1{font-size:35px;}
  section.form{padding:50px 0;}
  section.form::before{max-width:750px;}
  .hakkimizda.pd70,.prolineHk.pd70{padding:40px 0;}
  .kariyerBg{padding:180px 0;}
  h4.urunAciklama{font-size:16px;}
  figure.urunImg .urunIcon{width: 48px;}
 }

 @media screen and (max-width:1440px) {
  .size3{font-size:16px;}
  h4.urunAciklama{font-size:14px;}
  .urunInfo::before{font-size:18px;}
  .size2{font-size:20px;}
  .size1{font-size:30px;}
h1.font1{font-size:30px;}
.bannerDetay{height: 460px;}
#carouselDetay .carousel-inner{height: 400px;}
.yararliBilgiler .txtArea{padding: 50px;}
 }

 @media screen and (max-width:1280px) {
section.form::before{max-width: 650px;}
 }

 @media screen and (max-width:1200px) {
  footer{position: relative; height: auto;}
.content-main{padding-bottom: 0;}
  .menuAc{display: block!important;}
  .navMenu{display: none;}
  .kesifTalebi{padding:120px 0;}
  .counterCol{border:none;}
  .carousel-indicators [data-bs-target]{ background-color: #fff!important;}
  .misyonAciklama{height: auto; overflow:auto;}
   }

   @media screen and (max-width:860px) {
    .headerContainer,#mainSlider{padding:0;}
    .headerContainer{padding-right:40px;}
    .sMedia{display: none;}
    .Diller{width: 40px;}
    .carousel-indicators{margin-right: 7px !important;}
    .sloganContainer{left:60px;}
    .sloganContainer .slogan1{font-size:16px;}
    .sloganContainer .slogan2{font-size: 14px;}
    .hakkimizda.pd70, .prolineHk.pd70{padding:0;}
    .kategoriler .row{flex-direction: column;}
    .kategoriler .row .col{margin-bottom:20px;}
    section.kalite .font1{font-size:24px;}
    .pd70{padding:40px 0;}
    .haberDuyuru .font1{margin-bottom:0!important;}
    .slideImg{width: auto!important; height: 450px!important; object-fit: cover!important;}
    .kesifTalebi{padding:60px 0;}
    .box_counter{margin:auto;}
    section.form::before{display: none;}
    .footerAlt{padding: 10px 0;}
    .footerAlt,.footerAlt .right{text-align:center;}
    .footerAlt p{line-height: normal;}
    .banner{width: calc(100%) !important; height:250px;}
    .misyon{margin-top:30px;}
    .urunTabs{padding:0 10px;}
    .bannerDetay{width: calc(100%) !important; height:250px;}
    .genelBilgiler{width: calc(100%) !important;}
    .genelBilgiler .txtArea{padding:40px;}
    .yararliBilgiler .txtArea{width: 100%;}
  }
     @media screen and (max-width:768px) {
      .box_counter{width:120px; height: 160px;}
      .box_counter .counter{font-size:26px;}
      .box_counter .rakam_title{font-size:14px;}
      .box_counter .counter::before{font-size:25px;}
      .box_counter .counter::before{right:-20px;}
      .mapContainer .size1{font-size:20px;}
      .tarihceBoxCon{padding-top:20px;}
      .kariyerBg{padding:80px 0;}
      .size1{font-size:26px;}
      .secenekler{width: calc(100% - 20px) !important;}
      h1.font1{font-size:24px;}
      .detayBaslik{left:10px;}
      .genelBilgiler .txtArea{padding:20px 10px;}
      .accordion-button{font-size:14px!important;}
      .accordion-body{font-size:14px!important;}
      #carouselDetay .carousel-inner{height: auto!important; width:100%;}
      .carousel-item img{width: 100%!important;}
       }


     @media screen and (max-width:480px) {
         /*.sloganContainer{display:none;}*/
         .slideImg{height: 320px!important;}
         .wrapper{ max-width: 100vw; overflow: hidden; }
       }

       @media screen and (max-width:360px) {
        .size2{font-size:18px;}
        .teklifTxtCon .size3{font-size:14px;}
        
      
         }