@font-face {
    font-family: Futura Medium;
    src: url(../font/futura-medium-condensed-bt.ttf);
}

@font-face {
    font-family: Futural;
    src: url(../font/Futural.ttf);
}
* {
    margin: 0px;
    padding: 0px;
}

:root {
    --main-bg-color: coral;
}

body {
    font-size: 20px;
    font-family: Futural;
    overflow-x: hidden;
}

.slide h1 {
    font-size: 40px;
    text-align: left;
    margin: 0;
}

.slide h2 {
    font-size: 52px;
    text-align: left;
    margin: 0;
}

.slide h3 {
    font-size: 82px;
    font-family: Futura Medium;
    text-align: left;
    margin: 0;
}

.slide p {
    font-size: 20px;
    text-align: left;
    margin-top: 30px;
    margin-bottom: 30px;
}

.carousel-caption {
    left: 5%;
    right: auto;
    max-width: 550px;
    bottom: auto;
    top: 15%;
}

.btns {
    position: absolute;
    right: 20px;
    /* border: 1px solid #025593; */
    padding: 5px 15px;
    border-radius: 50px;
    background: #314372;
}

.btns a {
    font-size: 20px;
    color: #fff;
    text-decoration: none;
}

.top-menu,
nav {
    z-index: 1;
    padding: 10px 5% !important;
    width: 100%;
}

.top-menu li a,
nav a {
    color: #000;
}

nav img {
    max-width: 200px;
}

.top-menu li {
    display: inline-block;
    padding: 0 10px;
    float: right;
    color: #fff;
}

.top-menu {
    width: 100%;
    right: 0;
    float: right;
    background: #f2f2f2;
}

nav {
    padding: 10px 5% !important;
    top: 0;
    z-index: 9;
    background: #fff;
}

.dropdown-item.active,
.dropdown-item:active {
    background: transparent;
}

.dropdown-menu {
    background: #f2f2f2;
    border: none;
    margin-top: 0;
}

.nav-link {
    margin: 0 5px;
    padding-bottom: 0;
}

ul.navbar-nav.mr-auto {
    margin-left: auto;
    margin-right: 0 !important;
}

.carousel-control-next-icon {
    background-image: url(../img/next.png);
}

.carousel-control-prev-icon {
    background-image: url(../img/prev.png);
}

.carousel-control-next,
.carousel-control-prev {
    left: auto !important;
    right: 100px !important;
    width: 30px;
    top: auto;
    bottom: 40px;
    height: 33px;
    background: rgb(49 67 114 / .29);
    z-index: 2;
}

.carousel-control-next {
    right: 70px !important;
    background: #314372;
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    width: 25px;
    height: 25px;
}

.top-menu img {
    filter: brightness(0);
}

.float-left {
    float: left;
    position: relative;
}

.width-100 {
    width: 100%
}

.width-90 {
    width: 90%
}

.main-div {
    padding: 50px 5%;
    margin: 50px 0;
}

h4 {
    font-size: 52px;
    margin-top: 50px;
}

.wid-43 {
    width: 43%;
    margin: 0px 7%;
}

.logolar {
    text-align: right;
    margin-top: 100px;
}

.urunler {
    background: #e7e7e7;
    /* position: absolute; */
}

.urunler h4,
.urunler h5 {
    text-align: center;
}

.urun-box {
    position: relative;
    margin-top: 50px;
    padding: 0 65px;
    margin-bottom: 80px;
}

.urun-box h6 {
    font-size: 32px;
    padding: 30px;
    border-bottom: 1px solid rgb(0 0 0 / .06);
    margin-bottom: 15px;
}

.about-2 {
    background: url(../img/main-bg.jpg);
    background-size: 100% 100%;
    margin: 0;
    padding: 150px 5%;
    justify-content: center;
    position: relative;
    display: flex;
    align-items: center;
    margin-top: -100px;
}

.float-right {
    float: right;
}

footer.main-div {
    background: #314372;
    color: #fff;
    background-image: url(../img/cark.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0px 0 !important;
    padding: 30px 5% !important;
    margin-bottom: 0 !important;
    background-position: bottom left;
}

footer.main-div img {
    max-width: 200px;
    /* display: block; */
    margin: 0;
    text-align: center;
    padding: 0;
    position: relative;
    margin-bottom: 15px;
}

.foot-right {
    text-align: right;
}

footer.main-div a {
    color: #fff;
    font-size: 16px;
}

.foot-right a {
    margin-left: 10px;
}

.border-bottom {
    border-bottom: 1px solid rgb(255 255 255 / 30%) !important;
    padding-bottom: 15px;
    margin-bottom: 40px;
}

.border-bottom-2 {
    border: none !important;
    padding: 0;
    margin: 0;
}

.border-bottom-2 a {
    display: block;
}

.main-div.foot-alt {
    padding: 0 5%;
    margin: 0;
    font-size: 16px;
}

.play-icon:before {
    /* content: url(../img/play.png); */
    position: absolute;
    margin: 25% 43%;
}

.urun-box .urun-img::before {
    top: -5px;
    left: -5px;
    border-top: 0px solid transparent;
    border-left: 0px solid transparent;
    z-index: 2;
}

.urun-box .urun-img::after {
    bottom: -5px;
    right: -5px;
    border-top: 0px solid transparent;
    border-left: 0px solid transparent;
    z-index: 99;
}

.urun-box .urun-img::before,
.urun-box .urun-img::after {
    content: '';
    position: absolute;
    width: 90px;
    height: 90px;
    background: transparent;
    transition: .5s;
}

.urun-box a:hover .urun-img::before {
    border-top: 5px solid #314372;
    border-left: 5px solid #314372;
}

.urun-box a:hover .urun-img::after {
    border-bottom: 5px solid #314372;
    border-right: 5px solid #314372;
}

.urun-box a {
    color: #000;
    text-decoration: none;
}

.urun-img {
    position: relative;
}

.banner div {
    position: relative;
    background: rgb(14 44 70 / .71);
    padding: 5px 20px;
    top: 494px;
}

.banner h1 {
    font-family: Futura Medium;
    font-size: 40px;
    color: #fff;
    z-index: 1;
    position: relative;
}

.banner {
    margin: 0;
    padding: 0;
    height: 560px;
    position: relative;
    top: 0;
    width: 100%;
    padding: 0px 5%;
    background-position: bottom right;
    background-size: cover;
}

.fix-page .top-menu,
.fix-page nav {
    top: 0;
    background: transparent;
    width: 100%;
    padding: 0px 5%;
}

.fix-page nav {
    margin-top: 30px;
}

.fix-page .top-menu a,
.fix-page nav a {
    color: #fff;
}

.fix-page .top-menu img,
.fix-page nav img {
    filter: brightness(0) invert(1);
}

.fix-page header{
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(54, 77, 161, 0.8) 60%, rgba(255, 255, 255, 0) 100%);
    width: 100%;
    position: absolute;
    top: 0;
    padding-bottom: 30px;
    /* background-image: url(../img/menu-bg.png); */
    padding-top: 20px;
    z-index: 9;
    background-size: cover;
    background-position-y: bottom;
}

