@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wdth,wght@0,75,300..800;1,75,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Coustard:wght@400;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Six+Caps&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;
}


.container, .container-lg, .container-md, .container-sm, .container-xl { position:relative; width:1520px;max-width:1520px;  }

.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 */
  }
}



* { box-sizing: border-box; }
body {  padding: 0; margin:0; font-family: "Open Sans", 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 { display: flex;    position: relative; margin:0 auto; width: 29px; position: relative; top:80px;}
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:135px; }
.duration-450 { -webkit-transition-duration: .45s;    -moz-transition-duration: .45s;    transition-duration: .45s;}

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







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

.headertop { position:relative; height:48px; background:#12607f; float:left; width:100%; }
.headertop ul { float:left; width:100%; padding:0px; margin:0px; list-style:none; }
.headertop ul li { border-right:2px solid#fff; float:left; min-width:11%; font-weight:300; height:48px;line-height:45px; text-align:center;  font-size:13px; color:#fff;}
.headertop ul li:last-child { border:none; }
.headertop ul li a { font-size:14px; color:#ffffff8a; font-weight: 300;  }
.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; }
.headertop ul li #headerform       { position: relative; width:320px; margin:4px 20px; }
.headertop ul li #headerform input { text-align: left; padding:0 0 0 30px; background:transparent; height:40px; outline: none; font-size:13px; color:#fff; width:100%; border:none; float:left; }
.headertop ul li #headerform input::placeholder {  text-align: left; font-weight: 200; padding:0 0 0 0px; font-size:13px; color:#ffffff8a; }
.headertop ul li #headerform button { width:21px; height:21px; background:url(../images/ara.png)no-repeat; position: absolute; top: 10px; right: 15px; border: none; }


.headertop ul li .headersosyal { width:100%; margin: 0 9% 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: #12607f; 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; }
.headertop ul li .headersosyal a img { opacity:0.7; height: 17px; }
.headertop ul li .headersosyal a:hover img { opacity:1 }

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




.headeralan .menu1    { float: left; margin: 0 0 0 115px; position: relative; display: flex; gap: 60px; width: max-content; padding: 0; list-style: none;}
.headeralan .menu1 li { margin: 0 10px 0 0px; position:relative; }
.headeralan .menu1 li a { padding: 56px 0;font-size:16px; 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 ul.submenu { display:none; position: absolute; background: #fff; padding: 20px 0; margin:0px; min-width: 240px; list-style: none; top:80px; box-shadow: 1px 5px 8px 0px #00000026;z-index:2; }
.headeralan .menu1 li:hover ul.submenu { display:block; } 
.headeralan .menu1 li ul.submenu li { padding:0 20px; margin:0px; position:relative; }
.headeralan .menu1 li ul.submenu li a { font-size:14px; padding: 12px 0px; }

.headeralan .menu1 li ul.submenu li ul.submenu2 {  display:none;min-width: 240px; left: 100%; top: 0px; list-style:none; position: absolute; background: #fbfbfb; margin:0px; padding:20px 0 !important;box-shadow: 1px 5px 8px 0px #00000026;z-index:3;}
.headeralan .menu1 li ul.submenu li:hover ul.submenu2 { display:block; }
.headeralan .menu1 li ul.submenu li ul.submenu2 li { position:relative; }

.headeralan .menu1 li ul.submenu li ul li ul.submenu3 { display:none; min-width: 240px;  left: 100%;top: 0px; list-style:none; margin:0px; padding:20px 0;position: absolute; background: #fbfbfb;box-shadow: 1px 5px 8px 0px #00000026;z-index:4; }
.headeralan .menu1 li ul.submenu li ul li:hover ul.submenu3 { display:block; }
.headeralan .menu1 li ul.submenu li ul li ul.submenu3 li { position:relative; }
.headeralan .menu1 li ul.submenu li ul li ul.submenu3 li a { line-height:16px; }


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

.headerright .diller { float: right; position: relative;}
.headerright .diller a { margin:0 5px 0 0; color:#ddd; font-size:14px; font-weight:600; opacity: 0.6; }
.headerright .diller a.active { color:#000000; font-size:15px; opacity:1; }
.headerright .diller a img { width: 22px; height: 22px; }

.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:510px; width: 100%; position:absolute; left:40px; top:23%; }
.slider-content img   { max-width:110px; object-fit:contain; }
.slider-content span  { color:#545454; font-size:18px; font-weight:400; margin:5px 0 10px 0px; padding:0px; width:100%; float:left; font-family: Open Sans Condensed; font-optical-sizing: auto; font-variation-settings: "wdth" 75; }
.slider-content h1    { line-height: 60px;letter-spacing: -4px;  color:#000; font-size:60px; font-weight:900; margin:10px 0; padding:0px; width:100%; float:left; }
.slider-content p     { color:#000; font-size:16px; font-family: Open Sans Condensed; font-optical-sizing: auto; font-variation-settings: "wdth" 75; font-weight:400; margin:0px; padding:0px; width:100%; float:left; }
.slider-content a     { padding: 13px 40px; margin: 50px 0 0 0; font-size: 13px; font-weight:bold; color:#fff; text-transform: uppercase; float: left; background:#12607f; }
.slider-content a:hover{ background:#000; }



.slider .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.slider .overlay .label { animation: slide-in 1s ease-out, shake 2s infinite ease-in-out;    animation-delay: 0s, 1s;   animation-fill-mode: forwards;     position: absolute;    transform: translate(-50%, -50%);    min-height: 40px;}
.slider .overlay .label a { background: #12607f; color: white;    padding: 0px 17px;    font-size: 13px;    line-height: 12px;    font-family: Open Sans Condensed;    min-height: 40px;    display: flex;    justify-content: center;    text-align: left;    flex-direction: column; box-sizing: border-box;}
.slider .overlay .label a:hover  { background:#fff; color:#12607f; }

.slider .overlay .label a:before   { left:-7px; top:-7px; content: ''; position: absolute; width:calc(100% + 48px); height:54px; background:#ffffff45; z-index: -1;}


.slider .overlay .label:after    { right:-35px; top:0px; content: ''; position: absolute; width:35px; height:40px; background:url(../images/label.png)no-repeat; }
.slider .overlay .label:before   { right:-95px; top:20px; content: ''; position: absolute; width:60px; height:34px; background:url(../images/ok.png)no-repeat; }
.slider .overlay .label7:before  { left:-60px; top:20px; content: ''; position: absolute; width:60px; height:34px; background:url(../images/ok2.png)no-repeat; }
.slider .overlay .label8:before  { left:-60px; top:20px; content: ''; position: absolute; width:60px; height:34px; background:url(../images/ok2.png)no-repeat; }

.slider .overlay .label1 { top: 40%; left: 4%; }
.slider .overlay .label2 { top: 60%; left: 20%; }
.slider .overlay .label3 { top: 24%; left: 26%; }
.slider .overlay .label4 { bottom: 18%; left:48%;}
.slider .overlay .label5 { top: 37%; left: 62%; }
.slider .overlay .label6 { top: 41%; right:9%; }
.slider .overlay .label7 { bottom: 28%; right: 12%; }
.slider .overlay .label8 { bottom: 15%; right: 21%; }




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

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

.anakutular { padding:35px 30px; width:100%; position:relative; gap:30px; background:#f7f7f7; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); }
.anakutular .kutu  { padding: 0 30px; min-height:200px; background:#fff; top:0px; width:100%; height:100%; margin: auto; isolation: isolate; display:flex; flex-direction: column; position:relative; text-align:center; }
.anakutular .kutu i { width:55px; height:55px; }
.anakutular .kutu span { margin:10px 0 15px 0; font-family:'Aileron-Bold'; color:#000; font-size:14px; font-weight:bold; }
.anakutular .kutu p { color:#343434bd; font-size:12.5px; font-weight:400; }

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


.secbaslik      { margin:0 0 70px 0; text-align: center; float:left; width:100%; position:relative; }
.secbaslik h2   { color:#000000; font-size:26px; font-weight:900; float:left; width:100%; margin:0px 0 5px 0; padding:0px; text-transform:uppercase; }
.secbaslik span {  font-family: Open Sans Condensed; color:#ababab; }
.secbaslik h1 { font-size: 16px !important; font-family: Open Sans Condensed; font-weight: 400 !important; line-height: 1.5 !important; font-size: 16px !important; color: #ababab !important; }
.secbaslik p { float: left; width: 100%; margin: 0px; font-size: 15px; font-weight: 200; }

.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%; background:#f7f7f7;  padding:50px 0 30px 0; }

.anaurunler { margin: 0 auto; width:1220px; position:relative;  }
.anaurunler a {  margin:0 0 20px 0; padding:0 0px; float:left; width:100%; }
.anaurunler a:hover, .anaurunler .owl-item:nth-child(2) a { background:#f7f7f8; }

.anaurunler a .ugorsel { float:left; width:100%;max-height:215px; min-height: 215px;  overflow: hidden; }
.anaurunler a .ugorsel img {width:100%; width:100%;max-height:215px;    min-height: 215px; object-fit:cover; 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%; }
.anaurunler a .ubox h2 { margin:0px 0 0 0; float: left; color:#545454; font-size: 16px; font-weight:bold; width:100%; text-align:center; }
.anaurunler a:hover .ubox h2 { color:#0d5572; }

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

.anauygulamalar a .uygorsel { float:left; width:100%; margin:0px; min-height:275px;max-height:275px; overflow: hidden;}
.anauygulamalar a .uygorsel img {width:100%; min-height:275px;max-height:275px; 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 25px; margin:25px 0; min-height: 95px; float:left; width:100%; text-align:left;  }
.anauygulamalar a .uybox h3 { font-family:'Aileron-Bold'; color:#585858; font-size:17px; font-weight: 700; margin:0px; float: left; width:100%; }
.anauygulamalar a .uybox p  { margin:15px 0 0 0; float: left; color:#585858; font-size: 14px; line-height: 17px; font-weight:400; width:100%; font-family: Open Sans Condensed; font-optical-sizing: auto; font-variation-settings: "wdth" 75; }

.anauygulamalar a:hover .uybox p, .anauygulamalar a:hover .uybox h3 { color:#fff; }
.anauygulamalar a .uybox i { display: none; position: absolute; bottom:0px;  right:30px; }
.anauygulamalar a:hover .uybox i { display:block; }
.anauygulamalar a:hover { background:#12607f }



.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:#12607f; }

.digeruygulamalar a:hover .uybox p, .digeruygulamalar a:hover .uybox h3 { color:#fff; }
.digeruygulamalar a .uybox i { display: none; position: absolute; bottom:0px;  right:30px; }
.digeruygulamalar a:hover .uybox i { display:block; }
.digeruygulamalar a:hover { background:#12607f }



.harita { padding: 70px 0 50px 0; float:left; width:100%; background:#f7f7f7;  }



.harita-alan        { float: left; position: relative; width:calc(100% - 235px); }
.harita-alan a      { position: relative; }
.harita-alan a.country:after      { background:url(../images/logo.png) no-repeat; width:20px; height:40px; content:''; position:absolute; left:0px; top:0px; z-index:2 }
.harita-alan:after { content:''; position: absolute; left: 0; bottom:0; width: 75px; height: 35px; background:#f3f3f3  }

.harita-sag         { float: left; width:235px; position: relative; }
.harita-sag span    { float: left; margin:0 0 50px 0; width:100%; font-family:'Aileron-Bold'; color:#12607f; font-size:20px; line-height: 24px; font-weight:900; }
.harita-sag .ulkeler{ float: left; width:230px; }
.harita-sag .ulkeler p { text-transform: uppercase;  float: left; width:100%; color:#12607f; font-family:'Aileron'; font-weight:400; font-size:14px; padding:0 0 0 0px; position:relative;margin:0 0 8px 0; }
.harita-sag .ulkeler p img { width: 30px; float: left; margin:0 10px 0 0; }
.home-harita {    float: left;    width: 100%;    padding: 40px 0 40px 0;    margin: 0 0 -51px 0;    position: relative;    background: #f3f3f3;}



.footer { float: left; width: 100%; position: relative; background-color: #12607f;  padding:0px 0 0 0;}
.footer:after { right:80px; bottom:0px; position: absolute; content:''; background:url(../images/logo-2.png) no-repeat; width:520px; height:120px;  }
.footer span.fcizgi { margin:7px 0 0 0; float:left; width:100%; height:7px; background:#fff; }

.footer .altsosyal { padding: 10px 100px; gap:35px; float:left; display:flex; text-align:center;    position: absolute; background: #12607f;  left: -35px; }
.footer .altsosyal a { font-size: 25px; color:#ffffff; }
.footer .altsosyal a:hover { color:#ffffff; text-decoration:none; }

.footerorta { padding:90px 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%; text-align:center; margin:15px 0 20px 0; }
.ortasol i a img { max-width:200px; }
.ortasol span.marka  {  margin-bottom:50px; color: #ffffff94; font-size: 16px; float:left; width:100%; text-align:center; }
.ortasol span.mesai  { color: #ffffff94; font-size: 14px; float:left; width:100%; text-align:center; }
.ortasol span.uzman  { color: #ffffff94; font-size: 14px; float:left; width:100%; text-align:center; margin: 3px 0; }
.ortasol span.alttel { color: #ffffff; font-size: 24px; line-height: 24px; font-weight:700; float:left; width:100%; text-align:center; }

.ortasag {  float:left; width:calc(100% - 295px); position:relative; }
.ortasagmenuler { width: 100%; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 58px; padding: 0 0 0 150px;}
.ortasagmenuler .ortamenu:nth-child(1) { padding: 0 0 0 0px; }
.ortasagmenuler .ortamenu { float:left; width:100%; padding: 0 0 0 40px; }
.ortasagmenuler .ortamenu h4 { margin-bottom:20px; font-size:18px; 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; line-height: 18px; }
.ortasagmenuler .ortamenu ul li a:hover { color:#ffffff; }

.footercarusel { display:none; float: left; width: 100%;  padding: 30px 20px;  margin: 30px 0;  border: 2px solid #ffffff0d; }
.footercarusel .ortamenu2 {  float: left; width: 100%; position: relative; text-align: center; }
.footercarusel .ortamenu2 h4 { margin-bottom:20px; font-size:18px; font-weight:bold; color:#fff; float:left; width:100%; }
.footercarusel .ortamenu2 ul { float:left; width:100%; margin:0px; padding:0px; list-style:none; }
.footercarusel .ortamenu2 ul li { margin: 0 0 5px 0; float:left; width:100%; list-style:none; }
.footercarusel .ortamenu2 ul li a { width:100%; color:#ffffff94; font-size:14px; float:left; line-height: 18px; }
.footercarusel .ortamenu2 ul li a:hover { color:#ffffff; }


.fortaalt { margin:50px 0 0 0; padding: 0 50px 0 150px; float:left; width:100%; position: relative; z-index: 2;}
.fortaalt .msozlesmeler   { margin:60px 0 0px 0; float: left; width:100%; position:relative;  }
.fortaalt .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;}
.fortaalt .msozlesmeler a:hover { color:#ffffff; text-decoration:none; }
.fortaalt .msozlesmeler a:last-child { border:none; padding:0px; }
.fortaalt .altlogolar { float:left; width:100%; margin:15px 0 0 0; }
.fortaalt .altlogolar a { max-width: 125px; float:left; margin:0 15px 10px 0; }


.fortaalt .iso { float:right; margin:0px 0 35px 0; }
.fortaalt .iso img { max-width: 170px; position: relative;    top: -55px; }

.fortaalt .copyright { padding:0px 0 0 0; float:right; width:100%;  }
.fortaalt .copyright p { margin: 0px; text-align: right; font-weight:400;font-size:13px; color:#ffffff; }

.fortaalt a.birnc { float:right; opacity:0.9 }
.fortaalt a.birnc:hover { opacity:1 }

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



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

.iletisimalan .itel       { display: flex; flex-direction: column; gap:10px; float:left; width:100%; height:210px; margin:0 0 30px 0; background:#ffffff; text-align: center;}
.iletisimalan .itel i     { float:left; width:100%; }
.iletisimalan .itel span  { float:left; width:100%; font-size: 18px; color:#000000; font-weight:bold; }
.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 .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: 21px; color:#ffffff; font-weight:bold; letter-spacing:1px;  }
.iletisimalan .adresalan p { font-size: 19px; color:#ededed; font-weight:400;  }



.iletisim-header         { margin:0 0 0px 0; padding: 40px 0; float:left; text-align: center; width:100%; }
.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:0px; list-style:none; display: flex;  justify-content: center; }
.iletisim-header ul li   { color: #4a4a4a; font-size: 12px; font-weight: 500; margin-right: 5px; margin-left: 5px; line-height: 14px;}
.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:#12607f; }




.iletisimform         { width:100%; max-width:1080px; margin:70px auto; text-align:center; }
.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 70px 0; }
.iletisimform input     { margin:0 0 15px 0; text-align: center; background: #ffffff; width: 100%; float: left; border:0px; border-bottom:1px solid#d9d9d9; padding: 10px;color: #595959; font-size: 16px;}
.iletisimform textarea  { width: 100%; border:0px; border-bottom:1px solid#d9d9d9;padding:55px 0 0 0px;color: #595959;font-size: 16px;resize: none;  height:90px;  text-align: center;}
.iletisimform textarea::-webkit-input-placeholder {  float: left;    width: 100%;    color: #595959;    font-size: 16px;    font-weight: 400;    text-align: center;    position: absolute;    bottom: 10px;}

.gonder         { background: #12607f; color: #ffffff; font-size: 16px;    font-weight 400;    padding: 10px 0;    width: 100%; border:0px;}
.gonder:hover   { background: #222222; }


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


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

.iletisimform .checkcontainer2 { letter-spacing:1px; font-optical-sizing:auto;  color:#5e5e5e; font-size:15px;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:3px !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: 1px; top:1px; width:10px; height:12px; border:solid#0d5572; border-width:6px;}
.iletisimform .checkcontainer2 a { letter-spacing:0px; color: #000000; font-size:15px; 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;}


.cv             { background: #fff; border:1px solid #ebebeb; color: #8b8b8b; font-size: 12px; font-weight: 400; padding: 10px 0; margin-bottom: 10px; width: 137px;}
.cv:hover       { color: #000;}
.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:#12607f; }

.geneluygulamalar a:hover .uybox p, .geneluygulamalar a:hover .uybox h3 { color:#fff; }
.geneluygulamalar a .uybox i { display: none; position: absolute; bottom: 0px; right:30px; }
.geneluygulamalar a:hover .uybox i { display:block; }
.geneluygulamalar a:hover { background:#12607f }



.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:#12607f;  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:#12607f; color:#fff; }
.sayfalama a:hover {    background-color: #12607f; border: 1px solid#f0f0f0; color:#fff; }
.sayfalama strong {    border: 1px solid#f0f0f0;    background-color: #12607f;     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: #12607f; 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 .referans {  float:left; width:100%; background: #f7f7f7; 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:#595959; }
.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:#12607f; 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; }


.yedekparcalar { float: left;  width: 100%;  position: relative;  background: #f7f7f7;  padding: 30px; }

.yedekparcalar .yedek { float: left; width: 100%; margin: 0 0 20px 0; }
.yedekparcalar .yedek .yegorsel  { min-height:265px;max-height:265px; overflow: hidden; width:100%;  }
.yedekparcalar .yedek .yegorsel img { min-height:265px;max-height:265px; overflow: hidden; width:100%; transition: .5s ease-in-out; object-fit:cover;  }
.yedekparcalar .yedek:hover .yegorsel img {     -webkit-transform: scale(1.05);     transform: scale(1.05); }
.yedekparcalar .yedek .yebox     { float:left; padding:0 10px; width:calc(100% - 140px); min-height: 145px; }
.yedekparcalar .yedek .yebox h2  { float:left; width:100%; color:#000000; font-size: 18px; margin: 18px 0 5px 0; font-weight: 700; }
.yedekparcalar .yedek .yebox p   { float:left; width:100%; margin:0px; color:#595959; font-size:14px; font-family: Open Sans Condensed; }
.yedekparcalar .yedek .mail          { float: left;  margin: 65px 0 0 8%; }
.yedekparcalar .yedek .whatsapp          { float: left;  margin: 65px 0 0 5%; }
.yedekparcalar .yedek:hover .yebox h2 { color:#0d5572; }
.yedekparcalar .ondetay {color: #595959;font-size: 15px;font-family: Open Sans Condensed;margin-bottom: 15px;}
.yedekparcalar p {color: #595959;font-size: 16px;font-family: Open Sans Condensed;}
.yedekparcalar .whatsapp {float:right;margin-left: 25px;}
.yedekparcalar .mail {float:right;}
.yedekparcalar h2 {color: #000000;font-size: 25px;font-weight: 900;margin-bottom: 15px;line-height: 38px;text-transform: uppercase;}

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

.videolar a .vigorsel { float:left; width:100%; margin:0px; padding:20px; background:#ebebeb;overflow: hidden; position: relative;}
.videolar a .vigorsel img {width:100%;  min-height:300px;   object-fit:cover; transition: .5s ease-in-out; }
.videolar a .vigorsel:before{ left:calc(50% - 26px); top:calc(50% - 26px); width:45px; height:45px; object-fit: contain; background: url(../images/vikon.png) no-repeat; content:''; position:absolute; z-index:1; }
.videolar a:hover .vigorsel img {     -webkit-transform: scale(1.05);     transform: scale(1.05); }
.videolar a .vibox  { padding:0 25px; margin:20px 0; float:left; width:100%; text-align:left;  }
.videolar a .vibox h3 { color:#191919; font-size:18px; font-weight: 700; margin:0px; text-align: center; float: left; width:100%; }



.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%; background:#f7f7f8; }
.genelblog a:hover { background:#0082b6 }

.genelblog a .bloggorsel { float:left; width:100%; margin:0px; min-height:315px;max-height:315px; overflow: hidden;}
.genelblog a .bloggorsel img {width:100%; min-height:315px;max-height:315px; 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 28px; margin:26px 0; min-height: 105px; float:left; width:100%; text-align:left; position:relative; }
.genelblog a .blogbox h3 { letter-spacing: -0.5px; font-family:'Aileron-Bold'; color:#000000; font-size:18px; font-weight: 700; margin:0px; float: left; width:100%; }
.genelblog a .blogbox span  { margin:15px 0 0 0; float: left; color:#8f8f8f; font-size: 14px; font-weight:400; width:100%; font-family:Open Sans Condensed; position:absolute; left:30px; bottom:5px; }

.genelblog a:hover .blogbox span, .genelblog a:hover .blogbox h3 { color:#fff; }
.genelblog a .blogbox i { display: none; position: absolute; bottom: 7px;  right: 50px; }
.genelblog a:hover .blogbox i { display:block; }
.genelblog a:hover { background:#0082b6 }
.blogdetay { float:left; width:100%; margin:40px 0; }

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

.blogsag  { padding: 0px 25px; float: left; width: 100%; background: #f0f0f2; min-height: 550px; display: flex; flex-direction: column; }
.blogsag .uygulamabaslikalan { min-height: 190px; float:left; width:100%; display:flex; flex-direction: column; text-align:center;  }
.blogsag .uygulamabaslikalan h1      { padding: 30px 0 0 0; color: #000000; font-size: 26px; font-weight: 900; margin-bottom: 10px; text-transform: uppercase; letter-spacing: -1px; line-height: 29px;}
.blogsag .uygulamabaslikalan ul      { padding:0px; margin:0px; list-style:none; display: flex;  justify-content: center; }
.blogsag .uygulamabaslikalan ul li   { color: #646363; font-size: 12px; font-weight: 500; margin-right: 5px; margin-left: 5px; line-height: 15px;}
.blogsag .uygulamabaslikalan ul li a { color: #646363; font-size: 12px; font-weight: 500;}
.blogsag .uygulamabaslikalan ul li:last-child { color: #12607f;}

.blogsag .blogtarih { float: left;  width: 100%;  text-align: center; padding:30px 0 0 0; }
.blogsag .blogtarih span { color:#595959; font-size:16px; font-weight:700; font-family: Open Sans Condensed; }
.blogsosyal { float: left;  width: 100%;  text-align: center; min-height: 60px; }
.blogsosyal a { display:contents; }
.blogsag .uygulamabaslikalan2 { min-height:200px; padding: 0 50px; float:left; width:100%; display:flex; flex-direction: column; text-align:center; }
.blogsag .uygulamabaslikalan2 h4 { font-weight:700; float:left; width: 100%; font-size: 19px; margin:10px 0; letter-spacing:2px; text-transform:uppercase; }
.blogsag .uygulamabaslikalan2 span { float:left; width: 100%; font-size: 14px;  letter-spacing:2px;}
.blogsag .uygulamabaslikalan2 p { font-size: 15px;  }


.blogdetayust { 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 { margin-bottom: 60px; color: #000000; font-size: 25px;font-weight: 900; line-height: 38px; float: left; width: 100%; text-transform: uppercase; }

.homepro.blogdetay2 { background:#fff; padding:0px; }
.blogdetaykategori { padding: 80px 0; width:100%; float:left; background:#f7f7f7; }


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

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

.bloguygulamalar a:hover .uybox p, .bloguygulamalar a:hover .uybox h3 { color:#fff; }
.bloguygulamalar a .uybox i { display: none; position: absolute; bottom: 7px;  right: 50px; }
.bloguygulamalar a:hover .uybox i { display:block; }
.bloguygulamalar a:hover { background:#0082b6 }




.kategori { float:left; width:100%; position:relative;  }
.kategori a .kategorigorsel { float:left; width:100%; margin:0px; min-height:260px;max-height:260px; overflow: hidden;}
.kategori a .kategorigorsel img {width:100%; min-height:260px;max-height:260px; object-fit:cover; transition: .5s ease-in-out; }
.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:15px 0 20px 0; float: left; width:100%; }
.kategori a:hover h2  { color:#12607f; }

.urun-grup { float: left; width: 100%; padding:35px 15px 30px 15px; margin:0 0 30px 0; background:#f7f7f7; }


.kategorilerdetay { margin:40px 0 0 0; float:left; width:100%; position:relative; }

.kategorilerust { float:left; width:100%; position:relative;  margin-bottom: 70px; }
.kategorilerdetaysol { height: 100%; float: left; width: 100%; background: #f7f7f7; padding: 30px 15px; }



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

.kategorilerdetaysag .kategoribaslikalan a.geri { top:10px; right:10px; position:absolute;  background:url(../images/geri.png) no-repeat; width:22px; height:22px; }
.kategorilerdetaysag .kategoribaslikalan a.geri:hover { background:url(../images/geri2.png) no-repeat;}


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

.sagkategorilerliste { margin: 30px 0 0 0; float:left; width:100%; position:relative; }


.sagkategorilerliste .panel-group { margin: 30px 0 0 0; float: left; width: 100%; }
.sagkategorilerliste .panel-default { float: left; width: 100%;  }
.sagkategorilerliste .panel-default>.panel-heading span { margin:12px 0px 0 0; width: 35px; height: 35px; border: 3px solid #000000; border-radius: 50%; line-height: 27px; font-weight: 700; font-size: 22px; text-align: center; float: left;} 

.sagkategorilerliste .panel-default>.panel-heading {   }
.sagkategorilerliste .panel-default a { text-align: center; margin: 0 0 10px 0; text-transform: uppercase; padding: 19px 15px; font-size: 18px; font-weight:700;   text-decoration: none;  display: block;min-height: 60px; color: #000000; background: #fff; }
.sagkategorilerliste .panel-default a:hover { color:#fff;    background: #12607f; }


.sagkategorilerliste .accordion-option {  width: 100%;  float: left;  clear: both;  margin: 15px 0;}
.sagkategorilerliste .accordion-option .title {  font-size: 18px;  font-weight: bold;  float: left;  padding: 0;  margin: 0;}
.sagkategorilerliste .accordion-option .toggle-accordion {  float: right;  font-size: 16px;  color: #68696b;}
.sagkategorilerliste .panel-default .panel-body  { text-align: center; padding: 10px 15px; margin:0 0 10px 0; font-size: 16px; font-weight:400;   text-decoration: none; color: #595959; }
.sagkategorilerliste .panel-default .panel-body ul li a { font-size: 16px; font-weight:400;  color: #68696b; }
.sagkategorilerliste .panel-default .panel-body ul li a:hover { color:#0d5572; }
.sagkategorilerliste .panel-collapse, .sagkategorilerliste .panel-body { float:left; width:100%; margin: -20px 0 0 0; }
.sagkategorilerliste .panel-collapse ul { float:left; width:100%; list-style:none; margin:0px; padding:0px; }

.sagsosyal      { position:relative;  padding:8px 0 8px 30px;  max-width:300px;  margin:80px auto; border:1px solid #e7e7e7; left:auto; right:auto; display:table; }
.sagsosyal a    { float:left; margin:0 30px 0 0; }


.urunliste { float:left; width:100%; position:relative; margin:0 0 30px 0;  }
.urunliste a .urunlistegorsel { float:left; width:100%; margin:0px; min-height:260px;max-height:260px; overflow: hidden;}
.urunliste a .urunlistegorsel img {width:100%; min-height:260px;max-height:260px; object-fit:cover; transition: .5s ease-in-out; }
.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:15px 0 0 0; float: left; width:100%;  }
.urunliste a:hover h2  { color:#12607f; }









.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:''; }



.urundetayust {float: left; width: 100%; padding: 0 0 40px 0; margin-bottom: 60px; border-bottom: 1px solid #f0f0f2; display: grid; grid-template-columns: 60% 40%;    gap: 30px;}

.urundetaysag {  padding:15px 35px 15px 35px;  float: left; width: 100%; background: #f0f0f2;}



.urundetaysag .uygulamabaslikalan { margin:25px 0; min-height: 190px; float:left; width:100%; display:flex; flex-direction: column; background:#fff; text-align:center; position:relative; }
.urundetaysag .uygulamabaslikalan:before { left:20px; top: -28px; position: absolute; content:''; background:url(../images/golge.png) no-repeat; width:470px; height:28px; }
.urundetaysag .uygulamabaslikalan:after { left:20px; bottom: -28px; position: absolute; content:''; background:url(../images/golge2.png) no-repeat; width:470px; height:28px; }


.urundetaysag .uygulamabaslikalan a.geri { top:10px; right:10px; position:absolute;  background:url(../images/geri.png) no-repeat; width:22px; height:22px; }
.urundetaysag .uygulamabaslikalan a.geri:hover { background:url(../images/geri2.png) no-repeat;}


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

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


.urunsayfalar.owl-carousel .owl-item i { width:100%; text-align:center }
.urunsayfalar.owl-carousel .owl-item img { display: inline; max-width:25px; object-fit:contain; }

.urunbaslikalan2 .urunsayfalar.owl-carousel .owl-item a h4 { color: #000000; font-weight:700; width:60%; font-size: 19px; margin: 6px auto 2px auto; letter-spacing:2px; text-transform:uppercase; }
.urunbaslikalan2 .urunsayfalar.owl-carousel .owl-item span { float:left; width: 100%; font-size: 14px;  color:#6d6f73; letter-spacing:2px;}
.urunbaslikalan2 .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: 65px;  top:2px; }
.urunbaslikalan2 .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:65px;  top:2px; }




.urunkisa        { margin:100px 0 0 0; padding: 0px; float: left; width: 100%; text-align: center;}
.urunkisa p      { margin:0px; font-size:14px; font-family: Open Sans Condensed; letter-spacing: 2px; color:#6d6f73; }


.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;}

.urunkatalog { margin:20px 0; float: left; width: 100%; text-align: center; }
.urunkatalog a span { float: left; margin:0 0 10px 0; color:#000000; font-size:14px; font-weight:300; letter-spacing:2px; width:100%; text-transform:uppercase; }
.urunkatalog a:hover span { font-weight:400 }

.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:#12607f; top:-55px; }

.urundetayalt { margin-bottom: 70px; 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%;}

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


.urundetaysss .panel-group { margin: 30px 0 0 0; float: left; width: 100%; }
.urundetaysss .panel-default { border-bottom: 1px solid#e0e0e0; float: left; width: 100%; }
.urundetaysss .panel-default>.panel-heading span { margin:12px 0px 0 0; width: 35px; height: 35px; border: 3px solid #000000; border-radius: 50%; line-height: 27px; font-weight: 700; font-size: 22px; text-align: center; float: left;} 

.urundetaysss .panel-default>.panel-heading { min-height: 60px; color: #000000; border-top:1px solid#e0e0e0;  padding: 0;  }
.urundetaysss .panel-default>.panel-heading a { padding: 19px 15px; font-size: 18px; font-weight:400;   text-decoration: none; color: #000000;  display: block; }
.urundetaysss .panel-default>.panel-heading h4 { display: flow-root; width:100%;margin:0px; }
.urundetaysss .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}
.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 .accordion-option {  width: 100%;  float: left;  clear: both;  margin: 15px 0;}
.urundetaysss .accordion-option .title {  font-size: 18px;  font-weight: bold;  float: left;  padding: 0;  margin: 0;}
.urundetaysss .accordion-option .toggle-accordion {  float: right;  font-size: 16px;  color: #6a6c6f;}
.urundetaysss .panel-default .panel-body  { margin-bottom: 17px; padding: 10px 15px; font-size: 16px; font-weight:400;   text-decoration: none; color: #595959; }


.hangisektorler { margin-top:130px; float:left; width:100%; position:relative;  }
.hangisektorler h3 { text-align: center; float: left; width:100%; position: relative; margin: 0 0 60px 0; font-size:24px; font-weight:900; text-transform: uppercase; color: #000000; }

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

.hangisektor a .uygorsel { float:left; width:100%; margin:0px; min-height:235px;max-height:235px; overflow: hidden;}
.hangisektor a .uygorsel img {width:100%; min-height:235px;max-height:235px; object-fit:cover; transition: .5s ease-in-out; }
.hangisektor a:hover .uygorsel img {     -webkit-transform: scale(1.05);     transform: scale(1.05); }
.hangisektor a h4 { font-family:'Aileron-Bold'; color:#191919; font-size:18px; font-weight: 700; margin:0px 0 15px 0; float: left; width:100%; }
.hangisektor a p  { margin:0 0 0 0; float: left; color:#545454; font-size: 15px; font-weight:400; width:100%; font-family: Open Sans Condensed; font-optical-sizing: auto; font-variation-settings: "wdth" 75; }
.hangisektor a .duybox { float:left; width:100%; padding:20px; }






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





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

ul.tabs li.current{    background: #ededed !important;    color: #222 !important;}
.tab-content{    display: none !important;    background: #ededed !important;}
.tab-content.current{    display: inherit !important;    padding: 0px;}


.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; float:left; width:100%; position:relative; text-transform:center;  }
.kurumsalsertifika .serslider.owl-carousel { width: 300px;  height: 380px;  background: #f7f7f7; margin: 0 auto; }
.kurumsalsertifika img { max-width:100%; }
.kurumsalsertifika .item a { float: left;width: 100%; text-align: center; padding: 35px;}
.kurumsalsertifika .owl-carousel .owl-item a img { display: inline;  width: 100%;  text-align: center; max-height: 100%;}
.kurumsalsertifika .serslider.owl-carousel .owl-nav  { width:100%; position: absolute; top: 50%; }
.kurumsalsertifika .serslider.owl-carousel .owl-nav .owl-prev { position: relative; left: -15px;font-size: 0px; width: 35px; height: 35px; background: url(../images/solok3.png) no-repeat;  }
.kurumsalsertifika .serslider.owl-carousel .owl-nav .owl-next { position: relative; right: -15px; font-size: 0px; width: 35px; height: 35px; background: url(../images/sagok3.png) no-repeat; float: right; }


.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: #12607f; }
.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;
}



	.referanslar_v2 {
		background: #ebebeb;
		padding: 35px 35px;
		display: flex;
		gap: 35px;
	}
	.referanslar_v2 .siyahbg {
		background: #000000;
		text-align: center;
		padding-top: 50px;
		padding-bottom: 40px;
		padding-left: 50px;
		padding-right: 50px;
	}
	.referanslar_v2 .siyahbg:hover .iso {
		opacity: 1 !important;
	}
	.referanslar_v2 .siyahbg p {
		color: #ffffff;
		font-size: 16px;
		font-weight: 300;
		margin-top: 50px;
		margin-bottom: 0;
		font-family: "Montserrat", sans-serif;
	}
	.referanslar_v2 .siyahbg b {
		color: #ffffff;
		font-size: 35px;
		font-family: "Times New Roman", Times, serif;
		display: block;
		letter-spacing: 1px;
		margin-bottom: 20px;
	}
	.referanslar_v2 .siyahbg span {
		color: #d9d9d9;
		font-size: 15px;
		display: block;
		margin-bottom: 80px;
		letter-spacing: 2px;
		font-family: "Montserrat", sans-serif;
	}

	.referanslar_v2 .kutular .kutu1 {
		background:#fbfbfb;
		text-align: center;
		padding: 50px 70px;
		margin-bottom: 35px;
	}
	.referanslar_v2 .kutular .kutu1:hover {
		background:#f7f7f8;
	}
	.referanslar_v2 .kutular .kutu1 p {
		font-family: "Libre Baskerville", serif;
		color: #000000;
		font-size: 14px;
		font-weight: 400;
		display: block;
		margin-bottom: 0;
		letter-spacing: 1px;
	}
	.referanslar_v2 .kutular .kutu1 span {
		font-family: "Archivo", sans-serif;
		color: #000000;
		font-size: 11px;
		font-weight: 800;
		display: block;
		letter-spacing: 0.5px;
	}
	.referanslar_v2 .kutular .kutu1 b {
		font-family: "Six Caps", sans-serif;
		color: #000000;
		font-size: 55px;
		font-weight: 400;
		display: block;
		line-height: 70px;
		letter-spacing: 1px;
	}

	.referanslar_v2 .kutular .kutu2 {
		background:#fbfbfb;
		text-align: center;
		padding: 30px 20px;
	}
	.referanslar_v2 .kutular .kutu2:hover {
		background:#f7f7f8;
	}
	.referanslar_v2 .kutular .kutu2 p {
		font-family: "Montserrat", sans-serif;
		color: #231f20;
		font-size: 12px;
		font-weight: 500;
		display: block;
		margin-top: 20px;
	}
	.referanslar_v2 .resimalan {
		max-height: 434px;
		background-image: url("../images/refbg.png");
		width: 47.68%;
		background-size: cover;
	}
	.container2 { 
		position:relative;
		width:90%;
		max-width:90%;
		margin: 40px auto;
	}
	.uygulamalarref {
		display: flex;
		gap: 10px;
		justify-content: space-between;
	}
	.uygulamalarref b {
		background: #e0e0e0;
		color: #1f2b32;
		font-size: 13px;
		font-weight: 700;
		width: 270px;
		text-align: center;
		padding: 11px 0;
	}
	.uygulamalarref a {
		background: #e0e0e0;
		color: #1f2b32;
		font-size: 13px;
		font-weight: 500;
		width: 270px;
		text-align: center;
		padding: 11px 0;
	}
	.uygulamalarref a:hover {
		background: #f7f7f8;
	}
	.container3 { 
		position:relative;
		width:90%;
		max-width:90%;
		margin: 0 auto;
		margin-bottom: 40px;
		border-bottom: 1px solid #dcdcdc;
	}
	.reflist {
		margin-bottom: 150px;
	}
	.reflist .container3:last-child {
		margin-bottom: 0;
		border-bottom: 0px;
	}
	.ref {
		display: flex;
		gap: 20px;
		padding-bottom: 40px;
	}
	.ref .resim {
		width: 9%;
	}
	.ref .aciklama {
		width: 24%;
		text-align: center;
		padding-top: 60px;
	}
	.ref .galeri {
		width: 55%;
	}
	.ref .aciklama .sayi {
		background-image: url("../images/sayibg.png");
		width: 35px;
		background-size: cover;
		line-height: 35px;
		margin: 0 auto;
		padding-right: 1px;
	}	
	.ref .aciklama .urunresim {
		display: block;
		height: 15px;
		margin: 35px auto;
	}
	.ref .aciklama span {
		font-family: "Times New Roman", Times, serif;
		font-size: 14px;
		font-weight: 500;
		color: #000000;
		display: block;
		margin-bottom: 10px;
	}
	.ref .aciklama b {
		font-family: "Archivo", sans-serif;
		color: #000000;
		font-size: 24px;
		font-weight: 800;
		letter-spacing: 2px;
		display: block;
		margin-bottom: 10px;
	}
	.ref .aciklama p {
		color: #231f20;
		font-size: 12px;
		font-weight: 500;
		width: 60%;
		margin:0 auto;
		margin-bottom: 10px;
	}
	.ref .aciklama .yil {
		color: #000000;
		font-size: 11px;
		font-weight: 800;
		margin-top: 25px;
	}
	.ref .galeri .buyukgaleri {
		display: flex;
		gap: 20px;
	}
	.ref .galeri .kucukgaleri {
		display: flex;
		gap: 20px;
		margin-top: 20px;
	}






.resimalan .label {
	animation: slide-in 1s ease-out, shake 2s infinite ease-in-out;
	animation-delay: 0s, 1s;
	animation-fill-mode: forwards;
	position: absolute;
	transform: translate(-50%, -50%);
	min-height: 40px;
    top: 60%;
    right: 8%;
}
.resimalan .label a {
	background: #000000;
	color: white;
	padding: 0px 17px;
	font-size: 13px;
	line-height: 12px;
	font-family: Open Sans Condensed;
	min-height: 40px;
	display: flex;
	justify-content: center;
	text-align: left;
	flex-direction: column;
	box-sizing: border-box;
}
.resimalan .label:after {
	right: 76px;
	top: 19px;
	content: '';
	position: absolute;
	width: 80px;
	height: 20px;
	background: url(../images/solkirik.png)no-repeat;
	background-size: contain;
}


	


.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; }