:root { --main-color: #1D70B7; --second-color: #1D70B7; --second-color-op: #1d6fb7d3; --font-color: #505050; --footer-color: #1f70b7; } 

@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400; 700&display=swap'); * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } 
html,body { font-family: 'Raleway', sans-serif; font-size:16px; line-height:1.6; min-height: 100%; height: 100%; width: 100%; color: #020202; } 

a { text-decoration: none; outline: 0; border: none; color:#020202; } 
a:hover, :hover:before { transition: all ease 300ms; -webkit-transition:all ease 300ms; } 
i { text-rendering: optimizeLegibility !important; } 
.wrapper { position: relative; min-height: 100%; padding-bottom:300px; overflow: hidden; } 

.noselect { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;; } 
header { display: table; width: 100%; padding: 20px 0; position:relative } 
.Logo ,.menuler { display: table-cell; vertical-align: middle; } 
.Logo { width:226px; } 
.Logo img { display: block; width: 226px; height: 56px; } 
.right { text-align: right; } 
.left { text-align: left; } 
.margin_bottom { margin-bottom:60px; } 

.menu { display: inline-block; margin-left:40px; position: relative; line-height: 35px; border:1px solid transparent; } 
.menu:before, .menuActive:before { content: ""; position: absolute; left:0; bottom:0; right:0; height: 1px; width: 0%; margin: auto; background: var(--main-color); } 
.menu:hover { color:var(--main-color); } 
.menu:hover:before { width: 100%; } 
.menuActive { color:var(--main-color); } 
.menuActive:before { width: 100%; } 
.carousel-control-next, .carousel-control-prev { width: 48px; } 
.solaGit, .sagaGit { width: 48px; height: 48px; background: #fff; } 
.solaGit i, .sagaGit i { font-size: 30px; color:#020202; line-height: 48px; } 
.sloganAlani { position: absolute; left:0; top:0%; right:0; bottom:0; z-index:1; } 
.fsize1 { font-size: 40pt; font-weight: 600; } 
.fsize2 { font-size:30pt; font-weight: 600; } 
.fsize3 { font-size:24px; font-weight: 600; } 
.fsize4 { font-size:16px; } 
.fsize5 { font-size:14px; } 
.beyaz { color:#fff; } 
.sloganContainer { padding-top:15%; width:440px; } 
.slogan_ayrac { display: block; width:100%; height:3px; margin:10px 0; border-radius: 1px; background: var(--main-color); } 

.overflow-hidden { overflow: hidden; } 
 .drop-in { animation: drop-in 1s ease 200ms backwards; } 
 .drop-in-2 { animation: drop-in 1200ms ease 500ms backwards; } 
 .drop-in-3 { animation: drop-in 1400ms ease 700ms backwards; } 
 .drop-in-4 { animation: drop-in 1600ms ease 900ms backwards; } 
 
 @keyframes drop-in { 
 from { opacity: 0; transform: translateY(-100px); } 
 to { opacity: 1; transform: translate(0px); } 
 }
.line_height { line-height: normal!important; padding: 10px 0; } 
.img_info span { display: block; } 

.flex_container { display: flex; flex-wrap:nowrap; align-items: center; align-content: center; } 
.flex_container_center { display: -webkit-box; display: -moz-box; display: -ms-flexbox; flex-wrap:wrap; display: -webkit-flex; display: flex; align-items: center; justify-content: center; } 
.buton,.buton_genel { flex-grow: 2; margin:10px 10px 10px 0; background:var(--main-color); border:1px solid transparent; color:#fff; line-height: 40px; text-align: center; padding: 0 10px; border-radius: 5px; } 
.buton_genel { display:block; width: 120px; margin:30px auto auto auto; line-height: 40px; } 
.buton_border { background: transparent; color:#fff; border:1px solid #fff; } 
.buton:hover { background: var(--second-color); color:#fff; border:1px solid transparent; } 
.btn_partner { background: #4b9de6;} 
.btn_partner:hover { color: #fff !important;; } 

.geri { background: #fff; border:1px solid var(--main-color); color:var(--main-color); } 

.hakkimizda_sag { padding:50px 10px 50px 50px; } 
.yazi { color:var(--font-color); margin:20px auto; } 
.menuPartner { border: 1px solid var(--main-color); border-radius: 5px; padding: 0 10px; } 
.baslik { font-weight: 600; } 
.black { color: #020202 !important; } 
.hakkimizda { padding:100px 10px 180px 10px; } 
.h1Baslik { display: inline-block; color:var(--main-color); position: relative; } 
.h1Baslik:before { content:""; position: absolute; left:0; right:0; bottom:0; height:5px; border-radius:2px; background: var(--main-color); } 
.hakkimizda_sol .giris_resimler { margin:auto; position: relative; } 
.giris_resimler img { border-radius: 5px; -webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.5); } 
.hareketli_resim_1 { display: block; width: 404px; height: 280px; position: absolute; left:0; top:0; z-index: 1; animation:yukari 6s linear infinite alternate; } 
.hareketli_resim_2 { position: absolute; left:40px; top:160px; z-index:2; animation:asagi 6s linear infinite alternate; } 
.hareketli_resim_2,.hareketli_resim_3 { display: block; width:281px; height:404px; } 
.hareketli_resim_3 { position: absolute; right:80px; top:70px; z-index:2; animation:asagi_delay 6s linear 1s infinite alternate; } 

@keyframes yukari { 
 0% { transform: translateY(0px); } 
50% { transform: translateY(-5px); } 
100% { transform: translateY(0px); } 
 }
@keyframes asagi { 
 0% { transform: translateY(0px); } 
50% { transform: translateY(5px); } 
100% { transform: translateY(0px); } 
 }
@keyframes asagi_delay { 
 0% { transform: translateY(0px); } 
50% { transform: translateY(5px); } 
100% { transform: translateY(0px); } 
 }

.sectors { padding:30px 0; } 
.icon_box { padding: 10px 20px; } 
.icon_box img { display: block; width:100px; height:86px; margin: auto; } 
.icon_box .yazi { margin: 10px auto; } 
.secPartnerShip { padding:60px 0; background:url(../img/partnership_banner.jpg) no-repeat center center; background-size: cover; color:#fff; } 
.renkli { color:var(--main-color); } 
.services { background: #fafafa; padding: 30px 0; } 
.h3Services { display: flex; padding: 0; margin:0; position: relative; font-size: 16px; z-index: 1; } 
.h3Services_inline { display: inline-flex; vertical-align: middle; } 
.services .baslik { padding-bottom:20px; margin:20px auto; } 
.service_box,.category_box { position: relative; overflow: hidden; z-index: 2; } 
.service_box figure { display: block; width: 100%; margin: auto; padding:15px; } 
.service_box figure img { display: block; width: 100%; border-radius: 10px; -webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.5); } 
.service_box span.img_info,.category_box span.img_info { z-index: 1; position: absolute; left:35px; bottom:30px; right:35px; line-height: 40px; background:var(--second-color-op); color:#fff; border-radius: 5px; transition: all ease 300ms; -webkit-transition: all ease 300ms; } 
.img_info_icerik { display: block; width: 80%; margin: auto; position: absolute; text-align: center; left:0; bottom:-150px; right:0; line-height:1.6; font-size:14px; transition: all ease 500ms; -webkit-transition: all ease 500ms; } 
.service_box:hover span.img_info { line-height:270px; } 
.category_box:hover .img_info_icerik { bottom:25px; height: auto; } 
fieldset { border-top:1px solid #d1d1d1!important; margin:20px auto; } 
fieldset legend.baslik { float:none; width: auto; padding: 0 10px; margin:auto; } 
.certificates { padding: 30px 0; } 
.certificates .certificate { flex-grow: 1; } 
.certificates .isoBaslik { font-size: 18px; } 
.certificates .certificate img { width:64px; height: 64px; } 
.ceriticates_container { margin:20px auto; } 

.fixed { position: fixed; top:0; left:0%; right:0%; margin: auto; padding:10px 50px; z-index: 10; background: #fff; } 

footer { height: 286px; position:absolute; left:0; bottom:0; right:0; } 
.footer_ust { background: var(--footer-color); color:#fff; padding: 30px 0; } 
.footer_ust .baslik { font-size:18px; font-weight: 600; } 
.footer_ust a { display: block; color:#fff; line-height:30px; } 
.footer_ust a:hover { color:#4b9de6; } 
.footer_ust a i { display: inline-block; margin-right:5px; font-size: 16px; color:#fff; } 

.footer_alt{line-height: 40px;}
.logo_footer { width: 280px; margin:10px 0; } 
.logo_footer img { width: 280px; height:55px; } 
.sosyalMedya a { display: inline-block; vertical-align: middle; margin-left:10px; } 
.sosyalMedya a i { font-size:32px; color:#fff; } 
.sosyalMedya a:hover i { color:#4b9de6; } 
.sosyalMedya .buton { margin:10px auto; border:1px solid transparent; } 
.sosyalMedya .buton:hover { background: var(--footer-color); border:1px solid var(--main-color); } 

a.koda-icon-link p { white-space: pre; color: transparent!important; text-align: center; font-weight: 500; margin: 0; } 
a.koda-icon-link, a.koda-icon-link p { transition: .5s all ease; } 
.koda-icon-links { width: 5.75rem; position: relative; display: inline-flex; flex-direction: row; justify-content: start; align-items: center; top: -6px; } 
a.koda-icon-link:hover { position: absolute; left: 0; width: 5.75rem; margin-left: 0; padding-left: .45rem; padding-right: .45rem; z-index: 999; } 
.koda-icon-link.ikona { background-color: #ffce03; } 
.koda-icon-link.kenobi { background-color: #2cb5bf; } 
.koda-icon-link.karanlik_oda { background-color: #8ab93f; } 
a.koda-icon-link { text-decoration: none; position: absolute; left: 0; transform: translateX(0); overflow: hidden; display: inline-block;  height: 1.75rem; width: 1.75rem; border-radius: .875rem; padding-right: 0; padding-left: 0; z-index: 3; display: inline-flex; align-items: center; justify-content: center; } 
a.koda-icon-link:nth-child(2) { left: 2rem; z-index: 2; } 
a.koda-icon-link:nth-child(3) { left: 4rem; z-index: 3; } 
a.koda-icon-link:hover { position: absolute; left: 0; width: 5.75rem; margin-left: 0; padding-left: .45rem; padding-right: .45rem; z-index: 999; } 
a.koda-icon-link:hover p { color: #fff!important; padding-top: 0px; } 

.banner { height:500px; position: relative; overflow: hidden; } 
.banner_about { background: url(../img/about.jpg) no-repeat center center; background-size: cover; } 
.bannerBaslik { line-height:500px; text-align: center; color:#fff; } 
.about .baslik { margin:20px auto 10px auto; } 
#partnershipType { margin-bottom:12px; } 
.banner_partnership { background: url(../img/partnership_banner.jpg) no-repeat center center; background-size: cover; } 
.banner_contact { background: url(../img/map.jpg) no-repeat center center; background-size: cover; } 
.banner_services { background: url(../img/services_banner.jpg) no-repeat center center; background-size: cover; } 
.banner_engineering { background: url(../img/engineering_banner.jpg) no-repeat center center; background-size: cover; } 
.banner_projectManagement { background: url(../img/management_banner.jpg) no-repeat center center; background-size: cover; } 
.banner_warehousing { background: url(../img/warehousing_banner.jpg) no-repeat center center; background-size: cover; } 
.banner_transport { background: url(../img/transport_banner.jpg) no-repeat center center; background-size: cover; } 
.banner_quality { background: url(../img/quality_banner.jpg) no-repeat center center; background-size: cover; } 
.engineering_main h2 { color:#a0a0a0; } 
.gri { color:#a0a0a0; } 
.margin_auto { margin:auto; } 
.contact .baslik { margin:20px auto 10px auto; } 
.contact_form { padding-bottom:30px; } 
.margin80 { margin:80px auto; } 
.content_category { margin:80px auto; } 
.services_main { padding-bottom:30px; } 
.services_main h2.baslik,.services_main h1.baslik { margin:30px auto; } 
.services_main_right { padding:0 100px; } 
.scroll_ul { height:300px; overflow: auto; } 
.services_main ul li .yazi { margin:0; } 
.services_main_pic { height:350px; border-radius: 10px; } 
.services_main_pic1 { background: url(../img/engineering.jpg) no-repeat center center; background-size:cover; } 
.services_main_pic2 { background: url(../img/warehousing.jpg) no-repeat center center; background-size:cover; } 
.services_main_pic3 { background: url(../img/transportation.jpg) no-repeat center center; background-size:cover; } 
.services_main_pic4 { background: url(../img/quality.jpg) no-repeat center center; background-size:cover; } 

section.partnership .aciklama { display: block; margin:40px auto; } 
.partner_box img { border-radius: 5px; } 
.partner_box h3.baslik { display: block; margin:10px auto; } 

.supplier_form { background:#f1f1f1; padding: 20px; border-radius: 5px; margin:30px auto; } 
.supplier_form .baslik { margin:20px auto 10px auto; } 
.supplier_form { padding-bottom:30px; } 

.mobilMenuBtn { display: none; width:32px; } 
.mobilMenuBtn i { line-height:56px; color:var(--second-color); font-size:24px; } 
.navMobile .menuMobile { display: block; line-height:40px; border-bottom:1px solid #f1f1f1; font-size: 16px; } 
.btn-close { margin:auto 0 auto auto; } 
.offcanvas-header { padding-right:30px; } 

@media screen and (max-width:1440px) { body { font-size:14px; } 
.sloganContainer { padding-top: 7%; } 
.banner { height: 250px!important; } 
.bannerBaslik { line-height: 250px!important; } 

.fsize1 { font-size:32pt; } 
.fsize2 { font-size:24pt; } 
.fsize3 { font-size:20px; } 
.fsize3Slogan { font-size: 16px; } 
.fsize4 { font-size:16px; } 
.fsize4Slogan { font-size:14px; } 
.fsize5 { font-size:14px; } 
 }
 @media screen and (max-width:1366px){
 .hareketli_resim_1 { width:300px; height:208px; } 
.hareketli_resim_2,.hareketli_resim_3 { display: block; width:230px; height:330px; } 
.service_box span.img_info { left:20px; bottom:20px; right:20px; } 
.service_box:hover span.img_info { line-height:253px; } 
.hakkimizda { padding:80px 10px 80px 10px; } 
 }

 @media screen and (max-width:1024px){
 .menuler { display: none; } 
 .mobilMenuBtn { display: table-cell; } 
 
 .Logo { width: auto; } 
 .Logo img { margin:auto 0 auto auto; } 
 .sloganContainer { width:300px; margin: auto; text-align: center; padding-top:11%; } 
 .slogan_ayrac, .sloganContainer .fsize4, .sloganContainer .butonlar { display: none; } 
 footer { height: auto; position: relative; } 
.wrapper { padding-bottom:0; } 
.service_box span.img_info,.category_box span.img_info { line-height: normal; padding: 10px 0; } 
 }
@media screen and (max-width:980px){
 .footer_container { width: 300px; margin: auto; } 
.bannerBaslik { line-height: normal!important; padding-top:80px; } 
.footer_container .baslik { margin:15px auto auto auto; } 
.footer_container .sosyalMedya { text-align: left; } 
.register { text-align: center; margin:3px auto; } 

.hakkimizda_sag { padding:10px; } 
.content_category,.margin80 { margin:30px auto; } 
.hakkimizda { padding:10px; } 
.hakkimizda_sol { display: none; } 
.carousel-item img { height: 300px; width: auto!important; } 
.sagaGit,.solaGit { display: none; } 
.sloganContainer { padding-top:24%; } 
.fsize1 { font-size:26pt; } 
.fsize2 { font-size:22pt; } 
.certificate { margin:10px auto; } 
.partner_box h3.baslik { padding: 0; } 
.partnerMain_container { padding: 0 10px; margin:auto; } 
.scroll_ul { height:auto; } 
.services_main_right { padding:10px; margin:20px auto; background: #f1f1f1; border-radius:10px; } 
.order1 { order:1; } 
.order2 { order:2; } 
.margin_bottom { margin:auto; } 
.fixed { padding:10px; } 
 }
@media screen and (max-width:860px){
 .sloganContainer { padding-top:14%; } 
 }
@media screen and (max-width:600px){
 .sloganContainer { padding-top:28%; } 
 }

@media screen and (max-width:360px){
 .footer_container { width: 300px; margin: auto; } 

 }