.uretim .main-div {
    margin: 0;
    padding: 0px 5%;
}

.uretim .col-md-3,
.uretim .col-md-9 {
    padding: 0;
}

.imalat .main-div {
    margin: 0;
    padding: 0px 5%;
}

.imalat .col-md-3,
.imalat .col-md-9 {
    padding: 0;
}

.brand {
    background: #536d83;
    padding: 5px 15px;
    color: #fff;
    border-top: 2px solid;
}

.brand a {
    color: #fff;
    margin-right: 10px;
}

.brand span {
    margin-left: 10px;
}

.left-menu a {
    color: #000;
    display: block;
    margin-top: 5px;
    /* padding: 10px 20px 0; */
    font-weight: 100;
}

.left-menu {
    padding: 30px 10% 40px;
    background: #536d8314;
    box-shadow: 0 0px 20px 0px rgba(0, 0, 0, 0.1), 0px 0px 20px 0px rgb(226 226 226 / 0%);
}

.fix-page .dropdown-menu {
    background: #1d2332;
}

span.menu-active {
    position: absolute;
    height: 1px;
    width: 100%;
    background: #3950a4;
    left: 0;
    display: none;
}

.width-110 {
    width: 110%;
}

.uretim-txt {
    font-size: 16px;
    font-weight: 600;
    max-width: 677px;
    position: absolute;
    bottom: 0;
    padding: 0 15px;
}

.imalat-right {
    padding: 80px 30px !important;
}

.imalat ul {
    margin: 50px 20px;
}

.sub-slider .carousel-control-next,
.sub-slider .carousel-control-prev {
    right: 30px !important;
    bottom: 0;
    opacity: 1;
    height: 30px;
    top: auto;
}

.sub-slider .carousel-control-next {
    right: 0 !important;
}

.urge-logo img {
    padding: 20px;
    transition: 1s all;
}

.w-50 {
    float: left;
    /* background: #536d83; */
    min-height: 400px;
    position: relative;
    /* display: flex; */
    margin-bottom: 50px;
}

.w-50 iframe {
    position: relative;
    width: 80%;
}

.padding-20 {
    padding: 0% 10%;
    /* align-items: center; */
    height: 100%;
    position: absolute;
    /* text-align: center; */
    color: #000000;
    font-size: 18px;
    width: 100%;
}

.iletisim-page h6 {
    font-size: 30px;
    /* text-align: center; */
    margin-bottom: 30px;
    border-bottom: 2px solid #314372;
    width: fit-content;
}

.padding-20 a {
    text-decoration: none;
    color: #000;
}

.yol-tarifi {
    /* position: absolute; */
    /* right: 0; */
    /* bottom: -16px; */
    background: #3f4f7b;
    padding: 10px 30px;
    display: inline-block !important;
    border-radius: 50px;
    transition: .5s all;
    color: #fff !important;
}

.iletisim-page input,
.iletisim-page textarea {
    margin: 20px 0;
    border: none;
    border-radius: 0;
    padding: 10px 30px;
    max-width: 50%;
    margin-left: 25%;
    border-bottom: 1px solid #536d83;
    outline: none !important;
    background: transparent !important;
    outline: none !important;
    box-shadow: none !important;
}

.iletisim-page .btns {
    position: inherit;
    /* max-width: 100px; */
    text-align: center;
    margin: 20px auto 0;
    max-width: fit-content;
    padding: 10px 20px;
    transition: .5s all;
}

.iletisim-page {
    position: relative;
    /* margin-bottom: -50px; */
    padding: 80px 5%;
    padding-bottom: 0 !important;
}

.dropdown-item:focus,
.dropdown-item:hover {
    background: #314372;
    color: #fff;
}

.left-menu a.menu-active-a {
    border-bottom: 1px solid #536d83;
    font-weight: 700;
}

.left-menu a:hover {
    text-decoration: none;
}

.timeline-main {
    background-image: url(https://www.mlegakis.com/uploads/1/6/2/6/16265388/background-images/247225258.jpg) !important;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100%;
    background-color: transparent;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    overflow: hidden;
    padding: 250px 0 100px;
    width: 2750px;
    overflow-x: auto;
    width: auto;
    overflow-x: auto;
    position: relative;
    display: flex;
}

.uretim .col-md-9 {
    margin-top: 2px;
}

.left-menu a {
    transition: .5s all;
}

.left-menu a:hover {
    padding-left: 25px;
}

.video-play-button {
    position: absolute;
    z-index: 10;
    bottom: 50px;
    left: 8%;
    transform: translateX(-50%) translateY(-50%);
    box-sizing: content-box;
    display: block;
    width: 32px;
    height: 44px;
    /* background: #fa183d; */
    border-radius: 50%;
    padding: 18px 20px 18px 28px;
}

.video-play-button:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 80px;
    height: 80px;
    background: #7f8ba8;
    border-radius: 50%;
    animation: pulse-border 1500ms ease-out infinite;
}

.video-play-button:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 80px;
    height: 80px;
    background: #7f8ba8;
    border-radius: 50%;
    transition: all 200ms;
}

.video-play-button:hover:after {
    background-color: darken(#fa183d, 10%);
}

.video-play-button img {
    position: relative;
    z-index: 3;
    max-width: 100%;
    width: auto;
    height: auto;
}

.video-play-button span {
    display: block;
    position: relative;
    z-index: 3;
    width: 0;
    height: 0;
    border-left: 32px solid #fff;
    border-top: 22px solid transparent;
    border-bottom: 22px solid transparent;
}

@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }
    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
}

