@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wdth,wght@0,75..100,300..800;1,75..100,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bonheur+Royale&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
@font-face{
    font-family:'Aileron';
    src:url('aileron.regular.otf') format('OpenType');
    font-weight:400;
}
@font-face{
    font-family:'Aileron-Bold';
    src:url('aileron.bold.otf') format('OpenType');
    font-weight:700;
}

@font-face {
font-family: 'Hebrew'; /* Buraya bir isim verin */
src: url('OpenSansHebrewCondensed-Regular.ttf'); /* .ttf dosyasının yolunu ekleyin */
}

@font-face {
font-family: 'Intro'; /* Buraya bir isim verin */
src: url('Intro.ttf'); /* .ttf dosyasının yolunu ekleyin */
}

.mm-page.mm-slideout { display:none !important }
.container, .container-lg, .container-md, .container-sm, .container-xl { position:relative; width:1530px;max-width:1530px;  }

.loading-overlay { position: fixed; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 1); display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 99999999; top: 0;} 

.rotate {width: 100px;height: 60px;animation: spin 4s linear infinite;transform-style: preserve-3d;     position: relative;}
.front, .back { position: absolute;width: 100%;height: 100%;backface-visibility: hidden; }
.front { background: url('../images/logo-icons.png') no-repeat center;}
.back { background: url('../images/logo-icons.png') no-repeat center;transform: rotateY(180deg);}
@keyframes spin {
    from {
        transform: rotateY(0deg);
    }
    to {
        transform: rotateY(360deg);
    }
}
@keyframes shake {
  0% {
    transform: translate(0, 0); /* Başlangıç pozisyonu */
  }
  25% {
    transform: translate(2px, -2px); /* Sağ yukarı */
  }
  50% {
    transform: translate(-2px, 2px); /* Sol aşağı */
  }
  75% {
    transform: translate(2px, 2px); /* Sağ aşağı */
  }
  100% {
    transform: translate(0, 0); /* Başlangıç pozisyonuna dönüş */
  }
}
@keyframes slide-in {
  0% {
    transform: translateX(-100%); /* Sayfanın dışından başlar (sol) */
    opacity: 0; /* Görünmez */
  }
  100% {
    transform: translateX(0); /* Orijinal pozisyona gelir */
    opacity: 1; /* Görünür */
  }
}
a.kvkkbuton {     padding: 10px 15px;    border: 2px solid #039be5;    font-size: 15px;    color: #000;    font-family: Open Sans Condensed;    font-weight: 700; }
a.kvkkbuton img {    margin: 0 10px 0 0px;}
a.kvkkbuton:hover {  background: #039be5;    color: #fff;}

* { box-sizing: border-box; }
html { overflow-x: hidden; }
body {  padding: 0; margin:0; font-family: "Open Sans", serif;font-size: 16px; overflow-x: hidden; max-width:100%;}
figure {    margin:0;}
img { max-width:100%; }
.mb70 { margin-bottom:70px; }
a { text-decoration: none; -webkit-transition-duration: .3s;    -moz-transition-duration: .3s;    transition-duration: .3s; }
a:hover { text-decoration: none; }
ul {
    display: block;
    list-style-type: none;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start:0px;
    unicode-bidi: isolate;
}
a.scrollup {position: fixed;  margin: 0 auto;   width: 29px;  bottom:50px; right: 60px;}
a.scrollup:hover { opacity:0.7 }

.items-center       { -webkit-box-align: center;    -moz-box-align: center;    -webkit-align-items: center;    align-items: center;}
.justify-center     { -webkit-box-pack: center;    -moz-box-pack: center;    -webkit-justify-content: center;    justify-content: center;}
.center      { -o-object-position: center;    object-position: center;}
.contain     { -o-object-fit: contain;    object-fit: contain;}
.cover     { -o-object-fit: cover;    object-fit: cover;}
.duration-300       { -webkit-transition-duration: .3s;    -moz-transition-duration: .3s;    transition-duration: .3s;}
.h135 { height:130px; }
.duration-450 { -webkit-transition-duration: .45s;    -moz-transition-duration: .45s;    transition-duration: .45s;}



.mb25  { margin-bottom:25px; }
.mb50  { margin-bottom:50px; }
.mb70  { margin-bottom:70px; }
.mb150 { margin-bottom:150px; }
.mb100 { margin-bottom:100px; }

.mt25  { margin-top:25px; }
.mt50  { margin-top:50px; }
.mt70  { margin-top:70px; }
.mt150 { margin-top:150px; }
.mt100 { margin-top:100px; }


.header { float: left; width: 100%; padding: 0px 0 0px 0;  position: relative ;}


.mm-navbars-top { border-bottom-style: solid;  border-bottom-width:0px !important;}
.mobillogo2 { float: left;    width: 100%;    margin:0px 0 30px;    padding: 0 20px; }
.mobillogo2 img { width:145px; }


.headertop { position:relative; height:50px; background:#005386; float:left; width:100%; }
.headertop ul { float:left; padding:0px; margin:0px; list-style:none; }
.headertop ul li { margin:0 30px 0 20px; float:left;  height: 50px;line-height: 47px; text-align:left; position: relative;}
.headertop ul li:last-child { border:none; }
.headertop ul li a { font-size:13px; color:#ffffff8a; font-weight:400; position:relative;  }
.headertop ul li a:before { left:-15px; top:7px; width:5px; height:5px; background:#ffffff8a; content:''; position:absolute; }
.headertop ul li a:hover { color:#fff; }

.headertop ul li .headermesai      { float:left; width:200px; margin:0 25px; }
.headertop ul li .headermesai span { font-weight: 300; color:#ffffff8a; }
.headertop ul li .headermesai img    { position: relative; top: -2px; margin:0px 20px 0 0; }
 #headerform       { position: relative; width:265px; margin:44px 0 0 0; }
 #headerform input { text-align: left; padding:0 0 0 30px; background:#f4f7f8; height:40px; outline: none; font-size:13px; color:#000000; letter-spacing: 1px; width:225px; border:none; float:left; }
 #headerform input::placeholder {  text-align: left;  padding:0 0 0 0px;font-size: 13px; color: #545454; letter-spacing: 1px;}
 #headerform button { width:40px; height:40px; line-height:40px; background:#005386 url(../images/ara.png)no-repeat center; position: relative; border-radius:5px; border: none; }


.headertop ul li .headersosyal { width:100%; margin: 0 0 0 5%; text-align: center;  float: right;}
.headertop ul li .headersosyal a { color:#ffffffc4; font-size: 19px; text-align: center; float: right; width: 20%;}
.headertop ul li .headersosyal a.rtelegram i { color: #005386; background: #ffffffc4;  border-radius: 40px;  width: 19px; height: 19px; font-size: 20px; }
.headertop ul li .headersosyal a.rmail { font-size: 16px;  }
.headertop ul li .headersosyal a:hover { color:#fff; }

.headeralan { background:#ffffff; float:left; width:100%;  }
.headeralan .ustalan {  float: left; width: 100%; padding:0 0px;  }
.headeralan .logo { float:left; display:flex; }

.menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); 
    z-index: 9; 
    display: none; 
    opacity: 1 !important;
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    text-align: center;
    width: 100%;
}
.headeralan .menu1    { float: left; margin:55px 0 0 110px; display: flex; gap: 30px; width: max-content; padding: 0; list-style: none;}
.headeralan .menu1 li { margin: 0 10px 0 0px;  }
.headeralan .menu1 li a { font-family: "Open Sans", serif; padding: 56px 0;font-size:14px; font-weight: bold; color:#545454;  }
.headeralan .menu1 li a.active { color:#0d5572; }
.headeralan .menu1 li a:hover { color:#0d5572; }
.headeralan .menu1 li a:after { transform: scaleX(0);  transform-origin: right; transition: transform 0.5s;float: left;left:0px; bottom:-8px; content: ''; position: relative; width:100%; height:4px; background: #0a0a0a; transition: transform .4s;}
.headeralan .menu1 li a i.fa-caret-down { font-size:12px; margin:0 0 0 4px; position: relative; top: -1px;}


/* kurumsal menü */
.headeralan .menu1 li.kurumsalmenu .megamenu { display:none; border-radius:10px; left:0%; right:0%; top:130px; padding:40px; height:465px; position:absolute; width:100%; background:#005386; no-repeat;  z-index: 10;}
.headeralan .menu1 li.kurumsalmenu:hover .megamenu { display:block; }

.megamenuorta { display: flex; gap: 30px; width: 100%; }
.megamenusol { width:57%; background:url(../images/hsolbg.png) no-repeat left top; min-height:370px; border-radius:10px; padding: 40px 60px; background-size: cover; position: relative;}
.megamenusol img.mlogo { position:absolute; right:60px; top:40px; }
.megamenusol span { font-size:18px; font-weight:bold; color:#fff; float:left; width:100%; margin:20px 0 32px 0; }
.megamenusol p { font-family: Open Sans Condensed; font-size:15px; color:#d5e2eb; float:left; width:85%; margin:0px 0 50px 0; }
.kurumsalmenu .megamenusol p{   margin: 0px 0 85px 0; }
.kurumsalmenu .megamenusol p:hover { color:#fff;   }
.headeralan .menu1 li .megamenusol a.ileri { float:right; padding:0; }

.megamenusag { width:43%; }
.megamenusag .megaalan { float: left; width: 96%; max-height: 270px; min-height: 270px;  margin:40px 0 0 0;  overflow-y: scroll; padding: 0 15px 0 0; }

.headeralan .menu1 .megamenusag .megamenusayfalar { display: grid; position: relative;    grid-template-columns: repeat(2, 205px);    gap: 40px;    justify-content: center;    align-content: center; overflow: hidden;    width: 450px;    margin: 0 auto;}
.headeralan .menu1 .megamenusag .megamenusayfalar a {  display: flex; position: relative;    align-items: center;     justify-content: center;    height: 105px;    width: 100%;    background: url(../images/msabg.png) no-repeat center center;    background-size: cover;     font-size: 15px;    font-weight: 400;    color: #d5e2eb;    border-radius: 8px;    text-align: center;    cursor: pointer; padding: 0px;}
.headeralan .menu1 .megamenusag .megamenusayfalar a:before { content:''; position: absolute; background:#045a8e; width: 122%;  height: 1px;  left: 0px;  bottom: -20px;}
.headeralan .menu1 .megamenusag .megamenusayfalar a:after { display:none; }
.headeralan .menu1 .megamenusag .megamenusayfalar:before { content:''; position: absolute; background:#045a8e;  width: 1px;  height: 100%;  left: 50%;   top: 0;}
.headeralan .menu1 .megamenusag .megamenusayfalar a:hover,
.headeralan .menu1 .megamenusag .megamenusayfalar a:nth-child(2) { background:url(../images/msabgh.png) no-repeat; color:#000; }

.megamenusag .megaalan::-webkit-scrollbar {width:3px;height:8px; background: #27678e;}
.megamenusag .megaalan::-webkit-scrollbar-track {border: 1px solid #27678e;}
.megamenusag .megaalan::-webkit-scrollbar-thumb {background: #039be5; width:5px; }
.megamenusag .megaalan::-webkit-scrollbar-thumb:hover { background: #039be5; width:5px;  }


/* aktüel menü */
.headeralan .menu1 li.aktuelmenu .megamenu { display:none; border-radius:10px; left:0%; right:0%; top:130px; padding:40px; height:465px; position:absolute; width:100%; background:#005386; no-repeat;  z-index: 10;}
.headeralan .menu1 li.aktuelmenu:hover .megamenu { display:block; }

.megamenu .hiletisim { float:left; width:100%; }
.megamenu .hiletisim span.mesai  { font-family: Open Sans Condensed; font-size:13px; color:#fff; font-weight:normal; float:left; width:100%; margin:0px; }
.megamenu .hiletisim span.uzman  { font-family: Open Sans Condensed; font-size:13px; color:#38b6ff; font-weight:700; float:left; width:100%; margin:0px; }
.megamenu .hiletisim span.alttel { font-family: 'Hebrew'; font-size:24px; color:#fff; font-weight:normal; float:left; width:100%; margin:0px; }

.megamenu .aktuelalan { width: 100%; display:flex; gap:40px; }

.headeralan .menu1 li .megamenu .aktuelalan a { width:50%; padding:0px;  display: flex; position: relative;    align-items: center;     justify-content: center;  min-height:370px; background-size:cover; border-radius: 10px; }
.headeralan .menu1 li .megamenu .aktuelalan a:after { display:none; }
.headeralan .menu1 li .megamenu .aktuelalan a:hover { opacity:0.7 }
.headeralan .menu1 li .megamenu .aktuelalan a:hover span { opacity:1 }
.megamenu .aktuelalan a.haberler { background:url(../images/haberler.png) no-repeat;  }
.megamenu .aktuelalan a.blog     { background:url(../images/blog.png) no-repeat;  }
.megamenu .aktuelalan a span { font-size:16px; font-weight:bold; width: 100%; text-align: center; color: #fff; }



.headeralan .menu1 li.destekmenu .megamenu { display:none; border-radius:10px; left:0%; right:0%; top:130px; padding:40px; height:465px; position:absolute; width:100%; background:#005386; no-repeat;  z-index: 10;}
.headeralan .menu1 li.destekmenu:hover .megamenu { display:block; }


.headeralan .menu1 li.destekmenu .megamenu .megamenusol p { font-size:17px; margin: 0px 0 40px 0; }
.headeralan .menu1 li.destekmenu .megamenu .megamenusag { background:url(../images/hsolbg.png) no-repeat top center; min-height:370px; border-radius:10px; padding: 40px 60px; background-size: cover; position: relative;}
.megamenusag .destekalan img.mlogo { position:absolute; right:60px; top:40px; }
.megamenusag .destekalan span { font-size:18px; font-weight:bold; color:#fff; float:left; width:100%; margin:20px 0 30px 0; }

.megamenusag .destekalan .destekicmenu { float: left; width: 100%; padding: 0px; margin: 0px 0 95px 0; list-style: none; }
.megamenusag .destekalan .destekicmenu li { float:left; width:50%; position:relative; margin: 0; }
.megamenusag .destekalan .destekicmenu li a { float:left; font-size:14px; color:#fff; font-weight:400; background:url(../images/mli.png) no-repeat left center; padding:0 0 0 20px;  }
.megamenusag .destekalan .destekicmenu li a:hover { color:#38b6ff; }


/* ürünlermenü */

.headeralan .menu1 li.urunlermenu .megamenu { display:none; left:0%; right:0%; top:130px; padding:40px 0; height:465px; position:absolute; width:100%; background:#005386; no-repeat;  z-index: 10;}
.headeralan .menu1 li.urunlermenu .megamenu:before { left:-90%; top:0px; height:465px; position:absolute; width:100%; background:#005386; content:''; }
.headeralan .menu1 li.urunlermenu .megamenu:after { right:-90%; top:0px; height:465px; position:absolute; width:100%; background:#005386; content:''; }
.headeralan .menu1 li.urunlermenu:hover .megamenu { display:block; }

.headeralan .menu1 li.urunlermenu .megamenu .megamenusol { width:57%; background:url(../images/hsolbg.png) no-repeat left top; min-height:370px; border-radius:10px; padding: 40px 60px; background-size: cover; position: relative;}

.megamenu .megamenusol .megasolsol { padding: 0 20px 0 0; margin: -25px 0 0 0; float:left; width:45%; overflow-y: scroll; max-height:180px; }
.headeralan .menu1 li.urunlermenu .megamenu .megamenusol .megasolsol a { float:left; width:100%; font-size:14px; color:#fff; padding:5px 0; font-weight:400; position: relative;}
.headeralan .menu1 li.urunlermenu .megamenu .megamenusol .megasolsol a:after { display:none; }
.headeralan .menu1 li.urunlermenu .megamenu .megamenusol .megasolsol a i { top: 6px; float: right; color: #81afca; position: relative; font-size: 14px;}

.headeralan .menu1 li.urunlermenu .megamenu .megamenusol .megasolsol .panel-heading a:before { right: 10px; color:#82b0cb;  content: "";  position: absolute;  top:4px;  display: inline-block;  font-family: 'Glyphicons Halflings'; font-style: normal;  font-weight: 400;  line-height: 1;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;  float: right;  transition: transform .25s linear;  -webkit-transition: -webkit-transform .25s linear; font-size: 20px; }
.headeralan .menu1 li.urunlermenu .megamenu .megamenusol .megasolsol .panel-heading a[aria-expanded="true"]:before {  content: "\2212";  -webkit-transform: rotate(180deg);  transform: rotate(180deg);}
.headeralan .menu1 li.urunlermenu .megamenu .megamenusol .megasolsol .panel-heading a[aria-expanded="false"]:before {  content: "\002b";  -webkit-transform: rotate(90deg);  transform: rotate(90deg);}


.megamenu .megamenusol .megasolsol::-webkit-scrollbar { margin-top: 10px;  padding-top: 10px; width:2px;height:8px; background: #039be5;}
.megamenu .megamenusol .megasolsol::-webkit-scrollbar-track {border: 1px solid #28739e;}
.megamenu .megamenusol .megasolsol::-webkit-scrollbar-thumb {background: #039be5; width:2px; }
.megamenu .megamenusol .megasolsol::-webkit-scrollbar-thumb:hover { background: #039be5; width:2px;  }



.headeralan .menu1 li.urunlermenu .megamenu .megamenusol .megasolsag { float:left; width:55%; padding:0 50px 0 30px; }
.headeralan .menu1 li.urunlermenu .megamenu .megamenusol .megasolsag p { width:100%; }
.headeralan .menu1 li.urunlermenu .megamenu .megamenusol .megasolsag a.tum { padding:0px; color:#fff; font-size:14px; font-family:'Open Sans Condensed'; text-decoration: underline; float: right; letter-spacing: 1px; }


.headurunler { float:left; width:100%;  position:relative; padding:50px 60px 10px 50px; }
.anaurunler3 { float:left; margin: 0; width:100%; position:relative;  }
.headeralan .menu1 li.urunlermenu .megamenu .anaurunler3 a {  margin:0 0 20px 0; padding:0 0px; float:left; width:100%; }


.headeralan .menu1 li a .urunlermenu .megamenu .anaurunler3 a:after { display:none; }
.anaurunler3 .anaurun { position: relative;  float: left;  width: 100%; }
.anaurunler3 .anaurun:before { left:0px; top:0px; content:''; background:url(../images/anauruntop.png) no-repeat top; background-size:contain; position:absolute; width:100%; height:120px; }
.anaurunler3 .anaurun:after  { left:0px; bottom:25px; content:''; background:url(../images/anaurunbottom.png) no-repeat top; background-size:contain; position:absolute; width:100%; height:66px; }

.anaurunler3 .owl-item:nth-child(even) .anaurun:before  { background:url(../images/anauruntop2.png) no-repeat top; height:120px; background-size:contain; }
.anaurunler3 .owl-item:nth-child(even) .anaurun:after   { background:url(../images/anaurunbottom2.png) no-repeat top; height:66px; background-size:contain; }



.anaurunler3 a .ugorsel { float:left; width:100%;max-height:200px;  overflow: hidden; }
.anaurunler3 a .ugorsel img {width:100%; width:100%;max-height: 200px; transition: .5s ease-in-out;}
.anaurunler3 a:hover .ugorsel img { transform:scale(1.05); }
.anaurunler3 a .ubox  { padding:0 15px; margin:10px 0 0 0; float:left; width:100%; text-align:center; }
.anaurunler3 a .ubox h2 { margin:0px 0 0 0; float: left; color:#fcfcfc; font-size: 14px; font-weight:bold; width:100%; }
.anaurunler3 a .ubox p  { margin:0px 0 10px 0; float: left; color:#fcfcfc; font-size: 12px; font-family:'Hebrew'; width:100%; font-weight:300; letter-spacing:0px;}
.headeralan .menu1 li .megamenu .anaurunler3.owl-carousel a .ubox i { margin: 0px 0 0 -8px; position: absolute; width:19px; height: 19px; text-align: center; line-height: 19px; border-radius:50%; background:#039be5; color:#005386; font-size:12px; }
.anaurunler3 a:hover .ubox i { background:#005386; }

.headeralan .menu1 li.urunlermenu .megamenu .anaurunler3.owl-carousel .owl-nav { position: absolute; top:40%; width: 100%;}
.headeralan .menu1 li.urunlermenu .megamenu .anaurunler3.owl-carousel .owl-nav .owl-prev { left: -15px;    position: absolute;    border-radius: 5px;    background: #039be5;    width: 45px;    height: 30px;    line-height: 30px;    padding: 0px;    text-align: center;}
.headeralan .menu1 li.urunlermenu .megamenu .anaurunler3.owl-carousel .owl-nav .owl-prev span,
.headeralan .menu1 li.urunlermenu .megamenu .anaurunler3.owl-carousel .owl-nav .owl-next span { position: relative; color: #fff; font-size: 22px; top: -3px; }
.headeralan .menu1 li.urunlermenu .megamenu .anaurunler3.owl-carousel .owl-nav .owl-next { right: -15px; position: absolute; border-radius: 5px; background: #039be5; width: 45px;  height: 30px;  line-height: 30px;  padding: 0px;  text-align: center;}




.kategori-liste {
    list-style: none;
    padding: 0;
    margin: 0;
}
.kategori-akordiyon {
    margin-bottom: 5px;
}
.kategori-icerik {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease-in-out, padding 0.4s ease-in-out;
    padding-left: 10px;
    padding-top: 0;
    padding-bottom: 0;
}
.kategori-baslik {
    background: none;
    border: none;
    font-size: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
}
.kategori-baslik i {
    margin-left: 5px;
    transition: transform 0.3s ease-in-out;
}
.kategori-akordiyon.acik .kategori-icerik {
    max-height: 1000px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.kategori-akordiyon.acik .kategori-baslik i {
    transform: rotate(180deg);
}
.alt-kategori {
    list-style: none;
    padding-left: 15px;
}
.alt-kategori li {
    margin-bottom: 3px;
}





.headeralan .headerright { float:right; display:flex; gap: 60px; }

.diller                 { float: right; position: relative;}
.diller a         { padding: 15px 0; color:#ddd; font-size:13px; font-weight:400; margin:0px; height:auto; line-height:14px;  position:relative; float: right}
.diller a:before  { display:none; }
.diller a img     { margin: -2px 2px 0 0; width: 22px; height: 22px; }
.diller a i { margin:0 0 0 4px; font-size:12px; }

.diller ul li ul { position: absolute; top:50px; left:-10px; display:none; z-index: 2;    background: #fff; min-width: 90px; padding: 10px; box-shadow: 2px 2px 7px #00000030; animation: fadeIn .4s; }
.diller ul li:hover ul { display:block; } 
.diller ul li ul li { padding:0px; }
.diller ul li ul li a { color:#545454 }
.diller ul li ul li a:hover { color:#000000; }

.headerright .katalog { float:right; }
.headerright .katalog a { padding:6px 12px; float: left; background:#ffffff; border: 5px solid #f1f1f1; }
.headerright .katalog a span { font-size:12px; color:#0d5572; font-weight:900; padding: 2px 16px 0 16px; display: inline-block; }
.headerright .katalog a:hover { border: 5px solid #e5e5e5; }


.mobilmenu { display:none; }
.menuikon  { float:left; margin:28px 0 0 0; }
.mobilmenu .mobillogo { margin:20px 0; }
.mobilmenu .dil { margin: 28px 0 0 0; }




.slider-content       { max-width: 440px; width: 100%;  position: absolute;  right: 15%;  top: 24%; }
.owl-carousel .owl-item .slider-content img   { width: 193px; height: 52px; object-fit:contain; }
.slider-content span  { color:#5c6670; font-size:14px; font-weight:400; margin:0px 0 10px 0px; padding:0px; width:100%; float:left; font-family:'Hebrew'; }
.slider-content h1    { line-height:24px; color:#000; font-size:24px; font-weight:700; margin:13px 0 0 0; padding:0px; letter-spacing: 2px; width:100%; float:left; }
.slider-content p     { color:#5c6670; font-size:16px; font-family: Open Sans Condensed; font-optical-sizing: auto; font-variation-settings: "wdth" 75; font-weight:400; margin:20px 0 0 0; padding:0px; width:100%; float:left; }
.slider-content a     { padding: 13px 40px; margin:25px 0 0 0; font-size: 13px; font-weight:bold; color:#000; text-transform: uppercase; float: left; background:transparent; border:1px solid#e5e7e7; }
.slider-content a:hover{ background:#005386; color:#fff; }

.slider-content em     { float: left; color:#005386; font-size:65px; line-height: 68px; font-weight: bold; font-family: Intro;  padding:0px;  font-style:normal; }
.slider-content i     { float: left; color:#38b6ff; font-size:64px; line-height: 59px; font-family: Open Sans Condensed;  padding:0px; font-style:normal; }


.slider .owl-dots {  position: absolute; bottom:25%; left: 50%; transform: translate(-50%, -50%); text-align: center; }
.slider .owl-dots .owl-dot { width:60px; height:5px; background:#ebebeb; border-radius: 4px; position:relative; }
.slider .owl-dots .owl-dot.active { background:#005386;  }
.slider .owl-dots .owl-dot:before{ top: -2px; right: -3px; width: 9px; height: 9px; border-radius:50%; background:#005386; position:absolute; content:''; z-index:2 }
.slider .owl-dots .owl-dot:last-child:before { display:none; }


section { float:left; width:100%; position:relative; }

.orta { background:#f3f6f7;  margin:0px 0; z-index:2 }

.anakutular         { padding:35px 30px; width:100%; position:relative; gap:30px; background:#f3f6f7; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.anakutular .kutu   { float:left; width:100%; width:100%;  position:relative; }
.anakutular .kutu a { float:left; padding:18px 30px; background:#fff;  width:100%; height:100%;  border-radius:5px;}
.anakutular .kutu span { float:left; width:100%;margin:0px 0px 0; color:#000; font-size:14px; font-weight:bold; }
.anakutular .kutu p { float:left; width:100%; margin:0px; color:#343434bd; font-size:12px; font-weight:400; }

.anakutular .kutu a:hover { background:#005386; }
.anakutular .kutu a:hover p, .anakutular .kutu a:hover span { color:#fff; }
.anakutular .kutu:nth-child(2) p, .anakutular .kutu:nth-child(2) span { color:#fff; }
.anakutular .kutu:nth-child(2) a { background:#005386; }

.anakutular .kutu:nth-child(2) a:before {right: 35px; top:25px; background:url(../images/sss.png) no-repeat; width:28px; height:29px;content:''; position: absolute;   }

.anakutular .kutu:nth-child(1) a:before {right: 35px; top:25px; background:url(../images/katalog.png) no-repeat; width:28px; height:29px;content:''; position: absolute;   }
.anakutular .kutu:nth-child(3) a:before {right: 35px; top:25px; background:url(../images/montaj.png) no-repeat; width:28px; height:29px;content:''; position: absolute;   }
.anakutular .kutu:nth-child(4) a:before {right: 35px; top:25px; background:url(../images/teknik.png) no-repeat; width:28px; height:29px;content:''; position: absolute;   }

.anakutular .kutu:nth-child(1) a:hover:before { background:url(../images/katalogh.png) no-repeat;  }
.anakutular .kutu:nth-child(3) a:hover:before { background:url(../images/montajh.png) no-repeat;  }
.anakutular .kutu:nth-child(4) a:hover:before { background:url(../images/teknikh.png) no-repeat;  }



.secbaslik      { margin:0 0 50px 0; text-align: center; float:left; width:100%; position:relative; }
.secbaslik h2   { color:#000000; font-size:22px; font-weight:900; float:left; width:100%; margin:0px 0 0px 0; padding:0px; text-transform:uppercase; }
.secbaslik span {  font-family: Open Sans Condensed; color:#a6a6a6; }
.secbaslik p { font-family:'Hebrew'; float: left; width: 100%; margin: 0px; font-size: 15px; line-height: 18px; font-weight: 200; color:#979a9d }

.secbaslik.uydetay      { margin:0 0 40px 0;  }
.secbaslik.uydetay span { color:#a6a6a6; }
.secbaslik.uydetay h2   { letter-spacing: -1px;  font-size:24px; }
.secbaslik.uydetay p    { line-height:21px}



.homepro { float:left; width:100%; padding:0px 0 0px 0; margin:-125px 0 0 0; }

.anaurunler { float:left; margin: 0; width:100%; position:relative;  }
.anaurunler a {  margin:0 0 20px 0; padding:0 0px; float:left; width:100%; }


.anaurunler a .ugorsel { float:left; width:100%;max-height:300px;  overflow: hidden; }
.anaurunler a .ugorsel img {width:100%; width:100%;max-height: 300px; transition: .5s ease-in-out;}
.anaurunler a:hover .ugorsel img { transform:scale(1.05); }
.anaurunler a .ubox  { padding:0 15px; margin:15px 0; float:left; width:100%; text-align:center; }
.anaurunler a .ubox h2 { margin:0px 0 0 0; float: left; color:#545454; font-size: 14px;  line-height: 16px;  min-height: 25px; font-weight:bold; width:100%; }
.anaurunler a .ubox p  { margin:0px 0 10px 0; float: left; color:#545454; font-size: 12px; line-height: 12px; min-height: 25px; font-family:'Hebrew'; width:100%; letter-spacing: 1px;}
.anaurunler a .ubox i { width:19px; height: 19px; text-align: center; line-height: 19px; border-radius:50%; background:#039be5; color:#fff; font-size:12px; }
.anaurunler a:hover .ubox i { background:#005386; }

.anaurunler a:hover .ubox h2 { color:#0d5572; }


.homekategoriler { margin:100px 0 30px 0; padding:0 0 70px 0; border-bottom:1px solid#f0f0f0; }

.anakategoriler { float:left;  width:100%; position:relative;}
.anakategori    { float:left; width:100%; padding:50px 30px 30px 30px; background:#eff3f6; border-radius:10px; }
.anakategori a h2 { margin:0px 0 0 0; float: left; color:#000000; font-size:18px; font-weight:bold; width:100%; }
.anakategori a:hover h2 { color:#005386; }

.anakategori ul.alt-kategoriler { min-height:220px; float:left; width:100%; margin:30px 0; padding:0 5px; list-style:none; }
.anakategori ul.alt-kategoriler li { float:left; width:100%; }
.anakategori ul.alt-kategoriler li a { border-bottom:1px solid#d6d8da; padding:10px 0;  font-family: Open Sans Condensed; font-size:15px; float:left; width:100%; color:#545454; }
.anakategori ul.alt-kategoriler li a i { top:6px; float:right; color:#b2b3b3; position:relative; font-size:12px; }
.anakategori ul.alt-kategoriler li a:hover, .anakategori ul.alt-kategoriler li a:hover i{ color:#000; }

.anakategori .katgorsel { margin-bottom: 30px; float:left;  width:100%; }
.anakategori .katgorsel img { min-height:200px;max-height:200px; float:left;  width:100%; object-fit:cover; border-radius:10px; }

.anakategori a.incele { padding:4px 0; font-size:10px; background:#fff; font-weight:bold;  border:1px solid#039be5; color:#545454; width:115px; margin:0 auto;     display: table;  text-align: center;}
.anakategori a.incele:hover { background:#005386; border:1px solid#005386; color:#fff; }







.anaaktuel { float:left; width:100%; position:relative; margin:50px 0 100px 0;  }
.anauygulamalar { float:left; width:100%; position:relative;  }
.anauygulamalar a { margin:0 0 0px 0; float:left; width:100%; background: #f7f9fa; padding: 30px 30px 10px 30px;  border-radius: 10px; }
.anauygulamalar a:hover {  }

.anauygulamalar a .bbox { float:left; width:100%; padding: 0 5px; margin:10px 0 0 0; }
.anauygulamalar a .bbox span { font-size:12px; color: #6d6f73; font-family: Open Sans Condensed; font-weight:700; }
.anauygulamalar a .bbox em   { font-size:12px; color: #6d6f73;font-family: Open Sans Condensed; font-style:normal; }

.anauygulamalar a .uygorsel { float:left; width:100%; margin:0px; min-height:175px;max-height:175px; overflow: hidden;}
.anauygulamalar a .uygorsel img {width:100%; min-height:175px;max-height:175px; object-fit:cover; transition: .5s ease-in-out; }
.anauygulamalar a:hover .uygorsel img {     -webkit-transform: scale(1.05);     transform: scale(1.05); }
.anauygulamalar a .uybox  {     padding: 0 5px; margin:10px 0 0 0; min-height: 95px; float:left; width:100%; text-align:left;  }
.anauygulamalar a .uybox h3 { color:#000; font-size:15px; min-height:55px; font-weight: 700; margin:0px; float: left; width:100%; }
.anauygulamalar a .uybox p  { margin:10px 0 0 0; float: left; color:#585858; font-size:15px; font-weight:400; width:100%; font-family: Open Sans Condensed; font-optical-sizing: auto; font-variation-settings: "wdth" 75; }


.anauygulamalar.owl-carousel .owl-nav { position: absolute; top: 50%; width:100%; }
.anauygulamalar.owl-carousel .owl-nav .owl-prev { left: -15px; position: absolute;  border-radius: 50%;  background: #fff;  color: #039be5;  font-size: 22px;  width: 30px;  height: 30px;  border: 1px solid #dfdfdf;  line-height: 30px;  padding: 0px;  text-align: center; }
.anauygulamalar.owl-carousel .owl-nav .owl-next { right: -15px; position: absolute;  border-radius: 50%;  background: #fff;  color: #039be5;  font-size: 22px;  width: 30px;  height: 30px;  border: 1px solid #dfdfdf; line-height: 30px; padding: 0px;  text-align: center; }
.anauygulamalar.owl-carousel .owl-nav .owl-next:hover, .anauygulamalar.owl-carousel .owl-nav .owl-prev:hover { background: #039be5; border: 1px solid #039be5; color: #fff; }
.anauygulamalar.owl-carousel .owl-nav .owl-next span, .anauygulamalar.owl-carousel .owl-nav .owl-prev span { position: relative; top: -4px; }


.digeruygulamalar { float:left; width:100%; position:relative;  }
.digeruygulamalar a { padding:0px; margin:0 0 20px 0; float:left; width:100%; background:#f7f7f8; }
.digeruygulamalar a:hover {  }

.digeruygulamalar a .uygorsel { float:left; width:100%; margin:0px; min-height:275px;max-height:275px; overflow: hidden;}
.digeruygulamalar a .uygorsel img {width:100%; min-height:275px;max-height:275px; object-fit:cover; transition: .5s ease-in-out; }
.digeruygulamalar a:hover .uygorsel img {     -webkit-transform: scale(1.05);     transform: scale(1.05); }
.digeruygulamalar a .uybox  { position: relative; padding:0 25px; margin:25px 0; min-height: 125px; float:left; width:100%; text-align:left;  }
.digeruygulamalar a .uybox h3 { font-family:'Aileron-Bold'; color:#585858; font-size:17px; font-weight: 700; margin:0px; float: left; width:100%; }
.digeruygulamalar a .uybox p  { margin:15px 0 0 0; float: left; color:#585858; font-size:16px; font-weight:400; width:100%; font-family: Open Sans Condensed; font-optical-sizing: auto; font-variation-settings: "wdth" 75; }


.digeruygulamalar a:hover { background:#0082b6; }

.digeruygulamalar a:hover .uybox p, .digeruygulamalar a:hover .uybox h3 { color:#fff; }
.digeruygulamalar a .uybox i { display: none; position: absolute; top:5px;  right:30px; }
.digeruygulamalar a:hover .uybox i { display:block; }
.digeruygulamalar a:hover { background:#0082b6 }




.footer { float: left; width: 100%; position: relative; background-color: #005386;  padding:0px 0 0 0;}
.footer:after { left: 0px; bottom: 0px; position: absolute; content: '';  background: url(../images/logo-2.png) no-repeat; width: 845px; height: 145px;  }

.footer .altsosyal { margin: 25px 0px 40px 25px; padding: 0px 0px; gap:28px; float:left; display:flex; text-align:center;    position: relative; }
.footer .altsosyal a { font-size: 20px; color:#ffffffa1; }
.footer .altsosyal a:hover { color:#ffffff; text-decoration:none; }




.footerorta { padding:70px 0 15px 0; float: left; width: 100%; position: relative; overflow-x:hidden; }

.ortasol { float:left; width:295px; position:relative; }
.ortasol i { float:left; width:100%; margin:0px 0 0px 0; }
.ortasol i a img { width:215px; }
.ortasol span.marka  {  margin-bottom:50px; color: #ffffff94; font-size: 16px; float:left; width:100%; text-align:center; }
.ortasol span.mesai  { font-family: Open Sans Condensed; color: #ffffff; font-size: 14px; float:left; width:100%; margin-left: 45px;}
.ortasol span.uzman  { font-family: Open Sans Condensed; color: #38b6ff; font-size: 14px; float:left; width:100%; font-weight: 700; margin:0 0 15px 24px; }

[lang="en"] .ortasol span.uzman { margin: 0 0 15px 8px;}

.ortasol span.alttel { color: #ffffff; font-size:30px; line-height: 24px; font-family: 'Hebrew'; float:left; width:100%; }

.ortasag {  float:left; width:calc(100% - 295px); position:relative; }
.ortasagmenuler { width: 100%; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 30px; padding: 0 0 0 90px;}
.ortasagmenuler .ortamenu { float:left; width:100%; }
.ortasagmenuler .ortamenu h4 { margin-bottom:20px; font-size:17px; font-weight:bold; color:#fff; float:left; width:100%; }
.ortasagmenuler .ortamenu ul { float:left; width:100%; margin:0px; padding:0px; list-style:none; }
.ortasagmenuler .ortamenu ul li { margin: 0 0 5px 0; float:left; width:100%; list-style:none; }
.ortasagmenuler .ortamenu ul li a { color:#ffffff94; font-size:14px; float:left; font-family: 'Open Sans', sans-serif; }
.ortasagmenuler .ortamenu ul li a:hover { color:#ffffff; }


.ortasagmenuler .ortamenu:nth-child(2) ul li, 
.ortasagmenuler .ortamenu:nth-child(3) ul li, 
.ortasagmenuler .ortamenu:nth-child(5) ul li { margin:0 0 10px 0; }

.ortasagmenuler .ortamenu:nth-child(1) { padding: 0 0 0 0px; }
.ortasagmenuler .ortamenu { float:left; width:100%; padding: 0 0 0 40px; }



.fortaalt { margin: 50px 0 20px 0; padding: 15px 20px 15px 30px;  float: right;  width: 800px; position: relative;  z-index: 2;  border: 1px solid #38b6ff;}

.fortaalt i { float: left; margin:10px 30px 0 0; width: 40px; height: 40px;  color: #fff; border: 2px solid #fff;  text-align: center;  line-height: 40px; border-radius: 50%; font-size: 22px; }
.fortaalt p { float: left; line-height: 16px; font-size: 14px; color:#f7f9fa; font-family: 'Hebrew'; width:275px; margin:15px 0 0 0;}
.fortaalt a { float:right; width:200px; height:60px; background:url(../images/fpopupbg.png)no-repeat; }
.fortaalt a span  { margin: 16px 0 0 30px; float: left; font-size: 17px; color:#ffffff; font-family: Open Sans Condensed; }
.fortaalt a img { width: 27px; height: 30px; margin: 16px 25px 0 0; float:right; }

.footeralt { float:left; width:100%; position:relative; margin:20px 0 45px 0; z-index: 1; }


.footeralt .footeraltsol { padding:0px 0 0 0; float:left; width:40%;  }
.footeralt .footeraltsol p { font-family: Open Sans Condensed;  margin: 0px; text-align: left; font-size:14px; color:#ffffff; }
.footeralt .footeraltsol span { margin: 0px; text-align: left; font-weight:bold;font-size:15px; color:#ffffff; }

.footeralt a.birnc { float:right; opacity:0.9; margin: 17px 0 0 0;}
.footeralt a.birnc:hover { opacity:1 }

[lang="en"] .footeralt .msozlesmeler { margin: 24px 185px 0px 0; }
.footeralt .msozlesmeler   { margin:24px 230px 0px 0; float: right; position:relative;  }
.footeralt .msozlesmeler a {     font-weight: 400;    font-size: 13px;  float: left; line-height: 14px; color: #ffffff94;    margin: 0 19px 0 0;    border-right: 1px solid #7e7e7e6b; padding: 0px 19px 0 0;}
.footeralt .msozlesmeler a:hover { color:#ffffff; text-decoration:none; }
.footeralt .msozlesmeler a:last-child { border:none; padding:0px; }




.hata { padding: 100px 0; margin:0px 0 50px 0; float:left; width:100%; text-align:center; }



.iletisimalan { background:#f3f5f7; padding:55px; float:left; width:100%; position:relative; }
.iletisimalan iframe { border:0px;  }

.iletisimalan .itel       { padding: 20px 0 0 0; float:left; width:100%; height:80px; margin:0 0 20px 0; background:#ffffff; border-radius:5px; }
.iletisimalan .itel.mavi  { background:#005386 }
.iletisimalan .itel.mavi span, .iletisimalan .itel.mavi p { color:#fff; }
.iletisimalan .itel i     { padding: 6px 0 0 0; float:left; width:100px; height:60px; text-align:center; }
.iletisimalan .itel span  { float:left; width:calc(100% - 100px); font-size: 17px; color:#545454; font-weight:bold; }
.iletisimalan .itel p     { margin: 0px; float:left; width:calc(100% - 100px); font-size: 14px; line-height: 15px; color:#545454; font-family: 'Hebrew';}
.iletisimalan .imail      { display: flex; flex-direction: column; gap:10px; float:left; width:100%; height:210px; margin:0 0 0px 0; background:#ffffff; text-align: center;}
.iletisimalan .imail i    { float:left; width:100%; }
.iletisimalan .imail span { float:left; width:100%; font-size: 18px; color:#000000; font-weight:bold; }

.iletisimalan .itel:last-child { margin:0px; }


.iletisimalan .adresalan { display: flex; flex-direction: column; gap:50px; padding: 0 50px; float:left; width:100%; height:450px; background:#0d5572; text-align: center;}

.iletisimalan .adresalan span b {  font-size: 23px; color:#ffffff; font-weight:900; letter-spacing:0px; }
.iletisimalan .adresalan span { font-size: 18px; color:#ededed; font-weight:bold; letter-spacing:1px;  }
.iletisimalan .adresalan p { font-size: 19px; color:#ededed; font-weight:400;  }



.iletisim-header         { margin:0 0 50px 0; padding: 40px 0; float:left; text-align: center; width:100%; background: #f3f6f7; }
.iletisim-header h1      { color: #000000; font-size: 28px;font-weight: 900;  margin-bottom:5px;  line-height: 38px; text-transform: uppercase;}
.iletisim-header ul      { padding:0px; margin:14px 0 0 0; list-style:none; display: flex; flex-wrap: wrap; }
.iletisim-header ul li   { color: #4a4a4a; font-size: 12px; font-weight: 500; margin: 0 10px 8px 5px; white-space: nowrap; margin-right: 5px; margin-left: 5px; line-height: 14px;  text-align: left; position: relative; float: left; padding: 0 0 0 10px;}
.iletisim-header ul li:before { left:0px; top:4px; background:url(../images/li.png)no-repeat; width:5px; height:5px; content:''; position:absolute; }
.iletisim-header ul li a { color: #4a4a4a; font-size: 12px; font-weight: 500;}
.iletisim-header ul li a:hover { color:#000000; }
.iletisim-header ul li:last-child { color:#005386; }
.iletisim-header ul li:first-child:before { background:none; }





.iletisim-header a.geri  { float: right; margin: 10px 0 0 0; }


.haritaalan      { float:left; width:100%; margin-bottom:30px; }
.haritaalan iframe { border:0px; max-height:290px; width:100%; }

.iletisimform         { background:#f3f5f7; padding:55px; max-width:1080px; float:left; width:100%; }
.iletisimform .formbaslik { margin-bottom: 70px; float:left; width:100%; position:relative; }
.iletisimform h4      { color: #595959; font-size:16px; font-weight:600;  margin-bottom: 55px;text-transform: uppercase;}
.iletisimform h3      { color: #000000; font-size:28px; letter-spacing: -1px; font-weight: 900;  margin-bottom:5px;  line-height: 38px; text-transform: uppercase;}
.iletisimform span    { color: #6d6f73; font-size: 18px;  font-weight: 400;}


.iletisimform form { float:left; width:100%; margin:0 0 0px 0; }
.iletisimform input     { font-family: Open Sans Condensed; margin:0 0 20px 0; text-align: center; background: #ffffff; width: 100%; float: left; border:0px; border-bottom:1px solid#d9d9d9; padding: 10px;color: #a5a5a5; font-size: 13px;}
.iletisimform textarea  { font-family: Open Sans Condensed; width: 100%; border:0px; border-bottom:1px solid#d9d9d9;padding:40px 0 0 0px;color: #a5a5a5;font-size: 14px;resize: none;  height:110px;  text-align: center;}
.iletisimform textarea::-webkit-input-placeholder {  top: 40px; float: left;    width: 100%;    color: #a5a5a5;    font-size: 14px;    font-weight: 400;    text-align: center;    position: absolute; }

.formlar input.iti__search-input { float:none; margin-bottom:0px; padding:3px 0; font-size:14px; }


.gonder         { border-radius: 5px; margin: 40px 0 0 0px; background: #039be5; color: #ffffff; font-size: 14px;    font-weight:bold;    padding: 10px 0;    width: 100%; border:0px;}
.gonder:hover   { background: #005386; }


.iletisimform input:focus, 
.iletisimform input:hover,
.iletisimform textarea:focus, 
.iletisimform textarea:hover {  outline: none;}


.iletisimform .isaretle { display:flex; flex-direction: column; gap:0px; width:100%; margin:25px 0 0 0; justify-content: space-between; }

.iletisimform .checkcontainer2 { letter-spacing:0px; font-optical-sizing:auto;  color:#5e5e5e; font-size:12px;font-weight:400;padding-top:0px; display: block;position: relative;padding-left: 20px;margin-bottom: 0;cursor: pointer;-webkit-user-select: none;  -moz-user-select: none; -ms-user-select: none;  user-select: none;}
.iletisimform .checkcontainer2 input { position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.iletisimform .checkmark2 { position: absolute !important;top:2px !important;left: 0% !important;height: 16px !important;width: 16px !important;background-color: #fff !important;border: 1px solid #dcdcdd;padding: 0;}
.iletisimform .checkcontainer2:hover input ~ .checkmark2 { background-color: #2f3034;}
.iletisimform .checkcontainer2 input:checked ~ .checkmark2 { background-color: #2f3034;}
.iletisimform .checkmark2:after {content: "";position: absolute;display: none;}
.iletisimform .checkcontainer2 input:checked ~ .checkmark2:after {display: block;}
.iletisimform .checkcontainer2 .checkmark2:after { left: 3px; top: 3px;  width: 8px;  height: 6px; border: solid #039be5;  border-width: 4px;}
.iletisimform .checkcontainer2 a { letter-spacing:0.5px; color: #000000; font-size:12px; font-weight:600; text-decoration:none; }

.iletisimform .iradio { float:left; width:50%; margin: 8px 0 0 0; position:relative; max-height: 30px;  min-height: 30px;}
.iletisimform .iradio { display: block;position:relative; padding-left:0px; margin-bottom: 0; cursor: pointer; -webkit-user-select: none;    -moz-user-select: none;    -ms-user-select: none;    user-select: none;    color: #000000;    font-size: 11px;    font-weight:600;    padding-top: 3px;}
.iletisimform .iradio input { position: absolute;    opacity: 0;    cursor: pointer;    height: 0;    width: 0;}

.iletisimform .iradio label {  padding-left:20px; position: relative; z-index: 2; cursor: pointer; }
.iletisimform .checkmark4 { position: absolute !important;top:5px !important;left: 0% !important;height: 14px !important;width: 14px !important;background-color: #fff !important;border: 1px solid #dcdcdd; padding: 0;}
.iletisimform .iradio:hover input ~ .checkmark4 { background-color: #2f3034;}
.iletisimform .iradio input:checked ~ .checkmark4 { background-color: #2f3034;}
.iletisimform .checkmark4:after { content: "";  position: absolute; display: none; }
.iletisimform .iradio input:checked ~ .checkmark4:after { display: block;}
.iletisimform .iradio .checkmark4:after { left: 1px;top: 1px;width: 5px; height: 10px;border: solid #2f3034;    border-width: 5px;}



.fs19           { font-size: 19px !important; font-family: 'Source Serif 4', serif !important;}
.fs9            { font-size: 9px !important; font-family: 'Source Serif 4', serif !important;}





.geneluygulamalar { margin-bottom: 70px; float:left; width:100%; position:relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap:50px; }
.geneluygulamalar a { padding:0px; margin:0 0 0px 0; float:left; width:100%; background:#f7f7f8; }
.geneluygulamalar a:hover { background:#0082b6; }

.geneluygulamalar a:hover .uybox p, .geneluygulamalar a:hover .uybox h3 { color:#fff; }
.geneluygulamalar a .uybox i { display: none; position: absolute; top:-4px;  right:30px; }
.geneluygulamalar a:hover .uybox i { display:block; }
.geneluygulamalar a:hover { background:#0082b6 }



.geneluygulamalar a .uygorsel { float:left; width:100%; margin:0px; min-height:315px;max-height:315px; overflow: hidden;}
.geneluygulamalar a .uygorsel img {width:100%; min-height:315px;max-height:315px; object-fit:cover; transition: .5s ease-in-out; }
.geneluygulamalar a:hover .uygorsel img {     -webkit-transform: scale(1.05);     transform: scale(1.05); }
.geneluygulamalar a .uybox  { position: relative; min-height: 130px; padding:0 25px; margin:20px 0; float:left; width:100%; text-align:left;  }
.geneluygulamalar a .uybox h3 { font-family: "Open Sans", sans-serif; color:#191919; font-size:18px; font-weight: 700; margin:0px; float: left; width:100%; }
.geneluygulamalar a .uybox p  { margin:15px 0 0 0; float: left; color:#737373; font-size: 16px; font-weight:400; width:100%; font-family: Open Sans Condensed; font-optical-sizing: auto; font-variation-settings: "wdth" 75; }


.sayfalama { width: 100%;  text-align: center; margin-top:0px; }
.sayfalama a, .sayfalama strong { color:#005386;  display: inline-block;   margin: 0 5px;   width:25px; height:25px; line-height: 24px; font-size: 12px;    border: 1px solid#f0f0f0;     text-decoration: none;     transition: background-color 0.3s ease; }
.sayfalama a.det { background:#9fa3ab; color:#fff; }
.sayfalama a:hover {    background-color: #008998; border: 1px solid#008998; color:#fff; }
.sayfalama strong {    border: 1px solid#008998;    background-color: #008998;     color: #fff;}


.uygulamalardetay { float:left; width:100%; margin:40px 0; }

.uygulamafoto { float:left; width:100%; }
.uygulamafoto img { float:left; width:100%; max-height:550px; min-height:550px; object-fit:cover; }

.uygulamasag { padding:40px 35px 30px 35px; float:left; width:100%; background:#f0f0f2; min-height:550px;  }
.uygulamasag .uygulamabaslikalan { position: relative; min-height: 190px; float:left; width:100%; display:flex; flex-direction: column; background:#fff; text-align:center; }
.uygulamasag .uygulamabaslikalan:before { left: 0px;
    top: -25px;
    position: absolute;
    content: '';
    background: url(../images/golge.png) no-repeat;
    width: 405px;
    height: 28px;
    background-size: contain;}
.uygulamasag .uygulamabaslikalan:after { left:0px; bottom: -28px; position: absolute; content:''; background:url(../images/golge2.png) no-repeat; width:405px; height:28px;background-size: contain; }


.uygulamasag .uygulamabaslikalan h1      { color: #000000; font-size: 28px;font-weight: 900;  margin-bottom:5px;  line-height: 38px; text-transform: uppercase;}
.uygulamasag .uygulamabaslikalan ul      { padding:0px; margin:0px; list-style:none; display: flex;  justify-content: center; }
.uygulamasag .uygulamabaslikalan ul li   { color: #005386; font-size: 12px; font-weight: 500; margin-right: 5px; margin-left: 5px; line-height: 24px;}
.uygulamasag .uygulamabaslikalan ul li a { color: #4a4a4a; font-size: 12px; font-weight: 500;}
.uygulamasag .uygulamabaslikalan ul li:last-child {  font-weight:600;}

.uygulamabaslikalan2 { min-height: 300px; float:left; width:100%; display:flex; flex-direction: column; text-align:center; }
.uygulamabaslikalan2 h4 { font-weight:700; float:left; width: 100%; font-size: 19px; margin:10px 0; letter-spacing:2px; text-transform:uppercase; }
.uygulamabaslikalan2 span { float:left; width: 100%; font-size: 14px;  color:#6d6f73; letter-spacing:2px;}



.uygulamabaslikalan2 {    min-height: 290px;    float: left;    width: 100%;    display: flex;    flex-direction: column;    text-align: center;}


.uygulamabaslikalan2 .urunsayfalar.owl-carousel .owl-item a h4 { color: #000000; font-weight:700; float:left; width: 100%; font-size: 19px; margin:10px 0; letter-spacing:2px; text-transform:uppercase; }
.uygulamabaslikalan2 .urunsayfalar.owl-carousel .owl-item span { float:left; width: 100%; font-size: 14px;  color:#6d6f73; letter-spacing:2px;}
.uygulamabaslikalan2 .urunsayfalar.owl-carousel .owl-prev span { float: left; font-size: 28px; color: #000000; background: #fff; border-radius:50%; width:30px; height:30px; line-height:23px;  text-align:center;  position:absolute; left: 70px; top:29%; }
.uygulamabaslikalan2 .urunsayfalar.owl-carousel .owl-next span { float: left; font-size: 28px; color: #000000; background: #fff; border-radius:50%; width:30px; height:30px; line-height:23px;  text-align:center;  position:absolute; right:70px; top:29%; }




.uygulamabaslikalan2 .urunsayfalar.owl-carousel .owl-item a h4 { color: #000000; font-weight:700; float:left; width: 100%; font-size: 19px; margin:10px 0 2px 0; letter-spacing:2px; text-transform:uppercase; }
.uygulamabaslikalan2 .urunsayfalar.owl-carousel .owl-item span { float:left; width: 100%; font-size: 14px;  color:#6d6f73; letter-spacing:2px;}
.uygulamabaslikalan2 .urunsayfalar.owl-carousel .owl-prev span { float: left; font-size: 28px; color: #000000; background: #fff; border-radius:50%; width:30px; height:30px; line-height:23px;  text-align:center;  position:absolute; left: 80px; top:29%; }
.uygulamabaslikalan2 .urunsayfalar.owl-carousel .owl-next span { float: left; font-size: 28px; color: #000000; background: #fff; border-radius:50%; width:30px; height:30px; line-height:23px;  text-align:center;  position:absolute; right:80px; top:29%; }






.uygulamaust { float:left; width:100%; padding:0 0 40px 0; margin-bottom: 60px; border-bottom:1px solid#f0f0f2; }
.ugulamadetay { width:100%; max-width:1080px; text-align:center; margin:0 auto; color:#595959; font-size: 16px;}
.ugulamadetay h2.uygbaslik { margin-bottom: 60px; color: #000000; font-size: 25px;font-weight: 900; line-height: 38px; float: left; width: 100%; text-transform: uppercase; }



.uygulamaurunler      { padding: 50px; background:#f7f7f8; float:left; width:100%; text-align:center;  }
.uygulamaurunler h3   { float:left; width:100%; position:relative; text-transform:uppercase; font-weight:900; color:#000000; letter-spacing: -1px; line-height: 29px;}
.uygulamaurunler span { float:left; width:100%; position:relative; font-weight:400; font-size:16px; color:#545454; }
.uygulamaurunler i    { margin: 0 0 10px 0; float: left;  width: 100%;}
.uygulamaurunler i img{ max-width: 110px;}


.uygulamaurun { margin:50px 0 0 0; float:left; width:100%; position:relative;  }
.uygulamaurun a {  margin:0 0 20px 0; padding:0 15px; float:left; width:100%; }


.uygulamaurun a .uygorsel { float:left; width:100%; border-bottom:1px solid#e3e3e3; min-height:395px;  }
.uygulamaurun a .uygorsel img {width:100%;min-height:395px; width:100%; object-fit:cover; transition: .5s ease-in-out;}
.uygulamaurun a .uybox  { padding:0 15px; margin:35px 0; float:left; width:100%; }
.uygulamaurun a .uybox i { float: left; width:100%; text-align:center; }
.uygulamaurun a .uybox i img { width:95px; object-fit:contain; margin: 0 auto; }
.uygulamaurun a:hover .uygorsel img { transform:scale(1.03); }
.uygulamaurun a .uybox p { margin:20px 0 0 0; float: left; color:#737373; font-size: 14px; font-weight: 300; width:100%; text-align:center; }


.referanslar { margin-bottom: 70px; float:left; width:100%; position:relative; gap:50px;display: flex; flex-direction:column; }
.referanslar h2 {
    font-size: 22px;
    font-weight: bold;
    color: #000;
    float: left;
    width: 100%;
    text-align: center;
}
.referanslar .referans {  float:left; width:100%; background:#ededed; display: flex;  }
.referanslar .referans:nth-child(even){ flex-direction: row-reverse; }

.referanslar .referans .uygorsel { position: relative; float:left; width:100%; margin:0px; min-height:450px;max-height:450px; overflow: hidden;}
.referanslar .referans .uygorsel img {width:100%; min-height:450px;max-height:450px; object-fit:cover; transition: .5s ease-in-out; }
.referanslar .referans:hover .uygorsel img {     -webkit-transform: scale(1.05);     transform: scale(1.05); }
.referanslar .referans .uybox  { display: flex; flex-direction: column; min-height:450px;max-height:450px; padding:0px; margin:0px 0; float:left; width:100%; text-align:left;  }
.referanslar .referans .uybox h3 { color:#000000; font-size:22px; font-weight: 900; margin:0px; float: left; width:100%; font-family: "Open Sans", sans-serif; }
.referanslar .referans .uybox p  { margin:15px 0 0 0; float: left; color:#595959; font-size: 16px; font-weight:400; width:100%; font-family: Open Sans Condensed; font-optical-sizing: auto; font-variation-settings: "wdth" 75; }
.referanslar .referans .uybox span  { margin:15px 0 0 0; float: left; color:#000; font-size: 16px; font-weight:400; width:100%; font-family: Open Sans Condensed; font-optical-sizing: auto; font-variation-settings: "wdth" 75; }

.referanslar .referans .uybox .refyazi { max-width:350px; width:100%; }

.referanslar.hizmetler .referans .uybox .refyazi { max-width:75%; width:100%; }
.referanslar.hizmetler .referans .uybox h3 { color:#000000; }
.referanslar.hizmetler .referans .uybox p  { color:#000000; }
.referanslar.hizmetler .referans .uybox span { color:#000000; }
.referanslar.hizmetler .referans .uygorsel:before  { right:0px; top:40%; width:37px; height:74px; z-index:2; background: url(../images/sag.png)no-repeat; content:''; position:absolute;  }
.referanslar.hizmetler .referans:nth-child(even) .uygorsel:before  { right:auto; left:0px;background: url(../images/sol.png)no-repeat; }

.referanslar.hizmetler .referans .uybox .bilgi { float:left; width:100%; }
.referanslar.hizmetler .referans .uybox .bilgi span { float: left; width: 100%; color:#005386; font-size:19px; font-weight:bold; }
.referanslar.hizmetler .referans .uybox .bilgi em   { float: left; width: 100%; color:#000000; font-size:13px; font-style:normal;  }
.referanslar.hizmetler .referans .uybox .bilgi i a  { color:#000000;  }
.referanslar.hizmetler .referans .uybox .bilgi i    { float: left; width: 100%; color:#000000; font-size:13px; font-style:normal; font-weight:bold;  }


.timeline-item      { display: flex; margin-bottom:80px; float: left; width: 100%;}
.timeline-item:nth-child(4), .timeline-item:nth-child(8), .timeline-item:nth-child(12), .timeline-item:nth-child(16),
.timeline-item:nth-child(20), .timeline-item:nth-child(24) { flex-direction: row-reverse; }


.kilavuz          { float:left; width:100%; margin-bottom:70px; background:#f7f8f9; }
.kilavuz .kyazi   { color:#6d6f73; font-size:16px; font-weight: 400; float:left; padding:13% 140px; min-height: 390px; width:calc(100% - 390px);  }
.kilavuz .kyazi h2 { margin-bottom:30px; color:#000; font-size:20px; font-weight: 700; letter-spacing:2px; float:left; width:100%; }
.kilavuz .kgorsel { float:right; width:100%; max-width:390px;  }



.ysection:before { right:50px; top:0; width:81px; height:466px; object-fit: contain; background: url(../images/ekonn.png) no-repeat; content:''; position:absolute; z-index:1; }




.genelblog { margin-bottom: 70px; float:left; width:100%; position:relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap:50px; }
.genelblog a { padding:0px; margin:0 0 0px 0; float:left; width:100%; }

.genelblog a .bloggorsel { float:left; width:100%; margin:0px; min-height:265px;max-height:265px; overflow: hidden;}
.genelblog a .bloggorsel img{width:100%; min-height:265px;max-height:265px; object-fit:cover; transition: .5s ease-in-out; }
.genelblog a:hover .bloggorsel img {     -webkit-transform: scale(1.05);     transform: scale(1.05); }
.genelblog a .blogbox       { padding: 0 20px;   margin: 10px 0; min-height: 105px; float:left; width:100%; text-align:left; position:relative; }
.genelblog a .blogbox h3    { color:#000000; font-size:17px; font-weight: bold; margin:0px; float: left; width: calc(100% - 130px); }
.genelblog a .blogbox span  { margin:0px 0 0 0; float: left; color:#8d8d8d; font-size: 11px; font-weight:400; width:100%; font-family:Open Sans Condensed; }
.genelblog a .blogbox em    {  color:#000; font-size:11px; font-family: Open Sans Condensed; font-style:normal; float: right; margin: 0 15px 0 0; position:relative; }
.genelblog a .blogbox em:before { right:-15px; top: 3px;
    width: 4px;
    height: 10px; background:#039be5; content:''; position:absolute; }


.genelblog a:hover .blogbox span, .genelblog a:hover .blogbox h3 { color:#005386; }
.genelblog a .blogbox i { display: none; position: absolute; bottom: 7px;  right: 50px; }

.blog-header { padding:70px 0; background:#f3f6f7; float:left; width:100%; overflow:hidden; }
.blog-header h1 { margin: 40px 0 70px 0; color:#fff; float: left; width:100%; font-size:60px; font-weight:400; text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3); position:relative; z-index:2 }
.blog-header h1:before { left:-100%; top:-28px; width:160%; height:70px; background:#005386; content:''; position:absolute; z-index:-1; box-shadow: -2px 4px 13px 0px #0000008f; }
.blog-header h1:after  { left:60%; top:-28px; width:20px; height:70px; background:#039be5; content:''; position:absolute; }

.blog-header ul      { float:left; width:100%; padding:0px; margin:14px 0 0 0; list-style:none; display: flex; }
.blog-header ul li   { color:#4a4a4a; font-size: 12px; font-weight: 500; margin-right: 5px; margin-left: 5px; line-height: 14px;}
.blog-header ul li a { color:#4a4a4a; font-size: 12px; font-weight: 500;}
.blog-header ul li a:hover { color:#000000; }
.blog-header ul li:last-child { color:#005386; }

.blog-header h2 { margin:10px 0 30px 0; color:#000000; float: left; width:100%; font-size:22px; font-weight:bold;  position:relative; }


.blog-header-detay { padding:0 60px 0 0; float: left; width: 100%; max-height:250px; margin-bottom:0px; overflow-y: scroll; color:#545454; }
.blog-header-detay strong, .blog-header-detay b { font-size:20px; color:#000; }

.blog-header-detay::-webkit-scrollbar {width:2px;height:8px; background: #c1c1c1;}
.blog-header-detay::-webkit-scrollbar-track {border: 1px solid #f1f1f1;}
.blog-header-detay::-webkit-scrollbar-thumb {background: #c1c1c1; width:2px; }
.blog-header-detay::-webkit-scrollbar-thumb:hover { background: #c1c1c1; width:2px;  }

.sonhaber { float:left; width:100%; margin: 60px 0 0 0; padding:0 0 0 70px; }
.sonhaber a { float:left; width:100%; position:relative; }
.sonhaber a:before { left:-9px; top:-9px; width:124px; height:124px; content:''; background:url(../images/yenihaber.png) no-repeat; position:absolute; z-index:3; }

.sonhaber a i { position: absolute; top: 10px; left: 10px; color: white; font-size:24px;font-weight: bold; transform: rotate(-45deg) translate(-5px, 5px); z-index:4; }


.sonhaber a .bloggorsel { float:left; width:100%; margin:0px; min-height:390px;max-height:390px; overflow: hidden;}
.sonhaber a .bloggorsel img{width:100%; min-height:390px;max-height:390px; object-fit:cover; transition: .5s ease-in-out; }
.sonhaber a:hover .bloggorsel img {     -webkit-transform: scale(1.05);     transform: scale(1.05); }
.sonhaber a .blogbox       { padding: 0 20px;   margin: 10px 0; min-height: 105px; float:left; width:100%; text-align:left; position:relative; }
.sonhaber a .blogbox h3    { color:#000000; font-size:20px; font-weight: bold; margin:0px; float: left; width: calc(100% - 130px); }
.sonhaber a .blogbox span  { margin:0px 0 0 0; float: left; color:#8d8d8d; font-size: 12px; font-weight:400; width:100%; font-family:Open Sans Condensed; }
.sonhaber a .blogbox em    {  color:#000; font-size:13px; font-family: Open Sans Condensed; font-style:normal; float: right; margin: 0 15px 0 0; position:relative; }
.sonhaber a .blogbox em:before { right:-15px; top:3px;width: 4px;    height: 12px; background:#039be5; content:''; position:absolute; }




.blog-detay-header { padding:40px 0; background:#f3f6f7; float:left; width:100%; overflow:hidden; }
.blog-detay-header h1 { margin:0px 0 10px 0; color:#000000; float: left; width:100%; font-size:26px; font-weight:bold; text-align:center; }


.blog-detay-header ul      { float: left; width: 100%; padding:0px; margin:0px; list-style:none; display: flex;  justify-content: center; }
.blog-detay-header ul li   { color: #646363; font-size: 12px; font-weight: 500; margin-right: 5px; margin-left: 5px; line-height: 15px;}
.blog-detay-header ul li a { color: #646363; font-size: 12px; font-weight: 500;}
.blog-detay-header ul li:last-child { color: #005386;}

.blogdetayslider { float:left; width:100%; max-height:550px; margin:30px 0; }
.blogdetayslider .owl-item {  opacity: 0.3; }
.blogdetayslider .owl-item.active  {  opacity:1; }

.blogdetayslider .owl-item img { width:100%; max-height:550px; max-width:900px; object-fit:cover; margin: 0 auto; }

.blogdetayust { float:left; width:100%; padding:0 150px; margin:0 0 40px 0; color:#000; font-size:22px; text-align:center; }

.blogdetayorta { float:left; width:100%; }


.oncesonra  { padding:20px 0; background: #f3f6f7;float:left; width:100%; }

.oncesonra .scrollup {  position:relative;bottom: 0; right: 0;  top: 15px; }
.oncesonra .scrollup img { width:20px; }
.once          { float:left; width: 48%;  position:relative; }
.once a { position:relative; padding:0 0 0 30px; float:left;}
.once a:before   { left:0px; top:10px; width: 8px; height: 25px; content:''; background:#cccccc; position:absolute; }
.once a span   { color: #000; font-size: 16px; font-weight:600; font-family:'Hebrew'; }
.once a h4     { color: #000; font-size: 16px; font-weight:400;  }
.once a:hover h4 { color: #005386; }
.once a:hover:before { background: #005386; }

.sonra         { float:right; width: 48%;  text-align:right; position:relative;  }
.sonra a       { position:relative; padding:0 30px 0 30px; float:right; }
.sonra a:before{ right:0px; top:10px; width:8px; height: 25px; content:''; background:#cccccc; position:absolute; }
.sonra a span  { color: #000; font-size: 16px; font-weight:600; font-family:'Hebrew'; float:left; width:100%;}
.sonra a h4    { color: #000; font-size: 16px; font-weight:400; float:left; width:100%;}
.sonra a:hover h4 { color: #005386; }
.sonra a:hover:before { background: #005386; }


.blogdetay { float:left; width:100%; margin:0px 0; }



.homepro.blogdetay2 { margin:50px 0 70px 0;}



/* sss */

.referanshead { display: grid; grid-template-columns: repeat(3, minmax(50px, 1fr));   justify-content: center;    align-content: center;  text-align: center;   min-height: 500px;    padding: 20px;    margin: 0 auto;    box-sizing: border-box;}


.logo-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1px;
    background-color: #e7e7e7;
    max-width: 1200px;
    margin: 0 auto; 
    justify-content: center;    align-content: center;  text-align: center;   min-height: 500px; box-sizing: border-box;}

.logo-item {    display: flex;    justify-content: center;    align-items: center;    background-color: #f5f5f5;    padding: 0px;    min-height: 100px;    min-width: 100%;}

.logo-item:empty { background-color: #f5f5f5;}

.logo-item img {    max-width: 100%;    height: auto;    object-fit: contain;}

.logo-grid::after {    content: "";    grid-column: auto / span 2;    background-color: #f5f5f5;}



.headsayfalar { display: grid;    grid-template-columns: repeat(2, 200px);    gap: 20px;    justify-content: center;    align-content: center;     min-height: 500px;    padding: 20px;    margin: 0 auto;    box-sizing: border-box;}
.headsayfalar a { display: flex; align-items: center; justify-content: center;  background-color: #fff;    font-size: 15px; color:#545454;    padding: 30px;    border-radius: 8px;    text-align: center;    flex: 1 1 200px;    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);    transition: transform 0.2s ease;    cursor: pointer;}
.headsayfalar a:hover, .headsayfalar a.aktif { background: #0080cf; color:#fff; font-weight:bold;}
.blog-header a.asagi{ position: absolute; right: 0px; top: 40%;  cursor: pointer; }


.ssssayfa { padding:130px 70px; float:left; width:100%; position:relative; background:#f3f6f7; }
.ssssayfa h3 { font-size: 24px; color:#000000; font-weight:bold; float:left; width:100%; text-align:center; }

.ssssayfa .panel-group { float:left; width:100%; position:relative; }
.ssssayfa .panel-group .panel { float:left; width:100%;  }

.ssssayfa .panel-default>.panel-heading {  color: #545454;  background-color: #fff; padding: 0; margin:0 0 30px 0; }
.ssssayfa .panel-default>.panel-heading a { position: relative; min-height:75px; font-size: 18px; font-weight:bold;   text-decoration: none; color: #000;  display: block;  padding:25px 20px 25px 60px;}
.ssssayfa .panel-default>.panel-heading a:before {left:0px; top:0px; width:10px; height:75px; background:#d5e2eb; content:''; position:absolute; }
.ssssayfa .panel-default.in .panel-heading a:before {background:#005386; }

.ssssayfa .panel-default>.panel-heading h4 { margin:0px; }
.ssssayfa .panel-default>.panel-heading a:after {  content: "";  position: relative;  top: 1px;  display: inline-block;  font-family: 'Glyphicons Halflings';  font-style: normal;  font-weight: 400;  line-height: 1;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;  float: right;  transition: transform .25s linear;  -webkit-transition: -webkit-transform .25s linear}
.ssssayfa .panel-default>.panel-heading a[aria-expanded="true"]:before { background:#039be5;  }
.ssssayfa .panel-default>.panel-heading a[aria-expanded="false"]:before { background:#039be5;  }
.ssssayfa .panel-default>.panel-heading a[aria-expanded="true"]:after {  content: "\2212";  -webkit-transform: rotate(180deg);  transform: rotate(180deg); color: #039be5;}
.ssssayfa .panel-default>.panel-heading a[aria-expanded="false"]:after {  content: "\002b";  -webkit-transform: rotate(90deg);  transform: rotate(90deg); color: #039be5;}
.ssssayfa .accordion-option {  width: 100%;  float: left;  clear: both;  margin: 15px 0;}
.ssssayfa .accordion-option .title {  font-size: 18px;  font-weight: bold;  float: left;  padding: 0;  margin: 0;}
.ssssayfa .accordion-option .toggle-accordion {  float: right;  font-size: 16px;  color: #6a6c6f;}
.ssssayfa .panel-default .panel-body  { padding: 0px 60px; font-size: 15px; line-height: 19px; font-weight:400;   text-decoration: none; color: #000; margin-bottom:30px; }


/* sertifikalar */

.belgeler { float:left; width:100%; }
.belgeler h2 { font-size:22px; font-weight: bold; color:#000; float:left; width:100%; text-align:center; }
.belgeler img.sertifika { min-height:450px; object-fit:cover;}
.belgeler p  { font-size:18px; font-weight: bold; color:#000; margin: 10px 0; float:left; width:100%; text-align:center; font-family:'Hebrew'; }
.belgeler i  { float:left; width:100%; text-align:center; margin:0 0 30px 0; }

.belgeler .belgelercizgi { float: left; width: 100%; margin: 0 0 50px 0; padding: 0px 0 25px 0; border-bottom: 1px solid #f7f7f7; }

/* kataloglar */

.headkataloglarassasas { float:left; width:100%; height:500px; background:url(../images/katalogbg.png) no-repeat top center; justify-content: center; align-content: center; min-height: 500px; }
.headkataloglar {    display: flex;    flex-direction: column;    gap: 15px;    max-width: 100%;    margin: 0 auto;    padding: 20px;    justify-content: center;    align-items: center;    min-height: 500px;    background:url(../images/katalogbg.png) no-repeat top center;}
.headkataloglar a {    display: flex;    align-items: center;    padding: 15px 20px;    background-color: white;    border-radius: 10px;    text-decoration: none;     box-shadow: 0 2px 5px rgba(0,0,0,0.1);    transition: transform 0.2s ease;}
.headkataloglar a:hover {    transform: translateY(-2px);}
.headkataloglar a p { position: relative; top: 7px;  padding: 0 25px;  font-size:18px; color: #000;    font-weight:900;  }


.katalogform         { background:transparent; border:1px solid#eaeaea; padding:65px 110px; max-width:950px; display: flow-root; width:100%; margin:0 auto; }
.katalogform .formbaslik { margin-bottom: 45px; float:left; width:100%; position:relative; text-align:center; }
.katalogform h3      { color: #000000; font-size:20px;  font-weight: bold;  margin-bottom:5px;   text-transform: uppercase;}
.katalogform span    { color: #6d6f73; font-size: 18px;  font-weight: 400;}


.katalogform form { float:left; width:100%; margin:0 0 0px 0; }
.katalogform input     { font-family: Open Sans Condensed; margin:0 0 20px 0; text-align: center; background: #f3f5f7; width: 100%; float: left; border:0px; padding: 10px;color: #828282; font-size: 14px;}
.katalogform textarea  { font-family: Open Sans Condensed; width: 100%; border:0px; background: #f3f5f7; padding:43px 0 0 0px;color: #828282;font-size: 14px;resize: none;  height:110px;  text-align: center;}
.katalogform textarea::-webkit-input-placeholder {  top: 40px; float: left;    width: 100%;    color: #828282;    font-size: 14px;    font-weight: 400;    text-align: center;    position: absolute; }

.katalogform .gonder         { border-radius: 5px; margin: 40px 0 0 0px; background: #039be5; color: #ffffff; font-size: 14px;    font-weight:bold;    padding: 10px 0;    width: 100%; border:0px;}
.katalogform .gonder:hover   { background: #005386; }


.katalogform input:focus, 
.katalogform input:hover,
.katalogform textarea:focus, 
.katalogform textarea:hover {  outline: none;}


.katalogform .isaretle { display:flex; flex-direction: column; gap:0px; width:100%; margin:25px 0 0 0; justify-content: space-between; }

.katalogform .checkcontainer2 { letter-spacing: -0.5px; font-optical-sizing:auto;  color:#5e5e5e; font-size:12px;font-weight:400;padding-top:0px; display: block;position: relative;padding-left: 20px;margin-bottom: 0;cursor: pointer;-webkit-user-select: none;  -moz-user-select: none; -ms-user-select: none;  user-select: none;}
.katalogform .checkcontainer2 input { position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.katalogform .checkmark2 { position: absolute !important;top:1px !important;left: 0% !important;height: 16px !important;width: 16px !important;background-color: #fff !important;border: 1px solid #dcdcdd;padding: 0;}
.katalogform .checkcontainer2:hover input ~ .checkmark2 { background-color: #2f3034;}
.katalogform .checkcontainer2 input:checked ~ .checkmark2 { background-color: #2f3034;}
.katalogform .checkmark2:after {content: "";position: absolute;display: none;}
.katalogform .checkcontainer2 input:checked ~ .checkmark2:after {display: block;}
.katalogform .checkcontainer2 .checkmark2:after { left: 3px; top: 3px;  width: 8px;  height: 6px; border: solid #039be5;  border-width: 4px;}
.katalogform .checkcontainer2 a { letter-spacing: 0.5px; color: #000000; font-size:12px; font-weight:600; text-decoration:none; }

.katalogform .iradio { float:left; width:50%; margin: 8px 0 0 0; position:relative; max-height: 30px;  min-height: 30px;}
.katalogform .iradio { display: block;position:relative; padding-left:0px; margin-bottom: 0; cursor: pointer; -webkit-user-select: none;    -moz-user-select: none;    -ms-user-select: none;    user-select: none;    color: #000000;    font-size: 11px;    font-weight:600;    padding-top: 3px;}
.katalogform .iradio input { position: absolute;    opacity: 0;    cursor: pointer;    height: 0;    width: 0;}

.katalogform .iradio label {  padding-left:20px; position: relative; z-index: 2; cursor: pointer; }
.katalogform .checkmark4 { position: absolute !important;top:5px !important;left: 0% !important;height: 14px !important;width: 14px !important;background-color: #fff !important;border: 1px solid #dcdcdd; padding: 0;}
.katalogform .iradio:hover input ~ .checkmark4 { background-color: #2f3034;}
.katalogform .iradio input:checked ~ .checkmark4 { background-color: #2f3034;}
.katalogform .checkmark4:after { content: "";  position: absolute; display: none; }
.katalogform .iradio input:checked ~ .checkmark4:after { display: block;}
.katalogform .iradio .checkmark4:after { left: 1px;top: 1px;width: 5px; height: 10px;border: solid #2f3034;    border-width: 5px;}





/* ik form */


.ikform         { background:transparent; border:1px solid#eaeaea; padding:65px 110px; max-width:950px; display: flow-root; width:100%; margin:0 auto; }
.ikform .formbaslik { margin-bottom: 45px; float:left; width:100%; position:relative; text-align:center; }
.ikform h3      { color: #000000; font-size:20px;  font-weight: bold;  margin-bottom:5px;   text-transform: uppercase;}
.ikform span    { margin-top: 1px; color: #6d6f73; font-size: 13px;  font-weight: 400; letter-spacing: 0.5px;}


.ikform form { float:left; width:100%; margin:0 0 0px 0; }
.ikform input     { font-family: Open Sans Condensed; margin:0 0 20px 0; text-align: center; background: #f3f5f7; width: 100%; float: left; border:0px; padding: 10px;color: #828282; font-size: 13px;}
.ikform textarea  { font-family: Open Sans Condensed; width: 100%; margin:0 0 20px 0; border:0px; background: #f3f5f7; padding:40px 0 0 0px;color: #828282;font-size: 14px;resize: none;  height:110px;  text-align: center;}
.ikform textarea::-webkit-input-placeholder {  top: 40px; float: left;    width: 100%;    color: #828282;    font-size: 14px;    font-weight: 400;    text-align: center;    position: absolute; }

.ikform .gonder         { border-radius: 5px; margin: 0px 0 0 0px; background: #039be5; color: #ffffff; font-size: 14px;    font-weight:bold;    padding: 10px 0;    width: 100%; border:0px;}
.ikform .gonder:hover   { background: #005386; }


.ikform input:focus, 
.ikform input:hover,
.ikform textarea:focus, 
.ikform textarea:hover {  outline: none;}


.ikform .isaretle { display:flex; flex-direction: column; gap:0px; width:100%; margin:25px 0 0 0; justify-content: space-between; }

.ikform .checkcontainer2 { letter-spacing:0; font-optical-sizing:auto;  color:#5e5e5e; font-size:12px;font-weight:400;padding-top:0px; display: block;position: relative;padding-left: 20px;margin-bottom: 0;cursor: pointer;-webkit-user-select: none;  -moz-user-select: none; -ms-user-select: none;  user-select: none;}
.ikform .checkcontainer2 input { position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.ikform .checkmark2 { position: absolute !important;top:1px !important;left: 0% !important;height: 16px !important;width: 16px !important;background-color: #fff !important;border: 1px solid #dcdcdd;padding: 0;}
.ikform .checkcontainer2:hover input ~ .checkmark2 { background-color: #2f3034;}
.ikform .checkcontainer2 input:checked ~ .checkmark2 { background-color: #2f3034;}
.ikform .checkmark2:after {content: "";position: absolute;display: none;}
.ikform .checkcontainer2 input:checked ~ .checkmark2:after {display: block;}
.ikform .checkcontainer2 .checkmark2:after { left: 3px; top: 3px;  width: 8px;  height: 6px; border: solid #039be5;  border-width: 4px;}
.ikform .checkcontainer2 a { letter-spacing: 0.5px; color: #000000; font-size:12px; font-weight:600; text-decoration:none; }

.ikform .iradio { float:left; width:50%; margin: 8px 0 0 0; position:relative; max-height: 30px;  min-height: 30px;}
.ikform .iradio { display: block;position:relative; padding-left:0px; margin-bottom: 0; cursor: pointer; -webkit-user-select: none;    -moz-user-select: none;    -ms-user-select: none;    user-select: none;    color: #000000;    font-size: 11px;    font-weight:600;    padding-top: 3px;}
.ikform .iradio input { position: absolute;    opacity: 0;    cursor: pointer;    height: 0;    width: 0;}

.ikform .iradio label {  padding-left:20px; position: relative; z-index: 2; cursor: pointer; }
.ikform .checkmark4 { position: absolute !important;top:5px !important;left: 0% !important;height: 14px !important;width: 14px !important;background-color: #fff !important;border: 1px solid #dcdcdd; padding: 0;}
.ikform .iradio:hover input ~ .checkmark4 { background-color: #2f3034;}
.ikform .iradio input:checked ~ .checkmark4 { background-color: #2f3034;}
.ikform .checkmark4:after { content: "";  position: absolute; display: none; }
.ikform .iradio input:checked ~ .checkmark4:after { display: block;}
.ikform .iradio .checkmark4:after { left: 1px;top: 1px;width: 5px; height: 10px;border: solid #2f3034;    border-width: 5px;}


.ikform .seceneklerr { display: table; float:left; width:100%; position:relative; margin:0; padding:0; }
.ikform .seceneklerr .secal { display: table-cell; }



.ikform form input[type="checkbox"] { width:18px; height:18px; margin: 0 5px 0 0; visibility: hidden; }
.ikform form input[type="checkbox"] + label:before { background: #d4d4d3; border: 1px solid #d4d4d3; content: "\00a0"; display: inline-block; font: 16px/1em sans-serif; height: 18px;  margin: 0 9px 0 -26px; padding: 0; vertical-align: top; width: 18px;}
.ikform form input[type="checkbox"]:checked + label:before { background: #d4d4d3;content: "";text-align: center;}
.ikform form input[type="checkbox"]:checked + label:after  { width: 10px; height: 10px; left: -22px; top: 4px;background: #0a0a0a; content: ""; position: absolute; }
.ikform form input[type="checkbox"]:focus + label::before  { }
.ikform form .check label        {   float: left;    width: calc(100% - 30px);  letter-spacing: -0.2px; font-size:13px; color:#6d6f73; font-weight:300; position: relative;}
.ikform form .check label a      {     letter-spacing: -0.2px; font-size:13px; color:#6d6f73; font-weight:300; cursor:pointer; }



.ikform form .radiolar            {     padding: 10px;    float: left; text-align: center; width: 100%;  height: 45px; position: relative;  background: #f3f5f7; margin-bottom: 20px; }
.ikform form .radiolar input      { position: absolute; opacity: 0; cursor: pointer; margin: 0; left: 0; top: 3px; width: 18px; height: 18px; z-index: 1;}
.ikform form .radiolar .checkmark {     border: 0px;  background-color: #ffffff;  position: absolute; top: 3px;  left: -25px;  height: 18px;  width: 18px; border-radius: 0%;}
.ikform form .radiolar input:checked ~ .checkmark { background-color: #fff;}
.ikform form .radiolar .checkmark:after {content:'✓'; position: absolute; display: none;}
.ikform form .radiolar input:checked ~ .checkmark:after { display: block;}
.ikform form .radiolar .checkmark:after { top: -14px;  left: -1px;  width: 10px;  height: 10px;  border-radius: 0;  background: transparent;  font-size: 26px;  color: #005386;}


.ikform form .radiolar label { font-size: 16px; font-family: Open Sans Condensed; color: #6d6f73; font-weight: 300; position: relative;    margin-top: 0px;}

.ikform form .cvv { margin-bottom:25px; float:left; position:relative; width:100%; height:75px; background:#fff; }

.ikform form input.turuncu { padding: 0;font-size: 0px; background: none; float: right; width:192px; height:25px; margin:28px 0 0 0; border: 0; }
.turuncu::-webkit-file-upload-button { visibility: hidden;}
.turuncu::before {  content: 'CV YUKLE (PDF)';  display: inline-block;  background: url(../images/file.png) no-repeat; width:25px; height:25px; background-size: contain !important; outline: none;white-space: nowrap;-webkit-user-select: none;cursor: pointer; font-size: 11pt; font-weight:500; color: #6d6f73; padding:0px 0 0 28px;}

.cv             { background: #fff; border:1px solid #ebebeb; color: #8b8b8b; font-size: 12px; font-weight: 400; padding: 10px 0; margin-bottom: 10px; width: 100%; cursor:pointer; }
.cv:hover       { color: #000;}


.iksfoto { float:right; }





.filterbutonlar { margin-bottom: 25px; border-bottom:1px solid#ebebeb; display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); justify-content: center; padding:0 100px; }
.filterbutonlar .item { text-align: center; font-size: 15px; font-weight: 700;font-family: Open Sans Condensed; color: #6d6f73; border: none; cursor: pointer; padding:0 10px; }

.filterbutonlar .item.aktif { color:#005386; font-weight:700; font-size:17px; position:relative; }
.filterbutonlar .item.aktif:after { left:0px; bottom:-2px; width: 100%; height:3px; content:''; background:#005386; position:absolute; }


.refeicerikler { display: grid; grid-template-columns: repeat(2, minmax(150px, 1fr)); gap: 50px; }

.refeicerikler .reftek { display: grid; grid-template-columns: repeat(2, minmax(150px, 1fr)); gap:0px; background:#f7f9fa; }

.refeicerikler .reftek .reftekicerik    { padding:50px 10px 50px 50px;position: relative; }
.refeicerikler .reftek .reftekicerik em { float: left; width: 100%; color:#828282; font-size:13px; font-family: Open Sans Condensed; font-style:normal; }
.refeicerikler .reftek .reftekicerik h3 { margin: 60px 0 0 0; float: left; width: 100%; color:#000; font-size:22px; font-weight:bold;  }
.refeicerikler .reftek .reftekicerik span  { float: left; width: 100%; color:#828282; font-size:16px; font-family: Open Sans Condensed; font-style:normal; }
.refeicerikler .reftek .reftekicerik p  { position:absolute; left: 50px; bottom: 50px; color:#a5a5a5; font-size:16px; font-family: Open Sans Condensed; font-style:normal; margin:0px; font-weight: 700;}

.reftekresim { position:relative; }
.reftekresim:before {  left:-1px; top:40%; content: '';  display: inline-block;  background: url(../images/rr.png) no-repeat; width:27px; height:53px; z-index:2; position:absolute; }
.refeicerikler .reftek img { width:100%; max-height:325px; min-height:325px; object-fit:cover; }


/* Kategoriler */
.genelkategoriler .anakategori a h2 { margin:0 0 20px 0 }

.genelkategoriler .altkaty { min-height:260px; float: left;  width: 100%;}

.genelkategoriler .panel-group    {  float: left; width: 100%; margin: 0 0 50px 0; }
.genelkategoriler .panel-group .panel-heading a { width: 100%; font-size:16px; color:#005386; font-family: Open Sans Condensed; font-weight:700;float: left; padding:10px 10px 10px 0; border-bottom:1px solid#e9ecee; }


.genelkategoriler .panel-collapse { width: 100%; padding: 10px; float: left; }

.genelkategoriler .alt-alt-kategoriler { float:left; width:100%; }
.genelkategoriler .alt-alt-kategoriler li { float: left;  width: 100%;  }
.genelkategoriler .alt-alt-kategoriler li span { font-size:16px; color:#545454; font-family: Open Sans Condensed; font-weight:400; position:relative; float: left; width: 100%;  margin: 10px 0;}
.genelkategoriler .alt-alt-kategoriler li span:before { left: -10px; top: 8px; width: 5px; height: 5px;  background: #8c8d8e; content: ''; position: absolute; }

.genelkategoriler .alt-alt-kategoriler li a { margin:7px 0; float: left; font-size:16px; color:#545454; font-family: Open Sans Condensed; font-weight:400; position:relative; }

.kategori-urunleri.alt-kategori-urunler li a { margin:7px 0; float: left; font-size:16px; color:#545454; font-family: Open Sans Condensed; font-weight:400; position:relative; }

.genelkategoriler .alt-alt-kategoriler li a:before { left: -10px; top: 9px; width: 5px; height: 5px;  background:none; content: ''; position: absolute; }


.genelkategoriler .alt-alt-alt-kategoriler { float:left; width:100%; }
.genelkategoriler .alt-alt-alt-kategoriler li a { font-size:16px; color:#545454; font-family: Open Sans Condensed; font-weight:400; position:relative; }
.genelkategoriler .alt-alt-alt-kategoriler li a:before { display:none; }



.kategori { float:left; width:100%; position:relative; margin-bottom:30px;  }
.kategori a .kategorigorsel { float:left; width:100%; margin:0px; min-height:305px;max-height:305px; overflow: hidden; border-radius:11px; border: 2px solid #fff; }
.kategori a:hover .kategorigorsel{ border: 2px solid #039be5; }
.kategori a .kategorigorsel img {width:100%; min-height:305px;max-height:305px; object-fit:cover; transition: .5s ease-in-out; border-radius:10px; }
.kategori a:hover .kategorigorsel img {     -webkit-transform: scale(1.05);     transform: scale(1.05); }
.kategori a  { position: relative; float:left; width:100%; text-align:center;  }
.kategori a h2 { color:#282828; font-size:18px; font-weight: 700; margin:25px 0 0 0; float: left; width:100%; text-transform:uppercase; }
.kategori a:hover h2  { color:#000000; font-weight: 700;  }

.genelkategoriler .panel-group .panel-heading a:after { right: -10px; color:#005386;  content: "";  position: relative;  top: 1px;  display: inline-block;  font-family: 'Glyphicons Halflings'; font-style: normal;  font-weight: 400;  line-height: 1;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;  float: right;  transition: transform .25s linear;  -webkit-transition: -webkit-transform .25s linear; font-size: 20px;  top: 4px;}
.genelkategoriler .panel-group .panel-heading a[aria-expanded="true"]:after {  content: "\2212";  -webkit-transform: rotate(180deg);  transform: rotate(180deg);}
.genelkategoriler .panel-group .panel-heading a[aria-expanded="false"]:after {  content: "\002b";  -webkit-transform: rotate(90deg);  transform: rotate(90deg);}



.kategorilerdetaysag h5 { margin:24px 0 60px 0; color:#fff; float: left; width:100%; font-size:21px; font-weight:400; text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3); position:relative; z-index:2 }
.kategorilerdetaysag h5:before { left:-100%; top:-24px; width:calc(200% - 20px); height:70px; background:#005386; content:''; position:absolute; z-index:-1; box-shadow: -2px 4px 13px 0px #0000008f; }
.kategorilerdetaysag h5:after  { right:0px; top:-24px; width:20px; height:70px; background:#039be5; content:''; position:absolute; }


.sagkategorilerliste { float:left; width:100%; position:relative; }

.sagkategorilerliste .panel-heading   { float:left; width:100%; }
.sagkategorilerliste .panel-heading a { float:left; width:100%; position:relative; background:#eff3f6; color:#000; font-weight:bold; font-size:15px; box-shadow:0px 11px 12px -16px #0000008f; padding:7px 15px; margin:0 0 7px 0;}


.sagkategorilerliste .panel-heading a:after { right: 10px; color:#005386;  content: "";  position: absolute;  top:25%;  display: inline-block;  font-family: 'Glyphicons Halflings'; font-style: normal;  font-weight: 400;  line-height: 1;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;  float: right;  transition: transform .25s linear;  -webkit-transition: -webkit-transform .25s linear; font-size: 20px; }
.sagkategorilerliste .panel-heading a[aria-expanded="true"]:after {  content: "\2212";  -webkit-transform: rotate(180deg);  transform: rotate(180deg);}
.sagkategorilerliste .panel-heading a[aria-expanded="false"]:after {  content: "\002b";  -webkit-transform: rotate(90deg);  transform: rotate(90deg);}


.sagkategorilerliste .panel-body {     padding: 0 0 20px 25px; float:left; width:100%; position:relative; }

.sagkategorilerliste ul        { float:left; width:100%; }
.sagkategorilerliste ul li     { float: left;  width: 100%;  }
.sagkategorilerliste ul li a   { font-size:15px; color:#545454; font-family: Open Sans Condensed; font-weight:600; position:relative; float: left; width: 100%;  margin:4px 0;}
.sagkategorilerliste ul li a:before { left: -10px; top: 8px; width: 5px; height: 5px;  background: none; content: ''; position: absolute; }

.sagkategorilerliste ul li ul li a  { margin:4px 0; float: left; font-size:15px; color:#545454; font-family: Open Sans Condensed; font-weight:400; position:relative; }
.sagkategorilerliste ul li ul li a:before { display:none; }

.sagkategorilerliste .alt-alt-alt-kategoriler { float:left; width:100%; }
.sagkategorilerliste .alt-alt-alt-kategoriler li a { font-size:16px; color:#545454; font-family: Open Sans Condensed; font-weight:400; position:relative; }
.sagkategorilerliste .alt-alt-alt-kategoriler li a:before { display:none; }





.kategorilerdetay {  float:left; width:100%; position:relative; }
.kategorilerdetaysol { padding: 0 0 0 30px; float: left; width: 100%; display: grid; grid-template-columns: repeat(3, minmax(50px, 1fr)); gap: 30px;  }


.urunliste { float:left; width:100%; position:relative; margin-bottom:30px;  }
.urunliste a .urunlistegorsel { float:left; width:100%; margin:0px; min-height:280px;max-height:280px; overflow: hidden; border-radius:11px; border: 2px solid #fff; }
.urunliste a:hover .urunlistegorsel{ border: 2px solid #039be5; }
.urunliste a .urunlistegorsel img {width:100%; min-height:280px;max-height:280px; object-fit:cover; transition: .5s ease-in-out; border-radius:10px; }
.urunliste a:hover .urunlistegorsel img {     -webkit-transform: scale(1.05);     transform: scale(1.05); }
.urunliste a  { position: relative; float:left; width:100%; text-align:center;  }
.urunliste a h2 { color:#282828; font-size:18px; font-weight: 700; margin:25px 0 0 0; float: left; width:100%; text-transform:uppercase; }
.urunliste a:hover h2  { color:#000000; font-weight: 700;  }


.urunler             { margin-bottom:70px; float: left; width: 100%; position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap:40px; row-gap: 60px; }
.urunler .urun       { float:left; width:100%; }
.urunler .urungorsel { float:left; width:100%; height:410px; background:#e2e3e6; overflow:hidden; position:relative; }
.urunler .urungorsel:before { left:40px; top:40px; background:url(../images/zoom.png)no-repeat; width:66px; height:66px; position:absolute; content:''; }
.urunler .urungorsel a { float:left; width:100%; }
.urunler .urungorsel a img { float:left; width:100%; height:410px; object-fit:cover; transition: .5s ease-in-out;  }
.urunler .urungorsel a:hover img { transform:scale(1.05); }


.urunler .urun-aciklama     { float:left; width:100%; margin: 15px 0 0 0; }
.urunler .urun-aciklama h2  { float:left; width:calc(100% - 250px); margin: 0 0 15px 0; }
.urunler .urun-aciklama h2 img { max-width:115px; object-fit:contain; }
.urunler .urun-aciklama p   { padding: 0 50px 0 0; font-weight:400; font-size: 14px; float:left; width:calc(100% - 250px); }
.urunler .urun-aciklama a   { float: left;    border: 2px solid #000;    color: #000;  font-size: 14px; font-weight:bold; padding: 10px 40px;    margin: -10px 0 0 0; }
.urunler .urun-aciklama a:hover { background:#000; color: #ffffff; }

.image-list { display:grid;grid-template-columns:repeat(3, minmax(0, 1fr)); gap:30px; list-style:none; padding:0px; margin:0px; float:left; width:100%; }
.image-list li, .image-list li img { width:100%; max-height:160px; min-height:160px; object-fit:cover; cursor: pointer; background:#e0e2e5; }


.product-gallery { float:left; width:100%; }

.product-gallery .product-image { float:left; width:100%; margin:0 0 30px 0; background:#e0e2e5; position:relative; }
.product-gallery .product-image img { float:left; width:100%; height:500px; object-fit: cover;}
.product-gallery .product-image:before { left:40px; top:40px; background:url(../images/zoom.png)no-repeat; width:66px; height:66px; position:absolute; content:''; }


section.bg { background:#f3f6f7; padding: 50px 0; }
.urundetayust {float: left; width: 100%; padding: 0 0 0px 0; display: flex; grid-template-columns: 45% 55%;    gap: 30px;}

.urundetaysol{  padding:35px;  float: left; width: 100%; background:#fff; border-radius:10px; position: relative; text-align: center;}
.urundetaysol a.geri { position: absolute;right: 30px; top: 15px; }
.urundetaysol h1 { float: left; width: 100%; color: #000;  font-size: 24px; font-weight:900; margin: 0 0 20px 0; }


.urundetaysol ul      { width: 100%; padding:0px; margin:0px; list-style:none; display: flex; flex-wrap: wrap; justify-content: center; }
.urundetaysol ul li   { color: #12607f; font-size: 12px; font-weight: 500; margin: 0 10px 8px 5px; white-space: nowrap; text-align: left; position: relative; float: left; padding: 0 0 0 10px; line-height: 12px;} 
.urundetaysol ul li a { color: #646363; font-size: 12px; font-weight: 500; }
.urundetaysol ul li:before { left:0px; top:4px; background:url(../images/li.png)no-repeat; width:5px; height:5px; content:''; position:absolute; }
.urundetaysol ul li:last-child { font-size:600; }

.urundetaysol .urunkisa { float: left; width: 100%; margin:50px 0; color:#828282; font-size:16px; }

.urundetaysol a.sipariskatalog { padding:10px 15px; border:2px solid#039be5; font-size:15px; color:#000; font-family: Open Sans Condensed; font-weight:700; }
.urundetaysol a.sipariskatalog img { margin:0 0 0 10px }
.urundetaysol a.sipariskatalog:hover { background:#039be5; color:#fff; }

.product-gallery .tab-content { float:left; width:calc(100% - 165px); margin:0 0 0px 0; background:#e0e2e5; position:relative; border-radius:10px; }
.product-gallery .tab-content img { float:left; width:100%; height:575px; object-fit: cover; border-radius:10px;}
.product-gallery .tab-content:before { left:25px; bottom:25px; background:url(../images/zoom.png)no-repeat; width:27px; height:28px; position:absolute; content:''; }





ul.tabs{display: flex;  flex-direction: column;    gap: 25px;    list-style: none;   padding: 0px;    margin: 0px;    float: right;    width: 140px;}
ul.tabs li{ border-radius:10px;    width: 100%;    max-height:125px;    min-height: 125px;    object-fit: cover;    cursor: pointer;    background: transparent;    border:2px solid#f3f6f7;}
ul.tabs li img{ border-radius:10px;width: 100%;    max-height: 121px;    min-height: 121px;    object-fit: cover;    cursor: pointer;    background: transparent;}
ul.tabs li.current{ border:2px solid#039be5;    color: #222 !important;}
.tab-content{    display: none !important;    background: #ededed !important;}
.tab-content.current{ display: inherit !important;  padding: 0px;}



ul.urundetaytabs{ background:#f3f6f7; display: flex; gap:0px;  list-style: none;  padding: 0px;  margin:0px;  float: right; width: 100%; }
ul.urundetaytabs li{ width: 100%; cursor: pointer; background:transparent; color:#545454; font-size: 15px;  font-weight: 700; text-align:center; padding:10px;  font-family: Open Sans Condensed;  }
ul.urundetaytabs li.current{  background: #005386; color:#fff;}
.tab-contentt{ float: left; width:100%; display: none !important; padding: 50px 0; background: #fff !important;}
.tab-contentt.current{  display: inherit !important; }


.tab-contentt .urundetaybol { float: left; width: 100%; padding: 0 0 0px 0; display: grid; grid-template-columns: 55% 43%; gap: 30px; }

.tab-contentt .uruntabssol { background:#f3f6f7; float:left; width:100%; padding:40px;}
.tab-contentt .uruntabssol.trans { background:transparent !important; padding: 0px !important; }
.tab-contentt .uruntabssol  .panel-group { float:left; width:100%; }
.tab-contentt .uruntabssol .panel-default>.panel-heading a { background:#fff; position: relative; min-height: 60px; font-size: 17px; font-weight: bold; text-decoration: none;   color: #000;  display: block;  padding: 15px 20px 15px 40px;}
.tab-contentt .uruntabssol .panel-default>.panel-heading a:before { left: 0px;  top: 0px; width: 10px;height: 60px;    background: #d5e2eb;    content: '';    position: absolute;}
.tab-contentt .uruntabssol .panel-default>.panel-heading a[aria-expanded="true"]:before {    background: #005386;}

.tab-contentt .uruntabssol .panel-default>.panel-heading a:after {    content: "";    position: relative;    top: 6px;    display: inline-block;    font-family: 'Glyphicons Halflings';    font-style: normal;    font-weight: 400;    line-height: 1;    -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;    float: right;    transition: transform .25s linear;    -webkit-transition: -webkit-transform .25s linear;}

.urundetaysss  { float:left; width:100%; padding:0px;}
.urundetaysss h3 { text-align: left; float: left; width:100%; position: relative; margin: 0 0 40px 40px; font-size:22px; font-weight:900; text-transform: uppercase; color: #000000; }


.tab-contentt .uruntabssol .panel-group .panel { float: left;  width: 100%; margin-bottom:20px; }
.urundetaysss .panel-default>.panel-heading a[aria-expanded="true"] {  }
.urundetaysss .panel-default>.panel-heading a[aria-expanded="true"]:after {  content: "\2212";  -webkit-transform: rotate(180deg);  transform: rotate(180deg);}
.urundetaysss .panel-default>.panel-heading a[aria-expanded="false"]:after {  content: "\002b";  -webkit-transform: rotate(90deg);  transform: rotate(90deg);}

.urundetaysss .panel-default .panel-body  { padding: 15px 10px 0px 40px; font-size: 16px; font-weight:400;   text-decoration: none; color: #595959; }
.urundetaysss .panel-default .panel-body p { margin:0px; }



.tab-contentt .uruntabssol table {  border: 0px;  border-collapse: collapse;  margin: 0;  padding: 0;  width: 100%;  table-layout: fixed;}
.tab-contentt .uruntabssol tbody tr:nth-of-type(odd) { background: #fafbfc;}
.tab-contentt .uruntabssol table tr {  border: 0px;  padding: .35em;}
.tab-contentt .uruntabssol table td { padding: 10px 20px;  color: #39393e;  font-size: 13px;  font-weight: 500;  border:0;  vertical-align: middle;}
.tab-contentt .uruntabssol table td:nth-child(2) { color: #6d6f73;}
.tab-contentt .uruntabssol table th { padding: 15px 20px;font-size: 16px; text-transform: uppercase; color: #000000; font-weight: 700;text-align: center;background: #f3f3f3;}



.tab-contentt .uruntabssol .belgelendirmeler { border-radius: 10px; padding:40px; float: left; width: 100%; background: #fff; min-height: 425px; }
.tab-contentt .uruntabssol .belgelendirmeler h3 { text-align: left; float: left; width:100%; position: relative; margin: 0 0 40px 0px; font-size:22px; font-weight:900; text-transform: uppercase; color: #000000; }

.tab-contentt .uruntabssol .belgelendirmeler .belgelendirme { float:left; width:100%; max-height: 270px;  margin-bottom: 0px; overflow-y: scroll;  padding: 0 30px 0 0;}
.tab-contentt .uruntabssol .belgelendirmeler .belgelendirme::-webkit-scrollbar {width:5px;height:8px; background: #d9d9d9;}
.tab-contentt .uruntabssol .belgelendirmeler .belgelendirme::-webkit-scrollbar-track {border: 2px solid #f3f3f3;}
.tab-contentt .uruntabssol .belgelendirmeler .belgelendirme::-webkit-scrollbar-thumb {background: #039be5; width:5px; }
.tab-contentt .uruntabssol .belgelendirmeler .belgelendirme::-webkit-scrollbar-thumb:hover { background: #039be5; width:5px;  }





.tab-contentt .urundetaysag { float: left; width: 100%; padding:40px; background:#f3f6f7; min-height: 400px; }
.tab-contentt .urundetaysag .urunsayfalar { border-radius: 10px; float: left; width: 100%; background: #fff; min-height: 400px; }
.tab-contentt .urundetaysag .urunsayfalar.owl-carousel .owl-item { min-height: 400px; display: flex;  justify-content: center;  align-items: center; flex-direction: column; text-align: center; padding: 0 90px; }
.tab-contentt .urundetaysag .urunsayfalar.owl-carousel .owl-item h4 { color: #000000; font-weight:900; float:left; width: 100%; font-size:24px; margin:6px 0 20px 0; }
.tab-contentt .urundetaysag .urunsayfalar.owl-carousel .owl-item p { float:left; width: 100%; font-size: 16px;  color:#000000; }
.tab-contentt .urundetaysag .urunsayfalar.owl-carousel .owl-prev span { float: left; font-size: 34px; color: #039be5; background: #e8edf0; border-radius:50%; width:40px; height:40px; line-height:32px;  text-align:center;  position: absolute;  left: -20px;  top:45%; }
.tab-contentt .urundetaysag .urunsayfalar.owl-carousel .owl-next span { float: left; font-size: 34px; color: #039be5; background: #e8edf0; border-radius:50%; width:40px; height:40px; line-height:32px;  text-align:center;  position: absolute;  right:-20px;  top:45%; }


.tab-contentt .uruntabssol .kaynaklar {  border-radius: 10px;  padding: 40px;  float: left; width: 100%;  background: #fff;  min-height: 425px;}

.kaynaklar .caticerik { float: left; width:100%;display: grid; grid-template-columns: 55% 45%;  height: 305px;    overflow: hidden;  }

.kaynaklar .caticerik .catsol { float: left; width:100%; }
.kaynaklar .caticerik h3 { text-align: left; float: left; width:100%; position: relative; margin: 0 0 25px 0px;padding: 0 0 20px 0px; font-size:22px; font-weight:900;border-bottom: 1px solid #ececec; color: #000000; }
.kaynaklar .caticerik a { float: left; width:100%; margin: 0 0 13px 0; }
.kaynaklar .caticerik a img { float:left; position:relative; top:-3px; }
.kaynaklar .caticerik a h4 { float: left; font-size:16px; font-weight:bold; color: #039be5; font-family: 'Hebrew'; margin:0 10px 0 10px; }
.kaynaklar .caticerik a:hover h4 { color:#005386; }
.kaynaklar .caticerik a span { padding: 1px 0 0 0; float: left; font-size:12px; font-weight:normal; color: #a6a6a6; font-family: 'Hebrew';  }

  .devamyazi{ cursor:pointer;  }




.urundetaydetay { font-size: 17px; color:#595959; margin:0 auto; max-width:900px; width:100%; text-align:center; }

.urundetaydetay h2 {    margin-bottom: 60px;    color: #000000;    font-size: 25px;    font-weight: 900;    line-height: 38px;    float: left;    width: 100%;    text-transform: uppercase;}



.urundetayorta { margin:70px 0;  padding:135px 30px; background:#f7f7f8; z-index:2 }
.urundetaykutular {  width:100%; position:relative; gap:30px;  display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); }
.urundetaykutular .kutu  { padding: 0 30px; min-height:200px; background:#e7e7e8; top:0px; width:100%; height:100%; margin: auto; isolation: isolate; display:flex; flex-direction: column; position:relative; text-align:center; }
.urundetaykutular .kutu i { width:55px; height:55px; }
.urundetaykutular .kutu span { margin:10px 0 15px 0; font-family:'Aileron-Bold'; color:#000; font-size:14px; font-weight:bold; }
.urundetaykutular .kutu p { color:#343434e0; font-size:12px; font-weight:400; }

.urundetaykutular .kutu:hover {  top:-55px; }
.urundetaykutular .kutu:nth-child(3) p, .urundetaykutular .kutu:nth-child(3) span { color:#fff; }
.urundetaykutular .kutu:nth-child(3) { background:#005386; top:-55px; }

.urundetayalt { float:left; width:100%; position:relative; }


.teknik     { float:left; width:100%; padding:0 30px 0px 0; }
.teknik h3 {      letter-spacing: -0.5px;  font-size: 16px;    font-weight: 600; text-transform: uppercase;    color: #fff;    background: #000000;    padding:15px;}
.teknik table {    width: 100% !important;    border: 0;    margin-top: 1vh;}
.teknik table tr {    border: 0; line-height: 39px;}
.teknik table tr:nth-child(even) {    background: #fff;}
.teknik table tr:nth-child(odd) {    background: #ebebeb;}
.teknik table tr td {border: none;font-size:13px;padding-left: 0.7vh; }
.teknik table tr td:first-child {    font-weight:700;    color: #30332f;    width: 56%;}
.teknik table tr td:last-child {   font-weight: 700;    width: 20%;}



.urundetayslogan { padding:100px 0; text-align:center; float:left; width:100%; }
.urundetayslogan i { font-size: 20px; color: #b3b3b3;  font-style: normal; float:left; width:100%; }
.urundetayslogan em { font-size:110px;     font-weight: bolder; color: #003b5f;  font-family: "Bonheur Royale", serif; font-style: normal; float:left; width:100%;}
.urundetayslogan p { margin-bottom: 80px; font-size:16px; color: #b3b3b3;  font-family: "Noto Sans", serif; float:left; width:100%;}





































.kurumsalust { float: left; width: 100%; padding: 30px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));  gap:30px; background:#f7f7f7; }

.kvideo { float:left; width:100%; position:relative; }
.kvideo a { float:left; width:100%; min-height:450px; max-height: 450px; position:relative; overflow:hidden; transition: .5s ease-in-out; }
.kvideo a img { float:left; width:100%; min-height:450px; max-height: 450px; transition: .5s ease-in-out; }
.kvideo a:hover img { transform:scale(1.09); }
.kvideo a:before { left: calc(50% - 30px); top: calc(50% - 30px); width: 59px; height:59px; object-fit: contain; background: url(../images/vikon2.png) no-repeat;    content: '';    position: absolute;    z-index: 1;}

.kright       { display:flex; flex-direction: column; float:left; width:100%; position:relative; text-transform:center; }
.kright h2    { margin: 0; text-transform: uppercase; text-align: center; line-height:36px; width: 100%; font-size:24px; color:#000000; font-family: "Coustard", serif; font-weight: 400; }
.kright span  { text-transform: uppercase; text-align: center; line-height:40px; width: 100%; font-size:24px; color:#000000; font-family: "Coustard", serif; font-weight: 400; }
.kright i     { width:100%; text-align: center; margin:20px 0; }

.kurumsalorta {  background: #fff; padding: 60px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));  gap:30px; float: left; width: 100%; }

.kurumsalortadetay { margin:0 0 30px 0; float:left; padding:30px; background:#f7f7f7; }

.kurumsaldetay { float:left; width:100%; position:relative; }
.kurumsaldetay i { margin: 0 0 50px 0; float:left; width:100%;  }
.kurumsaldetay p   { float:left; width:100%;  font-size:17px; color:#000000; }


.kurumsalsertifika { display:flex; flex-direction: column; float:left; width:100%; position:relative; text-transform:center;  }
.kurumsalsertifika img { max-width:320px; }

.kurumsalsertifika .item a { float: left;width: 100%; text-align: center;}
.kurumsalsertifika .owl-carousel .owl-item a img { display: inline;  width: 100%;  text-align: center;}

.kurumsalaciklamalar { margin:30px 0 0 0; float:left; width:100%; }
.markamiz  { float:left; width:100%; background:#fff; padding:80px 60px; }
.markamiz .markabaslik  { float:left; width:100%; margin:0 0 60px 0; }
.markamiz .markabaslik span  { float:left; margin:0 20px 0 0; }
.markamiz .markabaslik em    { font-family: "Urbanist", serif; color: #959595; font-size:18px; letter-spacing: 5px; float:left; margin:15px 0 0 0;  }
.markamiz .markabaslik a i     { color: #a6a6a6; float:right; margin:19px 0 0 0;}
.markamiz .markabaslik a:hover i     { color: #005386; }
.markamiz .markabaslik a:hover span img { opacity:0.8; }


.projeresimler { columns:4 200px; column-gap: 0.5rem; }
.projeresimler a { max-width:100%; margin: 0 0.5rem 10px 0; display: inline-block; }




@media screen and (max-width: 690px) {
  .sabitmenu { display:none; }
}





.mobillogo a img { max-width:150px; }

.mm-close.mm-btn { background:url(../images/close.png)no-repeat; width:30px; height:30px; top: 9px; }
.mm-close.mm-btn span, .mm-close.mm-btn:before, .mm-close.mm-btn:after { font-size:0px; width:0px; height:0px; opacity:0; display:none; }






.Animation_easeIn__CyHCd {
    animation: Animation_easeInAnimation__TDWyB .75s cubic-bezier(.5,.35,.15,1);
    animation-fill-mode: forwards;
    opacity: 0
}

.Animation_easeInInitial__T99h_ {
    opacity: 0
}

@keyframes Animation_easeInAnimation__TDWyB {
    0% {
        opacity: 0;
        transform: translateY(100px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}



.in-left {
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -o-animation-duration: 1s;
    animation-delay: 1s;
}

.in-right {
    -webkit-animation-name: fadeInRight;
    -moz-animation-name: fadeInRight;
    -o-animation-name: fadeInRight;
    animation-name: fadeInRight;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -o-animation-duration: 1s;
    animation-delay: 1s;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, -100%);
        transform: translate3d(0, 0, -100%);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}


@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}



.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { float:left; }