* { margin: 0; padding: 0; outline: none }

html { font-size: 15px }

body { font-family: Poppins; overflow-x: hidden; font-size: 1rem; color: #3F3F3F }

.M0 { margin: 0 !important; }

.P0 { padding: 0 !important; }



/*------############################################################---------------------------------------------------*/

#Navbar .close { width: 25px; height: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: 5px; right: 5px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #004AAC; cursor: pointer; border-radius: 5px; }

#Navbar .btn-close:focus { box-shadow: none }

#Navbar .btn-close { opacity: 1 }

    #Navbar .btn-close:hover { opacity: 1 }



a { color: #000; text-decoration: none; border: solid 0px; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; }

.container-fluid { overflow: hidden; }



.btnClose { border: none; border-radius: 4px; background-color: #E41E25; height: 30px; width: 30px; font-size: 14px; }



#SosyalMedya { font-size: 14px; display: block; color: #fff }

    #SosyalMedya strong { font-weight: 500 }

    #SosyalMedya a i { color: #fff; font-size: 1rem }

    #SosyalMedya a:hover { color: #0a58ca; }

    #SosyalMedya a { color: #fff }

.SosyalMedya { border-radius: 50%; display: inline-block }

    .SosyalMedya i { color: #fff !important;; text-align: center; display: block; font-size: 1rem !important; padding: 0.5rem }

        .SosyalMedya i:hover { color: #E41E25 }



#SosyalMedya .d-lg-inline-flex { background-color: #65B2E8; border-bottom-right-radius: .5rem; border-bottom-left-radius: .5rem; }





#SosyalMedya .dropdown .btn { padding: 0 }

#SosyalMedya .dropdown .dropdown-menu { top: 2.40rem; padding: 5px 0; min-width: 2rem }

    #SosyalMedya .dropdown .dropdown-menu li { margin-bottom: .25rem; padding: 0 }

        #SosyalMedya .dropdown .dropdown-menu li a { padding: 0 0.5rem }



.navbar { padding: 0 !important; background-color: transparent }

.navbar-brand { display: inline-block; padding: 0 }

    .navbar-brand img { float: none }

    .navbar-brand h1 { text-indent: -9999px; height: 0; line-height: 0 }

h1 { margin: 0; padding: 0; font-size: 18px; }



.NavMenu { justify-content: center; font-family: Poppins; background-color: #fff }



    .NavMenu ul > li { float: left; list-style: none; }

        .NavMenu ul > li a { color: #005083; font-weight: 700 }





    .NavMenu .BintAjans { color: #005083; font-weight: 700; display: block; margin-top: 1.5rem }



#Navbar .offcanvas-end { width: 100%; border: none }

#Navbar .Orta { display: flex }



#Navbar .navbar-toggler { float: right; border-radius: 0; }



#Navbar .dropdownWrapper { position: relative }

#Navbar li .AnasayfaDropdown { text-align: start; left: 0; padding: 0; z-index: 999; max-height: 0; width: auto; opacity: 0; -webkit-transform: perspective(800) rotate3d(2,0,0,-90deg); -webkit-transform-origin: 50% 0; -webkit-transition: 650ms; -moz-transition: 650ms; -o-transition: 650ms; transition: .3s; list-style: none; position: absolute; background-color: #67B1E2; margin: 0; top: 2.3rem; display: block; border-radius: 0.5rem; overflow: hidden }

#Navbar li .Ucgen { background: url('../images/MenuBackground.png') no-repeat top; top: 0; position: absolute; left: 15px; height: 0; width: 35px; -webkit-transition: 650ms; -moz-transition: 650ms; -o-transition: 650ms; transition: 650ms; }

#Navbar li .AnasayfaDropdown li { display: block }

#Navbar li .AnasayfaDropdown a { color: #fff; font-weight: 400; font-size: 0.95rem; padding: 0.2rem 1rem; }

    #Navbar li .AnasayfaDropdown a:hover { color: #005083 }



#Navbar li .AnasayfaDropdown2 { text-align: start; left: 0; padding: 0; z-index: 999; max-height: 0; width: auto; overflow: hidden; -webkit-transform: perspective(800) rotate3d(2,0,0,-90deg); -webkit-transform-origin: 50% 0; -webkit-transition: 650ms; -moz-transition: 650ms; -o-transition: 650ms; transition: .3s; list-style: none; position: absolute; background-color: #67B1E2; margin: 0; top: 0; display: block; border-radius: 0.5rem; left: 100% }

#Navbar .AnasayfaDropdown > li:hover .AnasayfaDropdown2 { max-height: 1000px; -webkit-transform: perspective(800) rotate3d(0,0,0,0); padding: 0.5rem 0 0 0; }

.dropend .dropdown-toggle::after { float: right; margin-top: 5px; font-size: 1.2rem; }



.NavMenu .nav-link:focus { color: #005083 !important }



#Navbar ul > li:hover .AnasayfaDropdown { max-height: 1000px; -webkit-transform: perspective(800) rotate3d(0,0,0,0); padding: 0.5rem 0 0 0; opacity: 1; overflow: visible }

#Navbar ul > li:hover .Ucgen { height: 28px }

#Navbar .dropdown-item:focus, #Navbar .dropdown-item:hover { background-color: transparent }

#Navbar .nav-item { position: relative; display: flex; text-align: center; width: auto; height: 20px; justify-content: center; align-items: center; }

#Navbar .nav-link { padding: 0 }

#Navbar .Border { border: none; justify-content: start }

#Navbar .BizeUlasin { background-color: #65B2E8; height: auto; border-radius: .5rem; padding: 0.70rem 0.45rem; width: auto }

    #Navbar .BizeUlasin:Hover { background-color: #222; transition: .3s }

    #Navbar .BizeUlasin img { display: inline; width: auto; max-width: 100%; padding: 0; padding-right: 2px }

    #Navbar .BizeUlasin a { color: #fff; display: flex; width: 100%; text-align: start; }



        #Navbar .BizeUlasin a i { font-size: 1.4rem; align-self: center; margin-left: 0.75rem }

#Navbar .nav-item .Ucgen + .show { list-style: none; background-color: #E8EAEE; margin: 0 !important; top: 0px !important; display: block; position: relative }



#Navbar .offcanvas-end .Language a { color: #005083 }

#Navbar .offcanvas-end .Language .active { font-weight: 700 }





.navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }

#Navbar .dropdown-item.active, #Navbar .dropdown-item:active { background-color: transparent !important }



section.breadcrumb-container { margin-top: 0; height: 320px; overflow: hidden; position: relative; font-family: Montserrat; font-weight: bold }

    section.breadcrumb-container img.banner { position: absolute; top: 0; z-index: -1; width: 100%; height: 100%; object-fit: cover }

    section.breadcrumb-container a { color: #221F1F }

        section.breadcrumb-container a:hover { color: #DF650A }

    section.breadcrumb-container .breadcrumb-item { color: #DF650A; font-size: 1.25rem }

        section.breadcrumb-container .breadcrumb-item + .breadcrumb-item::before { color: #221F1F !important; }





#IcSayfa .IcSayfaBaslik { padding-left: 2rem; color: #2A2C34; margin: 2.8rem 0; padding-top: 0.8rem; font-family: Poppins; display: flex; justify-content: center; align-items: center }

    #IcSayfa .IcSayfaBaslik h1 { background: url("../images/IcSayfaBaslik.png") no-repeat left; background-size: contain; font-weight: 600; font-size: 2.1rem; padding: 1rem 2rem }

#IcSayfaBanner { background-color: #fff; position: relative }

#IcSayfa #HizliMenu { position: absolute; width: 100%; bottom: 5% }

    #IcSayfa #HizliMenu .HizliMenuAltBaslik { padding: 1rem; font-size: 1.2rem; font-weight: 500; color: #FF7401; background-color: #fff; }

    #IcSayfa #HizliMenu .HizliMenuBaslik { margin-bottom: 1rem; font-weight: 600; font-size: 2.25rem; color: #64B1E5; display: none }

    #IcSayfa #HizliMenu .HizliMenuAltBaslik a { color: #005083 }

    #IcSayfa #HizliMenu .HizliMenuAltBaslik span { color: #005083; padding: 0 0.5rem }



#IcSayfaBanner img { right: 0; position: absolute; border-radius: 100% 0% 32% 68% / 0% 65% 35% 100%; border-left: 27px solid #D9D8D6; height: 105% }



#Banner { display: block; margin-top: 0; }



    #Banner .position-relative div { position: absolute; left: 15%; bottom: 7%; background-color: #64B1E6; text-align: center; color: #fff; display: flex; align-items: center; justify-content: center; width: 13rem; height: 13rem; border-radius: 50%; z-index: 99 }

        #Banner .position-relative div b { font-size: 4.8rem; font-family: Poppins; line-height: 5rem }

        #Banner .position-relative div span { font-family: Montserrat; font-size: 1.4rem; font-weight: 300 }

    #Banner img { border-radius: 100% 0% 32% 68% / 0% 65% 35% 100%; border-left: 27px solid #D9D8D6; display: block; margin-left: auto; height: 100%; }



.BannerMetin { position: relative; display: block; height: 100%; padding-left: 10rem; font-family: Montserrat }

#Banner .BannerMetin b { display: block; font-size: 2.85rem; font-weight: 800; color: #005083 }

#Banner .BannerMetin h3 { display: block; font-size: 2.85rem; font-weight: 800; color: #005083 }



#Banner .BannerMetin span { display: block; color: #66B1E1; font-weight: 200; font-size: 3.45rem }

#Banner .BannerMetin h2 { display: block; color: #66B1E1; font-weight: 200; font-size: 3.45rem }



#Banner .BannerMetin p { font-size: 1.5rem; color: #054E7B; font-weight: 300; width: 75% }

#Banner .BannerMetin a { background-color: #64B1E6; font-size: 1.15rem; font-weight: 700; color: #fff; padding: 0.75rem 1rem; border-radius: 0.75rem; margin-top: 1rem; display: inline-block; width: 182px }

    #Banner .BannerMetin a i { padding-left: 0.5rem }

#Banner .BannerMetin img { height: auto; border: none; left: 5%; bottom: 5%; position: absolute; border-radius: 0; }



#Banner .swiper-pagination-bullet { width: 1.15rem; height: 1.15rem; border: 1px solid #fff; opacity: .5 }

#Banner .swiper-pagination-bullet-active { opacity: 1 }

#Banner .swiper-pagination { bottom: 5rem }



#Banner .carousel-control-prev { left: 60px; padding: 15px; border-radius: 50%; width: 60px; height: 60px; top: 50%; color: #333; transition: 0.3s; background-color: #005083 }

#Banner .carousel-control-next { right: 60px; padding: 15px; border-radius: 50%; width: 60px; height: 60px; top: 50%; color: #333; transition: 0.3s; background-color: #005083 }

#Banner .carousel-control-prev i { font-size: 30px }

#Banner .carousel-control-next i { font-size: 30px }



.AnasayfaBaslik { font-size: 2.2rem; font-weight: 600; color: #2A2C34; display: block; text-align: center }

.AnasayfaAltBaslik { font-size: 1.2rem; display: block; text-align: center; margin-bottom: 2rem }



.AnasayfaHakkimizda .KurumsalSagResim { height: 400px }

.AnasayfaHakkimizda .AnasayfaBaslik { color: #FF7401; text-align: left; padding-top: 3rem }



.AnaSayfaKurumsalDeger { background-color: #F7F7F7; height: 15rem; margin-bottom: 9rem }

    .AnaSayfaKurumsalDeger .AnasayfaBaslik { text-align: center; padding-top: 2rem; padding-bottom: 0.75rem; }

    .AnaSayfaKurumsalDeger .DegerKutu { width: 100%; text-align: center; margin: 0 1rem }

        .AnaSayfaKurumsalDeger .DegerKutu .shadow { border-radius: 1rem; padding: 1rem 0; background-color: #fff }

            .AnaSayfaKurumsalDeger .DegerKutu .shadow img { height: 45px; object-fit: contain; }

        .AnaSayfaKurumsalDeger .DegerKutu b { display: block; margin-top: 2rem; margin-bottom: 1rem; color: #005083; font-weight: 500; font-size: 1.05rem }



.KinayDunyasiAltBaslik { display: block; text-align: center; font-size: 2.5rem; font-weight: 300; color: #3F3F40; font-family: Montserrat; margin-bottom: 2rem }



.HizmetDetay .imgBuyuk { max-width: 50%; float: right; filter: none; display: block; width: 100%; height: auto }



.AnasayfaBayrak b { display: block; text-align: center; margin-top: 1rem; color: #054D7A }

#IcSayfa #GenelSayfa a { border-radius: 15px; padding: 20px 0 20px 30px; border: solid 1px #e8ecf1; display: block; margin-bottom: 20px; font-size: 1.1rem; -webkit-box-shadow: 0px 0px 10px 5px rgba(146, 146, 146, 0.1); -moz-box-shadow: 0px 0px 10px 5px rgba(146, 146, 146, 0.1); box-shadow: 0px 0px 10px 5px rgba(146, 146, 146, 0.1); }

    #IcSayfa #GenelSayfa a:hover { color: #FFF; background-color: #005083; }





.KurumsalSagResim { float: left; max-width: 35%; margin: 0 4rem 0 0; background-size: contain; position: relative; width: 100%; border-radius: 1.5rem; }

    .KurumsalSagResim img { border-radius: 1.5rem; max-width: 100%; border: 1px solid #ebebeb; }



.KurumsalSolResim { float: right; max-width: 30%; margin: 0 0 6rem 6rem; background-size: contain; position: relative; width: 100%; height: 375px; border-top-left-radius: 25px; }

    .KurumsalSolResim img { border-bottom-right-radius: 25px; border-top-left-radius: 25px; max-width: 100%; height: 100%; position: absolute; top: 30px; left: 30px; object-fit: cover }



.Hakkimizda { display: inline-block; width: 100%; }

    .Hakkimizda i { font-size: 1.1rem; color: #054E7B; display: block; margin-bottom: 1rem; padding-top: 1rem }

    .Hakkimizda strong { font-size: 1.1rem }

    .Hakkimizda img { float: left; max-width: 35%; margin: 0 3rem 3rem 0; -webkit-box-shadow: -20px -20px 0px 2px rgba(255,255,255,1); -moz-box-shadow: -20px -20px 0px 2px rgba(255,255,255,1); box-shadow: -20px -20px 0px 2px rgba(255,255,255,1); border-radius: 1rem }

    .Hakkimizda em { display: block; font-size: 1.1rem; color: #054E7B; padding: 1.2rem 0; }





    .Hakkimizda .IcerikAlti { display: flex; align-items: center; font-size: 1.85rem; font-weight: 500; margin-top: 2rem }

        .Hakkimizda .IcerikAlti div { margin-right: 1.5rem; padding-right: 1.5rem; border-right: 1px solid #DDDDDD; display: flex; align-items: center }

        .Hakkimizda .IcerikAlti i { display: inline-block; padding-right: 10px; font-size: 1.1rem; color: #A7A8A9 }



.AnasayfaHizmetler .h-200 { height: 400px; margin-right: 1rem; display: block; width: 33%; position: relative; transition: all 0.4s }



    .AnasayfaHizmetler .h-200 img { object-fit: cover; object-position: center center; border-radius: 1rem }

    .AnasayfaHizmetler .h-200 .AltYazi { position: absolute; bottom: 0.75rem; left: 0.75rem; background-color: #0050839e; color: #fff; display: inline-block; padding: 1rem; border-radius: 0.75rem; font-size: 1.75rem; z-index: 100 }



    .AnasayfaHizmetler .h-200:hover { width: 100% }

        .AnasayfaHizmetler .h-200:hover .Hover { visibility: hidden }

.AnasayfaHizmetler .overlay { width: 100%; background-color: #0050839e; color: #fff; border-radius: 0.75rem; }

    .AnasayfaHizmetler .overlay div { padding-top: 8rem; padding-left: 0.75rem; position: absolute; width: 100% }



    .AnasayfaHizmetler .overlay a { display: inline-block; color: #fff; width: 43%; margin: 0.25rem 1rem; font-size: 1.5rem }

        .AnasayfaHizmetler .overlay a:hover { color: #FF7502 }

    .AnasayfaHizmetler .overlay .opacity-0 { opacity: 0 }



.AnasayfaHizmetler .h-200:hover .AltYazi { top: 1rem; bottom: auto; background-color: transparent; font-size: 2.75rem }



.Sayac { display: flex; justify-content: center; margin: 5rem 0; }

    .Sayac .d-xl-flex { margin: 0 2rem; }

        .Sayac .d-xl-flex span { color: #054F7C; font-size: 1.5rem }

    .Sayac .Yuvarlak { width: 11rem; height: 11rem; border-radius: 50%; background: url(../images/SayacBackground.jpg) no-repeat center; display: flex; align-items: center; justify-content: center; margin-right: 10px; background-size: cover }

        .Sayac .Yuvarlak b { font-size: 2.35rem; font-weight: 700; display: block; color: #054E7B }

    .Sayac .Kirmizi span { color: #FF7502 }

    .Sayac .Kirmizi .Yuvarlak { background: url(../images/SayacBackgroundKirmizi.jpg) no-repeat center; }

        .Sayac .Kirmizi .Yuvarlak b { color: #FF7502 }

.HakkimizdaNitelik .shadow { border-radius: 1rem }



    .HakkimizdaNitelik .shadow .d-flex { margin-bottom: 0.85rem }

    .HakkimizdaNitelik .shadow b { display: block; margin-left: 5px; color: #005083; font-size: 1.4rem }



.HakkimizdaVideo iframe { border-radius: 1rem }



.KinayDunyasiDetay .BaslikH { float: none; margin: 0; border: none; width: 30rem; height: 14rem; object-fit: contain; }



#Tarihce .row .col { padding: 6rem 0 3rem 0 }

#Tarihce .pb-6 { padding-bottom: 6rem !important }

#Tarihce .row .col:nth-of-type(n) { text-align: end }

#Tarihce .row .col:nth-of-type(2n) { text-align: start }

#Tarihce .row .col:nth-of-type(n) .TariheBackground { background: url(../images/TarihceSolBackground.png)no-repeat right; transform: translate(27px,0); background-size: contain; width: 11rem; height: 11rem; padding: 0 5rem 0 0; display: flex; align-items: center; font-size: 1.6rem; justify-content: center; transform: translate(27px,0) }

#Tarihce .row .col:nth-of-type(n) img { border-radius: 1rem; text-align: left; margin: auto; display: block; margin-left: auto; display: block; margin-right: 3rem; max-width: 33%; }

#Tarihce .row .col:nth-of-type(2n) img { margin-right: auto; margin-left: 3rem }



#Tarihce .row .col:nth-of-type(2n) .TariheBackground { display: block; background: url(../images/TarihceSagBackground.png)no-repeat left; background-size: contain; width: 11rem; height: 7rem; padding-left: 5rem; padding-right: 0; display: flex; align-items: center; font-size: 1.6rem; justify-content: center; transform: translate(-27px,0) }

#Tarihce .row span { display: block; margin-left: auto; width: 75% }



#Tarihce em { font-size: 1.25rem; font-style: normal; margin-bottom: 0.5rem; font-weight: 600; display: block }



.DegerKutu:nth-of-type(n) img { filter: invert(22%) sepia(15%) saturate(7163%) hue-rotate(180deg) brightness(93%) contrast(96%); height: 50px; width: 50px; object-fit: contain; }

.DegerKutu:nth-of-type(2n) img { filter: invert(55%) sepia(99%) saturate(1020%) hue-rotate(342deg) brightness(99%) contrast(103%); }



.Degerlerimiz .DegerKutu:nth-of-type(n) { background-color: #fff }

.Degerlerimiz .DegerKutu .shadow { border-radius: 1rem; padding: 2rem; margin-right: 2rem; background-color: #fff; }

.Degerlerimiz .DegerKutu:nth-of-type(2n) { background-color: #F9F9F9 }

.Degerlerimiz .DegerKutu b { font-size: 1.3rem; display: block; margin-bottom: 0.5rem }



#Politika .clearfix { margin-bottom: 4rem }

    #Politika .clearfix:nth-child(2n) .KurumsalSagResim { float: right; margin: 0 0 6rem 6rem; }

#Politika .KurumsalSagResim { max-width: 30%; }

#Politika b { font-size: 1.25rem }

#Politika ul { padding-left: 0 }

#Politika li { margin-bottom: 0.5rem }

    #Politika li::marker { content: "-  "; }



.YonetimKutu { display: block; text-align: center; margin-bottom: 0 }

    .YonetimKutu b { display: inline-block; padding: 0.75rem 1rem; width: auto; color: #fff; background-color: #65B2E8; font-weight: 400; margin: 0 0 3rem 0; border-radius: 1rem }

    .YonetimKutu .position-relative { display: block; margin-left: 1rem; margin-right: 1rem }



.KurumsalSunum a { display: inline-flex; border-radius: 0.25rem; padding: 0.3rem 0.6rem; background-color: #65B2E8; color: #fff; margin-right: 0.4rem }

    .KurumsalSunum a:hover { background-color: #FF7401 }

.KurumsalSunum iframe { margin: 0 auto; display: block; border-radius: 1.25rem; width: 100%; height: 550px }



.Yonetim4 .mb-6 { margin-bottom: 6rem }

.Yonetim4 .position-relative div { position: absolute; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15); border-radius: 0; font-size: 0.75rem; bottom: 0; display: inline-block; padding: 0; left: 50%; transform: translate(-50%,50%); background: #fff; width: 100%; padding: 0.25rem; }

.Yonetim4 span { display: block; margin-bottom: 0.5rem; color: #054E7B; font-weight: 500; font-size: 0.7rem; }

.Yonetim4 i { display: block; font-style: normal; color: #52525F }

.Yonetim4 p { display: block; font-style: normal; color: #52525F; margin: 0; padding: 0; display: none }

#Yonetim .Yonetim4 .Border { margin-top: 1rem }

#Yonetim .Yonetim4 .overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .5s ease; background-color: #000000d4; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; }

    #Yonetim .Yonetim4 .overlay:hover { opacity: 1 }



    #Yonetim .Yonetim4 .overlay .text { position: absolute; top: 50%; left: 50%; font-size: 0.8rem; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); background-color: transparent }

        #Yonetim .Yonetim4 .overlay .text span { font-size: 0.9rem; color: #fff !important; }

        #Yonetim .Yonetim4 .overlay .text p { display: block; color: #fff !important; f }



.YonetimKutu .position-relative div { position: absolute; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15); border-radius: 1rem; bottom: 0; display: inline-block; padding: 0; left: 50%; transform: translate(-50%,50%); background: #fff; width: 78%; padding: 0.25rem; font-size: 0.75rem; }

.YonetimKutu span { display: block; margin-bottom: 0.5rem; color: #054E7B; font-weight: 500; font-size: 1.25rem; }

.YonetimKutu i { display: block; font-style: normal; color: #52525F }

.YonetimKutu p { display: block; font-style: normal; color: #52525F; margin: 0; padding: 0 }

.YonetimKutu .mb-6 { margin-bottom: 6rem }



.KurucuAlti .col a div { padding: 1rem; background-color: #64B1E6; color: #fff; border-radius: 1rem; margin: 1rem 0; font-size: 1.05rem }

.KurucuAlti .col a img { height: 110px; object-fit: contain }

.KurucuAlti .col i { display: block; font-style: normal }



#KinayDunyasi .px-6 { padding: 0 5.5rem }



#KinayDunyasi a { position: relative; display: block; margin-bottom: 15rem; color: #525260 }

    #KinayDunyasi a img { max-height: 230px; object-fit: contain; width: 100%; border: 1px solid #ebebeb; min-height: 230px; }

    #KinayDunyasi a div { position: absolute; width: 94%; background-color: #fff; bottom: 0; right: 0; transform: translate(0,75%); padding: 1.5rem; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) }

    #KinayDunyasi a b { display: block; font-size: 1.1rem; font-weight: 500; font-family: Montserrat; color: #054E7B; height: 3em; overflow: hidden }

    #KinayDunyasi a:hover b { color: #66B1E1 }

    #KinayDunyasi a p { display: block; margin: 0.75rem 0; height: 3em; overflow: hidden }



    #KinayDunyasi a i { font-style: normal; color: #66B1E1; font-size: 0.9rem }



#KinayDunyasi .col:nth-of-type(n) div { border-radius: 0; border-radius: 1rem }

#KinayDunyasi .col:nth-of-type(2n) div { border-radius: 0; border-radius: 1rem }



#KinayDunyasi .swiper-slide:nth-of-type(n) div { border-radius: 0; border-radius: 1rem }

#KinayDunyasi .swiper-slide:nth-of-type(2n) div { border-radius: 0; border-radius: 1rem }



.Copyright { padding-bottom: 2rem }



.Sayfalama a { margin: 0 0.5rem; width: 2rem; height: 2rem; border-radius: 7px; font-weight: 600; padding-top: 0.2rem; text-align: center }

.Sayfalama .Ok { color: #BABABA }

    .Sayfalama .Ok:hover { color: #BABABA; background-color: transparent }

.Sayfalama .active { background-color: #E0650A; color: #fff }

.Sayfalama a:hover { background-color: #E0650A; color: #fff }



.GrupSirket { display: block; }

    .GrupSirket .IcSayfaBaslik { margin-bottom: 1rem !important }

    .GrupSirket .GrupSirketAltBaslik { display: block; text-align: center; margin-bottom: 4rem; font-size: 1.1rem }

    .GrupSirket .shadow { border-radius: 1rem; display: block; height: 100% }

        .GrupSirket .shadow img { max-width: 100%; height: 110px; object-fit: contain; display: block; margin: auto }



#GrupSirketiDetay { display: inline-block; width: 100% }

    #GrupSirketiDetay h1 { text-indent: -9999px; background: none !important; visibility: collapse }

    #GrupSirketiDetay img { width: 25rem; margin: 0; height: 200px; object-fit: contain; padding: 0; border-radius: 1.5rem; }

    #GrupSirketiDetay ul { padding: 0 0 0 0.75rem }

    #GrupSirketiDetay li::marker { content: "- " }

    #GrupSirketiDetay li { margin-bottom: 0.35rem }



.Yonetim3 .Icon { max-height: 4rem; width: auto; display: block; margin: auto; margin-bottom: 0.5rem }



.InsanKaynaklariDetay .BaslikH { text-indent: -9999px; background: none !important; visibility: collapse; margin: 0 }

.InsanKaynaklariDetay .mw-100 { width: 30rem; height: 14rem; object-fit: contain }

.InsanKaynaklariDetay h1 { margin-bottom: 2.75rem }



.KinayDunyasiDetay { display: inline-block; width: 100%; }

    .KinayDunyasiDetay img { float: left; max-width: 35%; margin: 0 1.5rem 1.5rem 0; height: auto; border-radius: 1.5rem; border: solid 1px #ebebeb }

    .KinayDunyasiDetay strong { font-size: 1.2rem; color: #66B1E1; font-weight: 500; font-family: Montserrat }

.DetayGaleri { margin-top: 4rem }

    .DetayGaleri img { border-radius: 1.5rem; height: 286px; object-fit: cover; }



    .DetayGaleri .overlay { border-radius: 1.5rem }



#LojistikHizmet .IcSayfaBaslik { margin-bottom: 1rem; font-size: 1.12rem }

#LojistikHizmet span { margin-bottom: 45px; display: block; text-align: center }



#LojistikHizmet a { padding: 2.5rem; display: block; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15); border-top-left-radius: 2rem; border-bottom-right-radius: 2rem; color: #525261 }

    #LojistikHizmet a:hover { background-color: #64B1E6; color: #fff }

        #LojistikHizmet a:hover b,

        #LojistikHizmet a:hover i { color: #fff; transition: .3s }

        #LojistikHizmet a:hover img { transition: .3s; filter: invert(100%) sepia(1%) saturate(844%) hue-rotate(153deg) brightness(117%) contrast(100%); }



    #LojistikHizmet a b { display: inline-flex; margin-left: 0.75rem; font-size: 1.45rem; color: #005083 }

    #LojistikHizmet a img { filter: invert(19%) sepia(54%) saturate(2342%) hue-rotate(181deg) brightness(96%) contrast(96%); }

    #LojistikHizmet a p { display: block; margin: 1.25rem 0; overflow: hidden; height: 6em; padding: 0 }

    #LojistikHizmet a i { font-size: 1.1rem; font-weight: bold; font-style: normal; color: #66AEDC }



.HizmetDetay { display: inline-block; width: 100%; }

    .HizmetDetay .BuyuKResim { float: left; max-width: 30%; margin: 0 2rem 2rem 0 }

        .HizmetDetay .BuyuKResim img { height: auto; max-width: 100%; filter: none; margin: 0; border-radius: 1.5rem; color: #525261 }



    .HizmetDetay strong { color: #525261; font-size: 1.125rem }

    .HizmetDetay img { max-width: 45%; display: block; margin-bottom: 1.25rem; filter: invert(64%) sepia(33%) saturate(723%) hue-rotate(164deg) brightness(98%) contrast(84%); }

    .HizmetDetay li::marker { content: "- " }



.HizmetDetayLink { display: block; margin-top: 4rem }

    .HizmetDetayLink a { display: block; width: 100%; margin: auto; text-align: center; color: #005083; font-size: 1.45rem; font-weight: bold; text-align: center; height: 5em; line-height: 1.75rem; overflow: hidden; }

    .HizmetDetayLink .Border { border: 0 }

    .HizmetDetayLink a:hover { color: #FF7502 }

        .HizmetDetayLink a:hover img { filter: invert(57%) sepia(76%) saturate(3662%) hue-rotate(359deg) brightness(100%) contrast(101%); }

    .HizmetDetayLink a img { display: block; margin: auto; margin-bottom: 0.75rem; filter: invert(13%) sepia(53%) saturate(6098%) hue-rotate(189deg) brightness(95%) contrast(96%); transition: .3s; height: 40px; object-fit: contain; }



.LojistikDenizcilikHizmet a { display: block; border-radius: 1rem; background-color: #F7F7F7; color: #525261 }

    .LojistikDenizcilikHizmet a .w-100 { border-top-left-radius: 1rem; border-bottom-left-radius: 1rem; object-position: 80% 100%; }

    .LojistikDenizcilikHizmet a b { font-size: 1.3rem; color: #005083 }

    .LojistikDenizcilikHizmet a .py-4 img { max-width: 10%; filter: invert(18%) sepia(55%) saturate(2855%) hue-rotate(183deg) brightness(95%) contrast(96%); height: 65px; object-fit: contain; }

    .LojistikDenizcilikHizmet a p { margin: 1rem 0; display: block; height: 4.5em; overflow: hidden; }

    .LojistikDenizcilikHizmet a i { color: #054F7C; display: block; font-weight: bold; font-family: Montserrat; font-style: normal; font-size: 1.05rem }





    .LojistikDenizcilikHizmet a:hover b,

    .LojistikDenizcilikHizmet a:hover i { color: #FF7502; transition: .3s }

    .LojistikDenizcilikHizmet a:hover .py-4 img { filter: invert(51%) sepia(70%) saturate(2519%) hue-rotate(357deg) brightness(100%) contrast(104%); transition: .3s }

.DenizcilikDetay img { filter: invert(22%) sepia(34%) saturate(2928%) hue-rotate(178deg) brightness(96%) contrast(96%); }



#GrupSirketiDetay .BodeyImg { max-width: 31%; height: auto; float: right; padding: 0; padding-left: 1rem; border: none; border-radius: 0; margin: 0; width: auto }

.IconLogo img { width: 11rem; padding: 1rem; border-radius: 1rem; border: 1px solid #ebebeb; height: 4.5rem; object-fit: contain; transition: .3s; }

    .IconLogo img:hover { box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) }

.IconLogo { display: inline-block }



#InsanKaynaklari { display: block; }

    #InsanKaynaklari a { display: block; border-radius: 1rem; }

        #InsanKaynaklari a b { font-size: 1.4rem; font-weight: bold; color: #005083; height: 3rem; padding-left: 1rem; height: 3em }

        #InsanKaynaklari a p { display: block; margin: 1rem 0; overflow: hidden; height: 6em }

        #InsanKaynaklari a i { color: #66AEDC; font-style: normal; font-weight: bold; font-size: 1.05rem; font-family: Montserrat }

        #InsanKaynaklari a img { object-fit: contain; filter: invert(23%) sepia(76%) saturate(1210%) hue-rotate(176deg) brightness(98%) contrast(90%); }

.InsanKaynaklariResim img { object-fit: contain; border-radius: 0; height: auto; object-fit: contain }



iframe { border-radius: 1.5rem }



.Ik { display: block; text-align: center; margin-bottom: 1.5rem; font-size: 1.5rem; background: url("../images/IcSayfaBaslik.png") no-repeat left; padding: 2rem; color: #2A2C34 }



#Iletisim .IletisimMerkez .h-100 { border-radius: 1rem }

    #Iletisim .IletisimMerkez .h-100 iframe { height: 100% }

#Iletisim .IletisimMerkez b { display: block; font-size: 1.15rem; color: #FF7502; padding-left: 1.75rem; margin-bottom: 1.25rem }

#Iletisim .IletisimMerkez a { color: #525261 }

#Iletisim .IletisimMerkez img { object-fit: contain; }

#Iletisim .IletisimMerkez { color: #525261 }



#IcSayfa #Mevzuat a { border-radius: 15px; padding: 1.5rem; border: solid 1px #e8ecf1; display: block; margin-bottom: 20px; font-size: 1.1rem; }

    #IcSayfa #Mevzuat a:hover { -webkit-box-shadow: 0px 0px 10px 5px rgba(146, 146, 146, 0.1); -moz-box-shadow: 0px 0px 10px 5px rgba(146, 146, 146, 0.1); box-shadow: 0px 0px 10px 5px rgba(146, 146, 146, 0.1); }

    #IcSayfa #Mevzuat a img { height: 8rem; object-fit: contain; display: block; margin: auto }



.MevzuatBaslik { color: #fff; background-color: #65B2E8; padding: 1rem; display: inline-block; font-size: 1.2rem; font-weight: 600; border-radius: 1rem }

.IK .CvYukle { border: 1px solid #ced4da; display: block; padding: 0.75rem; border-radius: .5rem; color: #6c757d; margin-bottom: 1.5rem !important; }

.Formlar label { border: none; display: inline-block; padding: 0; padding-left: 1rem; font-size: 1rem; border-radius: 0; font-weight: 400; margin: 0 !important }

.IK .Gonder { border: none; margin: 0 }



#Iletisim #GrupSirket b:nth-of-type(n) { color: #fff; margin-top: 5rem; background-color: #65B2E8; padding: 1rem; display: inline-block; font-size: 1.2rem; font-weight: 600; border-radius: 1rem }

#Iletisim #GrupSirket b:nth-of-type(2n) { background-color: #054F7C }

#Iletisim #GrupSirket img { object-fit: contain; display: block }

#Iletisim #GrupSirket span { width: 100%; color: #054E7B; font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem }

#Iletisim #GrupSirket .row .col-md-6 .Border { border: 1px solid #eeeeee; height: 14.5rem; transition: .3s }

    #Iletisim #GrupSirket .row .col-md-6 .Border:hover { box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) }

#Iletisim #GrupSirket .ImgIcon { width: 15rem; height: 8rem; object-fit: contain }



#InsanKaynaklari a:hover { background-color: #64B1E6; color: #fff }

    #InsanKaynaklari a:hover b,

    #InsanKaynaklari a:hover i { color: #fff; transition: .3s }



    #InsanKaynaklari a:hover img { filter: invert(100%) sepia(7%) saturate(7491%) hue-rotate(262deg) brightness(105%) contrast(118%); transition: .3s }



footer { background-color: #64B1E6; color: #fff; font-size: 1rem; font-family: Poppins; padding-top: 60px; position: relative; font-weight: 300; margin-top: 6rem }

    footer .FooteImg { position: absolute; top: 0; left: 50%; transform: translate(-50%,-70%); border: 5px solid transparent; z-index: 1; }

    footer a { color: #fff; display: block; margin-bottom: 0.5rem; text-transform: uppercase; font-size: 0.8rem }

    footer b { font-weight: 700; font-size: 1.3rem; display: block; margin-bottom: 0.5rem }

    footer a:hover { color: #FFC736 }



    footer i { color: #E0650A }



    footer ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ font-family: Poppins; color: #fff !important; font-style: italic; font-weight: 300 }

    footer :-ms-input-placeholder { /* Internet Explorer 10-11 */ font-family: Poppins; color: #fff !important; font-style: italic; font-weight: 300 }

    footer :-ms-input-placeholder { /* Microsoft Edge */ font-family: Poppins; color: #fff !important; font-style: italic; font-weight: 300 }

.Copyright { background-color: #005083; color: #fff }

    .Copyright .d-flex { padding: 1.75rem 0 1.25rem 0 }

        .Copyright .d-flex img { padding: 0 15px; height: auto; max-width: 50% }

    .Copyright .container { border-top: 1px solid #066299 }

    .Copyright a { color: #fff }



#KinayDunyasi .swiper-button-next, #KinayDunyasi .swiper-button-prev { opacity: .5; color: #005083 }

    #KinayDunyasi .swiper-button-next:hover, #KinayDunyasi .swiper-button-prev:hover { opacity: 1 }

.GrupSirket .swiper-button-next, .GrupSirket .swiper-button-prev { opacity: .5; color: #005083 }

    .GrupSirket .swiper-button-next:hover, .GrupSirket .swiper-button-prev:hover { opacity: 1 }



#GrupSirketiDetay .BodeyImg { max-width: 50%; height: auto; float: right; padding: 0; padding-left: 1rem; border: none; border-radius: 0; margin: 0; width: auto }







#Yonetim .mw-100 { max-width: 70% !important }

#Yonetim strong { font-size: 1.25rem }

#Yonetim .Border { border-radius: 0.5rem; padding: 0.5rem; height: 100%; border: 1px solid #ebebeb8a; width: 80%; margin: 0 auto; }

    #Yonetim .Border a { font-size: 1rem; margin-bottom: 0.35rem }

        #Yonetim .Border a:hover { color: #FFC736 }

#Yonetim .GriBackground { background-color: #ebebeb59 }



#Yonetim .HoverScale:hover { transform: scale(1.07) }



@media (min-width:992px) {

    .Logo { width: 50%; display: block; -o-transition: 0.1s; -ms-transition: 0.1s; -moz-transition: 0.1s; -webkit-transition: 0.1s; transition: 0.1s; }

    .DropOffset { margin-top: 6px !important; }

    .Sosyal { opacity: 0; -o-transition: 0.1s; -ms-transition: 0.1s; -moz-transition: 0.1s; -webkit-transition: 0.1s; transition: 0.1s; height: 0px; visibility: collapse; display: none !important }

    .Ustbar { opacity: 0; height: 0; -o-transition: 0.1s; -ms-transition: 0.1s; -moz-transition: 0.1s; -webkit-transition: 0.1s; transition: 0.1s; }

    .Logo { width: 40%; display: inline-block; -o-transition: 0.1s; -ms-transition: 0.1s; -moz-transition: 0.1s; -webkit-transition: 0.1s; transition: 0.1s; padding: 7px 0; }

}



.top-nav-collapse { -webkit-box-shadow: 0px 1px 4px 0 rgba(0,0,0,0.34); -moz-box-shadow: 0px 1px 4px 0 rgba(0,0,0,0.34); box-shadow: 0px 1px 4px 0 rgba(0,0,0,0.34); z-index: 999; background-color: rgba(255, 255, 255, 1); margin: 0 !important; }

    .top-nav-collapse .NavMenu { box-shadow: none !important }



.featherlight-next span span { display: block !important; background: url('../images/next.png')no-repeat; height: 50px; width: auto; left: auto }

.featherlight-previous span span { display: block !important; background: url('../images/prev.png')no-repeat; height: 50px; width: 66px; }

.overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .5s ease; background-color: #000000d4; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; }

    .overlay:hover { opacity: 1; }

    .overlay .text i { position: absolute; top: 50%; left: 50%; font-size: 28px; color: #E0650A; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }



#IcSayfa { display: inline-block; width: 100%; margin: 0 0 10% 0 }

    #IcSayfa .Resim { position: relative; text-align: center }

        #IcSayfa .Resim i { position: absolute; top: 50%; left: 50%; font-size: 30px; color: #E0650A; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }



.img-cover { object-fit: cover; object-position: center }

.img-contain{object-fit:contain}



.form-control:focus { border-color: transparent; box-shadow: 0 0 0 0 rgba(0,0,0,0); background-color: #dddddd5c }

button:focus { box-shadow: none !important }

#yukari-cik { position: fixed; bottom: 15%; right: 25px; padding: 7px 15px; z-index: 99; font-size: 16px; border-radius: 50%; background-color: #FF7502; color: #fff !important; display: none }

    #yukari-cik:hover { background-color: #2A2D36 }

.w-49 { width: 49% }

.fw-semibold { font-weight: 600 }

.rounded-5 { border-radius: .5rem }

.HizmetYukseklik { height: 380px }

.bottom-15 { bottom: 15px }

.left-15 { left: 15px }



.btn-check:focus + .btn, .btn:focus { box-shadow: none !important }



#btnGonderTeklif { background-color: #FF7502; color: #fff; }

    #btnGonderTeklif:hover { background-color: #2A2D36 }

.py-25 { padding: 0.75rem; }

.w-30 { width: 30% }

.Gonder { background-color: #64B1E6; color: #fff; text-align: center; padding: 0.5rem 2.4rem; font-weight: 600; font-size: 1.15rem; transition: .3s; border-radius: 1rem; margin-top: 1.5rem }

    .Gonder:hover { background-color: #5F5255; color: #fff }

#BizeYazin { z-index: 999; position: fixed; top: 50%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform-origin: top right; right: 0 }

    #BizeYazin a:hover { background-color: rgb(77, 194, 71) !important; }

    #BizeYazin a { word-spacing: 3px; font-size: 1.5rem; background-color: #64B1E6; border: none; padding: 0; color: #FFF; border-radius:100rem; font-weight: 800; font-family: Montserrat;height: 12rem;display: flex;justify-content: center;align-items: center;width: 12rem;flex-direction:column;text-align:center }

.IK .Multi { height: 187px }

.IK .OneriTalep { height: 117px }

.IK .form-select:focus { border-color: transparent; box-shadow: 0 0 0 0 rgba(0,0,0,0); background-color: #dddddd5c; }





#KVKK { position: fixed; bottom: 0; z-index: 99; background-color: #65B2E8; padding: 5px; color: #FFF; text-align: center; width: 100% }

    #KVKK a { color: #256897; cursor: pointer }

    #KVKK input { background-color: #256897; color: #FFF; font-size: 14px; border-radius: 5px; border: none; padding: 5px; margin-left: 40px }



.Form a { color: #3F3F3F; font-size: 1.05rem; font-weight: 500 }

    .Form a:hover { text-decoration: underline }



.Form select { font-size: 1.2rem; background-color: #005083; color: #FFF; margin-bottom: 2rem; border: solid 0; padding: 1rem; border-radius: 0.7rem; margin: 1rem 0.5rem }

.MevzuatMetin strong { font-size: 1.4rem; color: #005083 }



.jWcIXO { flex-shrink: 0; width: 50px; height: 50px; background-color: rgb(77, 194, 71) !important; order: 2; padding: 5px; box-sizing: border-box; border-radius: 50%; cursor: pointer; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.4) 2px 2px 6px; transition: all 0.5s ease 0s; position: relative; z-index: 200; display: block; border: 0px none; }



#YukTakibi span { display: block; }

#YukTakibi .Guvenlik { width: 21%; height: 38px }

#YukTakibi input[type=submit] { padding: 0.5rem 1rem; width: 21%; color: #fff; font-size: 1.2rem; background-color: #65B2E8; border-radius: 5px; border: solid 1px #489cd1; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; }

    #YukTakibi input[type=submit]:hover { background-color: #005083 }

#YukTakibi input[type=text] { padding: 0.5rem 1rem; border: solid 1px #EBEBEB; font-size: 1.2rem }

#YukTakibi .col { margin-top: 1.5rem }

    #YukTakibi .col div { border: solid 1px #EBEBEB; padding: 0.5rem 0.7rem; border-radius: 0.4rem; height: 100%; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; }

        #YukTakibi .col div strong { display: block; color: #005083 }

        #YukTakibi .col div:hover { border: solid 1px #8f8f93; -webkit-box-shadow: 0px 0px 10px 5px rgba(146, 146, 146, 0.1); -moz-box-shadow: 0px 0px 10px 5px rgba(146, 146, 146, 0.1); box-shadow: 0px 0px 10px 5px rgba(146, 146, 146, 0.1); }



#YukTakibi .row div { -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; animation-delay: 0.3s }

    #YukTakibi .row div + div { -webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; animation-delay: 0.6s }

        #YukTakibi .row div + div + div { -webkit-animation-delay: 0.9s; -moz-animation-delay: 0.9s; animation-delay: 0.9s }

            #YukTakibi .row div + div + div + div { -webkit-animation-delay: 1.2s; -moz-animation-delay: 1.2s; animation-delay: 1.2s }

                #YukTakibi .row div + div + div + div + div { -webkit-animation-delay: 1.5s; -moz-animation-delay: 1.5s; animation-delay: 1.5s }

                    #YukTakibi .row div + div + div + div + div + div { -webkit-animation-delay: 1.8s; -moz-animation-delay: 1.8s; animation-delay: 1.8s }

                        #YukTakibi .row div + div + div + div + div + div + div { -webkit-animation-delay: 2.1s; -moz-animation-delay: 2.1s; animation-delay: 2.1s }

                            #YukTakibi .row div + div + div + div + div + div + div + div { -webkit-animation-delay: 2.4s; -moz-animation-delay: 2.4s; animation-delay: 2.4s }

                                #YukTakibi .row div + div + div + div + div + div + div + div + div { -webkit-animation-delay: 2.7s; -moz-animation-delay: 2.7s; animation-delay: 2.7s }

#YukTakibi .Asama1 { -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; animation-delay: 0.3s }

#YukTakibi .Asama2 { -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; animation-delay: 0.3s }

#YukTakibi .Asama3 { -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; animation-delay: 0.3s }

#YukTakibi .Asama4 { -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; animation-delay: 0.3s }

#YukTakibi .Asama5 { -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; animation-delay: 0.3s }



#YukTakibi .Yuvarlak { width: 7rem; height: 7rem; background-color: #adadad; border-radius: 100%; margin-bottom: 1rem; position: relative; z-index: 2 }

#YukTakibi .Cizgi { width: 100%; position: absolute; border-bottom: dashed 0.5rem #adadad; top: 35%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }

#YukTakibi .Asamalar { position: relative; }

#YukTakibi .Asama1 .Cizgi { margin-left: 40% }

#YukTakibi .Asama5 .Cizgi { border: none }

#YukTakibi .Sec .Cizgi { border: none }

#YukTakibi .Asamalar strong { display: block; }

#YukTakibi .Asama3 strong { text-align: center; width: 7rem }

#YukTakibi .Asama4 strong { text-align: center; width: 7rem }

#YukTakibi .Asama5 strong { text-align: center; width: 7rem }

#YukTakibi .Asama3 span { text-align: center; width: 7rem }

#YukTakibi .Asama4 span { text-align: center; width: 7rem }

#YukTakibi .Asama5 span { text-align: center; width: 7rem }







#YukTakibi .Yuvarlak img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); max-width: 4rem }

#YukTakibi .Sec { color: #005083 }

    #YukTakibi .Sec .Yuvarlak { background-color: #005083 }

    #YukTakibi .Sec .Cizgi { border-bottom: dashed 0.5rem #005083; }

    #YukTakibi .Sec .Cizgi { border-bottom: dashed 0.5rem #005083; }

#YukTakibi .Hata { text-align: center; margin: 0 0 2rem 0; color: #F00; font-size: 1.2rem; display: block; }



.animate { -webkit-animation-duration: 1s; animation-duration: 1s; animation-fill-mode: both; -webkit-animation-fill-mode: both }



@-webkit-keyframes fadeIn {

    from { opacity: 0 }

    to { opacity: 1 }

}



@keyframes fadeIn {

    from { opacity: 0 }

    to { opacity: 1 }

}



.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn }





#Yonetim .Yonetim3 .Border { background-color: #64B1E6; color: #fff; width: 100% }

.Yonetim3 .modal-body { text-align: start }

    .Yonetim3 .modal-body span { display: block; font-size: 1.1rem; font-weight: 500; margin-bottom: 0.25rem }

    .Yonetim3 .modal-body i { font-style: normal; display: block; margin-bottom: 1rem }

.Yonetim3 a:hover { transform: scale(1.07) }

.hoverScale:hover { transform: scale(1.07) }





.YetkiliKisi { display: block; border: 1px solid #ebebeb; box-shadow: 0 0 .5rem 0.5rem rgba(0,0,0,0.065); padding: 0; border-radius: 1rem; padding: 1rem; margin-top: 2rem }

    .YetkiliKisi img { max-width: 100%; height: 10rem; object-fit: cover; width: 100%; object-position: top }

    .YetkiliKisi b { display: block; font-size: 1.2rem }

    .YetkiliKisi span { display: block; margin: 0.5rem 0; color: #666666bf }

    .YetkiliKisi a:hover { text-decoration: underline }

    .YetkiliKisi a { display: block; margin-bottom: 0.5rem; color: #3F3F3F }

    .YetkiliKisi i { color: #64B1E6 }



.InsanKaynaklariResim iframe { height: 30rem }

.Feeder { padding: 1rem 3rem; background-color: #65B2E8; color: #FFF; border-radius: 1rem; margin-top: 2rem; display: inline-block }

    .Feeder:hover { background-color: #005083; color: #FFF }





.ArkSunum { display: inline-flex; border-radius: 0.25rem; padding: 0.3rem 0.6rem; background-color: #65B2E8; color: #fff; margin-right: 0.4rem; }

    .ArkSunum:hover { background-color: #FF7401; color: #fff }





    #BizeYazin a{background-color:#ffa902; animation: Uyari 2.0s ease-in-out infinite}

@keyframes Uyari { 0% {background-color:#ffa902}  50% {background-color:#ff7502}  100% {background-color:#ffa902}}