.video-overlay {
    position: fixed;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.80);
    opacity: 0;
    transition: all ease 500ms;
}

.video-overlay.open {
    position: fixed;
    z-index: 1000;
    opacity: 1;
}

.video-overlay-close {
    position: absolute;
    z-index: 1000;
    top: 15px;
    right: 20px;
    font-size: 36px;
    line-height: 1;
    font-weight: 400;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    transition: all 200ms;
}

.video-overlay-close:hover {
    color: #fa183d;
}

.video-overlay iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    /* width: 90%; */
    /* height: auto; */
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.75);
}

.video-play-button small {
    position: absolute;
    left: 0;
    width: 150px;
    left: 110px;
    top: 0;
    font-size: 26px;
    color: white;
    font-family: Futura Medium;
    letter-spacing: 1px;
}

.play-icon {
    background-image: url(../img/jurnalci.jpg);
    min-height: 600px;
    background-size: cover;
    text-align: center;
    /* justify-content: center; */
    position: relative;
}

.play-icon img {
    /* position: absolute; */
    /* top: 40%; */
}

button.owl-prev span {
    content: url(../img/prev.png);
    background: rgb(49 67 114 / .29);
}

button.owl-prev {
    outline: none;
    left: 0;
    position: absolute;
    top: 30%;
}

button.owl-next span {
    content: url(../img/next.png);
    background: rgb(49 67 114);
}

button.owl-next {
    outline: none;
    right: 0;
    position: absolute;
    top: 30%;
}

.owl-carousel .owl-nav.disabled {
    display: block;
    text-align: right;
}

.foot-logo {
    text-align: center;
    position: relative;
    margin: 0px auto;
    display: table;
}

footer .yol-tarifi {
    position: relative;
    display: inline-block;
    padding: 10px 20px;
}

footer .yol-tarifi img {
    margin: 0;
    width: 20px;
}

footer li {
    list-style: none;
    margin: 10px 0;
    font-size: 16px;
}

footer li b {
    font-size: 20px;
    border-bottom: 1px solid;
}

.sosyal-medya li {
    display: inline-block;
    margin-right: 10px;
}

.sosyal-medya li img {
    width: 25px;
    filter: brightness(0) invert(.85);
    transition: .5s all;
}

.sosyal-medya li a:hover img {
    filter: none;
}

.foot-kvkk a {
    display: inline-block;
    margin: 0px 15px;
}

.foot-kvkk {
    text-align: center;
    /* border-top: 1px solid rgb(255 255 255 / 30%) !important; */
    /* padding-top: 15px; */
}

.main-div.foot-alt img {
    margin: 5px 0;
}

.ref-box {
    box-shadow: 0px 0px 10px 5px #f1f1f1;
    margin: 15px 0px;
    filter: grayscale(1);
    transition: .5s all;
}

.ref-box:hover {
    filter: none;
}

.timeline {
    /* position: relative; */
    /* max-width: 1200px; */
    /* margin: 50px auto 0; */
    /* padding: 0 24px 50px; */
    /* overflow: hidden; */
}

.timeline:before {
    /* content: ''; */
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 3px;
    height: 100%;
    margin: auto;
    background: #ddd;
}

.event {
    position: relative;
    overflow: hidden;
    margin-bottom: 46px;
    opacity: 0;
}

.event .event-date {
    position: absolute;
    top: 50%;
    right: 0;
    width: 46%;
    margin-top: -28px;
    font-size: 50px;
    font-weight: 700;
    color: #0067b3;
}

.event .event-desc {
    position: relative;
    float: left;
    width: 46%;
    height: auto;
    padding: 20px 24px;
    background: #fff;
    border-bottom: 3px solid #c4c4c4;
    line-height: 22px;
}

.event .event-desc.has-image {
    width: calc(46% - 150px);
    margin-left: 150px;
}

.event .event-desc.has-image img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -150px;
    display: block;
    width: 150px;
    height: 100px;
    margin: auto;
    object-fit: contain;
}

.event .event-desc:after {
    content: '';
    position: absolute;
    top: 50%;
    right: -13px;
    width: 0;
    height: 0;
    margin-top: -14px;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-left: 14px solid #fff;
}

.event:nth-child(even) .event-date {
    left: 0;
    text-align: right;
}

.event:nth-child(even) .event-desc {
    float: right;
}

.event:nth-child(even) .event-desc.has-image {
    margin-right: 150px;
}

.event:nth-child(even) .event-desc.has-image img {
    left: auto;
    right: -65px;
}

.event:nth-child(even) .event-desc:after {
    left: -13px;
    border-left: none;
    border-right: 14px solid #fff;
}

.event:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    width: 10px;
    height: 10px;
    margin: -8px auto 0;
    background: #005797;
    border-radius: 50%;
}

@media all and (max-width: 900px) {
    .timeline {
        padding-right: 32px;
    }
    .timeline:before {
        left: 28px;
        right: auto;
        margin: 0;
        padding: 0 0 50px;
    }
    .event {
        padding-left: 28px;
    }
    .event .event-date {
        position: relative;
        top: auto;
        right: auto;
        width: 100%;
        margin: 0 0 16px;
    }
    .event .event-desc {
        float: none;
        width: 100%;
        overflow: hidden;
    }
    .event .event-desc.has-image {
        width: auto;
        margin: 0;
    }
    .event .event-desc.has-image img {
        position: relative;
        bottom: auto;
        left: auto;
        float: left;
        margin: 0 20px 10px 0;
    }
    .event .event-desc:after {
        display: none;
    }
    .event:nth-child(even) .event-date {
        text-align: left;
    }
    .event:nth-child(even) .event-desc {
        float: none;
    }
    .event:nth-child(even) .event-desc.has-image {
        margin: 0;
    }
    .event:nth-child(even) .event-desc.has-image img {
        right: auto;
    }
    .event:nth-child(even) .event-desc:after {
        display: none;
    }
    .event:before {
        top: 20px;
        left: 0;
        right: auto;
        margin: 0;
    }
}

