@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:24px; color:#1d1e1f; font-weight:bold; margin:0 0 20px; }

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

body { font-size:14px; color:#606060; line-height:20px; font-family:'Inter'; padding:0; margin:0; background:linear-gradient(109deg, #FAF7F2 2.71%, #D7BD9A 87.69%); 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 { scroll-behavior:smooth; }

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

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

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

.scrollToTop { z-index:9; 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; }




/* Header */

#DivHeader { width:100%; height:670px; }

#DivHeader #Background { background-image:url(images/world.png); background-repeat:no-repeat; background-position:right bottom; background-size:800px 488px; height:100%; }

#Il { float:left; width:127px; }

#UlMenuD { float:right; margin:10px 0; display:table; }

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

#UlMenuD li a { color: #321F18; font-feature-settings: 'clig' off, 'liga' off; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; }

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

#UlMenuD li:hover a { color:#321F18; }

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

#Lid { background-image:url(images/icon_arrow_3.png); background-repeat:no-repeat; background-position:right; background-position-x:74px; }

#DivMenu { padding:24px 0 24px; width:100%; display:table; }

#MobileBars { float:right; display:none; width:24px; height:25px; margin-top:8px; }




/* Dhtml */

#DivTexts { margin-top:103px; width:713px;  }

#Hea { color: #321F18; font-size: 48px; font-weight: 700; line-height: 72px; letter-spacing: -0.96px; }

#HeaS { color: #321F18; font-size: 26px; font-weight: 500; line-height: 40px; letter-spacing: -0.96px; margin:12px 0; }

#Sho { color: #321F18; font-size: 20px; font-style: normal; font-weight: 400; line-height: 30px; margin:24px 0 48px; width:640px; }

#AAboutUs { padding:16px 28px; border-radius: 90px; background: #C49A6C; color: #FFF; font-size: 18px; font-weight: 600; line-height: 28px; margin-right:24px; }

#AGetInTouch { padding:16px 28px; border-radius: 90px; border: 1px solid #AC724A; color: #AC724A; font-size: 18px; font-weight: 600; line-height: 28px; }




/* Hizmetler */

#DivTrades, #DivSourcing { display:table; width:100%; height:500px; position:relative; }

#DivSourcing { margin-top:140px; }

#Abt1 { width:60%; height:520px; background-color:#FFF; position:absolute; top:62px; border-radius:16px 0px 40px 16px; box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.10);  }

#DivTrade, #DivTradeMobile, #DivSourcingPic, #DivSourcingPicMobile { position:absolute; top:-60px; right:0; width:50%; height:560px; border-radius: 40px 0 0 0; background-image:url(images/service.jpg); z-index:1; }

#DivSourcingPic, #DivSourcingPicMobile { background-image:url(images/sourcing.jpg); }

#AboutUsText { width:492px; padding:200px 240px 140px 0; z-index:1; position:absolute; }

#Section { color: #BA8555; font-feature-settings: 'clig' off, 'liga' off; font-size: 16px; font-weight: 400; line-height: 24px; margin-bottom:8px; }

#Headline { color: #321F18; font-feature-settings: 'clig' off, 'liga' off; font-size: 34px; font-weight: 700; line-height: 40px; letter-spacing: 0.25px;  margin-bottom:8px; }

#ShoDes { color: #321F18; font-feature-settings: 'clig' off, 'liga' off; font-size: 16px; font-weight: 400; line-height: 24px; margin-bottom:32px; }

#ReadMore { color: #AC724A; font-feature-settings: 'clig' off, 'liga' off; font-size: 14px; font-weight: 600; line-height: 20px; border-radius: 90px; border: 1px solid #AC724A; padding:8px 28px; }




/* News */

#DivNews { display:table; width:100%; padding:64px 0 0; }

#DivNewsBg { background-image:url(images/vector.svg); background-repeat:no-repeat; background-position:right; width:100%; height:843px; display:table; }

#Tg { margin:64px 0 72px 0; display:table; }

#T1 { color: #BA8555; font-size:16px; font-weight:400; line-height:24px; margin-bottom:12px; }

#T2 { color: #321F18; font-size:34px; font-weight:700; line-height:40px; letter-spacing:0.25px; }

#DivNewsd:hover { filter:alpha(opacity=80); opacity:0.8; cursor:pointer; }

#DivNewsd #Hea { color:#202020; font-weight:600; font-size:24px; line-height:32px; margin-bottom:8px; display:block; overflow:hidden; }

#DivNewsd #ShoDes { color:#202020; font-weight:400; font-size:16px; line-height:24px; margin-bottom:24px; display:block; overflow:hidden; }

#DivNewsd #More { color:#905C3E; font-weight:600; font-size:16px; line-height:24px; background-image:url(images/arrow-up-right.svg); background-repeat:no-repeat; background-position:right; width:112px; display:table; }

#DivNewsGroup { padding:0; margin:0; display:flex; justify-content:space-between; overflow:hidden; }

.newsitem { width:490px; float:left; display:block; }

.newsitem img { width:100%; margin-bottom:32px; border-radius: 32px 0px; }




/* Services */

#DivLogistics, #DivConsulting { width:100%; height:500px; display:table; padding:88px 0 0 0; position:relative; margin-top:140px; }

#Abt2 { width:60%; height:528px; background-color:#FFF; position:absolute; right:0; top:0; z-index:1; border-radius:40px 0px 0px 0px; }

#DivLogisticPic, #DivConsultingPic { position:absolute; top:120px; left:0; width:50%; height:480px; border-radius:0 0 40px 0; background-image:url(images/ship.jpg); }

#DivConsultingPic { background-image:url(images/consultancy.jpg); }

#ServiceText { width:500px; padding:142px 0 142px 72px; }




/* Contact */

#DivContact { display:table; width:100%; }

#DivContact .dm { background-image:url(images/vector.svg); background-repeat:no-repeat; background-position:-200px 0; height:650px; display:table; }

#DivContactGroup { display:flex; justify-content:space-between; overflow:hidden; }

#Tgc { margin:180px 0 64px 0; display:table; }

#Tgc #T2 { color: #321F18; font-size: 36px; font-weight: 600; line-height: 44px; /* 122.222% */ letter-spacing: -0.72px; margin-bottom:20px; }

#T3 { color: #321F18; font-feature-settings: 'clig' off, 'liga' off; font-size:16px; font-weight: 400; line-height: 24px; }

#Icon {
    display: flex;
    width: 48px;
    height: 48px;
    padding: 12px;
    justify-content: center;
    align-items: center;
    border-radius: 28px;
    background: #D7BD9A;
}

