@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,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');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&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;
}

.hesaplama { max-width:600px; margin:20px auto; position:relative; }
.hesaplama i { float:left; width:100%;  text-align:center; }
.hesaplama span { font-size: 11px; color:#000; float:left; width:100%; margin:5px 0 0 0; text-align:center; }

.hesaplama .hesapalani { float:left; width:100%; margin:20px 0 0px 0;  }
.hesaplama .hesapalani .formlabel { float:left; width:100%; margin:0px 0 13px 0; position:relative;  }
.hesaplama .hesapalani label { float:left; width:100%;font-size: 15px; margin: 0px 0 2px 0; }
.hesaplama .hesapalani input { float:left; width:100%; border: 1px solid #d9d9d9; padding:5px 10px 5px 30px; outline:0px; color: #595959; font-size: 16px;    height: 35px;position: relative; z-index: 2;  background: transparent;}
.hesaplama .hesapalani input::-webkit-input-placeholder { text-align:left; bottom: auto; }
.hesaplama .hesapalani .formlabel em { font-size: 11px; float: left; width: 100%;}
.hesaplama .hesapalani #sonuc { float:left; width:100%; border: 1px solid #d9d9d9; padding:5px 10px 5px 30px; outline: 0px; color: #595959; font-size: 16px;    height: 35px;}


.hesaplama .hesapalani .formlabel i { position: absolute; left: 8px; text-align: left; top: 34px; z-index:1; }


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


@media only screen and (max-width:768px) {
.product-gallery .tab-content:before{ left: 20px;  top: 20px; width: 34px; height: 38px;  background-size: contain;  }
}
@media only screen and (max-width:480px) {
.product-gallery .tab-content img { height: 280px; }
ul.tabs li, ul.tabs li img {  max-height: 90px; min-height: 90px; }
}
.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);
    }
}
* { box-sizing: border-box; }
body {  padding: 0; margin:0; font-family: "Open Sans", sans-serif;font-size: 14px; 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; }

a.scrollup { display: block; width: 40px; position: fixed; right: 50px; bottom: 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:110px; }
.duration-450 { -webkit-transition-duration: .45s;    -moz-transition-duration: .45s;    transition-duration: .45s;}