@media all and (max-width: 600px) {
    .event .event-desc.has-image img {
        display: none;
    }
}

.event .event-desc.has-image b {
    display: block;
    margin: 25px 0 10px;
}

.event .event-desc.has-image {
    padding-top: 0;
}

.yol-tarifi a {
    color: #fff;
    text-decoration: none;
}



.iletisim-form h6 {
    border: none;
    text-align: center;
    width: 100%;
}

.iletisim-page p {
    display: flex;
}

.iletisim-form {
    background: #3f4f7b08;
    margin-bottom: -50px;
    padding-bottom: 50px !important;
}

.play-icon a {
    /* width: 100%; */
    display: block;
    top: 43%;
    /* position: absolute; */
    /* text-align: center; */
    /* left: 0; */
    left: 51.5%;
}

.main-div.foot-alt .float-left {
    margin-top: 5px;
}

header.scrolled {
    position: sticky;
    padding: 0;
    animation: slide-bottom 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) forwards;
}

@-webkit-keyframes slide-bottom {
    0% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-bottom {
    0% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

header.scrolled .top-menu {
    display: none;
}

header.scrolled .fix-page nav {}

header.scrolled nav {
    margin: 0;
    background: #314372c7;
}

.home-nav.scky {
    animation: slide-bottom 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) forwards;
    position: sticky;
    background: #ffffffeb;
}

.carousel .carousel-inner:before {
    position: absolute;
    z-index: 1;
    top: 0px;
}

.carousel {
    overflow: hidden;
}

.carousel-caption {
    z-index: 2;
}

.carousel-item.active {
    z-index: 2;
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-duration: 1s;
    transition-property: opacity;
}

.carousel-item.active .ana-img {
    -webkit-animation: fade-in 2s cubic-bezier(0.215, 0.610, 0.355, 1.000) forwards;
    animation: fade-in 2s cubic-bezier(0.215, 0.610, 0.355, 1.000) forwards;
    animation-delay: 1s;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
    opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    opacity: 0;
}

.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev {
    transform: translateX(0);
    transform: translate3d(0, 0, 0);
}

.video-play-button {
    -webkit-animation: fade-in-left 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) forwards;
    animation: fade-in-left 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) forwards;
    animation-delay: .9s;
    margin-left: -50px;
    opacity: 0
}

.carousel-item.active .carousel-caption {
    -webkit-animation: fade-in-left 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) forwards;
    animation: fade-in-left 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) forwards;
    animation-delay: .5s;
    opacity: 0
}

