@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;500;700;900&display=swap');

:root {
    --primarycolor:#403f56;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6,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 {
    padding: 0;
    border: 0;
    font-size: 13px;
    vertical-align: baseline;
    font-family: 'Poppins', sans-serif;
    font-weight:400;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none;
    }
.pl-21 { padding-left:21px;}
.pr-20 { padding-right:20px !important;}

.bgver { background:var(--primarycolor) !important;}
section {position: relative;}
.container-fluid {max-width:1920px;}

body * {
    -webkit-text-size-adjust: none;
    box-sizing: border-box;
}

input:focus, select:focus, textarea:focus, button:focus {
    outline: none;
}

input, textarea, select {
    font-weight: 400;
    border-radius: 0;
    border: 0px none;
}

    select::-ms-expand {
        display: none;
    }

a {
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
}

    a, a:link, a:visited, a:active, a:hover {
        cursor: pointer;
        text-decoration: none;
        outline: none;
    }

body {
    line-height: 1;
    background: #b3b3b3;
    color: #FFF;
    font-weight: 300;
    overflow:hidden;

}
body.overflow {
    overflow: hidden;
}
ul, ol {
    list-style: none;
}

b {
    font-weight: 700;
}

#g-recaptcha-response {
    display: block !important;
    position: absolute;
    margin: -78px 0 0 0 !important;
    width: 302px !important;
    height: 76px !important;
    z-index: -999999;
    opacity: 0;
    min-height:auto !important;
}

input::-webkit-input-placeholder {
    color: #3c3c3c;
    opacity: 0.5;
}

input::-moz-placeholder {
    color: #3c3c3c;
    opacity: 0.5;
}

input:-moz-placeholder {
    color: #3c3c3c;
    opacity: 0.5;
}

input:-ms-input-placeholder {
    color: #3c3c3c;
    opacity: 0.5;
}

.form_input {
    display: block;
    width: 100%;
    height: 50px;
    border: solid 1px #e5e5e5;
    padding-left: 20px;
    font-size: 16px;
    margin-bottom: 20px;
}
.buton {
    float: left;
    font-size: 14px;
    margin-top: 20px;
    font-weight: 800;
    position: relative;
    background: #000;
    color: #FFF;
    text-align: center;
    padding: 15px 20px;
    margin:10px 0;
    transition: .3s all linear;
    
}

.buton:hover {
    background: var(--primarycolor);
    color: #FFF;
}

.table-align {
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
}

.table-align.h-100 {
    height: 100%;
}

.row-view {
    display: table-row;
}

.cell-view {
    display: table-cell;
    vertical-align: middle;
    height: inherit;
}

.cell-view.cell-bottom {
    vertical-align: bottom;
}