.contactitem, .contactitem a { color:#321F18; font-size:16px; font-weight:600; line-height:24px; }

.contactitem { float:left; display:block; }

.contactitem #Hea { color: #321F18; font-size: 20px; font-weight: 600; line-height:30px; margin:20px 0 20px; }




/* Footer */

#DivF { background-color:#1D2939; padding:64px 0 48px; }

#Ilf { margin:0 0 32px; display:block; width:127px; }

#Dfm { margin-top:32px; }

#Dfm a { color: var(--gray-200, #EAECF0); font-size: 16px; font-weight: 600; line-height:24px; margin-right:32px; }

#DfCopy { margin:64px 0; }

#DfCopy a { color: var(--gray-300, #D0D5DD); font-size: 16px; font-weight: 400; line-height: 24px; }

#DivFooterLine { display:table; width:100%; height:1px; background-color:#475467; margin:30px 0; }

#DfCopy #Alc { float:left; }

#DfCopy #Alt { float:right; }




/* Detail */

#DivDetailTop { width:100%; height:300px; background-color:#FFF; text-align:center; display:table; background-image:url(images/world.png); background-repeat:no-repeat; background-position:right bottom; background-size:800px 488px; background-position-y:100px; }

.section_top { margin:73px 0 0 0; color: #321F18; font-feature-settings: 'clig' off, 'liga' off; font-size: 48px; font-weight: 600; line-height: 56px; /* 116.667% */ }

.section_top_detail { color: #321F18; text-align: center; font-feature-settings: 'clig' off, 'liga' off; /* Regular/Body 1 */ font-size: 16px; font-weight: 400; line-height: 24px; /* 150% */ width:500px; margin:0 auto 0 auto; }

#DivDetail { width:100%; display:table; padding:100px 0 100px 0; color: rgba(51, 34, 17, 0.95); font-feature-settings: 'clig' off, 'liga' off; font-size: 16px; font-weight: 400; line-height: 24px; /* 150% */ background: linear-gradient(to bottom, #D7BD9A, white); }

.entitial_headline { color: #321F18; font-feature-settings: 'clig' off, 'liga' off; font-size: 34px; font-weight: 700; line-height: 40px; /* 117.647% */ letter-spacing: 0.25px;  }

#DivDetail .dm { display:flex; }

#DetImage { margin-right:29px; border-radius: 32px 0px; width:500px; max-height:400px; flex-grow:0; }

#DivContent { display:table; flex-grow:1; }




/* Form */

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

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

#ImgCa { width:44px; }

#ImgCa:hover { 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; }
    
    #LmEn { background-image:url(images/l_en.png); }

    #LmTr { background-image:url(images/l_tr.png); }

    #DivMenuM { width:100%; background:linear-gradient(109deg, #FAF7F2 2.71%, #D7BD9A 87.69%); padding:0; position:fixed; z-index:2000; top:0; left:0; }

    #DivMenuMTop { border-bottom:1px solid #FFF; display:flex; padding:12px 12px 12px 12px; }

    #ImClose { position:absolute; right:20px; top:42px; }

    #IlT { margin:12px 0 0 -2px;  }

    #UlMenuM { padding:0; margin:24px 0 24px; }
    
    #UlMenuM li { display:block; color:#101828; font-weight:600; font-size:16px; line-height:24px; border-bottom:0 solid #000; padding:12px 16px 12px 16px; margin:0; }

    #UlMenuM li:hover { /* background-color:#FDCC47; border-radius:8px; */ }

    #UlMenuM li a { color:#321F18; margin:0; }

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

    #MobileBars { display:block; }
    
    #DivHeader { height:500px; }
    
    #DivHeader #Background { background-position:right bottom; background-position-x:180px; background-position-y:300px; background-size:480px auto; }
    
    #Hea { font-size:24px; line-height:32px; }

    #HeaS { font-size:16px; line-height:24px; }

    #Sho { font-size:14px; line-height:20px; width:90%; }

    #AAboutUs, #AGetInTouch { font-size:14px; line-height:20px; }
    
    #DivTexts { margin-top:30px; width:100%;  }

    #Abt1 { display:none; }

    #DivTrades, #DivSourcing { background-color:#FFF; display:table; width:100%; }

    #DivTradeMobile, #DivSourcingPicMobile, #DivLogisticPic, #DivConsultingPic { position:static; width:100%; height:233px; border-radius:0 0 0 0; background-position:center center; background-size:100% 233px; }

    #DivLogistics, #DivSourcing, #DivConsulting { margin:0; padding:0; }

    #DivTrade, #DivSourcingPic { display:none; }

    #DivServices { margin-top:0; padding-top:0; }

    #AboutUsText, #ServiceText { width:94%; margin:0 auto 0 auto; padding:40px 0 40px 0; position:static; }

    #Headline { font-size: 24px; line-height: 32px; }

    #AboutUsText #ShoDes, #ServiceText #ShoDes { font-size: 14px; line-height: 20px; }

    #DivNews { padding:0; }
    
    #T2 { font-size:24px; line-height:32px; }

    #DivNewsBg { background-image:none; height:auto; display:table; }
    
    .newsitem { width:96%; display:table; margin-bottom:26px; }

    .newsitem img { width:100%; }

    #Tg { margin:30px 0; }

    #DivNewsd #Hea { font-size:16px; line-height:32px; }
    
    #DivNewsd #ShoDes { font-size:14px; line-height:20px; }
    
    #DivNewsd #More { font-size:16px; line-height:24px; }

    #DivNewsGroup { display:table; }
    
    #DivLogistics { position:static; width:100%; height:233px; border-radius:0; background-size:100% 233px;  }
    
    #Abt2 { width:100%; height:auto; position:static; border-radius:0; }
    
    #DivContact .dm { background-image:none; height:650px; }
    
    #DivContactGroup { display:table; }
    
    #Tgc { margin-top:40px; }
    
    #Tgc #T2 { font-size:24px; line-height:32px; }
    
    #Tgc #T3 { font-size:14px; line-height:20px; }
    
    .contactitem { margin-bottom:32px; width:90%;s }
    
    #Dfm a, #DfCopy a { display:block; margin-bottom:16px; }

    #DivF { padding-bottom:20px; }

    #DfCopy { margin-top:30px; }

    #DfCopy #Alc { float:none; }

    #DfCopy #Alt { float:none; }

    .section_top { margin:43px 0 12px; font-size:32px; line-height:48px; }

    .section_top_detail { width:94%; }

    #DivDetail .dm { display:table; }

    #DivDetailTop { background-size:200px 122px; background-position-y:bottom; }

    #DetImage { width:100%; }

    #DivContent { width:100%; }

}