@-webkit-keyframes fade-in-left {
    0% {
        -webkit-transform: translateX(-500px);
        transform: translateX(-500px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes fade-in-left {
    0% {
        -webkit-transform: translateX(-500px);
        transform: translateX(-500px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

img.slide-fix {
    position: absolute;
    transition-duration: 0s;
    z-index: 2;
    /* height: 100%; */
    width: 100%;
}

.form-check {
    max-width: 50%;
    margin-left: 25%;
}

input#exampleCheck1 {
    margin: 0;
    padding: 0;
    margin-top: 7px;
    margin-left: -20px;
}

li.diller img {
    margin-right: 10px;
}

li.diller a {
    /* font-weight: 600; */
    font-size: 16px;
}

.yol-tarifi:hover img {
    margin-left: 5px;
}

.yol-tarifi img {
    transition: .5s all;
}

.yol-tarifi:hover {
    background: #536d83;
}

.iletisim-page .btns img {
    width: 30px;
    transition: .5s all;
}

.iletisim-page .btns:hover {
    background: #536d83;
}

.iletisim-page .btns:hover img {
    margin-left: 5px;
}

.konsept-main-text {
    padding: 150px 0;
}

.konsept-main-text h3 {
    font-size: 30px;
    font-weight: 500;
}

.konsept-main-text h4 {
    font-size: 50px;
    font-weight: 600;
    margin: 0;
}

.konsept-arac-min .konsept-text {
    position: absolute;
    bottom: 0;
    max-width: 800px;
    padding: 50px;
    color: #fff;
    padding-bottom: 0;
}

.konsept-arac-min {
    position: relative;
    /* overflow: hidden; */
    margin-bottom: -50px;
}

.yol-tarifi.a-detay {
    background: #22489f;
    float: right;
    padding: 5px 30px;
    font-size: 30px;
    font-family: Futura Medium;
    margin-bottom: 30px;
}

.konsept-text h2 {
    font-family: Futura Medium;
    margin-bottom: 0px;
    font-size: 50px;
}

.konsept-text p {
    font-size: 22px;
    /* margin-bottom: 20px; */
    line-height: 1.3;
}

.yol-tarifi.a-detay:hover {
    background: #536d83;
}

.konsept-arac-min-2 .konsept-text {
    right: 0;
    color: #fff;
}

.konsept-arac-min img {
    min-width: 1900px;
    object-fit: cover;
    object-position: left;
    height: auto;
}

.konsept-arac-min.konsept-arac-min-2 {
    margin-bottom: -50px;
}

.left-menu.main-menu a {
    font-size: 38px;
    font-family: Futura Medium;
    width: auto;
    display: block;
    text-align: right;
    padding: 0;
    padding-bottom: 15px;
}

.left-menu.main-menu {
    padding: 0;
    position: relative;
}

.uretim.bg-grey {
    background: #cbccce;
}

.left-menu.main-menu hr {
    position: absolute;
    left: 0;
    bottom: -16px;
    width: 100%;
    background: #536d83;
    left: -25%;
}

.pro-text {
    position: absolute;
    top: 20%;
    right: 0;
    max-width: 33%;
    font-size: 20px;
    margin-bottom: 20px;
    line-height: 1.3;
    padding: 30px;
    z-index: 2;
}

.pro-animation {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    min-width: 1900px;
    opacity: 1;
}

.pro-animation .animation-box {
    position: absolute;
}

.pro-animation .animation-circle {
    position: absolute;
    left: 0;
    top: 280px;
    background: #ffffff;
    width: 25px;
    height: 25px;
    border-radius: 25px;
    opacity: 1;
    animation: blink-1 .6s forwards .5s, blink-1-rev .6s forwards 4s;
    font-weight: 800;
    font-size: 22px;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #29418d;
    box-shadow: 0 0 0 0 rgb(225 232 240);
    animation: pulse 2s infinite;
    z-index: 9999;
    cursor: pointer;
}

.pro-hover .animation-line {
    background: white;
    width: 10px;
    height: 50px;
    position: absolute;
    top: 230px;
    left: 7px;
    opacity: 0;
    animation: line-1 .6s forwards 1s, line-1-rev .6s forwards 5s;
}

.pro-hover .animation-line-2 {
    background: white;
    width: 250px;
    height: 10px;
    position: absolute;
    top: 225px;
    left: 7px;
    opacity: 0;
    animation: line-2 .6s forwards 1.5s, line-2-rev .6s forwards 6s;
}

.animation-text {
    opacity: 0;
    position: absolute;
}

.pro-hover .animation-text {
    padding: 20px 30px;
    background: #445f75;
    display: inline-block;
    color: #fff;
    /* border-radius: 20px; */
    font-size: 22px;
    position: absolute;
    left: 257px;
    width: max-content;
    animation: text-2 3s forwards 2s, text-2-rev 1s forwards 7s, bg 1.25s cubic-bezier(0.19, 1, 0.22, 1) 1;
    top: 190px;
    border: 2px solid #445f75;
}

@keyframes line-1 {
    0% {
        opacity: 0;
        height: 0;
    }
    100% {
        opacity: 1;
        height: 50px;
    }
}

@keyframes line-1-rev {
    0% {
        opacity: 1;
        height: 50px;
    }
    100% {
        opacity: 0;
    }
}

@keyframes line-2 {
    0% {
        opacity: 0;
        width: 0;
    }
    100% {
        opacity: 1;
        width: 250px;
    }
}

@keyframes line-2-rev {
    0% {
        opacity: 1;
        width: 250px;
    }
    100% {
        opacity: 0;
    }
}

@keyframes text-2 {
    0% {
        transform: translateZ(-100px);
        opacity: 0;
    }
    100% {
        transform: translateZ(0);
        opacity: 1;
    }
}

@keyframes text-2-rev {
    0% {
        transform: translateZ(0);
        opacity: 1;
    }
    100% {
        transform: translateZ(-100px);
        opacity: 0;
    }
}

.pro-slide img {
    transform-origin: top;
}

.pro-slide {
    position: relative;
}

.base-line {
    width: 3px;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: absolute;
    height: 100%;
    top: 0;
    z-index: 1;
}

#line2 {
    background-color: #005797;
    height: 135px;
}

.event:nth-child(even) .event-date {
    animation: slide-left 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.event:nth-child(odd) .event-date {
    animation: slide-right 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.event:nth-child(odd) .event-desc {
    animation: slide-left 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both .8s;
}

.event:nth-child(even) .event-desc {
    animation: slide-right 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both .8s;
}

@keyframes slide-left {
    0% {
        -webkit-transform: translateX(-1000%);
        transform: translateX(-1000%);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-right {
    0% {
        -webkit-transform: translateX(1000%);
        transform: translateX(1000%);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.animation-text {
    background: #445f75;
    border: 0;
    box-shadow: inset 0 0 0 2px #445f75;
    color: #ffffff;
    position: relative;
}

.animation-text::before,
.animation-text::after {
    box-sizing: inherit;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
}

.animation-text {
    transition: color 0.25s;
}

.animation-text::before,
.animation-text::after {
    border: 2px solid transparent;
    width: 0;
    height: 0;
}

.animation-text::before {
    top: 0;
    left: 0;
}

.animation-text::after {
    bottom: 0;
    right: 0;
    top: 0;
    left: 0;
}

.animation-text.border-line::before,
.animation-text.border-line::after {
    width: 100%;
    height: 100%;
}

.pro-hover .animation-text.border-line::before {
    border-top-color: #445f75;
    border-right-color: #445f75;
    transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
    border-top-color: #ffffff;
    border-right-color: #ffffff;
}

.pro-hover .animation-text.border-line::after {
    border-bottom-color: #445f75;
    border-left-color: #445f75;
    transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
    border-bottom-color: #ffffff;
    border-left-color: #ffffff;
    transition: height 0.25s ease-out, width 0.25s ease-out 0.25s;
}

.uretim-image-fix {
    margin: 0;
}

.uretim-image-fix img {
    width: 100% !important;
    min-width: 100% !important;
}

.banner:after {
    background: #0c2236;
    width: 100%;
    content: "";
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: .5;
}

.urge-logo .col-md-3 {
    padding: 15px;
}

.urge-box {
    filter: none;
    padding: 30px !important;
    overflow: hidden;
}

.navbar-brand .logo-part-1,
footer .logo-part-1 {
    max-width: 64px !important;
    transition: 1.0s ease all;
    -moz-transition: 1.0s ease all;
    -webkit-transition: 1.0s ease all;
}

.navbar-brand:hover .logo-part-1,
.foot-logo:hover .logo-part-1 {
    transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    transform-origin: center;
    -moz-transform-origin: center;
    -webkit-transform-origin: center;
    transition: transform 2.0s ease all;
    -moz-transition: -moz-transform 2.0s ease all;
    -webkit-transition: -webkit-transform 2.0s ease all;
}

.foot-logo img {
    filter: brightness(0) invert(1);
}

@keyframes rotate-scale-up {
    0% {
        -webkit-transform: rotateZ(0);
        transform: rotateZ(0);
    }
    100% {
        -webkit-transform: rotateZ(-360deg);
        transform: rotateZ(-360deg);
    }
}

.logo-part-3 {
    position: absolute !important;
    left: -6px;
    top: 0;
    max-width: 75px !important;
}

a.navbar-brand {
    position: relative;
}

.foot-logo .logo-part-3 {
    top: -6px;
}

.short-animate {
    transition: 0.5s ease-in-out;
}

.long-animate {
    transition: 0.5s 0.5s ease-in-out;
}

.lightbox {
    position: fixed;
    top: -100%;
    bottom: 100%;
    left: 0;
    right: 0;
    background: #2f3332;
    z-index: 501;
    opacity: 0;
}

.lightbox img {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 0%;
    max-height: 0%;
}

.lightbox:target {
    top: 0%;
    bottom: 0%;
    opacity: 1;
}

.lightbox:target img {
    max-width: 100%;
    max-height: 100%;
}

.lightbox:target~#close-wrapper {
    top: 0;
}

.lightbox:target~#close-wrapper #close-lightbox:after {
    width: 50px;
}

.lightbox:target~#close-wrapper #close-lightbox:before {
    height: 50px;
}

.lightbox:target~#next-wrapper {
    right: 0;
}

.lightbox:target~#prev-wrapper {
    left: 0;
}

#close-wrapper {
    position: fixed;
    top: -70px;
    right: 0;
    height: 70px;
    width: 70px;
    z-index: 502;
    background: rgba(0, 0, 0, 0.1);
}

#close-wrapper #close-lightbox {
    display: block;
    position: absolute;
    overflow: hidden;
    height: 50px;
    width: 50px;
    right: 10px;
    top: 10px;
    transform: rotate(45deg);
}

#close-wrapper #close-lightbox:before,
#close-wrapper #close-lightbox:after {
    content: "";
    display: block;
    position: absolute;
    background: #dfecee;
    border-radius: 2px;
}

#close-wrapper #close-lightbox:before {
    height: 0;
    width: 3px;
    left: 24px;
    top: 0;
    transition: 0.5s 1s ease-in-out;
}

#close-wrapper #close-lightbox:after {
    width: 0;
    height: 3px;
    top: 24px;
    left: 0;
    transition: 0.5s 1.5s ease-in-out;
}