.header { float: left; width: 100%; padding: 20px 0 0px 0; border-top:10px solid#000; background:#fff; position: relative ;}


.headeralan { background:#f0f0f2; float:left; width:100%; }
.headeralan .ustalan { float: left; width: 100%; display:flex; align-items: center; justify-content: space-between; }
.headeralan .logo { float:left; display:flex; align-items: center; flex-shrink: 0; margin-right: 60px; }


.headeralan .menu1 { position: relative; left: 0px; display: flex; align-items: center; gap: 35px; margin: 0; padding: 0; list-style: none; height: 110px; }
.headeralan .menu1 li { display: flex; align-items: center; padding: 0; height: 100%; }
.headeralan .menu1 li a { font-size: 14px; font-weight: bold; color: #545454; position: relative; display: flex; align-items: center; line-height: 1; transition: color 0.3s; }
.headeralan .menu1 li a:hover,
.headeralan .menu1 li a.aktif { color: #000; }
.headeralan .menu1 li a:after { transform: scaleX(0); transform-origin: right; transition: transform 0.4s; position: absolute; left: 0; bottom: -15px; content: ''; width: 100%; height: 3px; background: #0a0a0a; }
.headeralan .menu1 li a:hover:after,
.headeralan .menu1 li a.aktif:after { transform: scaleX(1); transform-origin: left; }

.headeralan .headerright { float:right; display:flex; align-items: center; gap: 15px; margin-left: auto; height: 110px; flex-shrink: 0; }

.headersearch { position: relative; width: 190px; }
.headersearch form { position: relative; width: 100%; margin: 0; padding: 0; }
.headersearch input { width: 100%; height: 38px; background: #ffffff; border: 1px solid #dcdce0; border-radius: 25px; padding: 0 38px 0 16px; font-size: 13px; font-weight: 300; color: #222; outline: none; box-shadow: 0 1px 3px rgba(0,0,0,0.04); transition: all 0.3s ease; }
.headersearch input:focus { border-color: #000000; box-shadow: 0 2px 8px rgba(0,0,0,0.08); }
.headersearch input::placeholder { color: #8c8c92; font-weight: 300; font-size: 13px; position: static; bottom: auto; }
.headersearch input::-webkit-input-placeholder { color: #8c8c92; font-weight: 300; font-size: 13px; position: static; bottom: auto; }
.headersearch button { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); background: transparent; border: none; padding: 0; margin: 0; cursor: pointer; color: #555555; font-size: 14px; line-height: 1; display: flex; align-items: center; justify-content: center; transition: color 0.2s ease; }
.headersearch button:hover { color: #000000; }
.mobiltopsearch { display: none; }

.headerright .diller { float: right; position: relative; display: flex; align-items: center; gap: 8px; }
.headerright .diller a { margin:0 ; color:#ddd; font-size:14px; font-weight:600; display: inline-flex; align-items: center; }
.headerright .diller a img { width: 22px; height: auto; border-radius: 2px; }
.headerright .diller a.active { color:#000000; font-size:15px; }
.headerright .diller a:hover { color:#000000; }

.headerright .katalog { float:right; }
.headerright .katalog a { padding:4px 10px; float: left; background:#2b2b2b; display: flex; align-items: center; }
.headerright .katalog a span { font-size:15px; color:#fff; font-weight:300; padding: 0px 16px 0px 16px; display: inline-block; }
.headerright .katalog a:hover { background:#000000; }


.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 em    { font-style:normal; 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: #000000;
background: -webkit-linear-gradient(129deg, rgba(0, 0, 0, 1) 0%, rgba(163, 163, 163, 1) 50%, rgba(46, 46, 46, 1) 100%);
background: -moz-linear-gradient(129deg, rgba(0, 0, 0, 1) 0%, rgba(163, 163, 163, 1) 50%, rgba(46, 46, 46, 1) 100%);
background: linear-gradient(129deg, rgba(0, 0, 0, 1) 0%, rgba(163, 163, 163, 1) 50%, rgba(46, 46, 46, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#2E2E2E", GradientType=0);}
.slider-content a:hover{ background: #8A8A8A;
background: -webkit-linear-gradient(90deg, rgba(138, 138, 138, 1) 0%, rgba(0, 0, 0, 1) 50%, rgba(138, 138, 138, 1) 100%);
background: -moz-linear-gradient(90deg, rgba(138, 138, 138, 1) 0%, rgba(0, 0, 0, 1) 50%, rgba(138, 138, 138, 1) 100%);
background: linear-gradient(90deg, rgba(138, 138, 138, 1) 0%, rgba(0, 0, 0, 1) 50%, rgba(138, 138, 138, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8A8A8A", endColorstr="#8A8A8A", GradientType=1);}

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

.orta { margin:70px 0; z-index:2 }
.anakutular { padding:35px 30px; width:100%; position:relative; gap:30px; background:#f7f7f8; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); }
.anakutular .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; }
.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: #000000;
background: -webkit-linear-gradient(129deg, rgba(0, 0, 0, 1) 0%, rgba(163, 163, 163, 1) 50%, rgba(46, 46, 46, 1) 100%);
background: -moz-linear-gradient(129deg, rgba(0, 0, 0, 1) 0%, rgba(163, 163, 163, 1) 50%, rgba(46, 46, 46, 1) 100%);
background: linear-gradient(129deg, rgba(0, 0, 0, 1) 0%, rgba(163, 163, 163, 1) 50%, rgba(46, 46, 46, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#2E2E2E", GradientType=0); top:-55px; }


.secbaslik      { margin:0 0 70px 0; text-align: center; float:left; width:100%; position:relative; }
.secbaslik span { color:#a6a6a6; font-size:17px; font-weight:400; float:left; width:100%; margin:0px; padding:0px; text-transform:uppercase; font-family: Open Sans Condensed;}
.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 h1   { color:#000000; font-size:26px; font-weight:900; float:left; width:100%; margin:0px 0 5px 0; padding:0px; text-transform:uppercase; }
.secbaslik p    { color:#a3a3a3; font-size:16px; font-weight:400;font-family: Open Sans Condensed; font-optical-sizing: auto; font-variation-settings: "wdth" 75;  float:left; width:100%; margin:0px; padding:0px; }


.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; border-bottom:1px solid #ddd; }

.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%; overflow: hidden; }
.anaurunler a .ugorsel img {width:100%; width:100%; 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:#3d3d3d; font-size: 16px; font-weight:bold; width:100%; text-align:center; }
.anaurunler a:hover .ubox h2 { color:#000; }


.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: 125px; float:left; width:100%; text-align:left;  }
.anauygulamalar a .uybox h3 { font-family:'Aileron-Bold'; color:#454444; 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:16px; font-weight:400; width:100%; font-family: Open Sans Condensed; font-optical-sizing: auto; font-variation-settings: "wdth" 75; }


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





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



.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:#191919; 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:#191919; font-family:'Aileron'; font-weight:400; font-size:12px; padding:0 0 0 0px; position:relative;margin:0 0 8px 0; }
.harita-sag .ulkeler p img { width: 25px; 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: #000000;
background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(97, 97, 97, 1) 100%);
background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(97, 97, 97, 1) 100%);
background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(97, 97, 97, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#616161", GradientType=0);  padding:0px 0 0 0;}
.footer span.fcizgi { margin:7px 0 0 0; float:left; width:100%; height:7px; background:#fff; }

.footer .altsosyal { padding: 10px 70px; gap:35px; float:left; display:flex; text-align:center;    position: absolute; background: #000000;  left: -35px; }
.footer .altsosyal a { font-size: 25px; color:#b5b5b5; }
.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: #c1c1c1; font-size: 14px; float:left; width:100%; text-align:center; }
.ortasol span.mesai  { color: #c1c1c1; font-size: 14px; float:left; width:100%; text-align:center; }
.ortasol span.uzman  { color: #c1c1c1; 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: 2fr 1.5fr 1.5fr 1.5fr; gap: 30px; padding: 0 0 0 150px;}
.ortasagmenuler .ortamenu { float:left; width:100%; }
.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:#a1a1a1; font-size:15px; float:left; }
.ortasagmenuler .ortamenu ul li a:hover { color:#ffffff; }





.fortaalt { margin:50px 0 0 0; padding: 0 50px 0 150px; float:left; width:100%; }
.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: #c1c1c1;    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 { float:left; margin:0 15px 10px 0; }
.fortaalt .altlogolar a img { height: 15px; }


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

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

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

.hata { padding: 100px 0; margin:0px 0 50px 0; float:left; width:100%; background:#f3f4f6; 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: #000000;
background: -webkit-linear-gradient(129deg, rgba(0, 0, 0, 1) 0%, rgba(163, 163, 163, 1) 50%, rgba(46, 46, 46, 1) 100%);
background: -moz-linear-gradient(129deg, rgba(0, 0, 0, 1) 0%, rgba(163, 163, 163, 1) 50%, rgba(46, 46, 46, 1) 100%);
background: linear-gradient(129deg, rgba(0, 0, 0, 1) 0%, rgba(163, 163, 163, 1) 50%, rgba(46, 46, 46, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#2E2E2E", GradientType=0); 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 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; }





.iletisimform         { width:100%; max-width:1080px; margin:70px auto; text-align:center; }
.iletisimform .formbaslik { margin-bottom: 70px; float:left; width:100%; position:relative; }
.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: #000000; font-size: 12px; font-weight: 500;}


.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:53px 0 0 0px;color: #595959;font-size: 16px;resize: none;  height:90px;  text-align: center;}

.iletisimform ::-webkit-input-placeholder { float:left; width:100%; color:#595959;font-size: 16px; font-weight: 400;text-align:center; position:absolute;bottom:10px; }

.gonder         { background: #000000;
background: -webkit-linear-gradient(129deg, rgba(0, 0, 0, 1) 0%, rgba(163, 163, 163, 1) 50%, rgba(46, 46, 46, 1) 100%);
background: -moz-linear-gradient(129deg, rgba(0, 0, 0, 1) 0%, rgba(163, 163, 163, 1) 50%, rgba(46, 46, 46, 1) 100%);
background: linear-gradient(129deg, rgba(0, 0, 0, 1) 0%, rgba(163, 163, 163, 1) 50%, rgba(46, 46, 46, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#2E2E2E", GradientType=0); 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:30px; width:100%; margin:40px 0; }

.iletisimform .checkcontainer2 { line-height:17px;font-family:Open Sans Condensed; font-optical-sizing:auto;  color:#5e5e5e; font-size:14px;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: 14px !important;width: 14px !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:5px; height:10px; border:solid#000000; border-width:5px;}
.iletisimform .checkcontainer2 a {font-family:Open Sans Condensed; font-optical-sizing: auto;  color: #5e5e5e; font-size:14px; 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 {  }

.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  { min-height: 130px; padding:0 25px; margin:20px 0; float:left; width:100%; text-align:left;  }
.geneluygulamalar a .uybox h3 { font-family:'Aileron-Bold'; 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:#1e1e1e; font-size: 15px; 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:#5a5a5a;  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:#7d7d7d; color:#fff; }
.sayfalama a:hover {    background-color: #5a5a5a; border: 1px solid#f0f0f0; color:#fff; }
.sayfalama strong {    border: 1px solid#f0f0f0;    background-color: #333333;     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:20px; top: -28px; position: absolute; content:''; background:url(../images/golge.png) no-repeat; width:470px; height:28px; }
.uygulamasag .uygulamabaslikalan:after { left:20px; bottom: -28px; position: absolute; content:''; background:url(../images/golge2.png) no-repeat; width:470px; height:28px; }


.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: #191919; 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:6px 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:#f7f7f8; display: flex;  }
.referanslar .referans:nth-child(even){ flex-direction: row-reverse; }

.referanslar .referans .uygorsel { 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 { letter-spacing:2px; color:#191919; font-size:22px; font-weight: 900; margin:0px; float: left; width:100%; font-family: Open Sans Condensed; }
.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%; }


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




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

.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:#191919; font-size:18px; font-weight: 700; margin:0px; float: left; width:100%; }
.genelblog a .blogbox span  { margin:15px 0 0 0; float: left; color:#000; font-size: 14px; font-weight:400; width:100%; font-family:Open Sans Condensed; position:absolute; left:30px; bottom:5px; }

.genelblog a .blogbox p { float: left; width: 100%;  font-size: 12px;  margin: 10px 0 0 0;  color: #595959;display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;}


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





.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  { 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:#191919; font-size:18px; font-weight: 700; margin:0px; float: left; width:100%; }
.bloguygulamalar a .uybox p  { 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; }






.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 h1      { 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: #191919; 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: 190px;    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:30px; object-fit:contain; }

.urunbaslikalan2 .urunsayfalar.owl-carousel .owl-item a h4 { color: #000000; font-weight:700; float:left; width: 100%; font-size: 19px; margin:6px 0 2px 0; 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: 80px;  top: 29%; }
.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:80px;  top: 29%; }




.urunkisa        { padding: 50px; float: left; width: 100%; text-align: center;}
.urunkisa p      { font-size:17px; color:#595959; }


.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:#191919; 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:90px; background:#fff; }
.urundetaysss h3 { float: left;    letter-spacing: -1px;  width: calc(100% - 210px); position: relative; margin: 0 0 40px 0;   font-size:24px;    font-weight:700; text-transform: uppercase;    color: #000000; }
.urundetaysss .kilavuzz  { margin: -13px 0 0 0; text-align: center;   float: right;    }
.urundetaysss .kilavuzz a { font-size: 15px;    color: #fff;    font-weight:600; background: #141414; padding: 10px 0px; width: 170px; float: right; }
.urundetaysss .kilavuzz a:hover { background:#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: calc(100% - 48px);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  { padding: 10px 15px; font-size: 16px; font-weight:400;   text-decoration: none; color: #595959; }


.hangisektorler { margin-top: 70px; float:left; width:100%; position:relative;  }

.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:175px;max-height:175px; overflow: hidden;}
.hangisektor a .uygorsel img {width:100%; min-height:175px;max-height:175px; 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:15px; font-weight: 700; margin:15px 0; float: left; width:100%; }
.hangisektor a p  { margin:0 0 0 0; float: left; color:#242424ed; font-size: 13px; font-weight:400; width:100%; font-family: Open Sans Condensed; font-optical-sizing: auto; font-variation-settings: "wdth" 75; }


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

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

.kurumsalortadetay { margin: 0 0 0 0;
    float: left;
    padding: 30px;
    background: #ebebeb;
 }
.kurumsalorta {
    background: #fff;
    padding: 60px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px;
    float: left;
    width: 100%;
}
.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; }

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

.kurumsalgaleri { display: grid; grid-template-columns: 30% 20% 25% 25%; gap: 15px; grid-template-rows: 40% 30% 30% 0%; height: 800px;    min-height: 600px;    width: 100%;    float: left;    position: relative;    margin: 0 0 70px 0;}
.kurumsalgaleri .kgalei .card__img {  position: relative;  height: 100%;}

@media screen and (max-width: 470px) {
.kurumsalgaleri {    grid-template-columns: repeat(2, 1fr);    grid-template-rows: repeat(3, 35%);  }
}
.kurumsalgaleri .kgalei {}
@media screen and (max-width: 470px) {
.kurumsalgaleri .kgalei {    grid-column: span 1;  }
}
.kurumsalgaleri .kgalei:nth-child(2) {  grid-column: 2/3;  grid-row: span 2
}
@media screen and (max-width: 690px) {
  .kurumsalgaleri .kgalei:nth-child(2) {    grid-column: span 1;    grid-row: span 1;  }
}
.kurumsalgaleri .kgalei:nth-child(3) {  grid-column: span 2;}
.kurumsalgaleri .kgalei:nth-child(7) {    grid-column: span 2;}




@media screen and (max-width: 690px) {
  .kurumsalgaleri .kgalei:nth-child(3) {    grid-column: 2/4;    grid-row: 1/2;  }
  .sabitmenu { display:none; }
}

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

@media screen and (max-width: 470px) {
  .kurumsalgaleri .kgalei:nth-child(5) {    grid-column: span 2;  }
}
.kurumsalgaleri .kgalei p {  font-size: clamp(0.9rem, 0.8750rem + 0.1250vw, 1rem);  line-height: 1.4;}
.kurumsalgaleri .kgalei img { width: 100%;  display: block;  height: 100%; max-height: 800px;  object-fit: cover;}
.kurumsalgaleri .kgalei .kgalei__img {  position: relative;  height: 100%;}




.sabitmenu { width:40px; right:5px; bottom: 44%; position:fixed; z-index:32; }
.sabitmenu a { transition: .3s ease-in-out; float:left; width:40px; height:40px; margin: 0 0 5px 0; text-align:center; color:#fff; font-size:18px; line-height:40px; }
.sabitmenu a.rtelefon   { background:#282828; }
.sabitmenu a.rmail      { background:#545454; }
.sabitmenu a.rwp        { background:#00bf63; }
.sabitmenu a.rtelegram  { background:#24a5f3; }
.sabitmenu a:hover { transform:scale(1.08); }


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

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


.kurumsalaciklamalar { padding:30px; float:left; width:100%;background: #ebebeb; }
.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: #000000; }
.markamiz .markabaslik a:hover span img { opacity:0.8; }



	.referanslar_v2 {
		background: #ebebeb;
		padding: 35px 35px;
		display: flex;
		gap: 35px;
	}
	.referanslar_v2 .siyahbg {
background: #000000;
background: -webkit-linear-gradient(129deg, rgba(0, 0, 0, 1) 0%, rgba(163, 163, 163, 1) 50%, rgba(46, 46, 46, 1) 100%);
background: -moz-linear-gradient(129deg, rgba(0, 0, 0, 1) 0%, rgba(163, 163, 163, 1) 50%, rgba(46, 46, 46, 1) 100%);
background: linear-gradient(129deg, rgba(0, 0, 0, 1) 0%, rgba(163, 163, 163, 1) 50%, rgba(46, 46, 46, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#2E2E2E", GradientType=0);
		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: 60px;
		font-family: "Times New Roman", Times, serif;
		display: block;
		letter-spacing: 1px;
		margin-bottom: 20px;
	}
	.referanslar_v2 .siyahbg span {
		color: #efefef;
		font-size: 13px;
		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: 437px;
		width: 47.68%;
		background-size: cover;
	}
	.referanslar_v2 .resimalan iframe {
		width: 100%;
		height: 100%;
	}
	.referanslar_v2 .resimalan img {
		width: 100%;
		height: 100%;
		object-fit: 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: 28px;
	}
	.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;
}
@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 */
  }
}




.filtre_buton {
	right: 0;
    bottom: 35%;
    position: fixed;
    z-index: 32;
	width: 156px;
	height: 86px;
}
.filtre_buton .size_uygun {
	font-size: 20px;
	font-family: "Bebas Neue", sans-serif;
	color: rgb(255, 255, 255);
	line-height: 1.2;
	text-align: left;
	position: absolute;
	left: 13px;
	top: 13px;
	z-index: 18;
}
.filtre_buton .filtre_cihazini_bulun {
	font-size: 13px;
	font-family: "Bebas Neue", sans-serif;
	color: rgb(0, 0, 0);
	line-height: 1.2;
	text-align: left;
	position: absolute;
	left: 21px;
	top: 31px;
	z-index: 17;
	pointer-events: none;
	line-height: 57px;
	letter-spacing: 0.3px;
}
.filtre_buton .Path_13 {
	position: absolute;
    left: 128px;
    top: 45.5px;
    width: 10px;
	z-index: 12;
}
.filtre_buton .Path_13 img {
	width: 100%;
}
.filtre_buton .Path_9 {
	background-color: rgb(189, 189, 190);
	position: absolute;
	left: 301.9px;
	top: 170px;
	width: 86px;
	height: 115px;
	z-index: 8;
	border-bottom-left-radius: 278px;
	text-align: center;
}
.filtre_buton .Path_9 img {
	width: 40px;
	margin-top: 49px;
	margin-left: 23px;
}
.filtre_buton .Path_8 {
	background-color: rgb(217, 217, 217);
	position: absolute;
	left: 388px;
	top: 170px;
	width: 85px;
	height: 115px;
	z-index: 7;
	border-bottom-right-radius: 278px;
	text-align: center;
}
.filtre_buton .Path_8 img {
	width: 40px;
	margin-top: 49px;
	margin-right: 23px;
}
.filtre_buton .Path_7 {
	background-color: rgb(243, 243, 243);
	position: absolute;
	left: 302px;
	top: 1px;
	width: 171px;
	height: 285px;
	z-index: 6;
	border-radius: 277px;
}
.filtre_buton .Path_4 {
	background-color: rgb(247, 247, 247);
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 4;
	border-radius: 8px;
}
.filtre_buton .Path_4:hover {
	background-color: rgb(217, 217, 217);
}
.filtre_buton .Path_3 {
	background-color: rgb(52, 52, 52);
	position: absolute;
	left: 0px;
	top: 0;
	width: 156px;
	height: 86px;
	z-index: 2;
}
.filtre_buton .Mask_Button {
	position: absolute;
    left: 13px;
    top: 42px;
    width: 133px;
    height: 30px;
	z-index: 5;
	cursor: pointer;
}
.filtre_buton .Mask_Image {
	position: absolute;
	left: 302px;
	top: 0;
	width: 171px;
	height: 170px;
	z-index: 11;
	overflow: hidden;
	border-radius: 277px 277px 0 0;
}
.filtre_buton .Mask_Image img {
	width: 100%;
	height: 100%;
	object-fit: cover; 
}
.filtre_buton .Mask_Logo {
	position: absolute;
	left: 811px;
	top: 576px;
	width: 102px;
	height: 27px;
	z-index: 15;
}
.yenislider { position: relative; }
.yenislider .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.yenislider .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; }
.yenislider .overlay .label a { background: #000000; color: #ffffff; padding: 0px 17px; font-size: 14px; 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; }
.yenislider .overlay .label a:hover { background:#fff; color:#000000; }
.yenislider .overlay .label a:before { left:-7px; top:-7px; content: ''; position: absolute; width:calc(100% + 48px); height:54px; background:#ffffff45; z-index: -1; }
.yenislider .overlay .label:after { right:-35px; top:0px; content: ''; position: absolute; width:35px; height:40px; background:url(../images/label.png)no-repeat; }
.yenislider .overlay .label:before { right:-95px; top:20px; content: ''; position: absolute; width:60px; height:34px; background:url(../images/ok.png)no-repeat; }
.yenislider .overlay .label7:before { left:-60px; top:20px; content: ''; position: absolute; width:60px; height:34px; background:url(../images/ok2.png)no-repeat; }
.yenislider .overlay .label8:before { left:-60px; top:20px; content: ''; position: absolute; width:60px; height:34px; background:url(../images/ok2.png)no-repeat; }
.yenislider .overlay .label1 { top: 40%; left: 4%; }
.yenislider .overlay .label2 { top: 60%; left: 20%; }
.yenislider .overlay .label3 { top: 24%; left: 26%; }
.yenislider .overlay .label4 { bottom: 18%; left:48%; }
.yenislider .overlay .label5 { top: 37%; left: 62%; }
.yenislider .overlay .label6 { top: 41%; right:9%; }
.yenislider .overlay .label7 { bottom: 28%; right: 12%; }
.yenislider .overlay .label8 { bottom: 15%; right: 21%; }
.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:#3d3d3d; font-size:18px; font-weight: 700; margin:15px 0 20px 0; float: left; width:100%; }
.kategori a:hover h2  { color:#000000; }
.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: #000000; 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: #000000;
background: -webkit-linear-gradient(129deg, rgba(0, 0, 0, 1) 0%, rgba(163, 163, 163, 1) 50%, rgba(46, 46, 46, 1) 100%);
background: -moz-linear-gradient(129deg, rgba(0, 0, 0, 1) 0%, rgba(163, 163, 163, 1) 50%, rgba(46, 46, 46, 1) 100%);
background: linear-gradient(129deg, rgba(0, 0, 0, 1) 0%, rgba(163, 163, 163, 1) 50%, rgba(46, 46, 46, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#2E2E2E", GradientType=0); }


.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; }
.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; }
.urun-grup { float: left; width: 100%; padding:35px 15px 30px 15px; margin:0 0 30px 0; background:#f7f7f7; }

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

/* OVERRIDE URUN DETAY STYLES TO MATCH EKON */

.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: #000000; 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%; float:none; display:inline-block; 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: 30px;  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:30px;  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: #000000;
background: -webkit-linear-gradient(129deg, rgba(0, 0, 0, 1) 0%, rgba(163, 163, 163, 1) 50%, rgba(46, 46, 46, 1) 100%);
background: -moz-linear-gradient(129deg, rgba(0, 0, 0, 1) 0%, rgba(163, 163, 163, 1) 50%, rgba(46, 46, 46, 1) 100%);
background: linear-gradient(129deg, rgba(0, 0, 0, 1) 0%, rgba(163, 163, 163, 1) 50%, rgba(46, 46, 46, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#2E2E2E", GradientType=0); 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; }

.urundetaysag .uygulamabaslikalan h1, .uygulamasag .uygulamabaslikalan h1 { font-family: 'Open Sans Condensed', sans-serif !important; }
.urundetaysag .uygulamabaslikalan ul li, .uygulamasag .uygulamabaslikalan ul li, .urundetaysag .uygulamabaslikalan ul li a, .uygulamasag .uygulamabaslikalan ul li a { font-family: 'Open Sans Condensed', sans-serif !important; }
.headeralan .menu1 .aktif {
    font-weight: bold;
    color: #000;
}
.headeralan .menu1 .aktif:after {
    transform: scaleX(1) !important;
    transform-origin: left !important;
}