:root {
    --turuncu: #EB660F;
    --mavi: #8AA3D5;
    --kirmizi: #D5161A;
    --yesil: #9BCB99;
    --gri: #ECECEC;
}

.turuncu {
    color: var(--turuncu) !important;
}

.mavi {
    color: var(--mavi) !important;
}

.kirmizi {
    color: var(--kirmizi) !important;
}

.yesil {
    color: var(--yesil) !important;
}

body {
    font-family: 'Quicksand', sans-serif !important;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.05em;
    color: black;
}

a {
    color: inherit;
    text-decoration: none;
}

a:hover {
    color: inherit;
    text-decoration: underline;
}

@media (max-width: 575.98px) {

    .rem1 {
        font-size: 1rem !important;
    }

    .nd {
        background-color: #9BCB9960;
        margin-top: 30px !important;
        border-bottom: solid 10px var(--yesil);
    }

    .page-header-default {
        min-height: 120px !important;
    }

    .page-header {
        min-height: 120px !important;
    }

    .haber-title {
        font-size: 32px !important;
    }

    .page-title {
        font-size: 24px !important;
    }

    .page-title-default {
        font-size: 24px !important;
    }

}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle opacity='0.9' cx='24' cy='24' r='24' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M29.9037 12.2712C29.9897 12.3569 30.0578 12.4587 30.1044 12.5709C30.1509 12.683 30.1749 12.8032 30.1749 12.9246C30.1749 13.046 30.1509 13.1662 30.1044 13.2784C30.0578 13.3905 29.9897 13.4923 29.9037 13.5781L19.4797 24.0002L29.9037 34.4224C30.077 34.5957 30.1744 34.8308 30.1744 35.0759C30.1744 35.321 30.077 35.556 29.9037 35.7293C29.7304 35.9026 29.4953 36 29.2502 36C29.0051 36 28.7701 35.9026 28.5968 35.7293L17.5212 24.6537C17.4352 24.568 17.367 24.4661 17.3205 24.354C17.2739 24.2419 17.25 24.1216 17.25 24.0002C17.25 23.8788 17.2739 23.7586 17.3205 23.6465C17.367 23.5344 17.4352 23.4325 17.5212 23.3468L28.5968 12.2712C28.6825 12.1852 28.7844 12.117 28.8965 12.0705C29.0086 12.024 29.1288 12 29.2502 12C29.3716 12 29.4919 12.024 29.604 12.0705C29.7161 12.117 29.818 12.1852 29.9037 12.2712Z' fill='black'/%3E%3C/svg%3E%0A");
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    width: 2.5rem;
    height: 2.5rem;
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle opacity='0.9' cx='24' cy='24' r='24' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.3463 35.7288C18.2603 35.6431 18.1922 35.5413 18.1456 35.4291C18.0991 35.317 18.0751 35.1968 18.0751 35.0754C18.0751 34.954 18.0991 34.8338 18.1456 34.7216C18.1922 34.6095 18.2603 34.5077 18.3463 34.4219L28.7703 23.9998L18.3463 13.5776C18.173 13.4043 18.0756 13.1692 18.0756 12.9241C18.0756 12.679 18.173 12.444 18.3463 12.2707C18.5196 12.0974 18.7547 12 18.9998 12C19.2449 12 19.4799 12.0974 19.6532 12.2707L30.7288 23.3463C30.8148 23.432 30.883 23.5339 30.9295 23.646C30.9761 23.7581 31 23.8784 31 23.9998C31 24.1212 30.9761 24.2414 30.9295 24.3535C30.883 24.4656 30.8148 24.5675 30.7288 24.6532L19.6532 35.7288C19.5675 35.8148 19.4656 35.883 19.3535 35.9295C19.2414 35.976 19.1212 36 18.9998 36C18.8784 36 18.7581 35.976 18.646 35.9295C18.5339 35.883 18.432 35.8148 18.3463 35.7288Z' fill='black'/%3E%3C/svg%3E");
}

.carousel-indicators [data-bs-target] {
    width: 14px;
    height: 14px;
    background-color: var(--yesil);
    border-radius: 100%;
    opacity: 1 !important;
}