#next-wrapper {
    position: fixed;
    top: 40%;
    right: -70px;
    height: 70px;
    width: 70px;
    z-index: 502;
    background: rgba(0, 0, 0, 0.1);
}

#next-wrapper #next-lightbox {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    height: 50px;
    width: 50px;
}

#next-wrapper #next-lightbox:before,
#next-wrapper #next-lightbox:after {
    border-right: 3px solid #dfecee;
    content: "";
    display: block;
    height: 16px;
    position: absolute;
    background: #dfecee;
    border-radius: 2px;
    transform: rotate(-135deg);
    left: 45%;
    top: 45%;
    width: 0;
}

#next-wrapper #next-lightbox:after {
    margin-top: -10px;
    transform: rotate(-45deg);
}

#prev-wrapper {
    position: fixed;
    top: 40%;
    left: -70px;
    height: 70px;
    width: 70px;
    z-index: 502;
    background: rgba(0, 0, 0, 0.1);
}

#prev-wrapper #prev-lightbox {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    height: 50px;
    width: 50px;
}

#prev-wrapper #prev-lightbox:before,
#prev-wrapper #prev-lightbox:after {
    border-right: 3px solid #dfecee;
    content: "";
    display: block;
    height: 16px;
    position: absolute;
    background: #dfecee;
    border-radius: 2px;
    transform: rotate(135deg);
    left: 45%;
    top: 45%;
    width: 0;
}

#prev-wrapper #prev-lightbox:after {
    margin-top: -10px;
    transform: rotate(45deg);
}

.gallery-wrapper a img {
    max-width: 100%;
    transition: 1s all;
}

.referanslar-owl img {
    padding: 20px 60px;
}

.gallery-wrapper a {
    text-decoration: none;
    overflow: hidden;
    position: relative;
    display: inline-block;
    width: 22%;
    margin: 1%;
}

.gallery-wrapper a:hover img {
    transform: scale(1.2);
}

.gallery-wrapper {
    text-align: center;
}

.urge-box:hover img {
    transform: scale(1.1);
}

.ref-box:hover img {
    transform: scale(1.1);
}

.fit-img img {
    min-height: 400px;
    object-fit: cover;
}

.carousel-caption .yol-tarifi {
    position: absolute;
    left: 0;
    background: transparent;
    border: 1px solid white;
    text-decoration: none;
}

.carousel-caption .yol-tarifi:hover {
    background: #7f8ba8;
}

.video-play-button-red {
    background: #fa183d !important;
}

.video-play-button-red:before {
    background: #fa183d !important;
}

.video-play-button-red::after {
    background: #fa183d;
}

.haberler-box {
    margin: 10px;
    box-shadow: 0px 0px 10px 5px #f1f1f1;
    padding: 15px;
}

.haberler-box h5 {
    padding: 15px 0 0;
    margin: 0;
    color: #314372;
    font-weight: 700;
    text-decoration: none;
    font-size: 21px;
    margin-bottom: 10px;
    min-height: 67px;
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 1600px) {
    .slide h1 {
        font-size: 35px;
    }
    .slide h2 {
        font-size: 40px;
    }
    .slide h3 {
        font-size: 50px;
    }
    .carousel-caption {
        top: 6%
    }
    .slide p {
        font-size: 18px;
    }
}

@media only screen and (max-width: 1500px) {
    .banner div {
        min-width: fit-content;
    }
    .pro-text {
        position: relative;
        max-width: 100%;
        margin: 0px auto;
        text-align: center;
        background: #c1c4c8;
        top: auto;
        margin-bottom: -50px;
        margin-top: 50px;
    }
    .banner {
        height: 350px;
    }
    .banner div {
        top: 282px;
    }
}

@media only screen and (max-width: 1300px) {
    .pro-slide img {
        width: 180% !important;
        min-width: auto;
    }
    .animation-slide {
        display: none;
    }
    .uretim-image-fix img {
        min-width: 50% !important;
        width: 100% !important;
        object-position: right;
        position: relative;
        min-height: 450px;
    }
    .konsept-arac-min.konsept-arac-min-2 img {
        min-width: 50% !important;
        width: 115% !important;
        object-position: right;
        position: relative;
        min-height: 320px;
    }
    .konsept-arac-min .konsept-text {
        max-width: 100%;
        position: relative;
        background: #13254d;
        height: 100%;
        padding-bottom: 40px;
    }
    .konsept-text p {
        clear: both;
        float: inherit !important;
    }
}

@media only screen and (max-width: 1200px) {
    .urun-box {
        padding: 0 20px;
    }
    .slide p {
        font-size: 15px;
    }
    .navbar-nav .nav-link {
        font-size: 15px;
    }
    .slide h1 {
        font-size: 20px;
    }
    .slide h2 {
        font-size: 30px;
    }
    .slide h3 {
        font-size: 40px;
    }
}

