@font-face {font-family: 'Segoe UI Bold';font-style: normal;font-weight: normal;src: local('Segoe UI Bold'), url('../fonts/Segoe UI Bold.woff') format('woff');}
@font-face {font-family: 'Segoe UI Regular';font-style: normal;font-weight: normal;src: local('Segoe UI Regular'), url('../fonts/Segoe UI.woff') format('woff');}
@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700&display=swap');
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, img, ins, kbd, q, s, samp, small, sub, sup, tt, var, 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, input, textarea { margin: 0px; padding: 0px; border: 0px; vertical-align: baseline; }
/* HTML5 reset-browser */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body {font-family: 'Quicksand', sans-serif;overflow-x:hidden;color: #001828 }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
a { text-decoration: none }
:focus { outline: 0 }
.clear { clear: both }
img { max-width: 100%; height: auto; }
.main{width: calc(100% - 95px);position: relative;float: right;z-index: 0;}
.container{width: 90%; margin: auto;}
.language ul:hover{height:100px;}
.language::after{content: "";position: absolute;width: 0px;height: 0px;border-bottom: 0px;border-top: 5px solid #FFFFFF;border-left: 5px solid transparent;border-right : 5px solid transparent;left: 50%;bottom: -10px;margin-left: -5px;}
.btn-tel{color: #FFFFFF;margin: auto;width: 100%;display: flex;align-items: center;}
.btn-tel span strong {display: block;font-size: 20px;margin-left: -2px;}
.btn-tel span {font-size: 8px;font-weight: 400;text-align: left;line-height: 15px;display: inline-block;}
.bize-ulas{background-color: rgba(255,255,255,0.12);position: relative;height: 295px;/* width: 277px; *//* left: -90px; */display: flex;float: left;}
.btn-tel img {position: absolute;left: 38px;top: 30px;transform: rotate(180deg);}
.bize-ulas a {width: 100%;height: 100%;display: flex;align-items: center;writing-mode: vertical-rl;-webkit-writing-mode: vertical-rl;-ms-writing-mode: vertical-rl;transform: rotate(180deg);}
.ana-slider a { width: 100%; height: 100%;  position: absolute;}
.ana-slider .swiper-slide{height: 100vh;background-size:cover; background-position: center;}
.ana-slider .swiper-slide::before{content: "";position: absolute;width: 100%;height: 100%;left: 0px;top: 0px; background-color: rgba(0, 0, 0, 0.48);}
.ana-slider .slogan{position: absolute; color: #FFFFFF; width: 45%;margin-top: 19%;}
.ana-slider .slogan h2 {font-size: 53px;font-weight: 700;line-height: 80px;}
.ana-slider .slogan p {font-weight: 500; margin-bottom: 15%;font-size: 18px}
.ana-slider .slogan .slider-btn span{font-weight: 700;color: #FFFFFF;padding-right: 35px;}
.ana-slider .slogan  .slider-btn{border: 1px solid #FFFFFF;border-radius:100px;padding: 20px 30px 20px 40px;width: 178px;}
.ana-menu ul li a:hover::before{width: 100%;}
.ana-menu ul li:nth-child(6){margin-bottom:0px;}
.ana-menu-bottom ul li span{width: 50%}
.mobile-shadow{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);visibility:hidden;opacity:0;transition:all .2s ease-in-out;display:block}
.mobile-shadow.active{visibility:inherit;z-index:9;opacity:1;right:300px}
.menu-trigger.second{transition:all .5s 0s;/* z-index:5; */height:22px;width: 100%;margin:0 auto;position: relative;/* float: left; *//* right: 10px; */}
.main.active{right:300px;box-shadow:5px 0 15px rgba(0,0,0,.3)}
.swiper-container-horizontal>.swiper-pagination-bullets, .ana-slider .swiper-pagination-custom, .ana-slider .swiper-pagination-fraction {bottom: 125px !important;left: 0  !important; text-align: left  !important; width: 100%;margin-left: 5%  !important;}
.ana-slider .swiper-pagination-bullet {width: 24px;height: 12px;display: inline-block;border-radius: 100px;background: #fff;opacity: 0.16;}
.ana-slider .swiper-pagination-bullet-active {opacity: 1; background: #fff; width: 100px;}
.ana-hizmetler .title h2{font-weight: 700; font-size: 30px;padding: 100px 0px 75px 0px;}
.ana-hizmetler ul li a img :nth-child(3){padding-left:0px}
.ana-hizmetler ul li a {display: block;position: relative;color: #fff;width: 100%;height: 100%;}
.ana-hizmetler ul {display: inline-block;width: 100%;}
.ana-hizmetler ul li a .img-yazi {position: absolute;top: 245px; left: 60px;font-size: 25px;font-weight: 700}
.ana-hizmetler ul li a .img-yazi span{font-weight: 700;font-size: 14px;}
.ana-hizmetler ul li a .img-yazi span img{ margin-left: 20px;transition: all .3s ease-in-out}
.ana-hizmetler ul li a::before{content: "";position: absolute;width: 100%;height: 100%;left: 0px; top: 0px;  background-color: rgba(0, 0, 0, 0.46)}
.ana-hizmetler ul li a .img-yazi h3{margin-bottom: 35px;line-height: 46px;}
.ana-hizmetler ul li a .img-yazi span:hover img{margin-left:50px;}
.ana-hizmetler ul li a .no {font-size: 25px;font-weight: 700;position: absolute;left: 60px;top: 60px;}
.ana-hizmetler ul li a:hover{background-color: rgba(0, 0, 0, 0.60); transition: all .3s ease-in-out}
.full-ana-hizmetler{background-color: #FBFBFB;padding-bottom: 100px;}
.neler-yaptik .title h2{font-size: 30px;font-weight: 700;margin-top: 110px;margin-bottom: 100px;}
.neler-yaptik .title h3{font-size: 30px;font-weight: 700;line-height: 41px;margin-bottom: 20px;}
.neler-yaptik .title{text-align: center; border-bottom: 2px solid #001828;margin: 0% 20% 1% 20%;padding-bottom: 70px;}
.neler-yaptik .title span{font-size: 18px;}
.orta-neler-yaptik .row{width: auto;position: relative;display: flex;margin: auto;align-items: center;}
.orta-neler-yaptik .row .col1{width: 20%;position: relative;text-align: center;}
.orta-neler-yaptik .row .col2{width: 60%;margin: auto;}
.orta-neler-yaptik .row .col1 span{display: block;font-size: 64px;font-weight:700;line-height: 75px;}
.orta-neler-yaptik .row .col1 ul li:nth-child(1){margin-bottom: 150px;}
.orta-neler-yaptik .row .col1 ul li:nth-child(2){margin-top: 150px;margin: auto;}
.orta-neler-yaptik .row .col1 span {display: table;margin: auto;}
.orta-neler-yaptik .row .col1 ul {display: table;margin: auto;}
.projeler-slider .ana-projeler .swiper-wrapper .swiper-slide{height: 500px;background-size: cover;background-position: center;position: relative;}
.projeler-slider{float: left;overflow: hidden;margin-bottom: -49px;}
.ana-projeler .swiper-slide{ cursor: pointer;}
.ana-projeler .swiper-slide a .baslik h4{font-size: 18px;color: #001828;}
.ana-projeler .swiper-slide a .baslik span{font-size: 14px;opacity: 0.56;line-height: 30px;color: #001828;}
.ana-projeler .swiper-slide a .baslik .baslik-btn {font-size: 14px;font-weight: 700;line-height: 70px;color: #001828;}
.ana-projeler .swiper-slide .baslik .baslik-btn img{margin-left: 20px;transition: all .3s ease-in-out;}
.ana-projeler .swiper-slide .baslik .baslik-btn:hover img{margin-left:50px;}
.proje-gorsel{width: 100%;height: 315px;background-position: center;background-size: cover;}
.ana-projeler .swiper-slide .baslik span{font-size: 14px;opacity: 0.56;line-height: 30px;}
.ana-projeler .swiper-slide .baslik{margin-top: 30px;}
.projeler-slider .ana-projeler{width: 120%;margin-right: -20%;}
section.ana-footer {background: #FBFBFB;float: left;position: relative;width: 100%;}
.footer .footer-logo {margin-top: 40px;margin-bottom: 40px;}
.footer .footer-contact .footer-haberdar-ol h2,.footer .footer-contact .footer-iletisim h2{font-size: 14px;    padding-bottom: 35px;}
.footer .footer-contact .footer-haberdar-ol label{display: block;font-size: 14px;font-weight: 700;}
.footer .footer-contact .footer-haberdar-ol input#mail {border: none;background-color: transparent ;border-bottom: 1px solid #707070;margin-bottom: 30px;margin-top: 3px;width: 440px; height: 41px;}
.footer .footer-contact {padding-bottom: 85px;position: relative;width: 100%;float: left;  border-bottom: 1px solid #707070;}
.footer .footer-contact .footer-haberdar-ol input#kayitol {display: block;background-color: #001828;opacity: 0.52;color: #fff;border: 1px solid;border-radius: 100px;padding: 12px 30px; font-size: 14px;font-weight: 700;font-family: 'Quicksand', sans-serif; letter-spacing: 1px;cursor: pointer;}
.footer .footer-contact  .footer-iletisim{float: left;width: 30%;}
.footer .footer-contact .footer-haberdar-ol{float: left;width: 40%;}
.footer .footer-contact .footer-menu{float: left;width: 25%;}
.footer .footer-contact .footer-iletisim a, .footer .footer-contact .footer-iletisim span {color: #001828;opacity: 0.43;display: block;padding-bottom: 25px;}
.footer .footer-contact .footer-iletisim .footer-harita{font-size: 14px;font-weight: 700;display: table;border-bottom: 1px solid #001828;padding-right: 30px;margin-top: 20px;} 
.footer .footer-contact .footer-iletisim .footer-harita img {padding-right: 20px;}
.footer .footer-contact .footer-iletisim .footer-harita a{opacity: 1;padding-bottom: 3px;}
.footer .footer-contact .footer-menu ul li {margin-bottom: 30px;width: 50%;float: left;}
.footer .footer-contact .footer-menu ul li a {color: #001828;font-size: 14px;font-weight: 700;}
.ana-footer .footer {float: left;position: relative;width: 100%;border-bottom: 1px solid #707070;}
.footer .footer-sosyaliconlar {width: 20px; position: absolute;bottom: 0px;right:-30px;}
.footer-sosyaliconlar ul li {margin-top: 20px;}
.footer .footer-sosyaliconlar ul li a img {filter: brightness(0);transition: all ease-in-out 0.3s;}
.iconlar ul li a img{filter: brightness(0) invert(1);transition: all ease-in-out 0.3s;}
.footer .footer-sosyaliconlar ul li a img:hover {filter:none;}
.iconlar ul li a img:hover{filter:none;}
.copright p {font-size: 14px;font-weight: 700;padding: 45px 0px;}
.copright { float: left; position: relative; width: 100%;}
.orta-kurumsal .aciklama span {font-size: 30px;line-height: 55px;}
.orta-kurumsal .aciklama i img {position: absolute;top: 15px;left: -363px;bottom: 0;z-index: 0;}
.swiper-pagination.proje-pagi.swiper-pagination-bullets{display: none;}
.hakkimizda{width: 100%;height: 100vh;background-size: cover;background-position: right;float: left;position: relative;display: flex;}
.hakkimizda .hakkimida-detay h1 {font-size: 30px;margin-bottom: 20px;}
.hakkimida-detay {width: 95%;}
.alt-detay h2 {font-size: 24px;font-weight: 700;width: 200px;float: left;text-align: end;margin-top: 10px;margin-right: 90px;}
.alt-detay p {/* width: 90%; */float: left;/* margin-bottom: 20px; */margin-right: 80px;}
.alt-detay {position: relative;width: 100%;float: left;padding: 100px 0px; background: #011F33;color: #fff;}
.alt-detay:nth-child(even) { background: #001828;}
section.hakkimiz {position: relative;float: left;width: 100%;height: 100%;background: #E4E4E4;}@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700&display=swap');
body {font-family: 'Quicksand', sans-serif;overflow-x:hidden }
.header{width: 95px;height: 100vh;background-color: #001828;position:fixed;left: 0;top: 0;text-align: center;z-index: 2;display: flex;flex-direction: column;justify-content: space-between;}
.iconlar{width: 100%;float: left;margin-bottom: 70px;}
.iconlar ul li{padding-top: 6px;}
.iconlar ul li:nth-child(1){padding-top: 0px;}
.logo {float: left;text-align: center;width: 100%;position: relative;bottom: 98px;}
.language ul {height: 20px;overflow: hidden;transition: all ease-in-out 0.3s;position: relative;bottom: 0px;text-align: center;width: 100%;}
.language ul li a{color: #FFFFFF;font-weight:700;line-height: 30px;}
.language{position: relative;float: left;width: 100%;display: none;}
.menu-content{background-color: rgba(0,24,40,0.95);height: 100vh;width: 35%;position: fixed;z-index: 2;left: -100vh;transition: all ease-in-out 0.3s;color: #FFFFFF;padding-left: 40px;box-sizing: border-box;overflow: hidden;z-index: 1;}
.menu-content.open{left: 95px;}
.ana-menu span{font-weight: 700;font-size: 50px;border-bottom: 1px solid rgba(250,250,250, 0.29);width: 100%;float: left;padding-top: 11%;padding-bottom: 15px;margin-bottom: 37px;}
.ana-menu ul li a{color:#FFFFFF;font-size: 18px;font-weight: 700;position: relative;}
.ana-menu ul li a::before{content: "";position: absolute;width:0%;height: 100%;border-bottom: 1px solid #fff;left: 0px;top: 6px;transition: all .3s ease-in-out}
.ana-menu ul li{margin-bottom: 21px;line-height: 48px;}
.ana-menu-bottom {position: absolute;bottom: 0px;border-top: 1px solid rgba(250,250,250, 0.29);width: 100%;padding-top: 30px;padding-bottom: 70px;}
.ana-menu-bottom span{font-size: 18px;font-weight: 700;}
.ana-menu-bottom ul li a, .ana-menu-bottom ul li span{color:#FFFFFF;padding-left: 40px;}
.ana-menu-bottom ul li::before{content: "";position: absolute;background-color:#FFFFFF;width: 20px;margin:0px;padding: 0px;height: 20px;border-radius: 100px;margin-right: 10px;top: 0px;}
.ana-menu-bottom ul li, .ana-menu-bottom ul li span{font-size: 14px;font-weight: 700;margin-top: 20px;display: block;position: relative;}
.menu-trigger.second .line{width:100%;position:absolute;top:0;left:0;height: 3px;background: #fff;transition:.3s;}
.menu-trigger.second .line.line-1{transition:all .3s .3s,transform .3s 0s}
.menu-trigger.second .line.line-2{top: 7px;/* margin-top:-1px; */left:0;transition:all .3s .3s;width: 80%;}
.menu-trigger.second .line.line-3{bottom:0;top: 14px;left:0;width: 80%;transition:all .3s .3s,transform .3s 0s;}
.menu-trigger.second .line.line-4{bottom:0;top: 21px;left:0;transition:all .3s .3s,transform .3s 0s;}
.menu-trigger.second.active{transform:rotate(135deg);transition:all .5s .3s}
.menu-trigger.second.active .line-1{top: 15px;margin-top:-1px;transform:rotate(90deg);transition:all .3s,transform .3s .3s;}
.menu-trigger.second.active .line-2,.menu-trigger.second.active .line-4{opacity:0;transition:all .3s,opacity .3s 0s}
.menu-trigger.second.active .line-3{bottom:50%;margin-bottom: 0px;transform:rotate(0);transition:all .3s,transform .3s .3s;width: 100%;}
.menu-trigger.second.active .line-4{bottom:50%;margin-bottom:-1px;transform:rotate(0);transition:all .3s,transform .3s .3s}
.menu-btn{left: 30px;/* top: 114px; */width:35px;height:25px;z-index:9;padding:0;box-sizing:border-box;transition:all .3s ease-in-out;display:block;position: relative;float: left;cursor: pointer;text-align: center;margin: 25px 0px 40px 0px;}
.ana-hizmetler ul li:nth-child(3n) {margin-right: 0px;}
.ana-hizmetler ul li {width: calc(33.3% - 13.33px);float: left;margin-right: 20px;margin-bottom: 20px;height: 440px;background-size: cover;background-position: center;}
.orta-neler-yaptik .row .col1 ul li {position: relative;display: table;width: 100%;float: left;}
.orta-neler-yaptik .row .col1 ul li i {display: table;margin: auto;position: relative;float: left;width: 100%;}
.ana-projeler-title h2{font-size: 30px;padding-bottom: 20px;margin-top: 0;}
.projeler-detay {width: 100%;float: left;padding-bottom: 60px;}
.ana-projeler-title .projeler-detay p {width: 100%;float: left;/* font-weight: 700; */font-size: 20px;line-height: 40px;}
.ana-projeler-title .projeler-detay h3 {width: 10%;display: table;float: left;text-align: end;padding-top: 0px;font-size: 24px;line-height: 40px;font-weight: 400;margin-right: 68px;margin-left: 100px;}
.ana-proje{width: 100%;float: left;background: #DDEAEA;height: auto;padding-bottom: 50px;overflow: hidden;padding-top: 120px;}
.footer .footer-contact .footer-haberdar-ol label {display: block;font-size: 14px;font-weight: 700;}
.footer .footer-contact .footer-haberdar-ol input::-webkit-input-placeholder { /* WebKit browsers */color:    #001828;opacity:  0.43;}
.footer .footer-contact .footer-haberdar-ol input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:    #001828; opacity:  0.43;}
.footer .footer-contact .footer-haberdar-ol input::-moz-placeholder { /* Mozilla Firefox 19+ */color:    #001828;opacity:  0.43;}
.footer .footer-contact .footer-haberdar-ol input:-ms-input-placeholder { /* Internet Explorer 10+ */color:    #001828;opacity:  0.43;}
.hakkimizda .hakkimida-detay p {font-size: 16px;line-height: 41px;margin-bottom: 12px;}
.hakkimizda .hakkimida-detay i {position: absolute;bottom: -20px;right: 90px;z-index: 1;width: 22%;}
.hizmetlerimiz .hizmet-detay {width: 62%;}
.alt-detaylar {position: relative;width: 100%;float: left;}
.alt-detaylar-gorsel {width: calc(100% - 290px);float: left;text-align: right;position: relative;margin: auto;margin-bottom: 300px;}
.alt-detaylar{font-size: 18px;}
.alt-detaylar-gorsel img{position: absolute;top: -100px;right: 0px;}
.alt-detaylar-gorsel img:nth-child(1){left: 287px;}
.alt-detaylar-gorsel img:nth-child(2){right: -300px;}
section.hakkimiz {position: relative;float: left;width: 100%;height: 100%;background: #E4E4E4;}
.hizmetlerimiz{width: 100%;height: 100vh;background-size: cover;background-position: left;float: left;position: relative;display: flex;}
.hizmetlerimiz .hizmet-detay h1 {font-size: 30px;}
.hizmetlerimiz .hizmet-detay h2 {font-size: 30px;margin-bottom: 30px;}
.hizmetlerimiz .hizmet-detay p {font-size: 16px;line-height: 41px;}
.hizmetler {position: relative;width: 100%;float: left;}
.hizmet-container{width: 80%;position: relative;margin: auto;}
.hizmetler .hizmet .hizmet-title, .hizmetler .hizmet-open .hizmet-title {width: 185px;text-align: end;float: left;margin-right: 150px;line-height:30px;position: relative;}
.hizmetler .hizmet, .hizmetler .hizmet-open{position: relative;width: 100%;float: left;padding: 100px 0px 120px 0px;background: #011F33;color: #fff;counter-increment: my-awesome-counter;}
.hizmetler .hizmet-open:nth-child(2n), .hizmetler .hizmet:nth-child(2n){background: #001828}
.hizmetler .hizmet .hizmet-icerik, .hizmetler .hizmet-open .hizmet-icerik{float: left;width: 65%;position: relative;}
.hizmetler .hizmet .hizmet-icerik, .hizmetler .hizmet-open .hizmet-icerik {float: left;width: 70%;line-height: 40px;font-size: 18px;text-align: justify;}
.hizmetler .hizmet .hizmet-icerik p, .hizmetler .hizmet-open .hizmet-icerik p {margin-bottom: 20px;}
.hizmetler .hizmet .hizmet-title h3 span, .hizmetler .hizmet-open .hizmet-title h3 span{width: 100%;float: left;font-size: 16px;color: #C2C2C2;content: counter(step-counter);}
.hizmetler .hizmet .hizmet-title h3 span::before, .hizmetler .hizmet-open .hizmet-title h3 span::before {content: "0" counter(my-awesome-counter);}
.projelerimiz{width: 100%;height: 100vh;background-size: cover;background-position: right;float: left;position: relative;display: flex;}
.projelerimiz .proje-detay h1 {font-size: 30px;margin-bottom: 20px;}
.projelerimiz .proje-detay p {font-size: 16px;line-height: 41px;}
.projelerimiz .proje-detay {width: 74%;}
.hizmet-title::before {content: "";position: absolute; background-color: #FFFFFF; width: 20px; margin: 0px;padding: 0px;height: 20px; border-radius: 100px; margin-right: 10px;top: 50%;right: -106px;opacity: 0;transition: all ease-in-out 2s;}
.hizmet .hizmet-icerik::after, .hizmet-open .hizmet-icerik::after{content: "";position: absolute;width: 1px;height: 0px;top: -1%;left: -65px;background: #fff;z-index: 2;opacity: 0;transition: all ease-in-out 3s;}
.hizmet:first-child .hizmet-icerik::after, .hizmet-open:first-child .hizmet-icerik::after{top: 90%;}
.hizmet-open .hizmet-title::before{opacity: 1;}
.hizmet-open .hizmet-icerik::after{opacity: 1;height: calc(100% + 270px);}
.hizmet-open:first-child .hizmet-icerik::after{height: calc(100% + 220px);}
.hizmet:last-child .hizmet-icerik:after, .hizmet-open:last-child .hizmet-icerik:after{display: none;}
.hizmetler .hizmet-container::before {content: "";position: absolute;width: 1px;height: calc(100% + 560px);top: -290px;left: 270px;background: #fff;opacity: 0.32;}
.hizmet:last-child .hizmet-container::before, .hizmet-open:last-child .hizmet-container::before{top: -495px;}
.hizmetler .hizmet .hizmet-title h3, .hizmetler .hizmet-open .hizmet-title h3 {font-size: 25px;}
.hizmetler .hizmet-open:first-child .hizmet-container::before, .hizmetler .hizmet:first-child .hizmet-container::before{display: none;}
.projeler{position: relative;float: left;width: 100%;}
.projeler ul li .projeler-gorsel{width: 100%;height: 751px;background-size: cover;background-position: center;}
.projeler ul li {width: calc(50% - 130px);margin: 65px;float: left;position: relative;transition: all .3s ease-in-out;display: none;}
.projeler .projeler-title h2 {font-size: 30px;margin-bottom: 10px;}
.projeler-title .projeler-title-detay strong {font-size: 16px;margin-right: 20px;}
.projeler-title .projeler-title-detay strong span {font-weight: 500;}
.projeler-title {width: 100%;float: left;background: #001828;color: #fff;padding: 40px 0px;position: relative;}
.projeler-title .projeler-title-detay span.projeler-title-btn {font-size: 14px;font-weight: 700;margin-left: 22px;}
.proje-container {width: 90%;margin: auto;}
.projeler-title .projeler-title-detay span.projeler-title-btn img {width: 25px;margin-left: 10px;transition: all .3s ease-in-out;}
.projeler ul li a:hover .projeler-title .projeler-title-detay span.projeler-title-btn img{margin-left: 30px}
.projeler-title .projeler-ana-title {background: #011F33;font-size: 12px;font-weight: 700;position: absolute;top: -18px;padding: 10px 0px 10px 14px;left: 23px;}
.projeler-title .projeler-ana-title span {width: 100%;float: left;}
.projeler ul li:nth-child(2n+1){top: -190px;}
.projeler ul li:hover {box-shadow: 0px 0px 10px rgba(0,0,0,0.20);}
.projeler ul::before {content: "";position: absolute;width: 1px;height:100%;background: #000;left: 50%;opacity: 0.40;}
.projeler ul li:before {content: "";position: absolute;width: 20px;height:20px;border-radius: 100px;background: #000;left: -75px;bottom: 300px;}
.projeler ul li:nth-child(2n+1)::before {left: auto;top: 300px;bottom: auto;right: -75px;}
.projeler ul {position: relative;float: left;width: 100%;}
.projeler .proje-devami-btn{/* background: #001828; */position: relative;float: left;width: 100%;display: flex;justify-content: center;}
.projeler .proje-devami-btn #devami-btn{padding: 5px 20px;color: #fff;font-size: 14px;font-weight: 700;background: #001828;border-radius: 100px;margin-top: 20px;margin-bottom: 40px;cursor: pointer;border: none;}
.insan-kaynaklari{width: 100%;height: 100vh;background-size: cover;background-position: left;float: left;position: relative;display: flex;}
.insan-kaynaklari .ik-detay h1 {font-size: 97px;margin-bottom: 10px;}
.insan-kaynaklari .ik-detay p {font-size: 16px;line-height: 41px;}
.insan-kaynaklari .ik-detay h2 {font-size: 30px;margin-bottom: 30px;}
.insan-kaynaklari .ik-detay {position: relative;width: 67%;float: left;}
.iletisim{width: 100%;height: 100vh;background-size: cover;background-position: center;float: left;position: relative;display: flex;}
.iletisim .iletisim-detay h1 {font-size: 97px;margin-bottom: 10px;}
.iletisim .iletisim-detay p {font-size: 16px;line-height: 41px;width: 80%;}
.iletisim .iletisim-detay h2 {font-size: 30px;margin-bottom: 30px;}
.iletisim .iletisim-detay {position: relative;width: 79%;float: left;}
.ik-form {position: relative;padding: 200px 0px;float: left;width: 100%;color: #FFFFFF;}
section.ik {background: #001828;position: relative;width: 100%;float: left;}
.ik-form h3 {font-size: 25px;margin-bottom: 70px;}
.ik-form ul li .input-ust {background: transparent;border-bottom: 1px solid #fff;padding-bottom: 20px;width: 100%;color: #fff;font-size: 16px;font-weight: 700;}
.ik-form ul li input::-webkit-input-placeholder { /* WebKit browsers */color:#fff;opacity: 1;}
.ik-form ul li input:-moz-placeholder{color:a#fff;opacity: 1;}
.ik-form ul li input::-moz-placeholder {color:#fff;opacity: 1;}
.ik-form ul li input:-ms-input-placeholder {color:#fff;opacity: 1;}
.ik-form ul li{width: calc(50% - 70px) ;margin-right: 70px;}
.ik-form ul li:nth-child(-n+3){width: calc(33.3% - 70px)}
.ik-form ul li:nth-child(n+6){width: 11%;}
.ik-form ul li{float: left;margin-bottom: 60px;height: 50px;}
.ik-form ul li select {background: transparent;color: #fff;border: transparent;border-bottom: 1px solid #fff;padding-bottom: 20px;width: 100%;font-size: 16px;cursor: pointer;font-weight: 700;}
.ik-form ul li select option {background: #001828;}
.ik-form .ik-btn {position: relative;width: 100%;float: left;}
.wrapper{position: relative;top: 0px;left: 0px;width: 100%;height: 100%;float: left;}
.cBtn{position: absolute;top: 0px;left: 0px;width: 170px;height: 50px;background-color: #fff;color: #000;font-weight: 700;z-index: 2;text-align: center;}
.cBtn:hover,.cBtn:active{background-color: #fff;}
.myFile{display: block;cursor: pointer;position: absolute !important;top: 0px;left: 0px;width: 170px;height: 50px;overflow: hidden;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;z-index: 3;}
.myButton{display: none;position: absolute;top: 0px;left: 0px;width: 100px;height: 35px;background-color: #4E7755;color: #FFFF3F;border: 1px solid #31501C;z-index: 4;}
.fileVel{position: absolute;top: 70px;left: 0px;color: #fff;opacity: 0.3;width: 270px;font-size: 12px;}
input#cBtn{font-weight: 700;font-size: 16px;}
input#gnd-btn {background: #6BB766;height: 50px;width: 300px;font-weight: 700;font-size: 16px;cursor: pointer;}
.iletisim-form {position: relative;padding: 200px 0px;float: left;width: 100%;color: #FFFFFF;}
section.iletisim-orta {background: #001828;position: relative;width: 100%;float: left;}
.iletisim-form h3 {font-size: 25px;margin-bottom: 70px;}
.iletisim-form ul li .input-iletisim-ust {background: transparent;border-bottom: 1px solid #fff;padding-bottom: 20px;width: 100%;color: #fff;font-size: 16px;font-weight: 700;}
.iletisim-form ul li input::-webkit-input-placeholder { /* WebKit browsers */color:#fff;opacity: 1;}
.iletisim-form ul li input:-moz-placeholder{color:#fff;opacity: 1;}
.iletisim-form ul li input::-moz-placeholder {color:#fff;opacity: 1;}
.iletisim-form ul li input:-ms-input-placeholder {color:#fff;opacity: 1;}
.iletisim-form ul li{width: calc(50% - 70px) ;margin-right: 70px;}
.iletisim-form ul li:nth-child(-n+3){width: calc(33.3% - 70px)}
.iletisim-form ul li{float: left;margin-bottom: 60px;height: 50px;}
.iletisim-form .ik-btn {position: relative;width: 100%;float: left;}
.iletisim-form ul li:last-child{width: 100%;margin-bottom: 0px;}
.ik-form ul li:last-child{margin-bottom: 0px;}
input#gnd-iletisim-btn {background: #6BB766;height: 50px;width: 300px;font-weight: 700;font-size: 16px;cursor: pointer;}
.harita {position: relative;float: left;width: 100%;}
.harita iframe {width: 100%; height: 740px;}
.iletisim-alt {position: relative;width: 100%;float: left;}
.iletisim-alt .iletisim-detay {position: absolute;z-index: 1;background: #fff;width: 870px;left: 100px;padding: 50px 0px;box-sizing: border-box;top: -60px;}
.iletisim-alt .iletisim-detay .iletisim-title h4 {float: left;font-size: 30px;margin-right: 30px;}
.iletisim-alt .iletisim-detay .iletisim-title a {color: #fff;background: #6BB766;width: 150px;height: 40px;display: flex;align-items: center;float: left;justify-content: center;font-size: 19px;}
.iletisim-title {position: relative;width: 100%;float: left;border-bottom: 4px solid #D6D6D6;margin-bottom: 30px;padding-bottom: 20px;}
.iletisim-bilgi .bilgi-detay .tel span {width: 20px;height: 20px;background: #000;color: #000;position: relative;float: left;border-radius: 100px;margin-right: 10px;}
.iletisim-bilgi .bilgi-detay .tel a{color: #001828;/* font-size: 15px; */font-weight: 700;margin-bottom: 10px;display: inline-block;}
.bilgi-detay {float: left;width: 33.3%;position: relative;}
.iletisim-bilgi {position: relative;float: left;width: 100%;}
.iletisim-bilgi .bilgi-detay .eposta span {width: 20px;height: 20px;background: #000;color: #000;position: relative;float: left;border-radius: 100px;margin-right: 10px;}
.iletisim-bilgi .bilgi-detay .eposta a{color: #001828;/* font-size: 16px; */font-weight: 700;}
.iletisim-bilgi .bilgi-detay .adres span {width: 20px;height: 20px;background: #000;color: #000;position: relative;float: left;border-radius: 100px;margin-right: 10px;}
.iletisim-bilgi .bilgi-detay .adres a{color: #001828;/* font-size: 16px; */font-weight: 700;}
.iletisim-bilgi .bilgi-detay a {font-size: 15px;}
.proje-detaylarimiz{width: 100%;height: 100vh;background-size: cover;background-position: center;float: left;position: relative;display: flex;}
.proje-detay-logo {position: relative;float: left;top: -40px;width: 347px;}
.proje-detay-logo img {background: #001828;padding: 0px 42px;width: 431px;height: 169px;}
.proje-ust {position: relative;width: 100%;float: left;}
.proje-detay-aciklama {position: relative;width: calc(100% - 431px);float: right;}
.proje-detay-title {position: relative;width: calc(50% - 10%);float: left;padding-left: 8%;padding-right: 15px;}
.proje-detay-yan {position: relative;width: 50%;float: left;}
.proje-detay-row {position: absolute;float: left;width: 100%;top: 68px;}
.proje-detay-yan strong {display: block;font-family: 'Segoe UI Bold';font-size: 20px;}
.proje-detay-title h1 {font-size: 30px;}
.proje-detay-title span {font-size: 18px;font-weight: 700;opacity: 0.72;}
.proje-detay-yan span {font-family: 'Segoe UI Regular';font-weight: 500;}
.proje-aciklama {position: relative;float: left;width: 100%;margin-bottom: 30px;text-align: justify;}
.proje-aciklama h2 {font-size: 30px;margin-bottom: 15px;}
.proje-aciklama p {font-size: 18px;line-height: 41px;margin-bottom: 20px;margin-top: 20px;}
.proje-ust .paylas {position: relative;float: left;width: 100%;}
.proje-ust .paylas h3 {font-size: 16px;margin-bottom: 20px;}
.proje-ust .paylas .paylas-facebook img {filter: brightness(0) invert(1);}
.proje-ust .paylas .paylas-facebook span {color: #fff;width: 165px;height: 44px;display: flex;align-items: center;float: left;justify-content: center;font-size: 14px;font-weight: 700;}
.proje-ust .paylas .paylas-facebook strong {width: calc(35px - 10px);height: 44px;display: flex;align-items: center;float: left;justify-content: center;margin-left: 10px;}
.proje-ust .paylas .paylas-facebook {background: #415E9B;position: relative;width: 200px;/* height: 44px; */float: left;/* padding: 20px; */margin-right: 30px;}
.proje-ust .paylas {position: relative;float: left;width: 100%;}
.proje-ust .paylas .paylas-title {font-size: 16px;margin-bottom: 20px;font-weight: 700;display: block;}
.proje-ust .paylas .paylas-twitter img {filter: brightness(0) invert(1);}
.proje-ust .paylas .paylas-twitter span {color: #fff;width: 147px;height: 44px;display: flex;align-items: center;float: left;justify-content: center;font-size: 14px;font-weight: 700;}
.proje-ust .paylas .paylas-twitter strong {width: calc(48px - 10px);height: 44px;display: flex;align-items: center;float: left;justify-content: center;margin-left: 10px;}
.proje-ust .paylas .paylas-twitter {background: #55ACEF;position: relative;width: 200px;/* height: 44px; */float: left;/* padding: 20px; */}
.dis-fotograflar {position: relative;float: left;width: 100%;margin: 50px 0px;}
.dis-fotograflar ul li {background-size: cover;background-position: center;height: 286px;float: left;margin: 0.5%;/* box-shadow: 0 0 7px #000; */width: 24%;}
.dis-fotograflar ul li a {width: 100%;height: 100%;float: left;position: relative;}
.dis-foto {width: 100%;height: 100%;background: url(../images/icon/zoom-in.png) 50% 54% no-repeat #000;opacity:0;color: #FFF;}
.dis-fotograflar ul li a .dis-foto{transition: all ease-in-out 0.3s;}
.dis-fotograflar ul li a:hover .dis-foto{opacity:.5;box-shadow: 0 0 7px #000;}
.dis-fotograflar h3 {font-size: 20px;margin-bottom: 20px;}
.diger-projeler {position: relative;float: left;width: 100%;margin-bottom: 50px;overflow: hidden;}
.diger-projeler h3 {margin-bottom: 15px;font-size: 30px;}
.ana-hizmetler ul li{counter-increment: my-awesome-counter;}
.ana-hizmetler ul li a .no{content: counter(step-counter);}
.ana-hizmetler ul li a .no::before{content: "0" counter(my-awesome-counter);}
.ana-hizmetler ul li:nth-child(n+10) a .no::before{ content: counter(my-awesome-counter);}
.hizmetler .hizmet, .hizmetler .hizmet-open:nth-child(even) {background: #001828;}
.alt-detay-gorsel {width: calc(100% - 290px);float: left;text-align: right;position: relative;margin: auto;margin-bottom: 300px;}
.alt-detay-gorsel img.crmImg {position: absolute;top: -100px;right: 0px;}
.alt-detay-gorsel img:nth-child(1) {left: 287px;}
.alt-detay-gorsel img:nth-child(2) {right: -300px;}
.proje-detay-title span:nth-child(1) {opacity: 1;}
.projeler ul li{display: none;}
.projeler ul li:nth-child(-n+4) {display: block;}
.hakkimizda-icerik { position: relative; float: left; width: calc(100% - 290px); line-height: 55px; margin-bottom: 20px;}
.hakkimizda-icerik ul {position: relative;float: left;width: 100%;}
.hakkimizda-icerik ul li {width: calc(50% - 50px);float: left;margin-right: 50px;position: relative;}
.control-page {position: relative;float: left;width: 100%;}
.control-page-container {position: relative;width: 60%;margin: auto;text-align: center;}
.control-page-container h1 {font-size: 100px;color: #1f3442;line-height: 155px;}
.control-page-container p {font-size: 30px;line-height: 45px;}
.control-page-container a {font-size: 20px;border:3px solid #001828;display: inline-block;margin: 25px 0px;padding: 20px;border-radius: 15px;color: #1f3442;opacity: 0.7;font-weight: 700;transition: all ease-in-out 0.3s;}
.control-page-container a:hover{ background: #1f3442;color: #fff;opacity: 1;border:3px solid #fff;}
section.kurum { position: relative;float: left;margin-bottom: 120px;width: 100%;}
.orta-kurumsal {position: relative;width: 80%; margin: auto;}
.orta-kurumsal .aciklama {/* width: 70%; */font-weight: 700;font-size: 18px;margin-bottom: 120px;margin-top: 120px;position: relative;text-align: justify; display: inline-block;}
.orta-kurumsal .aciklama span {font-size: 24px;line-height: 38px;position: relative;float: left;width: 100%;border-left: 10px solid #000;margin-bottom: 0;padding-left: 40px;box-sizing: border-box;font-style: italic;}
.orta-kurumsal .alt {position: relative;float: left;width: 100%;margin: auto;}
.orta-kurumsal .alt .nasil-yapariz {position: relative;float: left;/* width: 47%; */ margin-bottom: 0;width: 100%;}
.orta-kurumsal .alt .nasil-yapariz span {font-size: 18px; line-height: 40px;margin-bottom: 0;text-align: justify;display: block;float: left;width: calc(80% - 51px);margin-right: 51px;}
.orta-kurumsal .alt .nasil-yapariz h2 {display: block;margin-bottom: 10px;font-size: 24px;}
.orta-kurumsal .alt .nasil-yapariz p {margin-bottom: 10px;}
.orta-kurumsal .alt .nasil-yapariz i {position: relative;float: left;width: 20%;right: 0px;z-index: -1;display: block;}
.orta-kurumsal .alt .surecler {float: left;position: relative;margin-left: 0px;margin-right: 0px; width: 100%;}
.orta-kurumsal .alt .surecler ul {float: left;width: 50%;position: relative;}
.orta-kurumsal .alt .surecler h2 { margin-bottom: 15px;font-size: 24px;}
.orta-kurumsal .alt .surecler ul li {font-size: 18px;line-height: 28px;margin-bottom: 15px;}
.orta-kurumsal .alt .surecler img {position: absolute;right: -420px;bottom: 121px;display: none;}
.iletisim-form ul {float: left;width: 100%;position: relative;}
div.wpcf7-validation-errors,div.wpcf7-acceptance-missing {border: none !important;float:left;margin-top: 10px !important;width: 100% !important;}
div.wpcf7-response-output {margin: 0 !important;padding: 0 !important;border: none !important;float:left;margin-top: 10px !important;width: 100% !important;}
span.wpcf7-not-valid-tip {margin-top: 10px !important;width: 100% !important;}