@import url(//fonts.googleapis.com/css?family=Inter); /*400,normal*/
@import url(//fonts.googleapis.com/css?family=Inter:Medium); /*500*/
@import url(//fonts.googleapis.com/css?family=Inter:SemiBold); /*600*/
@import url(//fonts.googleapis.com/css?family=Inter:Bold); /*700*/
@import url(//fonts.googleapis.com/css?family=Inter:extrabold); /*800*/

a { text-decoration:none; color:#FFF; }
a:visited { text-decoration:none; }
a:hover{ text-decoration:none; color:#808086; }

a.navigatelink, a.navigatelink_current { color:#202020; font-weight:500; font-size:13px; padding:8px 14px 8px 14px; border:none; border-radius:6px; margin-right:4px; }
a.navigatelink:hover, a.navigatelink_current:hover { text-decoration:none; }
a.navigatelink_current { font-size:16px; border:1px solid #202020; border-radius:4px; cursor:text; }

/* Sortial Row */

.div_sortial_row { float:left; width:370px; height:350px; margin:0 40px 40px 0; }

.div_sortial_row:hover { filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }

.div_sortial_row_detail a { display: inline; font-weight: normal; }

.div_sortial_row a { color:#000; font-weight:bold; display:block; }

.div_sortial_row a:hover { text-decoration:none; }

.div_sortial_row img {}
.div_sortial_row img:hover { }

a.sortial_headline { }
a.sortial_headline:hover { }

a.sortial_details { font-size:11px; font-weight:normal; color:#606060; }
a.sortial_details:hover { text-decoration:none; color:#292929; }

.entitial_headline { font-size:48px; line-height:54px; font-weight:800; color:#0B1A46; margin-bottom:30px; display:block; }

a.currentposition { font-size:12px; color:#606060; }
a.currentposition:hover { }

body { font-size:14px; color:#1A1A1A; line-height:20px; font-family:'Inter'; padding:0; margin:0; background-color:#FFF; scrollbar-face-color: #cccccc; scrollbar-highlight-color: #cccccc; scrollbar-shadow-color: #f7f7f7; scrollbar-3dlight-color: #ffffff; scrollbar-arrow-color: #000099; scrollbar-track-color: #efefef; scrollbar-darkshadow-color: #cccccc; }

.body_popup { background-color:#FFF; }

.section { color:#000; font-size:22px; font-weight:bold; margin:10px 0 15px 0; }

.sec { color:#000; font-size:16px; font-weight:bold; margin:10px 0 15px 0; display:block; }
 
.content_datetime { font-size:11px; font-weight:normal; margin:0 0 20px 0; }

input { font-family:'Inter'; font-size:14px; line-height:20px; color:#202020; background-color:#FFF; border:none; border-bottom:1px solid #DAD9E0; padding:1px 0 0 6px; height:34px; border-radius:0; }
input:focus { background-color:transparent; color:#202020; }
select { font-family:'Inter'; font-size:14px; line-height:20px; color:#202020; background-color:#FFF; border:none; border-bottom:1px solid #DAD9E0; height:34px; padding-left:0; border-radius:0; }
select:focus { background-color:transparent; }
.button { font-family:'Inter'; font-size:16px; line-height:24px; font-weight:600; color:#FFFFFF; background-color:#F04B4B; border:none; width:208px; height:48px; border-radius:8px; }
.button:hover { cursor:pointer; }
textarea { font-family:'Inter'; font-size:14px; line-height:25px; color:#606060; background-color:#FFF; border:1px solid #EFEFEF; border-radius:3px; padding:6px 0 0 6px; overflow:auto; }
textarea:focus { background-color:transparent; color:#606060; }
#form_captcha { letter-spacing:11px; text-align:center; }




/* Proje Özel */

.body_popup #Form1 { padding:10px 0 0 20px; }

.dmo { width:100%; display:table; }

.dm { width:1100px; margin:0 auto 0 auto; }

.scrollToTop { width:51px; height:51px; text-align:center; background: whiteSmoke; font-weight: bold; color: #444; text-decoration: none; position:fixed; bottom:40px; right:40px; display:none; background: url('images/scroll.png') no-repeat; }

#DivPageLinks { margin:10px auto 10px auto; width:100%; text-align:center; }

#DivPageNext { float:right; }

.navigatelink:hover { cursor:pointer; background-color:#EFEFEF; }

.onlydesktop { display:block; }

.readmore { font-family:'Inter'; font-weight:600; font-size:16px; line-height:24px; color:#0B1A46; margin-top:20px; display:table; padding-bottom:10px; border-bottom:1px solid #0B1A46; transition: transform 0.3s ease, color 0.3s ease; }

    .readmore:hover {
        color:#0B1A46;
        transform: scale(0.95);
    }




/* Header */

#DivHeader { width:100%; background-color:#FFF; display:table; }

#Il { float:left; width:209px; margin-right:40px; }

#UlMenuD { float:left; margin-top:24px; display:table; }

#UlMenuD li { display:block; float:left; padding-right:32px; }

#UlMenuD li a { font-family:'Inter'; font-weight:600; font-size:16px; line-height:24px; color:#0B1A46; }

#UlMenuD li a:hover { text-decoration:none; }

#UlMenuD li:hover a { color:#007339; }

#UlMenuD #Lid { padding-right:42px; }

#Lid { background-image:url(images/arrow_down.svg); background-repeat:no-repeat; background-position:right; background-position-x:54px; background-size:16px auto; }

#DivMenu { margin:27px 0; float:left; }

#UlMenuM { display:none; }

#MobGroup { float:right; display:none; margin:42px 8px 0; }

.mobbar { width:32px; height:4px; background-color:#0B1A46; margin-bottom:5px; border-radius:4px; }

.menusub { background-color:#007339; position:absolute; z-index:10; border-radius:10px; opacity:0; }

#UlMenuD li .menusub a { font-weight:600; font-size:16px; line-height:24px; color:#FFF; }

#UlMenuD li .menusub a:hover { opacity:0.8; }

#Menu1 { width:280px; padding:20px; display:none; background-color:#007339; margin-left:-100px; }

    #Menu1 a {
        display: inline-block;
    }




/* Dhtml */

#Dhtml1_DivDhtml { width:100%; height:800px; background-repeat:no-repeat; background-position:center center; background-color:#0C0B12; display:table; background-size: cover; }

#Dhtml1_DivDhtml #DivTexts { margin-top:142px; width:592px; height:400px; display:table; }

#DivDhtml #T1, #DhT1 { font-weight:400; font-size:60px; line-height:72px; color:#FFF; margin-bottom:24px; letter-spacing:-0.5px }
               
#DivDhtml #T2, #DhT2 { font-weight:400; font-size:18px; line-height:24px; color:#FFF; margin-bottom:26px; letter-spacing:0.225px }

#DivDhtml #More, #DhMore { color:#FFF; border-color:#FFF; }

#DivSelects { margin-top:160px; }

#DivSelects .div_box { float:left; padding:10px 4px 10px 0 }

.ds_off, .ds_on { width:40px; height:6px; background-color:#6B6B6E; }

.ds_on { background-color:#FFF; }

#DivSelects .div_box:hover { cursor:pointer; }




/* About Us */

#DivAbout { display:flex; }

#DivAbout div { background-position:center center; background-repeat:no-repeat; width:100%; height:550px; margin:0 auto; background-size:1920px auto; }

#DivAbout #Hea { color: var(--light-white, #FFF); font-size:48px; font-weight:600; line-height:60px; letter-spacing:-2.1px; margin:136px 0 56px; width:50%; }

    #DivAbout div.section_2146 {
        height: 700px;
    }

    #DivAbout div.section_2148, #DivAbout div.section_2149 {
        height: 80px;
        background-color: #b3ccb8;
    }




/* Detay Ekran */

#DivContent .dm { padding:40px 0; line-height:22px; }

.invbar {
    background: linear-gradient( 180deg, #F2F2F8 0%, /* light lavender/gray top */
    #ffffff 100% /* white bottom */
    );
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.4);
    transition: transform 0.3s ease;
    margin-bottom:30px;
}

.invbar strong { font-size:28px; color:#0B1A46; }

.invbar:hover {
    transform: translateY(-12px);
}




/* Investment */

#DivInvestment { width:100%; display:table; background-color:#FFF; padding:80px 0; }

#DivInvestment .dm { display:flex; grid-gap:40px; }

#ImgInvest { width:480px; border-radius:16px; }

#DivOurInvest { color:#A27A7A; font-size:14px; line-height:20px; letter-spacing:2px; flex:1; }

#DivOurInvProcess { font-size:48px; line-height:54px; font-weight:800; color:#0B1A46; margin-bottom:20px; }




/* Icons */

#DivBoxes { margin-bottom:60px; width:100%; }

#DivBoxes .dm { display:flex; grid-gap:30px; flex-wrap: wrap; }

    #DivBoxes .box {
        display: flex;
        grid-gap: 10px;
        width: 48%;
        background: linear-gradient(135deg, #007339 0%, #BDDEB5 100%);
        border-radius: 12px;
        padding: 20px;
        transition: transform 0.3s ease;
        color: #FFF;
        font-size: 14px;
        font-weight: 400;
        box-sizing: border-box;
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
    }

    #DivBoxes .box:hover {
        transform: translateY(-12px);
    }

    #DivBoxes .box .hea { font-size:18px; font-weight:600; margin-bottom:12px; }

    #DivBoxes .box .text {
        flex: 1;
    }

        #DivBoxes .box img {
            width: 68px;
            height: 68px;
            flex-shrink: 0;
            opacity: 0.9; /* softer inside gradient box */
        }



/* Footer */

#DivF { background-color:#b3ccb8; padding:64px 0 40px; }

#Dft { display:table; }

#DivFL { width:320px; float:left; color:#0B1A46; font-size:14px; line-height:24px; font-style:italic; }

.divf { margin:0 40px 0 0; float:right; }

.divf a:hover { color:#FFF; text-decoration:none; }

.divf a { display:block; font-size:14px; font-weight:400; color:#0B1A46; margin-bottom:10px; }

.divf a.headline { margin-bottom:20px; color:#0B1A46; font-size:18px; font-weight:800; }

#DivCopyright { background-color:#0B1A46; display:table; width:100%; padding:20px 0; }

#Alc, #Alt { color:#FFF; font-size:13px; font-weight:600; float:left; opacity:0.5; }

#Alc:hover, #Alt:hover { text-decoration:none; opacity:1; }

#Alt { float:right; margin-left:10px; }




/* Detail */

#DivDetail { background-color:#2E294E; padding:90px 0 64px 0; color:#FFF; font-size:16px; line-height:24px; font-weight:400; letter-spacing:0.225px;  }

#DivTek { color:#72A7D9; font-size:16px; line-height:24px; font-weight:600; margin-bottom:12px; }




/* Form */

.row { display:block; margin:0 0 10px 0; }

.bl_form { display:inline-block; margin-right:20px; }

#ImgCa { width:44px; }

#ImgCa:hover { cursor:pointer; }



/* Detaylar */

#DivWho { margin:0; display:table; }

#DivWho img { width:300px; float:left; margin:1px 1px 0 0; }

#DivWho img:hover { filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; cursor:pointer; }




/* Responsive */

@media(min-width:1024px) and (max-width:1100px) {

    .dm { width:1000px; }

    #Il { margin-right:20px; }
    
    #Menu1 { margin-left:-100px; }
}


@media(min-width:768px) and (max-width:1023px) {
    
    .dm { width:94%; }
    
    .onlydesktop { display:none; }

    #Il, #UlMenuD, #DivLan { display:table; margin:0 auto 28px auto; float:none; }

    #DivMenu { width:100%; float:none; }

    #DivLan { margin-top:0; }

    #Menu1 { margin-left:-100px; }

}

@media (max-width:767px) {

    .dm { width:94%; }
    
    .onlydesktop { display:none; }
    
    #Il { margin-right:0; }

    #UlMenuD { display:none; }

    #DivLan { display:none; }

    #UlMenuM { width:100%; background-color:#b3ccb8; padding:0; margin:0 0 28px; position:absolute; z-index:11; user-select: none; }
    
    #UlMenuM li { display:block; font-family:'Inter'; color:#101828; font-weight:600; font-size:16px; line-height:24px; border-bottom:0 solid #000; padding:10px 0 10px 20px; }
    
    #UlMenuM li:hover { background-color:#b3ccb8; }

    #UlMenuM li a { color:#03181C; }

    #UlMenuM li a:hover { text-decoration:none; }
    
    #UlMenuM #Lidm { background-image:url(images/icon_arrow_4.png); background-repeat:no-repeat; background-position:right 30px top; background-position-y:10px; }
    
    #UlMenuM .mobilelan { padding-left:40px; border: 1px solid #FFFFFF; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.16); border-radius:8px; width:38px; margin:10px 0 0 20px; background-size:24px; background-repeat:no-repeat; background-position-x:10px; background-position-y:10px; }

    .ulmenumsub  { display:none; margin:10px 0 10px 20px; padding:0; }

    .ulmenumsub li { background-repeat:no-repeat; background-position:left center; }

    .ulmenumsub li span { margin-left:6px; }

    #MobGroup { display:block; }

    #MobGroup:hover { cursor:pointer; }
    
    #Dhtml1_DivDhtml { height:520px; }
    
    #Dhtml1_DivDhtml #DivTexts { margin-top:46px; width:100%; height:420px; z-index:1; }

    #ImgInvest { display:none; }

    #DivBoxes .box { width:90%; }

    #DhT1 {
        font-weight: 700;
        font-size: 34px;
        line-height: 40px;
        letter-spacing: 0.25px
    }

    #DivSelects { margin-top:0; }
               
    #DivForm { width:89%; float:none; padding:24px 20px 24px 20px; }

    #DivBlr { float:none; }

    #DivContactForm input, #DivContactForm select { width:99%; }

    .bl_form { display:table; margin:0 0 20px; width:100%; }

    #DivFR { display:none; }

    #Alc, #Alt { float:none; display:block; }

    #Alt { margin-top:16px; }

    #DivDetail { padding:36px 0 36px; }

    #DivAbout div, #DivAbout div.section_2146 { height:200px; background-size:100%; }

    #DivContent #LabelCon img { max-width:100%; height:auto; }

}