@media only screen and (max-width: 992px) {
    .banner {
        height: 300px;
    }
    .base-line {
        display: none;
    }
    .event-date {
        padding-top: 5px;
    }
    .banner div {
        top: 235px;
    }
    .carousel-caption {
        position: relative;
        background: #304371;
        width: 100%;
        max-width: 100%;
        left: 0 !important;
        padding: 5%;
        animation: none !important;
        opacity: 1 !important;
    }
    img.slide-fix {
        display: none;
    }
    .animation-box {
        display: none;
    }
    .pro-text {
        position: relative;
        max-width: 100%;
        margin-top: 0;
    }
    .video-play-button {
        display: none;
    }
    .carousel-control-next {
        /* right: 3% !important; */
    }
    .navbar-toggler-icon {
        background: url(../img/menu.png);
    }
    header .navbar-toggler-icon {
        background: url(../img/menu-b.png);
    }
    header ul.navbar-nav.mr-auto {
        background: #0e2c46;
    }
    ul.navbar-nav.mr-auto {
        background: #e7e7e7;
        position: absolute;
        left: 0;
        width: 100%;
        text-align: center;
    }
    .navbar-nav .dropdown-menu {
        text-align: center;
    }
    img.d-block.w-100 {
        /* min-height: 75vh; */
        object-fit: cover;
        object-position: right;
        margin-top: 0;
    }
    .wid-43 {
        width: 100%;
        margin: 0;
    }
    .logolar {
        margin: 50px 0;
    }
    .logolar img {
        width: 100%;
    }
    footer .foot-right,
    footer .foot-left {
        text-align: left !important;
        clear: forwards;
        width: 100%;
    }
    footer.main-div img {
        right: 0
    }
    h4 {
        font-size: 34px;
        margin-top: 30px;
    }
    .about-2 {
        display: block;
    }
    .sub-slider img.d-block.w-100 {
        min-height: auto;
    }
    .w-50 {
        clear: both;
        width: 100%;
        min-height: auto;
        width: 100% !important;
    }
    .padding-20 {
        position: relative;
        padding: 0;
    }
    .w-50 iframe {
        width: 100%;
    }
    .iletisim-page input,
    .iletisim-page textarea {
        max-width: 80%;
        margin-left: 10%;
    }
    .form-check {
        max-width: 80%;
        margin-left: 10%;
    }
}

@media only screen and (max-width: 776px) {
    .d-md-block {
        display: block !important;
    }
    .carousel-item .ana-img {
        min-height: 44vh !important;
    }
    .konsept-main-text {
        padding: 50px 0;
    }
    .border-bottom-2 .float-right a {
        width: 100%;
        display: inline-block;
    }
    .border-bottom-2 .float-right {
        margin-top: 15px;
        clear: forwards;
        float: left !important;
    }
}

.haberler-box a {
    text-decoration: none;
    color: #536d83;
    font-weight: bold;
    font-size: 16px;
}

.haberler-box p {
    color: #000;
    min-height: 90px;
}

.haberler-box img {
    height: 200px;
    object-fit: cover;
}

.entries {
    margin-right: -10000px;
    margin-left: 1rem;
}

.timeline {
    position: absolute;
    box-sizing: border-box;
    width: 2600px;
    height: 0.7rem;
    background-color: #536d83;
    background-clip: content-box;
    border-width: 0.2rem 0;
    border-style: solid;
    border-color: #fff;
    box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.1), inset 0 0 0.4em rgba(0, 0, 0, 0.1);
    top: 250px;
}

.entry {
    float: left;
    max-width: 170px;
    position: relative;
    text-align: center;
    margin: 0 1rem;
    margin-top: -65px;
}

.entry .dot {
    position: absolute;
    width: 1.2rem;
    height: 1.2rem;
    background-color: #95b2c8;
    left: 50%;
    margin-left: -0.6rem;
    margin-top: -0.95rem;
    border-radius: 100%;
    box-sizing: border-box;
    background-clip: content-box;
    border-width: 0.16rem;
    border-style: solid;
    border-color: #fff;
    box-shadow: 0 0.1rem 1rem 0 rgba(0, 0, 0, 0.1), inset 0 0 0.4em rgba(255, 255, 255, 0.1), inset 0 0.4rem 0.1rem rgba(255, 255, 255, 0.3);
    -webkit-transition: height 0.2s linear, width 0.2s linear, margin 0.2s linear, background-color 0.3s ease-out;
    -moz-transition: height 0.2s linear, width 0.2s linear, margin 0.2s linear, background-color 0.3s ease-out;
    -o-transition: height 0.2s linear, width 0.2s linear, margin 0.2s linear, background-color 0.3s ease-out;
    transition: height 0.2s linear, width 0.2s linear, margin 0.2s linear, background-color 0.3s ease-out;
}

.entry:hover .dot {
    width: 1.6rem;
    height: 1.6rem;
    margin-left: -0.8rem;
    margin-top: -1.15rem;
    background-color: #314372;
}

.entry:hover .label {
    margin-top: 2.5rem;
    background-color: #d0e8e4;
    border-bottom: 0.5rem solid transparent;
}

.label {
    display: inline-block;
    position: relative;
    background-color: #E1F0EE;
    background-clip: padding-box;
    margin-top: 3rem;
    padding: 0.4rem 0.8rem 0.8rem;
    border-radius: 0.2rem;
    -webkit-transition: margin-top 0.2s linear, background-color 0.2s linear, border-bottom 0.2s linear;
    -moz-transition: margin-top 0.2s linear, background-color 0.2s linear, border-bottom 0.2s linear;
    -o-transition: margin-top 0.2s linear, background-color 0.2s linear, border-bottom 0.2s linear;
    transition: margin-top 0.2s linear, background-color 0.2s linear, border-bottom 0.2s linear;
    border-bottom: 0 solid transparent;
}

.label .time {
    text-transform: uppercase;
    font-size: 0.7rem;
    margin: 0 0 0.4rem;
    padding: 0 0.3rem 0.3rem;
    letter-spacing: 1px;
    display: inline-block;
    border-bottom: 1px solid rgba(255, 255, 255, 0.8);
}

.label .detail {
    font-size: 0.8rem;
}