.carousel-indicators .active {
    opacity: 1 !important;
    background-color: var(--turuncu) !important;
}

.header-shadow {
    position: absolute;
    left: 0%;
    right: 0%;
    top: 0%;
    background: linear-gradient(180deg, rgba(17, 17, 17, 0.8) 39.2%, rgba(17, 17, 17, 0) 100%);
    z-index: 1 !important;
}

.header-default {
    position: absolute;
    left: 0%;
    right: 0%;
    top: 0%;
    z-index: 9999 !important;
}

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

.navbar-dark .nav-link.show {
    border-radius: 10px !important;
}

.menu-item {
    font-weight: bold;
    font-size: 14px;
    line-height: 22px;
    color: white !important;
}

.menu-item-default {
    font-weight: bold;
    font-size: 14px;
    line-height: 22px;
    color: black !important;
}

.dropdown-menu {
    position: absolute;
    z-index: 1000;
    display: none;
    min-width: 15rem;
    padding: .5rem 0;
    margin: 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 32px;
    letter-spacing: 0.05em;
    color: white !important;
    text-align: left;
    list-style: none;
    padding-top: 30px;
    padding-top: 20px !important;
    background-color: transparent;
    background-clip: padding-box;
    border: 0px;
    box-shadow: none !important;
}

.dropdown-menu::after {
    content: '';
    min-width: 100px;
    min-height: 20px;
    background-color: var(--turuncu);
    position: absolute;
    display: block;
    width: 0;
    z-index: 1;
    top: 0;
    left: 0;
    border: solid var(--turuncu);
    border-radius: 0px 0px 10px 10px;
    transform: matrix(1, 0, 0, -1, 0, 0);
}

.dropdown-menu > li {
    background-color: var(--turuncu);
}

.dropdown-menu > li:first-child {
    border-top-right-radius: 15px;
}

.dropdown-menu > li:last-child {
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
}

.dropdown-item {
    background-color: transparent;
    color: white !important;
    line-height: 36px;
}

.dropdown-item:hover {
    background-color: var(--turuncu) !important;
    text-decoration: underline;
}

.dropdown-item.first-item:hover {
    border-top-right-radius: 15px;
}

.dropdown-item.last-item:hover {
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
}