.vertical-align {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    position: absolute;
}
.vertical-align.w-full {
    width: 100%;
    left: 0px;
}
/*---------------YILDIZLAR--------------*/
.yildiz_1 { position:absolute; top:-121%; right:-64%; opacity:.2; }
.yildiz_2 { position:absolute; top:-85%; right:-85%; opacity:.2; }
.yildiz_3 { position:absolute; top:-100%; right:-41%; opacity:.2; }
.yildiz_4 { position:absolute; top:-200%; left:-61%; opacity:.2; }
.yildiz_5 { position:absolute; top:-22%; left:-10%; opacity:.2; }
@media (max-width:991px) {
.yildiz_1,.yildiz_2,.yildiz_3,.yildiz_4 { top:0; right:0;}
.yildiz_1 img,.yildiz_2 img,.yildiz_3 img,.yildiz_4 img,.yildiz_5 img { max-width:100%;}
.yildiz_5 {top:6%; left:2%;}
}
/*---------------SLOGANLAR--------------*/
.slogan_1 { font-weight:900; font-size:300px; color:#777; margin-left:-45px;}
.slogan_2 { font-weight:900; font-size:300px; color:#FFF; position:absolute; bottom:-50px; right:-10px; background: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.slogan_3 { font-weight:900; font-size:260px; color:#FFF; margin-left:-3%;}


@media (max-width:1440px) {
.slogan_2 { font-size:260px;}
.slogan_3 { font-size:240px;}
}
@media (max-width:1366px) {
.slogan_2 { font-size:220px;bottom:-35px;}
.slogan_3 { font-size:200px;}
}
@media (max-width:1200px) {
.slogan_2 { font-size:190px;}
.slogan_3 { font-size:170px;}
}
@media (max-width:991px) {
.slogan_1 { font-size:150px; margin-left:-10px;}
.slogan_2 { font-size:140px; bottom:0; right:0;}
.slogan_3 { font-size:120px;margin-left:-4%;}
}
@media (max-width:768px) {
.slogan_2 { font-size:120px;}
.slogan_3 { font-size:100px;}
}
@media (max-width:576px) {
.slogan_1 { font-size:90px;}
.slogan_2 { font-size:80px;}
.slogan_3 { font-size:80px;margin-left:-8%;}
}
@media (max-width:400px) {
.slogan_2 { font-size:60px;}
.slogan_3 { font-size:50px;}
}

/*---------------HEADER--------------*/
header { position:relative; z-index:99;}
header .container-fluid { padding:85px 6% 20px;}

.mobilMenu { display:none;}
.header .menuicon { display:block; cursor:pointer; width:40px; padding:19px 0 18px; justify-content:center;align-items:center; position:absolute;right:0; top:4px;}
.header .menuicon .c1 { width:36px; height:5px; background:#FFF; position:absolute; transition:.6s; top:9px; left:0;}
.header .menuicon .c2 { width:36px; height:5px; background:#FFF; position:absolute; transition:.1s; top:18px; left:0;}
.header .menuicon .c3 { width:36px; height:5px; background:#FFF; position:absolute; transition:.6s; top:27px; left:0;}
.header .hover-icon:hover, .header .menuicon:hover { opacity:.7;}

.header .dondur .c1 { transform:rotate(45deg);top:16px; background:#FFF;}
.header .dondur .c2 { opacity:0; background:#FFF;}
.header .dondur .c3 { transform:rotate(-45deg);top:17px; background:#FFF;}

.mobilMenu { display:block; position:fixed; width:30%; min-width:250px; max-width:320px; right:-100%; top:0; background:#231f20; height:100vh; z-index:999; overflow-y:auto;}

.mobilAlt a { padding:25px 25px; color:#FFF; border-top:1px solid #DDD; display:block; text-transform:capitalize; position:relative;}
.mobilAlt a:hover { background:var(--primarycolor);}
.mobilAlt a.mobilAltIcon:after { content: "\f054"; font: normal normal normal 14px/1 FontAwesome; position:absolute; right:10px; top:42%;}
.mobilAlt a.mobilAltIcon2{ border-left:4px solid var(--primarycolor);}
.mobilAlt a.mobilAltIcon2:after { content: "\f078"; font: normal normal normal 14px/1 FontAwesome; position:absolute; right:10px; top:42%;}

#mobilAnaMenu { position:absolute; width:100%; top:0; left:0; display:block;}
.mobilAltMenuGizle { position:absolute; width:100%; top:0; left:-100%;}
.mobilAltMenuStyle { padding:15px 30px !important; }

.menuAktif { color:var(--primarycolor) !important;}
.close-popup { position: absolute;backface-visibility: hidden;right: 50px;top: 50px;z-index: 3;cursor: pointer;transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out;}
.input-field {position: relative;display: inline-block;width: 100%;border-bottom: 1px solid #e8e9e9;}
.input-field input {font-size: 82px;text-transform: uppercase;color: #3c3c3c;position: relative;background: none;border: 0px none;line-height: 70px;width: 100%;padding-bottom: 30px;padding-right: 70px;}
.open-search {visibility: visible;opacity: 1;z-index: 600;}
.clear-input {position: absolute;right: 0px;bottom: 40px;width: 51px;height: 51px;cursor: pointer;opacity: 0;transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out;}
.clear-input img {width: 100%;height: auto;opacity: 0.6;}
.input-field.act .clear-input {opacity: 1;}
@media (max-width:991px) {
header .container-fluid { padding:25px 6% 10px;}
}

/*-----------------FOOTER------------------*/
footer { position:absolute; left:6%; bottom:85px; width:70%;}
footer a { color:var(--primarycolor); margin-right:15px;}
footer a i { font-size:16px;}
footer a:hover { color:#000;}
footer span { display:block; margin-bottom:10px; color:var(--primarycolor); font-weight:900;}

@media (max-width:991px) {
footer { left:6%; bottom:15px;}
}


/*---------------ANASAYFA------------*/
.anasayfaMenu { padding:180px 0 135px;}
.anasayfaMenu li {display:inline-block; margin-right:60px; position:relative;}
.anasayfaMenu li ul {display:none; position:absolute; padding-top:20px; line-height:1.5; width:250px;}
.anasayfaMenu a { color:#FFF; font-weight:900; font-size:37px; display:block;position:relative;}
.anasayfaMenu li:hover a { color:var(--primarycolor);}
.anasayfaMenu a:before { content: "\f0dd"; font: normal normal normal 22px/1 FontAwesome; position:absolute; left:0; top:-30px; color:var(--primarycolor); opacity:0; transition:.3s;}
.anasayfaMenu li:hover a:before { opacity:1;}
.anasayfaMenu li:hover ul { display:block;}

.anasayfaMenu li ul li { display:block; margin:15px 0;}
.anasayfaMenu li ul li a {display:block; font-size:16px; font-weight:400; color:#FFF !important;}
.anasayfaMenu li ul li a:before {display:none;}
.anasayfaMenu li ul li a:hover {color:var(--primarycolor) !important;}



@media (max-width:1400px) {
.anasayfaMenu li {margin-right:60px;}
.anasayfaMenu a {font-size:26px;}
}
@media (max-width:1366px) {
.anasayfaMenu li {margin-right:40px;}
.anasayfaMenu a {font-size:24px;}
}
@media (max-width:991px) {
.anasayfaMenu li {margin:20px 0; text-align:center; display:block;}
.anasayfaMenu a:before { left:49%; top:-25px;}
.anasayfaMenu { padding:6vh 0 6vh;}
.anasayfaMenu li ul { position:static; width:auto; padding:20px 0 2px;}
}
@media (max-width:768px) {
header .container-fluid { padding:20px 4%;}
}


/*---------------İÇERİK------------*/
.icerik { line-height:1.5; padding-right:30%; max-height:60vh; overflow-y:auto;}
.icBaslik { font-weight:900; font-size:32px; color:var(--primarycolor); display:block; margin-bottom:25px;}
.inceYazi { font-size:22px; font-weight:100; margin-bottom:20px;}
.icerikYazi { font-size:16px; font-weight:300;}
.icerikYazi h3,.icerikYazi h3 strong { font-size:26px; font-weight:bold; color:var(--primarycolor);}
.icerikYazi h4,.icerikYazi h4 strong { font-size:20px; font-weight:bold; color:var(--primarycolor);}

.icerik::-webkit-scrollbar,.iletisimBosluk::-webkit-scrollbar,.sektorScroll::-webkit-scrollbar,.detayAlan .container::-webkit-scrollbar {width:10px;}
.icerik::-webkit-scrollbar-track,.iletisimBosluk::-webkit-scrollbar-track,.sektorScroll::-webkit-scrollbar-track,.detayAlan .container::-webkit-scrollbar-track {background:#f1f1f1;}
.icerik::-webkit-scrollbar-thumb,.iletisimBosluk::-webkit-scrollbar-thumb,.sektorScroll::-webkit-scrollbar-thumb,.detayAlan .container::-webkit-scrollbar-thumb {background:#888;}
.icerik::-webkit-scrollbar-thumb:hover,.iletisimBosluk::-webkit-scrollbar-thumb:hover,.sektorScroll::-webkit-scrollbar-thumb:hover,.detayAlan .container::-webkit-scrollbar-thumb:hover {background:#555;}

.hizmetBg { background:url("../images/arkaplan/hizmetler.png") no-repeat center right; background-size:cover !important; position:absolute; width:100%; height:100%; top:0; left:0;}

@media (max-width:991px) {
.icerik { padding-right:0;}
.icBaslik { font-size:26px;margin-bottom:25px;}
.inceYazi { font-size:18px; margin-bottom:20px;}
.icerikYazi { font-size:16px;}
.hizmetBg { opacity:.5;}
}

/*---------------İLETİŞİM------------*/
.harita { height:340px; border:0; margin-top:53px; width:124%;}
.iletisimLinkler p { display:inline;}
.iletisimLinkler a { display:inline-block; color:#242424;}
.iletisimLinkler a:hover { color:var(--primarycolor);}
.iletisimLinkler i { display:inline-block; color:#242424; margin-right:10px; margin-top:15px;}
.iletisim h2 { display:block; font-size:22px; font-weight:900; color:#242424; margin-bottom:15px; padding:5px 15px; border-left:3px solid var(--primarycolor);}

#iletisimForm .form-control { margin-bottom:15px; padding:10px; border-radius:0;}
#iletisimForm .submitButon { background:var(--primarycolor); transition:.3s; color:#FFF; float:right; font-weight:900; width:175px; text-align:center; padding:15px; font-size:16px; margin-top:13px;}
#iletisimForm .submitButon:hover { background:#FFF; color:#666;}
#iletisimForm textarea { height:154px;}

.iletisimBilgi p { width:60%; font-size:15px; color:var(--primarycolor); font-weight:400; display:block; margin-bottom:65px;}
.iletisimBilgi a { display:block; font-weight:bold; font-size:14px; color:var(--primarycolor); margin:6px 0;}
.iletisimBilgi a:hover { color:#FFF;}
.iletisimBosluk { padding:0 0 0 6%;}

@media (max-width:1600px) {
.iletisimBosluk { padding:0 0 0 18%;}
.harita { width:110%;}
}
@media (max-width:1440px) {
.harita { width:100%;}
}
@media (max-width:991px) {
.iletisimBosluk { padding:5px 0; max-height:60vh; overflow-y:auto;}
.iletisimBilgi p { width:100%;margin:45px 0 10px;}
.harita { height:200px; border:0; margin-top:30px; width:100%;}
}

/*---------------SEKTÖRLER------------*/
.sektor .sektorBaslik { display:block; font-size:20px; font-weight:bold; color:var(--primarycolor); margin:10px 0;}
.sektor .sektorYazi { display:block; font-size:15px; font-weight:300; line-height:1.4; color:#FFF;}
.sektorAlan { margin:25px 0;}
.sektorScroll { max-height:70vh; overflow-y:auto; overflow-x:hidden;line-height:1.5;}

@media (max-width:991px) {
.sektorScroll { max-height:60vh;}
}

/*---------------PROJE------------*/
.projeUstMenu { padding-left:18%; margin:-45px 0 80px; position:relative; z-index:99;}
.projeUstMenu a { display: inline-block; color:var(--primarycolor); font-size:15px; margin-right:30px;}
.projeUstMenu a:hover, .projeUstMenu a.katAktif {color:#FFF !important;}

@media (max-width:991px) {
.projeUstMenu { margin:10px 0 20px; padding:0 2%; }
}


.detayAlan { margin-top:30px;}
.detayBaslik { font-size:44px; font-weight:900; display:block; margin-bottom:10px;}
.detayBaslik span { font-size:38px; font-weight:900; display:block; margin-bottom:10px;}
.detayYazi { font-size:16px; font-weight:300; line-height:1.4;}
.detayImage { position:absolute; top:-80px; right:6%; max-width:100%; display:block;}
.detaySlogan { font-size:330px; font-weight:900; padding-top:0; display:block;}

.detayBaslik2 { font-size:20px; font-weight:900; display:block; margin-bottom:10px; color:#d3d3d3;}
.detayBaslik2 span { font-size:20px; font-weight:500; display:block; margin-bottom:10px;}
.projeUstCizgi { width:1px; height:45px; background:#FFF; display:block; margin:12px 0;}
.projeAltCizgi { width:1px; height:125px; background:#FFF; display:block; margin:12px 0;}

@media (max-width:1600px) {
.detayImage {top:0; right:3%; max-width:50%;}
}
@media (max-width:1400px) {
.detaySlogan { font-size:250px; }
}
@media (max-width:1366px) {
.projeAltCizgi { height:75px;}
}
@media (max-width:991px) {
    body { overflow:visible;}
.projeAltCizgi { height:75px;}
.mobilRelative { position:relative;}
.detayAlan { margin:0;}
.detayAlan .container { padding:10px; max-height:60vh; overflow-y:auto; overflow-x:hidden;}
.detayImage { top:-30px; right:1%; max-width:100%;}
.mobilZIndex { position:relative; z-index:222;}
}
@media (max-width:768px) {
.detaySlogan { font-size:180px;}
}
@media (max-width:567px) {
.detaySlogan { font-size:120px;}
}