.label:before {
    content: "";
    display: block;
    position: absolute;
    background-color: inherit;
    background-clip: content-box;
    box-sizing: border-box;
    width: 1rem;
    height: 1rem;
    left: 50%;
    margin-top: -0.9rem;
    margin-left: -0.5rem;
    transform-origin: center;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: -1;
    background: #e1e8f0;
    z-index: 9;
}

.label a {
    color: #000;
    text-decoration: none;
}

.label a:before {
    content: "[";
}

.label a:after {
    content: "]";
}

.entry.life .label {
    background-color: #e1f0e4;
}

.entry.life:hover .label {
    background-color: #d0e8d5;
}

.entry.study .label {
    background-color: #e1e8f0;
}

.entry.study:hover .label {
    background-color: #d0dbe8;
}

.label-2 {
    margin-bottom: 30px;
    font-weight: bold;
    font-size: 30px;
    color: #314372;
}

/* width */

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

/* Track */

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}

/* Handle */

::-webkit-scrollbar-thumb {
    background: #536d83;
    border-radius: 10px;
}

/* Handle on hover */

::-webkit-scrollbar-thumb:hover {
    background: #314372;
}

.timeline-main h1 {
    position: absolute;
    top: 85px;
    left: 30px;
}

.detail-img img {
    width: 115px !important;
    margin-top: 15px;
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
}

**************************************
body {
    background: #2c3f6e12;
}

.fix-page .top-menu,
.fix-page nav {
    z-index: 9;
}

.fix-page nav {
    margin-top: 40px;
}

header.scrolled {
    padding: 0 !important;
}

.fix-page header {
    padding-top: 115px;
}

.imalat ul {
    margin: 20px 0px;
}

.scrollup {
    width: auto;
    height: auto;
    position: fixed;
    bottom: 2%;
    right: 1%;
    top: auto;
    z-index: 99;
    cursor: pointer;
    font-size: 1vw;
    transition: all 500ms;
    text-align: center;
    height: 3vw;
    line-height: 4vw;
    background: #314372;
    color: #fff;
}

i.fa.fa-angle-up {
    font-size: 2vw;
    color: white;
}

@media (max-width: 767px) {
    .scrollup {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 15px;
    }

    i.fa.fa-angle-up {
        font-size: 3vw;
        color: white;
    }
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    display: none;
}

.dropdown-submenu:hover .dropdown-menu {
    display: block;
}

@media only screen and (max-width: 992px) {
    header ul.navbar-nav.mr-auto {
        background: #0e2c46;
        margin-left: auto;
    }
}

ul.navbar-nav.mr-auto {
    margin-left: 60%;
    margin-right: 0 !important;
}

.left-menu a.menu-active-a {
    border-bottom: none;
}

.left-menu {
    padding: 0px 10% 40px;
    background: #161c2114;
    box-shadow: none;
}

hr {

    top: 48%;
    width: 85%;
    left: 5%;
    background: #3f4f7b00;
}

@media (max-width: 992px) {
    hr {
        margin-top: 51px;
        width: 91%;
    }
}

hr {
    width: 100%;
    background: #162c3f47;
    margin-top: 6px;
    margin-bottom: 8px;
}

.left-menu .submenu {
    display: none;
    margin-left: 20px;
}

.left-menu .submenu.active {
    display: block;
}

.blog-card {
    margin-bottom: 20px;
    height: 350px;
    width: 250px;
}

.blog-card img {
    padding:20px;
}

.text-dark {
    color: #343a40 !important;
    font-weight: bold;
}

.baslik {
    height: 60px;
}

img.d-block.w-100 {
    height: auto;
}

@media only screen and (max-width: 1200px) {
    img.d-block.w-100 {
        width: 100% !important;
    }
}

.image-container {
    display: flex;
    justify-content: center;
}

.image-container img {
    width: 50%;
    height: auto;
}

/* Yeni eklenen stil kuralları */
.menu-item-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 10px;
    margin-bottom: 5px;
}

.menu-item {
    flex-grow: 1;
    text-decoration: none;
    color: #000;
    font-weight: bold;
}

.toggle-arrow {
    cursor: pointer;
    margin-left: 10px;
}

.submenu {
    display: none;
    margin-left: 20px;
    margin-top: 5px;
}

.submenu.active {
    display: block;
}

.submenu a {
    text-decoration: none;
    color: #555;
}

.submenu a:hover {
    color: #000;
}

/* Medya sorguları */
@media only screen and (max-width: 1366px) {
    .yukari {
        top: -22vh !important;
    }

    .foto-yukari {
        top: -39vh !important;
    }

    .yukari2 {
        top: -42vh !important;
    }

    .foto-yukari2 {
        top: -78vh !important;
    }

    .yukari3 {
        top: -30vh !important;
    }
}

@media only screen and (max-height: 753px) {
    .yukari {
        top: -30vh !important;
    }

    .foto-yukari {
        top: -54vh !important;
    }

    .yukari2 {
        top: -57vh !important;
    }

    .foto-yukari2 {
        top: -110vh !important;
    }

    .yukari3 {
        top: -42vh !important;
    }
}

@media only screen and (max-height: 640px) {
    .yukari {
        top: -38vh !important;
    }

    .foto-yukari {
        top: -66vh !important;
    }

    .yukari2 {
        top: -73vh !important;
    }

    .foto-yukari2 {
        top: -137vh !important;
    }

    .yukari3 {
        top: -53vh !important;
    }
}

@media only screen and (min-height: 640px) and (max-height: 690px) {
    .yukari {
        top: -34vh !important;
    }

    .foto-yukari {
        top: -59vh !important;
    }

    .yukari2 {
        top: -64vh !important;
    }

    .foto-yukari2 {
        top: -119vh !important;
    }

    .yukari3 {
        top: -46vh !important;
    }
}

.entry {
    margin: 0px 0.5rem;
    margin-top: -65px;
}

.timeline-main {
    padding: 465px 0 100px;
}

.timeline {
    width: 1840px;
    top: 465px;
}

.detail-img {
    position: relative;
}

/* Yeni eklenen buton stilleri */
.btns input[type="submit"] {
    margin: 0;
    text-align: center;
    max-width: none;
    color: #fff;
    border: none;
    padding: 0;
}

.fix-page .btns {
    border-radius: 32px;
}