body {font-family: "Urbanist", sans-serif; overflow-x: hidden; padding:0 10px; background: #fff;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%; margin:0; }
textarea:focus, input:focus{outline: none;}
::-webkit-scrollbar {width: 10px;background-color: #fff;border-left: 1px solid #fff;}
::-webkit-scrollbar-thumb {background-color: #000101;}
::-webkit-scrollbar-thumb:hover {background-color: #000101;}

html {scroll-behavior:smooth;}


.container {max-width:1400px;}

.ustmenu {width:100%; height:100px; position:absolute; left:0; top:0; z-index:99; background:transparent;}
.ustmenu .container {position:relative;}
.ustmenu #header {width:100%; height:100px; float:left; display:flex; align-items:center; border-bottom:1px solid rgba(255,255,255,.24);}
.ustmenu .logo {width:220px; height:100px; float:left; display:flex; align-items:center;}
.ustmenu .logo img {max-width:220px; transition:all .35s;}
.ustmenu .mobilmenubuton {display:none;}

.ustmenu .girislogo {animation:usttenGiris .85s ease both;}
.ustmenu nav {animation:usttenGiris .85s ease both; animation-delay:.10s;}
.ustmenu .sagalan {animation:usttenGiris .85s ease both; animation-delay:.18s;}

@keyframes usttenGiris {
0% {opacity:0; transform:translateY(-24px);}
100% {opacity:1; transform:translateY(0);}
}

.ustmenu nav {width:auto; height:100px; float:left; margin-left:auto;}
.ustmenu nav ul {margin:0; padding:0; list-style:none;}
.ustmenu nav > ul > li {float:left; position:relative;}
.ustmenu nav > ul > li > a {height:100px; display:flex; align-items:center; font-size:13px; font-weight:600; color:#fff; text-decoration:none; padding:0 12px; position:relative; transition:all .35s;}
.ustmenu nav > ul > li > a:before {content:""; width:0; height:2px; position:absolute; left:12px; bottom:30px; background:#fff; transition:all .35s;}
.ustmenu nav > ul > li > a:hover:before {width:calc(100% - 24px);}
.ustmenu nav > ul > li > a:hover {color:#fff;}
.ustmenu nav > ul > li.dropdown > a:after {content:""; width:8px; height:8px; display:block; margin-left:7px; background:url('../img/ikon/ikon-asagi.svg') no-repeat center center; background-size:8px auto; filter:brightness(0) invert(1); transition:all .35s;}
.ustmenu nav > ul > li.dropdown:hover > a:after {transform:rotate(180deg);}

.ustmenu nav ul li .submenu {width:230px; position:absolute; left:0; top:100px; background:#fff; opacity:0; visibility:hidden; z-index:9999; padding:8px 0; border-radius:0 0 6px 6px; box-shadow:0 18px 38px rgba(0,0,0,.18); transition:all .35s;}
.ustmenu nav ul li .submenu li {width:100%; float:left;}
.ustmenu nav ul li .submenu li a {width:100%; height:42px; display:flex; align-items:center; font-size:14px; font-weight:500; color:#0B1F3A; padding:0 16px; border-bottom:1px solid #F1F1F1; text-decoration:none; transition:all .35s;}
.ustmenu nav ul li .submenu li:last-child a {border-bottom:0;}
.ustmenu nav ul li .submenu li a:hover {color:#2F3640; background:#F7F8FA;}
.ustmenu nav ul li.dropdown:hover .submenu {opacity:1; visibility:visible;}

.ustmenu nav ul li.megamenu {position:static;}
.ustmenu nav ul li .megaalan {width:calc(100vw - 20px); max-width:1400px; position:fixed; left:50%; top:100px; transform:translateX(-50%); background:#fff; opacity:0; visibility:hidden; z-index:9999; padding:32px 34px 30px 34px; border-radius:0 0 8px 8px; box-shadow:0 22px 46px rgba(0,0,0,.18); display:grid; grid-template-columns:repeat(auto-fit, minmax(170px, 1fr)); column-gap:30px; transition:all .35s;}
.ustmenu nav ul li.megamenu:hover .megaalan {opacity:1; visibility:visible;}
.ustmenu .megakolon {width:100%;}
.ustmenu .megakolon h4 {font-size:16px; font-weight:800; color:#0B1F3A; margin:0 0 15px 0; padding:0 0 13px 0; border-bottom:1px solid #E6E8EC;}
.ustmenu .megakolon ul {width:100%; margin:0; padding:0; list-style:none;}
.ustmenu .megakolon ul li {width:100%; float:left;}
.ustmenu .megakolon ul li a {width:100%; min-height:34px; display:flex; align-items:center; font-size:14px; font-weight:500; color:#2F3640; text-decoration:none; padding:0; transition:all .35s;}
.ustmenu .megakolon ul li a:before {content:""; width:6px; height:6px; background:#0B1F3A; border-radius:100%; margin-right:9px; opacity:.35; transition:all .35s;}
.ustmenu .megakolon ul li a:hover {color:#0B1F3A; padding-left:5px;}
.ustmenu .megakolon ul li a:hover:before {opacity:1;}

.ustmenu .sagalan {width:auto; height:100px; float:right; display:flex; align-items:center; margin-left:30px;}
.ustmenu .menuayrac {width:65px; height:1px; background:rgba(255,255,255,.75); margin-right:28px;}

.ustmenu .dilalan {width:auto; height:42px; position:relative; margin-right:12px;}
.ustmenu .dilsecili {height:42px; display:flex; align-items:center; justify-content:center; border:1px solid rgba(255,255,255,.85); border-radius:5px; padding:0 10px; text-decoration:none; transition:all .35s;}
.ustmenu .dilsecili img {width:18px; height:18px; filter:brightness(0) invert(1); transition:all .35s;}
.ustmenu .dilsecili span {font-size:13px; font-weight:700; color:#fff; margin-left:7px; transition:all .35s;}
.ustmenu .dilsecili .asagiikon {width:8px; height:auto; margin-left:6px;}
.ustmenu .dilalan:hover .dilsecili {background:#fff;}
.ustmenu .dilalan:hover .dilsecili span {color:#0B1F3A;}
.ustmenu .dilalan:hover .dilsecili img {filter:brightness(0) saturate(100%) invert(9%) sepia(27%) saturate(1844%) hue-rotate(178deg) brightness(96%) contrast(96%);}
.ustmenu .dilalan:hover .dilsecili .asagiikon {transform:rotate(180deg);}

.ustmenu .dilmenu {width:76px; position:absolute; right:0; top:42px; background:#fff; margin:0; padding:7px 0; list-style:none; opacity:0; visibility:hidden; z-index:9999; border-radius:5px; box-shadow:0 18px 38px rgba(0,0,0,.15); transition:all .35s;}
.ustmenu .dilmenu li {width:100%; float:left;}
.ustmenu .dilmenu li a {width:100%; height:34px; display:flex; align-items:center; font-size:14px; font-weight:600; color:#0B1F3A; text-decoration:none; padding:0 13px; transition:all .35s;}
.ustmenu .dilmenu li a:hover {color:#2F3640; background:#F7F8FA;}
.ustmenu .dilalan:hover .dilmenu {opacity:1; visibility:visible;}

.ustmenu .telefonalan {width:auto; height:42px; display:flex; align-items:center; border:1px solid rgba(255,255,255,.85); border-radius:5px; padding:0 17px; text-decoration:none; position:relative; overflow:hidden; transition:all .35s;}
.ustmenu .telefonalan:before {content:""; width:0; height:100%; position:absolute; left:0; top:0; background:#fff; z-index:1; transition:all .35s;}
.ustmenu .telefonalan img {width:18px; height:18px; margin-right:9px; position:relative; z-index:2; filter:brightness(0) invert(1); transition:all .35s;}
.ustmenu .telefonalan span {font-size:14px; font-weight:600; color:#fff; white-space:nowrap; position:relative; z-index:2; transition:all .35s;}
.ustmenu .telefonalan:hover:before {width:100%;}
.ustmenu .telefonalan:hover span {color:#0B1F3A;}
.ustmenu .telefonalan:hover img {filter:brightness(0) saturate(100%) invert(9%) sepia(27%) saturate(1844%) hue-rotate(178deg) brightness(96%) contrast(96%);}

@media only screen and (max-width: 767px) {
.ustmenu {height:auto; min-height:78px;}
.ustmenu #header {height:auto; min-height:78px; display:block;}
.ustmenu .logo {width:185px; height:78px; float:left;}
.ustmenu .logo img {max-width:185px;}
.ustmenu .mobilmenubuton {width:44px; height:44px; float:right; display:flex; align-items:center; justify-content:center; margin-top:17px; cursor:pointer;}
.ustmenu .mobilmenubuton img {width:28px; filter:brightness(0) invert(1); transition:all .35s;}

.ustmenu nav {width:100%; height:auto; float:left; margin-left:0; display:none; background:#0B1F3A; border-top:1px solid rgba(255,255,255,.16);}
.ustmenu nav ul {width:100%; float:left;}
.ustmenu nav > ul > li {width:100%; float:left;}
.ustmenu nav > ul > li > a {width:100%; height:44px; font-size:14px; padding:0; border-bottom:1px solid rgba(255,255,255,.12);}
.ustmenu nav > ul > li > a:before {display:none;}

.ustmenu nav ul li .submenu {width:100%; position:relative; left:auto; top:auto; float:left; box-shadow:none; opacity:1; visibility:visible; padding:0; display:none; border-radius:0; background:#2F3640;}
.ustmenu nav ul li .submenu li a {height:38px; font-size:13px; padding:0 18px; color:#fff; background:transparent; border-bottom:1px solid rgba(255,255,255,.10);}
.ustmenu nav ul li.dropdown.acik > a {color:#fff;}

.ustmenu nav ul li.megamenu {position:relative;}
.ustmenu nav ul li .megaalan {width:100%; position:relative; left:auto; top:auto; transform:none; float:left; display:none; grid-template-columns:1fr; opacity:1; visibility:visible; padding:0; background:#2F3640; border-radius:0; box-shadow:none;}
.ustmenu nav ul li.megamenu:hover .megaalan {display:none;}
.ustmenu nav ul li.megamenu.acik .megaalan {display:grid;}
.ustmenu .megakolon {width:100%; padding:16px 18px 10px 18px; border-bottom:1px solid rgba(255,255,255,.12);}
.ustmenu .megakolon h4 {font-size:14px; color:#fff; margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:1px solid rgba(255,255,255,.13);}
.ustmenu .megakolon ul li a {min-height:32px; font-size:13px; color:#fff;}
.ustmenu .megakolon ul li a:before {background:#fff;}
.ustmenu .megakolon ul li a:hover {color:#fff; padding-left:0;}

.ustmenu .sagalan {width:100%; height:auto; float:left; display:flex; justify-content:space-between; margin-left:0; padding:12px 0 18px 0;}
.ustmenu .menuayrac {display:none;}
.ustmenu .dilalan {height:42px; margin-right:0;}
.ustmenu .dilsecili {height:42px;}
.ustmenu .dilmenu {top:42px; right:auto; left:0;}
.ustmenu .telefonalan {height:42px; padding:0 12px;}
.ustmenu .telefonalan span {font-size:13px;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.ustmenu {height:auto; min-height:135px;}
.ustmenu #header {height:auto; min-height:135px; display:block;}
.ustmenu .logo {width:205px; height:78px; float:left;}
.ustmenu .logo img {max-width:205px;}
.ustmenu nav {width:100%; height:57px; float:left; clear:both; margin-left:0;}
.ustmenu nav > ul > li > a {height:57px; font-size:13px; padding:0 10px;}
.ustmenu nav > ul > li > a:before {left:10px; bottom:12px;}
.ustmenu nav > ul > li > a:hover:before {width:calc(100% - 20px);}
.ustmenu nav ul li .submenu {top:57px;}
.ustmenu nav ul li .megaalan {width:100%; max-width:none; position:absolute; left:0; top:135px; transform:none; grid-template-columns:repeat(2, 1fr);}
.ustmenu .sagalan {height:78px; float:right; margin-left:0;}
.ustmenu .menuayrac {width:45px; margin-right:18px;}
.ustmenu .telefonalan {height:42px; padding:0 13px;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.ustmenu .logo {width:205px;}
.ustmenu .logo img {max-width:205px;}
.ustmenu nav > ul > li > a {font-size:12px; padding:0 8px;}
.ustmenu nav > ul > li > a:before {left:8px;}
.ustmenu nav > ul > li > a:hover:before {width:calc(100% - 16px);}
.ustmenu nav ul li .megaalan {grid-template-columns:repeat(auto-fit, minmax(155px, 1fr)); padding:28px 24px; column-gap:22px;}
.ustmenu .sagalan {margin-left:18px;}
.ustmenu .menuayrac {width:38px; margin-right:18px;}
.ustmenu .telefonalan {padding:0 12px;}
.ustmenu .telefonalan span {font-size:13px;}
}



.anasayfaslider {width:100%; height:800px; float:left; position:relative; overflow:hidden; border-radius: 0 0 20px 20px;}
.anasayfaslider .carousel,
.anasayfaslider .carousel-inner,
.anasayfaslider .carousel-item {width:100%; height:800px;}

.anasayfaslider .sliderarkaplan {width:100%; height:800px; float:left; position:relative; background-size:cover; background-position:center center; background-repeat:no-repeat;}
.anasayfaslider .sliderkararti {width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; }

.anasayfaslider .container {height:800px; position:relative; z-index:2;}
.anasayfaslider .slidericerik {width:760px; position:absolute; left:15px; bottom:125px; color:#fff;}
.anasayfaslider .slidericerik h1 {font-size:27px; font-weight:800; color:#fff; margin:0 0 14px 0; padding:0; letter-spacing:.2px; animation:sliderYazi .95s ease both;}
.anasayfaslider .slidericerik p {font-size:15px; font-weight:400; line-height:1.7; color:#fff; margin:0; padding:0; animation:sliderYazi .95s ease both; animation-delay:.15s;}

.anasayfaslider .sliderbutonlar {width:100%; float:left; margin-top:35px; animation:sliderYazi .95s ease both; animation-delay:.30s;}
.anasayfaslider .sliderbutonlar a {width:162px; height:52px; float:left; display:flex; align-items:center; justify-content:center; border:1px solid rgba(255,255,255,.88); border-radius:5px; font-size:14px; font-weight:600; color:#fff; text-decoration:none; margin-right:10px; position:relative; overflow:hidden; isolation:isolate; transition:all .35s;}
.anasayfaslider .sliderbutonlar a:before {content:""; width:0; height:100%; position:absolute; left:0; top:0; background:#fff; z-index:-1; transition:all .35s;}
.anasayfaslider .sliderbutonlar a:hover:before {width:100%;}
.anasayfaslider .sliderbutonlar a:hover {color:#0B1F3A; border-color:#fff; box-shadow:0 15px 30px rgba(0,0,0,.16);}

.anasayfaslider .slideroklar {width:auto; height:52px; position:absolute; right:255px; bottom:130px; z-index:5; display:flex;}
.anasayfaslider .slideroklar a {width:50px; height:52px; display:flex; align-items:center; justify-content:center; border:1px solid rgba(255,255,255,.88); border-radius:5px; margin-left:10px; text-decoration:none; transition:all .35s;}
.anasayfaslider .slideroklar a img {width:10px; height:auto; filter:brightness(0) invert(1); transition:all .35s;}
.anasayfaslider .slideroklar a:hover {background:#fff;}
.anasayfaslider .slideroklar a:hover img {filter:brightness(0) saturate(100%) invert(9%) sepia(27%) saturate(1844%) hue-rotate(178deg) brightness(96%) contrast(96%);}

@keyframes sliderYazi {
0% {opacity:0; transform:translateY(35px);}
100% {opacity:1; transform:translateY(0);}
}

.carousel-fade .carousel-item {opacity:0; transition-property:opacity; transform:none;}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {opacity:1;}
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {opacity:0;}

@media only screen and (max-width: 767px) {
.anasayfaslider {height:590px;}
.anasayfaslider .carousel,
.anasayfaslider .carousel-inner,
.anasayfaslider .carousel-item {height:590px;}
.anasayfaslider .sliderarkaplan {height:590px;}
.anasayfaslider .sliderkararti {}
.anasayfaslider .container {height:590px;}
.anasayfaslider .slidericerik {width:100%; left:0; bottom:92px; padding:0 15px;}
.anasayfaslider .slidericerik h1 {font-size:24px; line-height:1.25;}
.anasayfaslider .slidericerik p {font-size:14px; line-height:1.65;}
.anasayfaslider .sliderbutonlar {margin-top:24px;}
.anasayfaslider .sliderbutonlar a {width:calc(50% - 5px); height:48px; font-size:13px; margin-right:10px;}
.anasayfaslider .sliderbutonlar a:nth-child(2) {margin-right:0;}
.anasayfaslider .slideroklar {right:15px; bottom:28px;}
.anasayfaslider .slideroklar a {width:46px; height:48px;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.anasayfaslider {height:720px;}
.anasayfaslider .carousel,
.anasayfaslider .carousel-inner,
.anasayfaslider .carousel-item {height:720px;}
.anasayfaslider .sliderarkaplan {height:720px;}
.anasayfaslider .container {height:720px;}
.anasayfaslider .slidericerik {width:620px; left:15px; bottom:105px;}
.anasayfaslider .slidericerik h1 {font-size:25px;}
.anasayfaslider .slideroklar {right:35px; bottom:108px;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.anasayfaslider {height:760px;}
.anasayfaslider .carousel,
.anasayfaslider .carousel-inner,
.anasayfaslider .carousel-item {height:760px;}
.anasayfaslider .sliderarkaplan {height:760px;}
.anasayfaslider .container {height:760px;}
.anasayfaslider .slidericerik {width:680px; bottom:115px;}
.anasayfaslider .slideroklar {right:90px; bottom:120px;}
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
.anasayfaslider .slideroklar {right:120px;}
}




.anasayfahakkimizda {width:100%; float:left; position:relative; padding:95px 0; background:#fff url('../img/genel/hakkimizdabg.jpg') no-repeat left bottom; background-size:720px auto; overflow:hidden;}
.anasayfahakkimizda .container {position:relative; z-index:2;}

.anasayfahakkimizda .hakkimizdametin {width:100%; float:left; padding-right:40px;}
.anasayfahakkimizda .hakkimizdametin h2 {font-size:24px; font-weight:800; color:#0B1F3A; margin:0 0 20px 0; padding:0;}
.anasayfahakkimizda .hakkimizdametin p {font-size:15px; font-weight:400; line-height:1.72; color:#2F3640; margin:0 0 22px 0; padding:0;}
.anasayfahakkimizda .hakkimizdametin p:last-child {margin-bottom:0;}
.anasayfahakkimizda .hakkimizdametin strong {font-weight:800; color:#0B1F3A;}

.anasayfahakkimizda .hakkimizdagorsel {width:100%; float:left; border-radius:10px; overflow:hidden; position:relative;}
.anasayfahakkimizda .hakkimizdagorsel:before {content:""; width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; border-radius:10px; box-shadow:inset 0 0 0 1px rgba(11,31,58,.06); pointer-events:none;}
.anasayfahakkimizda .hakkimizdagorsel img {width:100%; height:490px; object-fit:cover; border-radius:10px; transition:all .45s;}
.anasayfahakkimizda .hakkimizdagorsel:hover img {transform:scale(1.03);}

@media only screen and (max-width: 767px) {
.anasayfahakkimizda {padding:58px 0; background-size:430px auto; background-position:left -40px bottom;}
.anasayfahakkimizda .hakkimizdametin {padding-right:0;}
.anasayfahakkimizda .hakkimizdametin h2 {font-size:22px; margin-bottom:16px;}
.anasayfahakkimizda .hakkimizdametin p {font-size:14px; line-height:1.66; margin-bottom:18px;}
.anasayfahakkimizda .hakkimizdagorsel {margin-top:30px;}
.anasayfahakkimizda .hakkimizdagorsel img {height:310px;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.anasayfahakkimizda {padding:72px 0; background-size:560px auto; background-position:left -20px bottom;}
.anasayfahakkimizda .hakkimizdametin {padding-right:0;}
.anasayfahakkimizda .hakkimizdagorsel {margin-top:35px;}
.anasayfahakkimizda .hakkimizdagorsel img {height:400px;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.anasayfahakkimizda {background-size:620px auto;}
.anasayfahakkimizda .hakkimizdametin {padding-right:25px;}
.anasayfahakkimizda .hakkimizdagorsel img {height:455px;}
}


.anasayfaprojeler {width:100%; float:left; position:relative; padding:82px 0 90px 0; background:#F1F3F6; border-radius:18px; overflow:hidden;}
.anasayfaprojeler .container {position:relative;}

.anasayfaprojeler .projelerbaslik {width:100%; float:left; margin-bottom:45px;}
.anasayfaprojeler .projelerbaslik h2 {font-size:24px; font-weight:800; color:#0B1F3A; margin:0 0 6px 0; padding:0;}
.anasayfaprojeler .projelerbaslik p {font-size:15px; font-weight:400; color:#2F3640; margin:0; padding:0;}

.anasayfaprojeler .projeleralan {width:100%; float:left; position:relative;}
.anasayfaprojeler .projeslider {width:100%; float:left;}
.anasayfaprojeler .slick-list {margin:0 -7px;}
.anasayfaprojeler .slick-slide {margin:0 7px;}

.anasayfaprojeler .projeitem {width:100%; float:left;}
.anasayfaprojeler .projeitem a {width:100%; float:left; text-decoration:none; outline:none;}
.anasayfaprojeler .projegorsel {width:100%; height:282px; float:left; position:relative; overflow:hidden; border-radius:8px; background:#0B1F3A;}
.anasayfaprojeler .projegorsel img {width:100%; height:100%; object-fit:cover; display:block; opacity:.55; transition:all .45s;}
.anasayfaprojeler .projeitem h3 {width:100%; float:left; font-size:15px; font-weight:400; color:#2F3640; margin:24px 0 0 0; padding:0; transition:all .35s;}
.anasayfaprojeler .projeitem a:hover .projegorsel img {transform:scale(1.04); opacity:.78;}
.anasayfaprojeler .projeitem a:hover h3 {color:#0B1F3A;}

.anasayfaprojeler .projeleroklar button {width:50px; height:50px; position:absolute; top:116px; z-index:5; display:flex; align-items:center; justify-content:center; border:1px solid #fff; border-radius:5px; background:transparent; padding:0; cursor:pointer; outline:none; transition:all .35s;}
.anasayfaprojeler .projeleroklar button img {width:10px; height:auto; filter:brightness(0) invert(1); transition:all .35s;}
.anasayfaprojeler .projeleroklar .projesol {left:42px;}
.anasayfaprojeler .projeleroklar .projesag {right:42px;}
.anasayfaprojeler .projeleroklar button:hover {background:#fff;}
.anasayfaprojeler .projeleroklar button:hover img {filter:brightness(0) saturate(100%) invert(9%) sepia(27%) saturate(1844%) hue-rotate(178deg) brightness(96%) contrast(96%);}

@media only screen and (max-width: 767px) {
.anasayfaprojeler {width:calc(100% - 20px); margin:0 10px 28px 10px; padding:52px 0 58px 0; border-radius:14px;}
.anasayfaprojeler .projelerbaslik {margin-bottom:30px;}
.anasayfaprojeler .projelerbaslik h2 {font-size:22px;}
.anasayfaprojeler .projelerbaslik p {font-size:14px;}
.anasayfaprojeler .slick-list {margin:0;}
.anasayfaprojeler .slick-slide {margin:0;}
.anasayfaprojeler .projegorsel {height:245px;}
.anasayfaprojeler .projeitem h3 {font-size:14px; margin-top:18px;}
.anasayfaprojeler .projeleroklar button {width:44px; height:44px; top:100px;}
.anasayfaprojeler .projeleroklar .projesol {left:18px;}
.anasayfaprojeler .projeleroklar .projesag {right:18px;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.anasayfaprojeler {padding:68px 0 72px 0;}
.anasayfaprojeler .projegorsel {height:260px;}
.anasayfaprojeler .projeleroklar button {top:105px;}
.anasayfaprojeler .projeleroklar .projesol {left:28px;}
.anasayfaprojeler .projeleroklar .projesag {right:28px;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.anasayfaprojeler .projegorsel {height:255px;}
.anasayfaprojeler .projeleroklar button {top:103px;}
.anasayfaprojeler .projeleroklar .projesol {left:32px;}
.anasayfaprojeler .projeleroklar .projesag {right:32px;}
}


.anasayfahizmet {width:100%; float:left; position:relative; padding:96px 0; background:#fff; overflow:hidden;}
.anasayfahizmet .hizmetkutu {width:100%; float:left; position:relative; border-radius:8px; overflow:hidden; border:0;}
.anasayfahizmet .hizmetkutu a {width:100%; height:303px; float:left; display:block; position:relative; text-decoration:none; border-radius:8px; overflow:hidden; border:0; outline:0;}
.anasayfahizmet .hizmetkutu img {width:100%; height:100%; object-fit:cover; display:block; border-radius:8px; border:0; outline:0; box-shadow:none; transition:all .55s;}
.anasayfahizmet .hizmetkutu span {width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; background:linear-gradient(180deg, rgba(11,31,58,.08) 0%, rgba(11,31,58,.48) 56%, rgba(11,31,58,.88) 100%); transition:all .45s;}
.anasayfahizmet .hizmetkutu h3 {width:100%; position:absolute; left:0; bottom:47px; z-index:3; font-size:20px; font-weight:500; color:#fff; text-align:center; margin:0; padding:0 22px; transition:all .35s;}

.anasayfahizmet .hizmetkutu a:hover img {transform:scale(1.05);}
.anasayfahizmet .hizmetkutu a:hover span {background:linear-gradient(180deg, rgba(11,31,58,.14) 0%, rgba(11,31,58,.60) 55%, rgba(11,31,58,.95) 100%);}
.anasayfahizmet .hizmetkutu a:hover h3 {bottom:54px;}

@media only screen and (max-width: 767px) {
.anasayfahizmet {padding:56px 0;}
.anasayfahizmet .hizmetkutu {margin-bottom:18px;}
.anasayfahizmet .hizmetkutu a {height:250px;}
.anasayfahizmet .hizmetkutu h3 {font-size:19px; bottom:36px;}
.anasayfahizmet .hizmetkutu a:hover h3 {bottom:42px;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.anasayfahizmet {padding:72px 0;}
.anasayfahizmet .hizmetkutu a {height:245px;}
.anasayfahizmet .hizmetkutu h3 {font-size:18px; bottom:35px; padding:0 15px;}
.anasayfahizmet .hizmetkutu a:hover h3 {bottom:41px;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.anasayfahizmet .hizmetkutu a {height:275px;}
.anasayfahizmet .hizmetkutu h3 {font-size:20px;}
}



.anasayfareferans {width:100%; float:left; position:relative; padding:70px 0 96px 0; overflow:hidden;}
.anasayfareferans .container {position:relative; z-index:2;}

.anasayfareferans .referansbaslik {width:100%; float:left; margin-bottom:42px;}
.anasayfareferans .referansbaslik h2 {font-size:24px; font-weight:800; color:#0B1F3A; margin:0 0 6px 0; padding:0;}
.anasayfareferans .referansbaslik p {font-size:15px; font-weight:400; color:#2F3640; margin:0; padding:0;}

.anasayfareferans .referansalan {width:100%; float:left; position:relative;}
.anasayfareferans .referansslider {width:100%; float:left;}
.anasayfareferans .slick-list {margin:0 -6px;}
.anasayfareferans .slick-slide {margin:0 6px;}

.anasayfareferans .referansitem {width:100%; float:left;}
.anasayfareferans .referansitem a {width:100%; height:114px; float:left; display:flex; align-items:center; justify-content:center; background:#fff; border:1px solid #E9ECF1; border-radius:8px; text-decoration:none; padding:25px 28px; transition:all .35s;}
.anasayfareferans .referansitem img {max-width:100%; max-height:61px; object-fit:contain; display:block; transition:all .35s;}
.anasayfareferans .referansitem a:hover {border-color:#0B1F3A; box-shadow:0 18px 38px rgba(11,31,58,.08);}
.anasayfareferans .referansitem a:hover img {transform:scale(1.04);}

@media only screen and (max-width: 767px) {
.anasayfareferans {padding:54px 0 62px 0; background-size:430px auto; background-position:right -120px bottom;}
.anasayfareferans .referansbaslik {margin-bottom:30px;}
.anasayfareferans .referansbaslik h2 {font-size:22px;}
.anasayfareferans .referansbaslik p {font-size:14px;}
.anasayfareferans .slick-list {margin:0;}
.anasayfareferans .slick-slide {margin:0;}
.anasayfareferans .referansitem a {height:106px; padding:22px;}
.anasayfareferans .referansitem img {max-height:56px;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.anasayfareferans {padding:62px 0 76px 0; background-size:520px auto;}
.anasayfareferans .referansitem a {height:110px;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.anasayfareferans {background-size:580px auto;}
.anasayfareferans .referansitem a {height:110px; padding:24px;}
}


.altbilgi {width:100%; float:left; position:relative; padding:74px 0 32px 0; background:#0B1F3A url('../img/genel/footerbg.png') no-repeat left 35px top 18px; background-size:760px auto; border-radius:8px 8px 0 0; overflow:hidden;}
.altbilgi .container {position:relative; z-index:2;}

.altbilgi .altust {width:100%; float:left; padding-bottom:78px;}
.altbilgi .altlogoalan {width:100%; float:left; padding-right:70px;}
.altbilgi .altlogo {width:190px; float:left; display:block; margin-bottom:28px;}
.altbilgi .altlogo img {max-width:190px; display:block; filter:brightness(0) invert(1);}
.altbilgi .altlogoalan p {width:100%; float:left; font-size:15px; font-weight:400; line-height:1.9; color:#fff; margin:0 0 78px 0; padding:0;}

.altbilgi .altsosyal {width:100%; float:left; display:flex; align-items:center; margin:0; padding:0; list-style:none;}
.altbilgi .altsosyal li {width:auto; float:none; margin:0 8px 0 0; padding:0;}
.altbilgi .altsosyal li a {width:34px; height:34px; display:flex; align-items:center; justify-content:center; border:1px solid rgba(255,255,255,.85); border-radius:5px; text-decoration:none; transition:all .35s;}
.altbilgi .altsosyal li a img {width:12px; height:12px; display:block; filter:brightness(0) invert(1); transition:all .35s;}
.altbilgi .altsosyal li a:hover {background:#fff;}
.altbilgi .altsosyal li a:hover img {filter:brightness(0) saturate(100%) invert(9%) sepia(27%) saturate(1844%) hue-rotate(178deg) brightness(96%) contrast(96%);}

.altbilgi .altmenualan,
.altbilgi .altiletisim {width:100%; float:left; padding-top:35px;}

.altbilgi h3 {font-size:16px; font-weight:800; color:#fff; margin:0 0 28px 0; padding:0;}
.altbilgi ul {width:100%; float:left; margin:0; padding:0; list-style:none;}
.altbilgi ul li {width:100%; float:left; margin:0 0 13px 0; padding:0;}
.altbilgi ul li:last-child {margin-bottom:0;}
.altbilgi ul li a {font-size:14px; font-weight:400; color:#fff; text-decoration:none; transition:all .35s;}
.altbilgi ul li a:hover {color:rgba(255,255,255,.65);}

.altbilgi .altiletisim p {width:100%; float:left; font-size:14px; font-weight:400; line-height:1.55; color:#fff; margin:0 0 13px 0; padding:0;}
.altbilgi .altiletisim p a {color:#fff; text-decoration:none; transition:all .35s;}
.altbilgi .altiletisim p a:hover {color:rgba(255,255,255,.65);}

.altbilgi .altalt {width:100%; float:left; border-top:1px solid rgba(255,255,255,.28); padding-top:31px; display:flex; align-items:center; justify-content:space-between;}
.altbilgi .telif {width:auto; float:left;}
.altbilgi .telif p {font-size:13px; font-weight:400; color:#fff; margin:0; padding:0;}

.altbilgi .yedirenk {width:auto; display:flex; align-items:center;}
.altbilgi .yedirenk span {font-size:13px; font-weight:400; color:#fff; margin-right:13px;}
.altbilgi .yedirenk img {height:22px; width:auto; display:block;}

@media only screen and (max-width: 767px) {
.altbilgi {width:calc(100% - 20px); margin:0 10px; padding:50px 0 28px 0; background-size:560px auto; background-position:left -155px top 20px; border-radius:8px 8px 0 0;}
.altbilgi .altust {padding-bottom:42px;}
.altbilgi .altlogoalan {padding-right:0;}
.altbilgi .altlogo {width:180px; margin-bottom:24px;}
.altbilgi .altlogo img {max-width:180px;}
.altbilgi .altlogoalan p {font-size:14px; line-height:1.75; margin-bottom:34px;}
.altbilgi .altsosyal {display:flex; flex-direction:row;}
.altbilgi .altsosyal li {width:auto; float:none; margin:0 8px 0 0;}
.altbilgi .altmenualan,
.altbilgi .altiletisim {padding-top:34px;}
.altbilgi h3 {font-size:15px; margin-bottom:18px;}
.altbilgi ul li {margin-bottom:10px;}
.altbilgi ul li a,
.altbilgi .altiletisim p {font-size:14px;}
.altbilgi .altalt {display:block; padding-top:24px;}
.altbilgi .telif {width:100%; margin-bottom:18px;}
.altbilgi .telif p {font-size:12px; line-height:1.5;}
.altbilgi .yedirenk {width:100%; justify-content:flex-start;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.altbilgi {padding:62px 0 30px 0; background-size:680px auto; background-position:left -120px top 18px;}
.altbilgi .altust {padding-bottom:54px;}
.altbilgi .altlogoalan {padding-right:0;}
.altbilgi .altlogoalan p {margin-bottom:44px;}
.altbilgi .altmenualan,
.altbilgi .altiletisim {padding-top:42px;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.altbilgi {background-size:680px auto;}
.altbilgi .altlogoalan {padding-right:35px;}
}



.icsayfaust {width:100%; height:270px; float:left; position:relative; background:#0B1F3A; overflow:hidden; border-radius:0 0 8px 8px;}
.icsayfaust .container {height:270px; position:relative;}

.icsayfaust .sayfabaslik {width:100%; float:left; position:absolute; left:15px; bottom:62px; color:#fff;}
.icsayfaust .sayfabaslik h1 {font-size:22px; font-weight:700; color:#fff; margin:0 0 6px 0; padding:0;}
.icsayfaust .sayfabaslik p {font-size:12px; font-weight:300; color:#fff; margin:0; padding:0;}
.icsayfaust .sayfabaslik p a {color:#fff; text-decoration:none;}
.icsayfaust .sayfabaslik p span {margin:0 4px;}

.icsayfahakkimizda {width:100%; float:left; position:relative; padding:95px 0; background:#fff url('../img/genel/hakkimizdabg.jpg') no-repeat left bottom; background-size:720px auto; overflow:hidden;}
.icsayfahakkimizda .container {position:relative; z-index:2;}

.icsayfahakkimizda .icshakkimizdametin {width:100%; float:left; padding-right:40px;}
.icsayfahakkimizda .icshakkimizdametin h2 {font-size:24px; font-weight:800; color:#0B1F3A; margin:0 0 20px 0; padding:0;}
.icsayfahakkimizda .icshakkimizdametin p {font-size:15px; font-weight:400; line-height:1.72; color:#2F3640; margin:0 0 22px 0; padding:0;}
.icsayfahakkimizda .icshakkimizdametin p:last-child {margin-bottom:0;}
.icsayfahakkimizda .icshakkimizdametin strong {font-weight:800; color:#0B1F3A;}

.icsayfahakkimizda .icshakkimizdagorsel {width:100%; float:left; border-radius:10px; overflow:hidden; position:relative;}
.icsayfahakkimizda .icshakkimizdagorsel:before {content:""; width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; border-radius:10px; box-shadow:inset 0 0 0 1px rgba(11,31,58,.06); pointer-events:none;}
.icsayfahakkimizda .icshakkimizdagorsel img {width:100%; height:490px; object-fit:cover; border-radius:10px; transition:all .45s;}
.icsayfahakkimizda .icshakkimizdagorsel:hover img {transform:scale(1.03);}

@media only screen and (max-width: 767px) {
.icsayfahakkimizda {padding:58px 0; background-size:430px auto; background-position:left -40px bottom;}
.icsayfahakkimizda .icshakkimizdametin {padding-right:0;}
.icsayfahakkimizda .icshakkimizdametin h2 {font-size:22px; margin-bottom:16px;}
.icsayfahakkimizda .icshakkimizdametin p {font-size:14px; line-height:1.66; margin-bottom:18px;}
.icsayfahakkimizda .icshakkimizdagorsel {margin-top:30px;}
.icsayfahakkimizda .icshakkimizdagorsel img {height:310px;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.icsayfahakkimizda {padding:72px 0; background-size:560px auto; background-position:left -20px bottom;}
.icsayfahakkimizda .icshakkimizdametin {padding-right:0;}
.icsayfahakkimizda .icshakkimizdagorsel {margin-top:35px;}
.icsayfahakkimizda .icshakkimizdagorsel img {height:400px;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.icsayfahakkimizda {background-size:620px auto;}
.icsayfahakkimizda .icshakkimizdametin {padding-right:25px;}
.icsayfahakkimizda .icshakkimizdagorsel img {height:455px;}
}


.icsayfaurunler {width:100%; float:left; position:relative; padding:95px 0; background:#fff; overflow:hidden;}
.icsayfaurunler .urunustalan {width:100%; float:left; margin-bottom:38px;}

.icsayfaurunler .urunbuyukgorsel {width:100%; float:left; overflow:hidden; position:relative;}
.icsayfaurunler .urunbuyukgorsel img {width:100%; height:auto; object-fit:contain; display:block; transition:all .45s; border-radius:10px;}
.icsayfaurunler .urunbuyukgorsel:hover img {transform:scale(1.02);}

.icsayfaurunler .urunicerik {width:100%; float:left; padding-left:22px;}
.icsayfaurunler .urunicerik h2 {font-size:28px; font-weight:800; color:#0B1F3A; margin:0 0 18px 0; padding:0;}
.icsayfaurunler .urunicerik p {font-size:15px; font-weight:400; line-height:1.78; color:#2F3640; margin:0 0 22px 0; padding:0;}
.icsayfaurunler .urunicerik ul {width:100%; float:left; margin:0 0 24px 0; padding:0; list-style:none;}
.icsayfaurunler .urunicerik ul li {width:100%; float:left; position:relative; font-size:15px; font-weight:500; line-height:1.72; color:#2F3640; margin:0 0 12px 0; padding:0 0 0 22px;}
.icsayfaurunler .urunicerik ul li:before {content:""; width:8px; height:8px; position:absolute; left:0; top:9px; background:#0B1F3A; border-radius:100%;}
.icsayfaurunler .urunicerik ul li:last-child {margin-bottom:0;}

.icsayfaurunler .urunetiketler {width:100%; float:left;}
.icsayfaurunler .urunetiketler span {width:auto; height:38px; float:left; display:flex; align-items:center; padding:0 16px; margin:0 10px 10px 0; background:#F1F3F6; border:1px solid #E2E7EE; border-radius:5px; font-size:13px; font-weight:700; color:#0B1F3A;}

.icsayfaurunler .urunaltyapi {width:100%; float:left;}
.icsayfaurunler .urunbilgikutu,
.icsayfaurunler .urunteknikkutu {width:100%; float:left; min-height:100%; background:#F8F9FB; border:1px solid #E8ECF1; border-radius:10px; padding:34px 34px 30px 34px;}

.icsayfaurunler .urunbilgikutu h3,
.icsayfaurunler .urunteknikkutu h3 {font-size:22px; font-weight:800; color:#0B1F3A; margin:0 0 20px 0; padding:0;}
.icsayfaurunler .urunbilgikutu p {font-size:15px; font-weight:400; line-height:1.75; color:#2F3640; margin:0 0 18px 0; padding:0;}
.icsayfaurunler .urunbilgikutu p:last-child {margin-bottom:0;}

.icsayfaurunler .uruntablo {width:100%; float:left;}
.icsayfaurunler .uruntablo table {width:100%; border-collapse:collapse;}
.icsayfaurunler .uruntablo table tr th {background:#465C82; font-size:15px; font-weight:700; color:#fff; padding:16px 18px; border-right:2px solid #fff;}
.icsayfaurunler .uruntablo table tr th:last-child {border-right:0;}
.icsayfaurunler .uruntablo table tr td {font-size:14px; font-weight:500; color:#2F3640; padding:15px 18px; border-bottom:1px solid #E7EBF0; border-right:1px solid #E7EBF0; background:#fff;}
.icsayfaurunler .uruntablo table tr td:last-child {border-right:0; text-align:center; font-weight:700; color:#0B1F3A;}
.icsayfaurunler .uruntablo table tr:last-child td {border-bottom:0;}

.icsayfaurunler .urunnot {width:100%; float:left; margin-top:30px; padding:20px 24px; border:2px solid #465C82; border-radius:8px; background:#fff;}
.icsayfaurunler .urunnot p {font-size:15px; font-weight:600; color:#2F3640; margin:0; padding:0; display:flex; align-items:center;}
.icsayfaurunler .urunnot p span {width:24px; height:24px; display:flex; align-items:center; justify-content:center; margin-right:10px; border-radius:100%; background:#0B1F3A; color:#fff; font-size:13px; font-weight:700;}

@media only screen and (max-width: 767px) {
.icsayfaurunler {padding:58px 0;}
.icsayfaurunler .urunustalan {margin-bottom:24px;}
.icsayfaurunler .urunbuyukgorsel img {height:280px; padding:18px;}
.icsayfaurunler .urunicerik {padding-left:0; margin-top:28px;}
.icsayfaurunler .urunicerik h2 {font-size:24px; margin-bottom:14px;}
.icsayfaurunler .urunicerik p {font-size:14px; line-height:1.68; margin-bottom:18px;}
.icsayfaurunler .urunicerik ul li {font-size:14px; line-height:1.66; margin-bottom:10px;}
.icsayfaurunler .urunicerik ul li:before {top:8px;}
.icsayfaurunler .urunetiketler span {height:34px; font-size:12px; padding:0 12px; margin:0 8px 8px 0;}

.icsayfaurunler .urunbilgikutu,
.icsayfaurunler .urunteknikkutu {padding:26px 20px 22px 20px;}
.icsayfaurunler .urunbilgikutu {margin-bottom:18px;}
.icsayfaurunler .urunbilgikutu h3,
.icsayfaurunler .urunteknikkutu h3 {font-size:20px; margin-bottom:16px;}
.icsayfaurunler .urunbilgikutu p {font-size:14px; line-height:1.68; margin-bottom:16px;}

.icsayfaurunler .uruntablo {overflow-x:auto;}
.icsayfaurunler .uruntablo table {min-width:420px;}
.icsayfaurunler .uruntablo table tr th {font-size:14px; padding:14px 14px;}
.icsayfaurunler .uruntablo table tr td {font-size:13px; padding:13px 14px;}

.icsayfaurunler .urunnot {margin-top:20px; padding:16px 16px;}
.icsayfaurunler .urunnot p {font-size:14px; align-items:flex-start;}
.icsayfaurunler .urunnot p span {min-width:22px; width:22px; height:22px; margin-top:1px; margin-right:8px; font-size:12px;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.icsayfaurunler {padding:72px 0;}
.icsayfaurunler .urunbuyukgorsel img {height:350px;}
.icsayfaurunler .urunicerik {padding-left:0; margin-top:30px;}
.icsayfaurunler .urunbilgikutu {margin-bottom:24px;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.icsayfaurunler .urunbuyukgorsel img {height:395px;}
.icsayfaurunler .urunicerik {padding-left:8px;}
.icsayfaurunler .urunbilgikutu,
.icsayfaurunler .urunteknikkutu {padding:28px 24px;}
}


.icsayfahizmetler {width:100%; float:left; position:relative; padding:95px 0; background:#fff url('../img/genel/hakkimizdabg.jpg') no-repeat left bottom; background-size:720px auto; overflow:hidden;}
.icsayfahizmetler .container {position:relative; z-index:2;}

.icsayfahizmetler .icshizmetgorsel {width:100%; float:left; border-radius:10px; overflow:hidden; position:relative; background:#0B1F3A;}
.icsayfahizmetler .icshizmetgorsel:before {content:""; width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; border-radius:10px; box-shadow:inset 0 0 0 1px rgba(11,31,58,.06); pointer-events:none;}
.icsayfahizmetler .icshizmetgorsel img {width:100%; height:460px; object-fit:cover; display:block; border-radius:10px; transition:all .45s;}
.icsayfahizmetler .icshizmetgorsel:hover img {transform:scale(1.03); opacity:.88;}

.icsayfahizmetler .icshizmetmetin {width:100%; float:left; padding-left:42px;}
.icsayfahizmetler .icshizmetmetin h2 {font-size:25px; font-weight:800; color:#0B1F3A; margin:0 0 20px 0; padding:0 0 15px 0; position:relative;}
.icsayfahizmetler .icshizmetmetin p {font-size:15px; font-weight:400; line-height:1.76; color:#2F3640; margin:0 0 20px 0; padding:0;}
.icsayfahizmetler .icshizmetmetin ul {width:100%; float:left; margin:8px 0 0 0; padding:0; list-style:none;}
.icsayfahizmetler .icshizmetmetin ul li {width:100%; float:left; position:relative; font-size:15px; font-weight:500; line-height:1.68; color:#2F3640; margin:0 0 13px 0; padding:0 0 0 23px;}
.icsayfahizmetler .icshizmetmetin ul li:before {content:""; width:7px; height:7px; position:absolute; left:0; top:9px; background:#0B1F3A; border-radius:100%;}
.icsayfahizmetler .icshizmetmetin ul li:last-child {margin-bottom:0;}

@media only screen and (max-width: 767px) {
.icsayfahizmetler {padding:58px 0; background-size:430px auto; background-position:left -40px bottom;}
.icsayfahizmetler .icshizmetgorsel img {height:300px;}
.icsayfahizmetler .icshizmetmetin {padding-left:0; margin-top:30px;}
.icsayfahizmetler .icshizmetmetin h2 {font-size:22px; margin-bottom:16px;}
.icsayfahizmetler .icshizmetmetin h2:before {width:120px;}
.icsayfahizmetler .icshizmetmetin p {font-size:14px; line-height:1.66; margin-bottom:18px;}
.icsayfahizmetler .icshizmetmetin ul li {font-size:14px; line-height:1.62; margin-bottom:11px;}
.icsayfahizmetler .icshizmetmetin ul li:before {top:8px;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.icsayfahizmetler {padding:72px 0; background-size:560px auto; background-position:left -20px bottom;}
.icsayfahizmetler .icshizmetgorsel img {height:390px;}
.icsayfahizmetler .icshizmetmetin {padding-left:0; margin-top:35px;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.icsayfahizmetler {background-size:620px auto;}
.icsayfahizmetler .icshizmetgorsel img {height:430px;}
.icsayfahizmetler .icshizmetmetin {padding-left:28px;}
}



.icsayfareferanslar {width:100%; float:left; position:relative; padding:90px 0 72px 0; background:#fff url('../img/genel/hakkimizdabg.jpg') no-repeat right -120px bottom; background-size:720px auto; overflow:hidden;}
.icsayfareferanslar .container {position:relative; z-index:2;}
.icsayfareferanslar .referansliste {width:100%; float:left;}

.icsayfareferanslar .referanskutu {width:100%; float:left; margin-bottom:24px;}
.icsayfareferanslar .referanskutu a {width:100%; height:118px; float:left; display:flex; align-items:center; justify-content:center; background:#fff; border:1px solid #E9ECF1; border-radius:8px; text-decoration:none; padding:25px 22px; transition:all .35s;}
.icsayfareferanslar .referanskutu img {max-width:100%; max-height:62px; object-fit:contain; display:block; transition:all .35s;}
.icsayfareferanslar .referanskutu a:hover {border-color:#0B1F3A; box-shadow:0 18px 38px rgba(11,31,58,.08); transform:translateY(-4px);}
.icsayfareferanslar .referanskutu a:hover img {transform:scale(1.04);}

@media only screen and (max-width: 767px) {
.icsayfareferanslar {padding:56px 0 42px 0; background-size:430px auto; background-position:right -160px bottom;}
.icsayfareferanslar .referanskutu {margin-bottom:18px;}
.icsayfareferanslar .referanskutu a {height:105px; padding:22px 18px;}
.icsayfareferanslar .referanskutu img {max-height:54px;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.icsayfareferanslar {padding:70px 0 52px 0; background-size:560px auto;}
.icsayfareferanslar .referanskutu a {height:110px;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.icsayfareferanslar {background-size:620px auto;}
.icsayfareferanslar .referanskutu a {height:112px; padding:24px 20px;}
}

.icsayfaprojeler {width:100%; float:left; position:relative; padding:90px 0 62px 0; background:#fff url('../img/genel/hakkimizdabg.jpg') no-repeat right -120px bottom; background-size:720px auto; overflow:hidden;}
.icsayfaprojeler .container {position:relative; z-index:2;}
.icsayfaprojeler .projelisteitem {width:100%; float:left; margin-bottom:34px;}
.icsayfaprojeler .projelisteitem a {width:100%; float:left; text-decoration:none; outline:none;}
.icsayfaprojeler .projegorsel {width:100%; height:282px; float:left; position:relative; overflow:hidden; border-radius:8px; background:#0B1F3A;}
.icsayfaprojeler .projegorsel img {width:100%; height:100%; object-fit:cover; display:block; opacity:.72; transition:all .45s;}
.icsayfaprojeler .projelisteitem h3 {width:100%; float:left; font-size:16px; font-weight:600; color:#2F3640; margin:20px 0 0 0; padding:0; transition:all .35s;}
.icsayfaprojeler .projelisteitem a:hover .projegorsel img {transform:scale(1.04); opacity:.9;}
.icsayfaprojeler .projelisteitem a:hover h3 {color:#0B1F3A;}

.projedetaygaleri {width:100%; float:left; margin-top:55px; padding-top:42px; border-top:1px solid #E8ECF1;}
.projedetaygaleri h3 {font-size:22px; font-weight:800; color:#0B1F3A; margin:0 0 24px 0; padding:0;}
.projedetaygaleri .galeriitem {width:100%; height:210px; float:left; display:block; overflow:hidden; border-radius:8px; background:#0B1F3A; margin-bottom:24px;}
.projedetaygaleri .galeriitem img {width:100%; height:100%; object-fit:cover; display:block; transition:all .45s;}
.projedetaygaleri .galeriitem:hover img {transform:scale(1.05); opacity:.86;}
.hizmetdetaygaleri {width:100%; float:left; margin-top:55px; padding-top:42px; border-top:1px solid #E8ECF1;}
.hizmetdetaygaleri h3 {font-size:22px; font-weight:800; color:#0B1F3A; margin:0 0 24px 0; padding:0;}
.hizmetdetaygaleri .galeriitem {width:100%; height:230px; float:left; display:block; overflow:hidden; border-radius:8px; background:#0B1F3A; margin-bottom:24px;}
.hizmetdetaygaleri .galeriitem img {width:100%; height:100%; object-fit:cover; display:block; transition:all .45s;}
.hizmetdetaygaleri .galeriitem:hover img {transform:scale(1.05); opacity:.86;}
.galeri-acik {overflow:hidden;}
.galeri-lightbox {position:fixed; left:0; top:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center; padding:28px; background:rgba(22,12,8,.82); opacity:0; visibility:hidden; z-index:99999; transition:all .28s;}
.galeri-lightbox.acik {opacity:1; visibility:visible;}
.galeri-lightbox-icerik {max-width:980px; max-height:90vh; width:auto; position:relative; text-align:center;}
.galeri-lightbox-icerik img {max-width:100%; max-height:84vh; display:block; border-radius:8px; background:#fff; box-shadow:0 24px 70px rgba(0,0,0,.36);}
.galeri-lightbox-icerik span {display:block; margin-top:12px; font-size:14px; font-weight:700; color:#fff;}
.galeri-lightbox-kapat {width:42px; height:42px; position:absolute; right:24px; top:24px; border:1px solid rgba(255,255,255,.55); border-radius:50%; background:rgba(255,255,255,.10); cursor:pointer; z-index:2;}
.galeri-lightbox-kapat:before,
.galeri-lightbox-kapat:after {content:""; width:18px; height:2px; position:absolute; left:11px; top:19px; background:#fff; border-radius:2px;}
.galeri-lightbox-kapat:before {transform:rotate(45deg);}
.galeri-lightbox-kapat:after {transform:rotate(-45deg);}
.galeri-lightbox-kapat:hover {background:var(--tema-turuncu); border-color:var(--tema-turuncu);}

@media only screen and (max-width: 767px) {
.icsayfaprojeler {padding:56px 0 34px 0; background-size:430px auto; background-position:right -160px bottom;}
.icsayfaprojeler .projelisteitem {margin-bottom:26px;}
.icsayfaprojeler .projegorsel {height:235px;}
.icsayfaprojeler .projelisteitem h3 {font-size:15px; margin-top:16px;}
.projedetaygaleri {margin-top:34px; padding-top:30px;}
.projedetaygaleri h3 {font-size:20px; margin-bottom:18px;}
.projedetaygaleri .galeriitem {height:230px; margin-bottom:18px;}
.hizmetdetaygaleri {margin-top:34px; padding-top:30px;}
.hizmetdetaygaleri h3 {font-size:20px; margin-bottom:18px;}
.hizmetdetaygaleri .galeriitem {height:230px; margin-bottom:18px;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.icsayfaprojeler {padding:70px 0 44px 0; background-size:560px auto;}
.icsayfaprojeler .projegorsel {height:250px;}
.projedetaygaleri .galeriitem {height:190px;}
.hizmetdetaygaleri .galeriitem {height:190px;}
.galeri-lightbox {padding:18px;}
.galeri-lightbox-kapat {right:14px; top:14px;}
.galeri-lightbox-icerik img {max-height:80vh;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.icsayfaprojeler {background-size:620px auto;}
.icsayfaprojeler .projegorsel {height:255px;}
.projedetaygaleri .galeriitem {height:190px;}
.hizmetdetaygaleri .galeriitem {height:190px;}
}

.icsayfailetisim {width:100%; float:left; position:relative; padding:90px 0; background:#fff url('../img/genel/hakkimizdabg.jpg') no-repeat left bottom; background-size:720px auto; overflow:hidden;}
.icsayfailetisim .container {position:relative; z-index:2;}

.icsayfailetisim .iletisimbilgileri {width:100%; height:100%; float:left; background:#F8F9FB; border:1px solid #E8ECF1; border-radius:10px; padding:38px 34px;}
.icsayfailetisim .iletisimbilgileri h2 {font-size:24px; font-weight:800; color:#0B1F3A; margin:0 0 28px 0; padding:0 0 15px 0; position:relative;}

.icsayfailetisim .iletisimkutu {width:100%; float:left; display:flex; align-items:flex-start; background:#fff; border:1px solid #E8ECF1; border-radius:8px; padding:24px 22px; margin-bottom:16px; transition:all .35s;}
.icsayfailetisim .iletisimkutu:last-child {margin-bottom:0;}
.icsayfailetisim .iletisimkutu span {width:46px; height:46px; min-width:46px; display:flex; align-items:center; justify-content:center; background:#0B1F3A; border-radius:5px; margin-right:18px;}
.icsayfailetisim .iletisimkutu span img {width:19px; height:19px; filter:brightness(0) invert(1);}
.icsayfailetisim .iletisimkutu h3 {font-size:16px; font-weight:800; color:#0B1F3A; margin:0 0 7px 0; padding:0;}
.icsayfailetisim .iletisimkutu p {font-size:15px; font-weight:400; line-height:1.55; color:#2F3640; margin:0; padding:0;}
.icsayfailetisim .iletisimkutu p a {color:#2F3640; text-decoration:none; transition:all .35s;}
.icsayfailetisim .iletisimkutu p a:hover {color:#0B1F3A;}
.icsayfailetisim .iletisimkutu:hover {border-color:#0B1F3A; box-shadow:0 18px 38px rgba(11,31,58,.08); transform:translateY(-3px);}

.icsayfailetisim .iletisimharita {width:100%; height:100%; min-height:420px; float:left; border-radius:10px; overflow:hidden; border:1px solid #E8ECF1; background:#F8F9FB;}
.icsayfailetisim .iletisimharita iframe {width:100%; height:100%; display:block; filter:grayscale(15%);}

@media only screen and (max-width: 767px) {
.icsayfailetisim {padding:58px 0; background-size:430px auto; background-position:left -40px bottom;}
.icsayfailetisim .iletisimbilgileri {padding:28px 22px; margin-bottom:24px;}
.icsayfailetisim .iletisimbilgileri h2 {font-size:22px; margin-bottom:22px;}
.icsayfailetisim .iletisimbilgileri h2:before {width:120px;}
.icsayfailetisim .iletisimkutu {padding:20px 18px;}
.icsayfailetisim .iletisimkutu span {width:42px; height:42px; min-width:42px; margin-right:14px;}
.icsayfailetisim .iletisimkutu h3 {font-size:15px;}
.icsayfailetisim .iletisimkutu p {font-size:14px;}
.icsayfailetisim .iletisimharita {height:320px; min-height:320px;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.icsayfailetisim {padding:72px 0; background-size:560px auto; background-position:left -20px bottom;}
.icsayfailetisim .iletisimbilgileri {margin-bottom:28px;}
.icsayfailetisim .iletisimharita {height:380px; min-height:380px;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.icsayfailetisim {background-size:620px auto;}
.icsayfailetisim .iletisimbilgileri {padding:32px 26px;}
.icsayfailetisim .iletisimharita {min-height:395px;}
}

/* Orange theme adjustments */
:root {
--tema-turuncu:#f26f24;
--tema-koyu:#3a1f14;
--tema-koyu-2:#5a2c1b;
--tema-metin:#3b312c;
--tema-acik:#fff3ed;
--tema-cizgi:#f0d6c8;
}

.ustmenu nav ul li .submenu li a,
.ustmenu .megakolon h4,
.ustmenu .dilmenu li a,
.anasayfahakkimizda .hakkimizdametin h2,
.anasayfahakkimizda .hakkimizdametin strong,
.anasayfaprojeler .projelerbaslik h2,
.anasayfareferans .referansbaslik h2,
.icsayfahakkimizda .icshakkimizdametin h2,
.icsayfahakkimizda .icshakkimizdametin strong,
.icsayfaurunler .urunicerik h2,
.icsayfaurunler .urunbilgikutu h3,
.icsayfaurunler .urunteknikkutu h3,
.icsayfahizmetler .icshizmetmetin h2,
.projedetaygaleri h3,
.hizmetdetaygaleri h3,
.icsayfailetisim .iletisimbilgileri h2,
.icsayfailetisim .iletisimkutu h3 {color:var(--tema-turuncu);}

.ustmenu .megakolon ul li a,
.ustmenu nav ul li .submenu li a:hover,
.ustmenu .dilmenu li a:hover,
.anasayfahakkimizda .hakkimizdametin p,
.anasayfaprojeler .projelerbaslik p,
.anasayfaprojeler .projeitem h3,
.anasayfareferans .referansbaslik p,
.icsayfahakkimizda .icshakkimizdametin p,
.icsayfaurunler .urunicerik p,
.icsayfaurunler .urunicerik ul li,
.icsayfaurunler .urunbilgikutu p,
.icsayfaurunler .uruntablo table tr td,
.icsayfaurunler .urunnot p,
.icsayfahizmetler .icshizmetmetin p,
.icsayfahizmetler .icshizmetmetin ul li,
.icsayfaprojeler .projelisteitem h3,
.icsayfailetisim .iletisimkutu p,
.icsayfailetisim .iletisimkutu p a {color:var(--tema-metin);}

.altbilgi,
.icsayfaust,
.anasayfaprojeler .projegorsel,
.icsayfaprojeler .projegorsel,
.projedetaygaleri .galeriitem,
.hizmetdetaygaleri .galeriitem,
.icsayfahizmetler .icshizmetgorsel {background-color:var(--tema-koyu);}

.ustmenu nav ul li .submenu,
.ustmenu nav ul li .megaalan {background:#fff;}

@media only screen and (max-width: 767px) {
.ustmenu nav {background:var(--tema-koyu);}
.ustmenu nav ul li .submenu,
.ustmenu nav ul li .megaalan {background:var(--tema-koyu-2);}
}

.ustmenu .megakolon ul li a:before,
.icsayfaurunler .urunicerik ul li:before,
.icsayfaurunler .urunnot p span,
.icsayfahizmetler .icshizmetmetin ul li:before,
.icsayfailetisim .iletisimkutu span {background:var(--tema-turuncu);}

.ustmenu .megakolon ul li a:hover,
.ustmenu .dilalan:hover .dilsecili span,
.ustmenu .telefonalan:hover span,
.anasayfaslider .sliderbutonlar a:hover,
.anasayfaprojeler .projeitem a:hover h3,
.icsayfaprojeler .projelisteitem a:hover h3,
.icsayfailetisim .iletisimkutu p a:hover {color:var(--tema-turuncu);}

.anasayfaslider .sliderkararti {}
.anasayfaslider .slidericerik h1,
.anasayfaslider .slidericerik p {text-shadow:0 3px 16px rgba(0,0,0,.42);}

@media only screen and (max-width: 767px) {
.anasayfaslider .sliderarkaplan {background-position:center center;}
.anasayfaslider .sliderkararti {}
.anasayfaslider .slidericerik h1,
.anasayfaslider .slidericerik p {text-shadow:0 3px 18px rgba(0,0,0,.50);}
}

.anasayfahizmet .hizmetkutu span {background:linear-gradient(180deg, rgba(58,31,20,.08) 0%, rgba(98,43,22,.48) 56%, rgba(58,31,20,.88) 100%);}
.anasayfahizmet .hizmetkutu a:hover span {background:linear-gradient(180deg, rgba(58,31,20,.14) 0%, rgba(98,43,22,.62) 55%, rgba(58,31,20,.95) 100%);}

.anasayfaprojeler,
.icsayfaurunler .urunetiketler span,
.icsayfaurunler .urunbilgikutu,
.icsayfaurunler .urunteknikkutu,
.icsayfailetisim .iletisimbilgileri,
.icsayfailetisim .iletisimharita {background-color:var(--tema-acik);}

.ustmenu .megakolon h4,
.icsayfaurunler .urunetiketler span,
.icsayfaurunler .urunbilgikutu,
.icsayfaurunler .urunteknikkutu,
.icsayfaurunler .uruntablo table tr td,
.icsayfaurunler .urunnot,
.projedetaygaleri,
.hizmetdetaygaleri,
.icsayfailetisim .iletisimbilgileri,
.icsayfailetisim .iletisimkutu,
.icsayfailetisim .iletisimharita {border-color:var(--tema-cizgi);}

.icsayfaurunler .urunetiketler span,
.icsayfaurunler .uruntablo table tr td:last-child {color:var(--tema-koyu);}

.icsayfaurunler .uruntablo table tr th {background:var(--tema-turuncu);}
.icsayfaurunler .urunnot {border-color:var(--tema-turuncu);}

.anasayfareferans .referansitem a:hover,
.icsayfareferanslar .referanskutu a:hover,
.icsayfailetisim .iletisimkutu:hover {border-color:var(--tema-turuncu); box-shadow:0 18px 38px rgba(242,111,36,.12);}

.anasayfahakkimizda .hakkimizdagorsel:before,
.icsayfahakkimizda .icshakkimizdagorsel:before,
.icsayfahizmetler .icshizmetgorsel:before {box-shadow:inset 0 0 0 1px rgba(242,111,36,.08);}

.ustmenu .dilalan:hover .dilsecili img,
.ustmenu .telefonalan:hover img,
.anasayfaslider .slideroklar a:hover img,
.anasayfaprojeler .projeleroklar button:hover img {filter:brightness(0) saturate(100%) invert(55%) sepia(87%) saturate(2341%) hue-rotate(346deg) brightness(99%) contrast(92%);}

.bosdurum {width:100%; float:left; background:rgba(255,255,255,.86); border:1px dashed var(--tema-cizgi); border-radius:8px; padding:34px 28px; text-align:center;}
.bosdurum p {font-size:15px; font-weight:700; color:var(--tema-metin); margin:0; padding:0;}
.anasayfareferans .bosdurum,
.icsayfaprojeler .bosdurum,
.icsayfareferanslar .bosdurum {background:var(--tema-acik);}
.icbosdurum {margin:0 0 24px 0;}

@media only screen and (max-width: 767px) {
.bosdurum {padding:26px 18px;}
.bosdurum p {font-size:14px;}
}

.ustmenu nav ul li .submenu li a,
.ustmenu .megakolon ul li a {color:var(--tema-metin);}

.ustmenu nav ul li .submenu li a:hover,
.ustmenu .megakolon ul li a:hover {color:var(--tema-turuncu); background:var(--tema-acik);}

@media only screen and (max-width: 480px) {
.anasayfaslider,
.anasayfaslider .carousel,
.anasayfaslider .carousel-inner,
.anasayfaslider .carousel-item,
.anasayfaslider .sliderarkaplan,
.anasayfaslider .container {height:540px;}
.anasayfaslider .slidericerik {bottom:84px;}
.anasayfaslider .slidericerik h1 {font-size:22px;}
.anasayfaslider .sliderbutonlar a {height:46px;}
.anasayfaslider .slideroklar {bottom:24px;}
}

@media only screen and (max-width: 767px) {
.ustmenu nav {background:var(--tema-koyu); padding:8px 0 10px 0;}
.ustmenu nav > ul > li > a {height:46px; padding:0 14px; color:#fff; border-bottom:1px solid rgba(255,255,255,.12);}
.ustmenu nav > ul > li.dropdown > a:after {margin-left:auto;}
.ustmenu nav ul li.dropdown.acik > a {color:#fff;}
.ustmenu nav ul li.dropdown.acik > a:after {transform:rotate(180deg);}

.ustmenu nav ul li .submenu,
.ustmenu nav ul li .megaalan {width:calc(100% - 16px); margin:0 8px 10px 8px; background:#fff; border-radius:8px; box-shadow:0 14px 28px rgba(0,0,0,.16); overflow:hidden;}

.ustmenu nav ul li .submenu {padding:6px 0;}
.ustmenu nav ul li .submenu li a {height:auto; min-height:42px; padding:10px 16px; color:var(--tema-metin); background:#fff; border-bottom:1px solid var(--tema-cizgi); line-height:1.35;}
.ustmenu nav ul li .submenu li:last-child a {border-bottom:0;}
.ustmenu nav ul li .submenu li a:hover {color:var(--tema-turuncu); background:var(--tema-acik);}

.ustmenu nav ul li .megaalan {padding:0; grid-template-columns:1fr;}
.ustmenu .megakolon {padding:15px 16px 10px 16px; border-bottom:1px solid var(--tema-cizgi);}
.ustmenu .megakolon:last-child {border-bottom:0;}
.ustmenu .megakolon h4 {font-size:14px; line-height:1.35; color:var(--tema-turuncu); margin:0 0 8px 0; padding:0 0 9px 0; border-bottom:1px solid var(--tema-cizgi);}
.ustmenu .megakolon ul li a {min-height:38px; padding:8px 0; color:var(--tema-metin); background:#fff; font-size:13px; line-height:1.35; border-bottom:1px solid rgba(240,214,200,.72);}
.ustmenu .megakolon ul li:last-child a {border-bottom:0;}
.ustmenu .megakolon ul li a:before {background:var(--tema-turuncu); opacity:.55;}
.ustmenu .megakolon ul li a:hover {color:var(--tema-turuncu); background:#fff; padding-left:0;}
.ustmenu .megakolon ul li a:hover:before {opacity:1;}
}

@media only screen and (max-width: 767px) {
.ustmenu.mobilacik {background:var(--tema-koyu); border-radius:0 0 12px 12px; box-shadow:0 18px 34px rgba(0,0,0,.28);}
.ustmenu.mobilacik #header {background:var(--tema-koyu); border-bottom:0; border-radius:0 0 12px 12px; overflow:hidden;}
.ustmenu.mobilacik .logo,
.ustmenu.mobilacik .mobilmenubuton {background:var(--tema-koyu);}
.ustmenu.mobilacik nav {background:var(--tema-koyu); padding:0; border-top:1px solid rgba(255,255,255,.12);}
.ustmenu.mobilacik nav > ul {background:var(--tema-koyu);}
.ustmenu.mobilacik nav > ul > li > a {padding:0 14px; background:var(--tema-koyu); color:#fff; border-bottom:1px solid rgba(255,255,255,.12);}
.ustmenu.mobilacik nav > ul > li > a:hover {color:#fff;}
.ustmenu.mobilacik .sagalan {background:var(--tema-koyu); border-top:1px solid rgba(255,255,255,.12); padding:14px 0 16px 0;}
.ustmenu.mobilacik .dilsecili,
.ustmenu.mobilacik .telefonalan {border-color:rgba(255,255,255,.72); background:rgba(255,255,255,.04);}
.ustmenu.mobilacik .telefonalan:before {background:#fff;}
.ustmenu.mobilacik .dilmenu {background:#fff;}
.ustmenu.mobilacik .dilmenu li a {color:var(--tema-metin);}
.ustmenu.mobilacik .dilmenu li a:hover {color:var(--tema-turuncu); background:var(--tema-acik);}
}

.whatsapp-sabit {position:fixed; left:22px; bottom:22px; width:56px; height:56px; display:flex; align-items:center; justify-content:center; background:#25D366; border-radius:50%; box-shadow:0 16px 32px rgba(37,211,102,.28); z-index:9998; transition:all .35s;}
.whatsapp-sabit img {width:29px; height:29px; display:block;}
.whatsapp-sabit:hover {transform:translateY(-3px); box-shadow:0 20px 38px rgba(37,211,102,.36);}

@media only screen and (max-width: 767px) {
.whatsapp-sabit {left:16px; bottom:16px; width:50px; height:50px;}
.whatsapp-sabit img {width:26px; height:26px;}
}