.tmi {
    background-image: url(/assets/img/tmi-bg.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.tmi-first {
    font-size: 74px;
    font-weight: 300;
    display: block;
    margin-top: 20px;
    margin-bottom: 10px;
}

.tmi-second {
    font-size: 105px;
    font-weight: 300;
    line-height: 100%;
    display: block;
}

.tmi-first-m {
    font-size: 36px;
    font-weight: 300;
    display: block;
}

.tmi-second-m {
    font-size: 48px;
    font-weight: 300;
    line-height: 100%;
    display: block;
}

.tmi-pb {
    padding-bottom: 300px;
}

.home-news-title {
    font-size: 18px;
    line-height: 22px;
    font-weight: bold;
}

.home-news-excerpt {
    font-size: 12px;
    line-height: 15px;
}

.primary-button {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: white;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: var(--mavi);
    padding: .375rem 1rem;
    font-size: 14px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.primary-button:hover {
    color: white;
}

.ys {
    max-height: 200px;
    background-color: var(--mavi);
}

.ys-notes {
    position: absolute;
    right: 0;
    margin-top: -33px;
}

.ys-submit {
    margin-top: -3px;
}

.nd {
    background-color: #9BCB9960;
    margin-top: 120px;
    border-bottom: solid 10px var(--yesil);
}

.nd-first {
    font-size: 40px;
    line-height: 40px;
    font-weight: 300;
    display: block;
    color: var(--turuncu);
}

.nd-second {
    font-size: 55px;
    line-height: 55px;
    font-weight: 300;
    display: block;
}

.nd-notes {
    position: absolute;
    margin-top: 80px;
}

.footer {
    background-color: var(--mavi);
    margin-top: 100px;
}

.footer-title {
    font-size: 18px;
    font-weight: bold;
    display: block;
    color: white;
}

.footer-list {
    list-style: none;
    list-style-position: inside;
    padding-left: 0;
    color: white;
    line-height: 28px;
}

.copy {
    font-size: 12px;
    margin-left: 30px;
}

.mobile-menu-title {
    font-size: .75rem;
    font-weight: bold;
    display: block;
}

.mobile-menu-list {
    font-size: .75rem;
    color: var(--turuncu);
    list-style: none;
    list-style-position: inside;
    padding-left: 6px;
}

.page-header {
    min-height: 420px;
    background-size: cover;
    background-repeat: no-repeat;
}

.page-header-default {
    min-height: 280px;
    background-size: cover;
    background-repeat: no-repeat;
}

.page-title {
    font-size: 72px;
    font-weight: 300;
    color: white;
    text-shadow: 0px 5px 10px #000000;
}

.page-title-default {
    font-size: 72px;
    font-weight: 300;
}

.page-header-border {
    min-height: 8px;
    background-image: url(/assets/img/page-border.svg);
    background-size: auto;
}

.breadcrumb-item.active {
    color: var(--turuncu);
    font-weight: bold;
}

p > b {
    color: var(--kirmizi);
}

.page-nav {
    background-color: var(--turuncu);
    padding: 30px;
    border-radius: 10px;
}

.page-nav ul {
    list-style: none;
    line-height: 32px;
    padding: 0;
    color: white;
    margin-bottom: 0;
}

.page-nav ul .active {
    text-decoration: underline;
}

.page-nav-title {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
}

.haber-list-title {
    font-size: 16px;
    font-weight: bold;
}

.haber-list-excerpt {
    font-size: 14px;
}

.haber-list-date {
    font-size: 12px;
    font-weight: 500;
    color: var(--turuncu);
}

.haber-list-card {
    background-color: var(--gri);
    border: 0;
    border-radius: 10px;
}

.haber-list-card-footer {
    padding: .5rem 1rem;
    border-top: 0;
}

.card-img, .card-img-top {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.page-link-palet {
    position: relative;
    display: block;
    color: white;
    text-decoration: none;
    background-color: var(--mavi);
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    padding: .65rem .75rem;
    font-size: 24px;
    font-weight: 500;
    margin-right: 8px;
}

.page-link-palet:hover {
    color: white;
}

.page-link-palet.active {
    background-color: var(--turuncu);
}

.haber-title {
    font-size: 48px;
    font-weight: 400;
    letter-spacing: 0.05em;
}

.haber-img {
    border-radius: 10px;
}

.contact-add {
    font-size: 16px;
    font-weight: 500;
    color: white;
    line-height: 20px;
}

.map {
    border: 3px solid var(--mavi) !important;
    border-radius: 10px;
}

.gallery {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}

.gallery img {
    width: 100%;
    margin: 10px 0;
    border-radius: 10px;
}

.gallery img:hover {
    opacity: .8;
}


@media (max-width: 575.98px) {

    .gallery {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }

}

/*.modalDialog {
    display: flex;
    align-items: center;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99;
    opacity: 0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

.modalDialog:before {
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.4);
    position: fixed;
    content: '';
    left: 0;
    top: 0;
    z-index: -1;
}

.modalDialog:target {
    opacity: 1;
    pointer-events: auto;
}

.modalDialog>div {
    position: relative;
    margin: 10% auto;
    padding: 15px 6px;
    border-radius: 10px;
    background: white;
}*/

.close {
    background: var(--mavi);
    color: white;
    line-height: 30px;
    position: absolute;
    right: -12px;
    text-align: center;
    top: -10px;
    width: 32px;
    height: 32px;
    text-decoration: none;
    font-weight: bold;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 32px;
}

.close:hover {
    color: white;
    background: var(--turuncu);
}

@media (max-width: 767.98px) {
    .modalDialog > div {
        max-width: 95% !important;
    }

    .modalDialog > div > iframe {
        max-width: 100% !important;
    }
}

.modal-body {
    padding: 0.5rem;
}

.modal-content {
    width: unset !important;
}

/* Popup Video: End */

.video-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 aspect ratio (height / width * 100) */
    height: 0;
    overflow: hidden;
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}