.slider__main.content video {
    height: 100vh;
}

#main-slider {
    height: 100vh;
    overflow: hidden;
}

.box-links, .footer, .main-content {
    position: relative
}

.footer-buttons .item a, .footer-contact {
    display: -webkit-box;
    display: -ms-flexbox
}

.box-links, .footer-contact__info a strong {
    font-weight: 700
}

.footer-contact, .footer-contact__info, .footer-tab__content-list .content, .footer-tab__nav ul li:not(.nav-search) a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

.footer-tab__container.is-visible, .footer-tab__content.is-visible, .shortcuts-dropdown__list li a:hover:before, .shortcuts-item:hover .shortcuts-dropdown {
    visibility: visible;
    opacity: 1
}

.searchResults, html {
    overflow-x: hidden
}

.box-links {
    float: left;
    background-color: #fff;
    color: var(--maincolor) !important;
    text-align: center;
    border-radius: 10px;
    box-shadow: 0 0 25px 0 rgb(0 0 0 / 7%);
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    will-change: box-shadow;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    min-width: 10%;
    display: flex;
    flex-direction: column;
    padding: 10px;
    min-height: 100px;
    align-items: center;
    justify-content: center
}

.box-links:hover {
    background-color: #ddd
}

@media (min-width: 1550px) {
    .box-links {
        min-height: 200px
    }
}

.box-links .vertical-center {
    display: flex;
    flex-direction: column;
    text-transform: uppercase !important
}

.box-links-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 16px;
    color: var(--maincolor);
    margin-top: 15px
}

#carousel-ebelediye .owl-stage {
    height: 250px;
    padding-top: 30px
}

svg {
    height: 75px
}

.footer-contact__numbers ul li, .footer-heading {
    margin-bottom: 20px
}

.footer-siluet {
    position: absolute;
    left: 50%;
    bottom: 30px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.footer-contact__numbers ul li a .number, .footer-heading, .footer-tab__content-header .close {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox
}

.footer-siluet img {
    width: 950px;
    -webkit-filter: brightness(0%);
    filter: brightness(0%);
    opacity: .07
}

.footer-bottom .container, .footer-row {
    position: relative;
    z-index: 1
}

.footer-top {
    background: #343a40;
    min-height: 444px;
    position: relative;
    padding-bottom: 50px
}

.footer-top:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    background: #272c30;
    height: 72px
}

.footer-heading {
    display: inline-flex;
    height: 72px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
    font-weight: 800;
    text-transform: uppercase;
    color: #fff
}

.footer-card ul li a {
    display: block;
    color: #9dafcd;
    font-size: 13px;
    font-weight: 300;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 15px;
    position: relative;
    -webkit-transition: .3s;
    transition: .3s
}

.footer-card ul li a:before {
    content: "";
    position: absolute;
    left: 0;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: currentColor;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.footer-card ul li a:hover {
    color: #fff
}

.footer-buttons, .my_projects .left_project_area, .projects-nav {
    margin-top: 50px
}

.footer-buttons .item a {
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 7px;
    -webkit-transition: .3s;
    transition: .3s;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 25px;
    padding-right: 25px;
    height: 60px
}

.baskan__linkler ul.sosyal_medyalar li a, .footer-buttons .item a:hover, .shortcuts-item:nth-child(2) .shortcuts-dropdown__list li a:before, .shortcuts-item:nth-child(3) .shortcuts-dropdown__list li a:before, .shortcuts-item:nth-child(4) .shortcuts-dropdown__list li a:before, .shortcuts-item:nth-child(5) .shortcuts-dropdown__list li a:before, section.duyuru-haber-ihale .section-content {
    background: #fff
}

.footer-buttons .item a:hover .icon {
    color: #1553a4
}

.footer-buttons .item a:hover .description .title {
    color: #999
}

.footer-buttons .item .icon {
    color: #fff;
    font-size: 24px;
    width: 24px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.footer-buttons .item .description {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 15px
}

.footer-tab__content-list.no-photo .content, footer ul {
    padding-left: 0
}

.footer-buttons .item .description .title {
    line-height: 1.4;
    font-size: 12px;
    font-weight: 700;
    color: #fff
}

.footer-contact {
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.footer-contact__numbers {
    width: 100%;
    margin-top: 30px
}

.footer-contact__numbers ul li:last-child {
    margin-bottom: 0
}

.footer-contact__numbers ul li a {
    display: block;
    position: relative;
    text-align: right;
    color: #9dafcd;
    -webkit-transition: .3s;
    transition: .3s
}

.projects-nav ul li a, .tab--nav.col-md-3.col-lg-2.mr-2.likutu:hover a {
    color: var(--maincolor) !important
}

.footer-contact__numbers ul li a:hover {
    color: #fff
}

.footer-contact__numbers ul li a .title {
    font-weight: 300;
    font-size: 13px;
    margin-bottom: 5px
}

.footer-contact__numbers ul li a .number {
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 20px;
    line-height: .8
}

.footer-contact__numbers ul li a .icon {
    font-size: 48px;
    margin-right: 20px
}

.footer-contact__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: right;
    margin-top: 20px
}

@media (min-width: 1200px) and (max-width: 991px) {
    .footer-contact__info {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

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

.footer-contact__info a {
    color: #9dafcd;
    font-size: 13px;
    font-weight: 300;
    display: block;
    padding-top: 2px;
    padding-bottom: 2px;
    -webkit-transition: .3s;
    transition: .3s
}

.buton-tumunugors:hover, .footer-contact__info a:hover, .linkhoveryazia:hover, .shortcuts.list-button.v-border .shortcuts-card a .title, .shortcuts.list-button.v-border .shortcuts-card a > .icon, section.duyuru-haber-ihale .nav-tabs .active {
    color: #fff
}

.footer-logo a {
    display: block;
    position: relative;
    margin-top: 25px
}

@media (max-width: 991px) {
    .footer-contact {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .footer-contact__numbers {
        padding-top: 30px;
        border-top: 1px solid rgba(255, 255, 255, .15)
    }

    .footer-contact__info, .footer-contact__numbers ul li, .footer-contact__numbers ul li a {
        text-align: center
    }

    .footer-logo a {
        margin-top: 20px;
        display: none
    }
}

.footer-logo img {
    max-height: 180px
}

.footer-bottom {
    background: #272c30;
    padding-top: 25px;
    padding-bottom: 25px
}

.footer-bottom .text {
    color: #fff;
    font-size: 13px
}

.footer-bottom .design {
    color: #9dafcd;
    opacity: .5;
    display: flex;
    align-items: center
}

.footer-bottom .design img {
    max-height: 11px;
    margin-left: 10px
}

.footer-tab {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1006;
    display: none
}

.footer-tab__nav {
    position: relative;
    z-index: 10
}

.footer-tab__nav:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center center;
    height: 70px;
    background-size: cover;
    background-image: url("../../assets/img/footer-nav-bg.png")
}

.footer-tab__nav ul li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    position: relative
}

.footer-tab__nav ul li:not(.nav-search).is-current a .icon {
    color: #55b250
}

.footer-tab__nav ul li:not(.nav-search).is-current a .text {
    color: rgba(85, 178, 80, .6)
}

.footer-tab__nav ul li:not(.nav-search) a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 10px;
    height: 70px
}

.footer-tab__nav ul li:not(.nav-search) a .icon {
    color: #49525b;
    font-size: 24px
}

.footer-tab__nav ul li:not(.nav-search) a .text {
    font-size: 11px;
    color: rgba(73, 82, 91, .6);
    font-family: Poppins, Poppins;
    margin-top: 3px
}

.footer-tab__nav ul li.nav-search.is-current .btn .icon {
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

.footer-tab__nav ul li.nav-search .btn {
    position: absolute;
    left: 50%;
    bottom: 11px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.footer-tab__nav ul li.nav-search .btn .icon {
    width: 72px;
    height: 72px;
    background: #55b250;
    border-radius: 50%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    font-size: 24px;
    border: 5px solid #f7f7f7;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .3);
    box-shadow: 0 0 20px rgba(0, 0, 0, .3);
    -webkit-transition: .4s;
    transition: .4s
}

.footer-tab__container {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .8);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s;
    transition: .3s
}

.footer-tab__content {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 80%;
    background: #fff;
    border-radius: 13px 13px 0 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    will-change: transform;
    -webkit-transition: .4s;
    transition: .4s
}

.footer-tab__content.is-visible {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.footer-tab__content:before {
    content: "";
    position: absolute;
    top: -12px;
    right: 0;
    left: 0;
    height: 4px;
    width: 40px;
    margin: 0 auto;
    background: rgba(255, 255, 255, .6);
    border-radius: 7px
}

.footer-tab__content._search {
    height: 95%
}

.footer-tab__content-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    height: 80px
}

.footer-tab__content-header .heading {
    color: #49525b;
    font-size: 16px;
    font-weight: 900
}

.footer-tab__content-header .heading span {
    font-weight: 300
}

.footer-tab__content-header .close {
    color: #49525b;
    display: inline-flex
}

.footer-tab__content-header .close .icon {
    font-size: 28px
}

.footer-tab__content-buttons, .footer-tab__content-search {
    padding-left: 20px;
    padding-right: 20px
}

.footer-tab__content-search form {
    position: relative;
    width: 100%
}

.footer-tab__content-search form input {
    width: 100%;
    border: 1px solid rgba(73, 82, 91, .08);
    -webkit-box-shadow: 1px 2px 3px rgba(73, 82, 91, .1);
    box-shadow: 1px 2px 3px rgba(73, 82, 91, .1);
    border-radius: 7px;
    height: 55px;
    font-family: inherit;
    padding-left: 20px;
    padding-right: 50px;
    font-size: 13px;
    font-weight: 600
}

.footer-tab__content-search form .icon {
    color: #55b250;
    font-style: 20px;
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.footer-tab__content-wrapper {
    height: calc(100% - (70px + 80px));
    overflow-y: auto;
    padding-top: 13px
}

.footer-tab__content-wrapper._search {
    height: calc(100% - (70px + 80px + 55px))
}

.footer-tab__content-wrapper._search > div {
    margin-top: 15px
}

.footer-tab__content-list ul li {
    padding-left: 20px;
    padding-right: 20px;
    border-bottom: 1px solid rgba(73, 82, 91, .08);
    padding-bottom: 15px;
    margin-bottom: 15px
}

.footer-tab__content-list ul li:last-child {
    border-bottom: 0
}

.footer-tab__content-list ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.footer-tab__content-list .photo {
    width: 110px;
    height: 80px;
    border-radius: 10px;
    padding: 5px;
    -webkit-box-shadow: 0 0 15px rgba(73, 82, 91, .25);
    box-shadow: 0 0 15px rgba(73, 82, 91, .25)
}

.footer-tab__content-list .photo img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 7px
}

.footer-tab__content-list .figure {
    width: 110px;
    height: 80px;
    border-radius: 10px;
    background: #eff2f7;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.footer-tab__content-list .figure .icon {
    color: #49525b;
    font-size: 42px
}

.footer-tab__content-list .content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 15px;
    padding-right: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

.footer-tab__content-list .content .tag {
    font-weight: 600;
    font-style: italic;
    color: rgba(73, 82, 91, .9);
    font-size: 11px
}

.footer-tab__content-list .content .title {
    color: #49525b;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.3;
    overflow: hidden;
    max-height: 37px
}

.footer-tab__content-list .content .date {
    color: rgba(73, 82, 91, .6);
    line-height: 1.5;
    font-size: 12px;
    font-weight: 300;
    margin-top: 7px;
    font-family: Poppins, Poppins
}

.footer-tab__content-list .content .date .icon {
    font-size: 12px;
    margin-right: 3px
}

.footer-tab__content-list .content > .icon {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #49525b;
    opacity: .2
}

.footer-tab__content-buttons ul {
    margin-left: -5px;
    margin-right: -5px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.footer-tab__content-buttons ul li {
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px
}

@media (max-width: 479px) {
    .footer-heading {
        font-size: 16px
    }

    .footer-card:not(:last-child) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .footer-buttons .item:not(:last-child) {
        margin-bottom: 10px
    }

    .footer-bottom .container {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .footer-tab__content-buttons ul li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .container {
        max-width: 390px
    }
}

@media (min-width: 480px) and (max-width: 1200px) {
    .footer-contact__info {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

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

    .footer-tab__content-buttons ul li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
}

@media (min-width: 600px) and (max-width: 1200px) {
    .footer-tab__content-buttons ul li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
}

.footer-tab__content-buttons ul li a, .shortcuts.list-button .shortcuts-card a {
    -ms-flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical
}

.footer-tab__content-buttons ul li a {
    border: 1px solid rgba(73, 82, 91, .08);
    -webkit-box-shadow: 1px 2px 3px rgba(73, 82, 91, .1);
    box-shadow: 1px 2px 3px rgba(73, 82, 91, .1);
    border-radius: 7px;
    height: 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px
}

.footer-tab__content-buttons .icon {
    color: #55b250;
    font-size: 24px
}

.footer-tab__content-buttons .title {
    font-size: 11px;
    color: #333;
    margin-top: 8px;
    line-height: 1.3
}

.container, .container-fluid {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 480px) {
    .container {
        max-width: 600px
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1200px
    }

    .lg-d-none {
        display: none !important
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1200px
    }

    .mobile_index_mayor_section {
        display: none
    }
}

@media (min-width: 1200px) {
    .footer-contact__numbers {
        padding-left: 40px
    }

    .container {
        max-width: 1300px
    }

    .container.max-1200 {
        max-width: 1200px
    }

    .shortcuts .container {
        max-width: 1175px
    }

    .footer_mobile_col-right {
        justify-content: flex-end;
    }
}

@media (min-width: 1400px) {
    .container-fluid {
        padding-left: 50px;
        padding-right: 50px
    }
}

@media (min-width: 1750px) {
    .container {
        max-width: 1400px
    }

    .container.max-1200 {
        max-width: 1200px
    }

    .container-fluid {
        padding-left: 120px;
        padding-right: 120px
    }
}

@media (min-width: 2020px) {
    .container-fluid {
        max-width: 2000px
    }
}

@media (min-width: 1200px) and (max-width: 1199px) {
    .footer-heading {
        font-size: 16px
    }

    .container-fluid {
        max-width: 1200px
    }
}

@media (min-width: 1200px) and (max-width: 991px) {
    .container-fluid {
        max-width: 1200px
    }
}

@media (min-width: 480px) and (max-width: 1200px) {
    .container-fluid {
        max-width: 600px
    }
}

footer ul {
    list-style: none
}

.text-center {
    text-align: center
}

.justify-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.justify-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.justify-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.justify-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.align-center, .shortcuts-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.align-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.align-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.align-between {
    -webkit-box-align: space-between;
    -ms-flex-align: space-between;
    align-items: space-between
}

#sectionbaskan .col-lg-6, .btn.btn-outline-primary.btn-sm:hover {
    background-color: var(--maincolor)
}

.governor-area {
    background: url(/assets/img/baskan.webp) left top/cover no-repeat;
    background-color: var(--maincolor);
    padding: 25px 15px 0;
    height: 700px
}

.governor-txt {
    color: #fff;
    width: 35%;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.governor-area .governor-txt .header-nav__mayor-social {
    background: #00000000;
    border-radius: 11px !important;
    width: 100%;
    float: right;
    margin-top: 12px;
    display: block
}

.governor-area .governor-txt .header-nav__mayor-social a {
    height: 40px;
    width: 49px;
    color: var(--maincolor);
    border-right: 0px solid #0c0c0c73;
    border-radius: 50%;
    background: #fff;
    margin-right: 7px;
    padding: 0
}

.header-nav__mayor-social a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: .777rem .822rem !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.header-nav__mayor-social a:hover {
    color: #fff !important;
    background-color: var(--kirmizi) !important
}

.fc-day-sat div:before, .fc-day-sun div:before, .overlaySearch .sag input {
    background-color: #fff !important
}

.header {
    border-top: 0 !important
}

@media (max-width: 1200px) {
    #sectionbaskan .fast-menu, .mobil-gizle, .overlayIcerikler, .owl-projects button, .slideryazi {
        display: none !important
    }

    #main-slider {
        height: 100% !important;
    }

    .eleinside.eleinside_Center img {
        max-height: 50vh
    }

    .haber-slider .item a .img img {
        width: 100%;
        height: 100%;
        border-radius: 10px;
    }

    .habercol_outer {
        padding: .5rem
    }

    .fast-menu {
        display: none
    }

    .governor-txt {
        color: #fff;
        width: 100vw;
        text-align: justify;
        padding: 20px
    }

    .baskanimza-home {
        margin-top: 80px;
        justify-content: center
    }

    .baskanimza-home img {
        margin-top: 2rem;
        max-height: 100px
    }

    .governor-area {
        background: #17284d
    }

    .rakamlarlabelediyemizdiv {
        flex-wrap: wrap
    }

    .rakamlarlabelediyemizdiv .uk-card {
        margin-bottom: 40px;
        width: 33% !important
    }

    .rakamlarlabelediyemizdiv .uk-card .count.nunito {
        font-size: 1.5rem !important
    }

    .projects-header {
        margin-bottom: 2rem;
        margin-top: 1rem
    }

    .projects-nav li {
        margin-bottom: 20px
    }

    .haberler__tumunugor {
        border-radius: 0;
        width: 96.7%;
        margin-left: 6px;
        margin-top: 5px
    }

    section.duyuru-haber-ihale .section-content {
        margin-bottom: 1rem
    }

    .footer-top {
        min-height: 385px !important;
        padding-bottom: 30px !important
    }
}

.f-1r {
    font-size: 1rem;
    font-weight: 700
}


@media (min-width: 1200px) {
    .swiper-buttons {
        left: 230px !important;
    }

    .fast-title {
        display: flex;
        justify-content: center;
        margin-top: 25px
    }

    .p-50 {
        padding: 50px
    }

    .mb-10 {
        margin-bottom: 10px
    }

    .baskanimza-home {
        margin-top: 3rem;
        margin-bottom: 2rem
    }

    .baskanimza-home img {
        max-height: 130px
    }

    #ebelediye {
        margin-top: 2rem
    }

    .baskanbolum, .fast-menu {
        padding-top: 50px
    }

    .projects-nav li {
        margin-right: 20px
    }

    .rakamlarlabelediyemizdiv {
        margin-top: 80px
    }
}

.activities-single {
    margin-bottom: 15px
}

.projects-nav ul li.is-current a {
    background: var(--maincolor);
    color: #fff !important;
    -webkit-box-shadow: 0 0 50px 0 0 50px rgb(43 53 172 / 30%);
    box-shadow: 0 0 50px 0 0 50px rgb(43 53 172 / 30%)
}

.my_projects .nav-link.active, .tab--nav.col-md-3.col-lg-2.mr-2.likutu.is-current:hover a {
    color: #fff !important
}

#cb-duyurular-tabs .nav-link.active, .btn-outline-primary.disabled, .btn-outline-primary:disabled, .rakamlarlabelediyemizdiv .count.nunito, .tab--nav.col-md-3.col-lg-2.mr-2.likutu a, section.duyuru-haber-ihale .duyuru-item:hover .baslik, section.duyuru-haber-ihale .haberler .haber-item:hover .haber-baslik {
    color: var(--maincolor)
}

.projects-nav ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    height: 60px;
    background: #f8f9fa;
    -webkit-box-shadow: 0 0 50px rgb(24 76 124 / 30%);
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 700;
    position: relative;
    z-index: 1;
    line-height: 1.25;
    -webkit-transition: .3s;
    transition: .3s
}

.projeler-section {
    padding: 0rem 0 10rem;
    /* background-color: #f7f7f7; */
}

.projebaslikr {
    max-height: 50px
}

.projects-content.tab--content, .shortcuts.list-button.v1 .shortcuts-card .more, .shortcuts.list-button.v1 .shortcuts-card:before {
    display: none
}

.projects-content.tab--content.is-active {
    display: block
}

.duyuru-baslik-buton {
    font-size: 14px
}

.anasayfa-duyurular {
    background: var(--maincolor) !important
}

.slideslogan {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 51;
    display: flex;
    justify-content: center;
    align-items: center
}

.slideryazi {
    display: flex;
    flex-direction: column;
    color: #fff;
    justify-content: center;
    align-items: center
}

.slideryazi .text {
    font-family: 'Poppins';
    font-weight: 700;
    font-size: 2rem
}

.slideryazi .slogan {
    font-weight: 700;
    font-size: 1.618rem
}

.overlayIcerikler {
    max-width: fit-content;
    color: #fff !important;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 1rem;
    justify-content: center;
    margin-bottom: 10px;
    width: 100%;
    bottom: 1.5rem;
    z-index: 9;
    font-size: 1.5rem
}

.overlayIcerikler a {
    color: inherit;
    font-size: inherit;
    line-height: 1
}

.slider-overlay {
    opacity: 0.3;
    background: url(/assets/img/overlay.webp) center center!important;
    position: absolute;
    width: 100vw;
    height: 100%;
    top: 0;
    background: #00000036;
}

.overlayLeft {
    left: 0;
    align-items: flex-start;
    bottom: 0;
    z-index: 9;
    padding-left: 0;
    margin-bottom: 0
}

@media (min-width: 1199px) and (max-width: 1366px) {
    /* .haber-slider .item a .img img {
        height: 360px !important;
    } */
    .habercol_outer {
        height: 100%;
    }
}

.header-logo a {
    display: block;
    position: relative;
    /* padding: 2rem 1.5rem; */
    border-radius: 0 0 50% 50%
}

.header-logo img {
    width: 135px !important
}

.header-logo:before {
    height: 142px !important
}

.hlogo:before {
    content: "";
    position: absolute;
    top: 75px;
    right: 0;
    z-index: -1;
    left: 50%;
    background: url(/assets/img/logo-bgddd.png) center center/cover no-repeat;
    width: 193px;
    height: 310px;
    -webkit-transform: translateX(-50%) translateY(-60%);
    transform: translateX(-50%) translateY(-60%);
    -webkit-transition: .5s;
    transition: .5s
}

.main-content .owl-theme .custom-nav {
    position: absolute;
    top: 45vh;
    bottom: auto;
    left: 1rem;
    right: 1rem
}

.main-content .owl-theme .custom-nav .owl-next, .main-content .owl-theme .custom-nav .owl-prev {
    position: absolute;
    height: 100px;
    color: inherit;
    background: 0 0;
    border: none;
    z-index: 100
}

.main-content .owl-theme .custom-nav .owl-next i, .main-content .owl-theme .custom-nav .owl-prev i {
    font-size: 2.5rem;
    color: #cecece
}

.main-content .owl-theme .custom-nav .owl-prev {
    left: 0
}

.main-content .owl-theme .custom-nav .owl-next {
    right: 0
}

.slider__main .image {
    max-height: 100vh;
    height: 100vh;
}

@media (max-width: 1200px) {
    .likutu {
        margin: 0px !important;
    }

    .likutu a {
        margin: 5px;
    }

    .projects-nav ul li a {
        font-size: 10px;
    }

    .projeler-section {
        max-width: 100% !important;
    }

    .footer-siluet {
        display: none
    }

    .footer-tab {
        display: block
    }

    .main-content .owl-theme .custom-nav {
        top: 19vh !important
    }

    .header-container.container-fluid {
        width: 100vw !important;
        height: 80px !important
    }

    .header-bottom {
        height: 80px !important;
    }

    .header-container.container-fluid {
        max-height: 80px !important;
    }

    .header-logo a {
        padding: 0;
        background: 0 0
    }
}

@media (max-width: 1200px) {
    .mobile_index_mayor_section {
        display: flex;
        height: 300px;
        max-height: 300px;
        position: relative;
        flex-direction: column;
        margin-top: 15px;
        margin-bottom: 1rem
    }

    .mobile_mayor_photo {
        min-height: 250px;
        max-height: 250px;
        background-size: cover
    }

    .mobile_mayor_footer {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        display: flex
    }

    .mobile_mayor_footer a {
        display: flex;
        background-color: var(--maincolor);
        color: #fff;
        height: 50px;
        flex-basis: 50%;
        justify-content: center;
        align-items: center
    }

    .mobile_mayor_overlay {
        position: absolute;
        bottom: 60px;
        right: 20px;
        display: flex
    }

    .home-activities .etkinlik_slider .content_text a {
        margin-top: 15px !important
    }

    .ebelediyebutonlar, .header-logo {
        padding-top: 0 !important
    }

    .ebelediyebutonlar, .ebelediyebutonlar .projects-header .text {
        padding-bottom: 0 !important
    }

    .slider__main .image {
        max-height: 36vh;
        height: 45vh
    }

    .header-logo img {
        width: unset !important;
        max-height: 55px;
        margin-top: 0
    }

    .row.mobilduyuru {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
        max-width: 100vw !important;
        margin: 1rem 0 0 !important
    }

    .habercol_outer {
        margin-top: unset !important
    }

    .haberlohos img, .hizlimenulogo img {
        height: 50px !important
    }

    .projects-nav.mb-5 {
        margin-bottom: 1rem !important
    }

    .box-links-title {
        font-size: 12px !important;
        font-weight: 500 !important
    }

    .duyuru-baslik-buton {
        font-size: 12px !important;
        font-weight: 600
    }

    .haber-slider .description {
        display: none !important
    }

    .haber-slider .item a:after {
        height: 95px !important
    }

    .shortcuts.style-1 {
        display: none
    }
}

@media (min-width: 1200px) and (max-width: 1200px) {
    .main-content .owl-theme .custom-nav {
        top: 20vh !important
    }
}

@media (max-width: 1200px) {
    .header-logo:before, .overlayIcerikler {
        display: none
    }

    .row.mobilduyuru {
        padding-left: .5rem !important;
        padding-right: 1.5rem !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        margin-top: 0 !important
    }

    .homepage__mayor_photos img {
        min-height: 100px
    }
}

.shortcuts-item:nth-child(2) .shortcuts-dropdown, .shortcuts-item:nth-child(2) .shortcuts-wrapper, .shortcuts-item:nth-child(3) .shortcuts-dropdown, .shortcuts-item:nth-child(3) .shortcuts-wrapper, .shortcuts-item:nth-child(4) .shortcuts-dropdown, .shortcuts-item:nth-child(4) .shortcuts-wrapper, .shortcuts-item:nth-child(5) .shortcuts-dropdown, .shortcuts-item:nth-child(5) .shortcuts-wrapper, .shortcuts-wrapper {
    background-color: #fff
}

.homepage__mayor_photos .a-col-w {
    margin-top: 1.5rem
}

.homepage__mayor_photos .a-col-w .btn.btn-light {
    text-transform: uppercase;
    font-weight: 500;
    font-size: .9rem;
    padding: .5rem 2rem;
    background: #fff;
    border: unset;
    color: var(--maincolor)
}

.hero-shortcuts__bg {
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    height: 50px
}

.shortcuts-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    padding-left: 0;
    padding-right: 0;
    position: relative
}

.projeresims1, .shortcuts-item:hover .shortcuts-wrapper:before {
    width: 100%
}

.shortcuts-item:hover .shortcuts-dropdown__list li a .icon {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.shortcuts-wrapper {
    height: 75px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 1rem;
    padding-right: 1rem;
    position: relative;
    border-radius: 0;
    overflow: hidden;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 1rem
}

.shortcuts-wrapper:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgb(0 51 90 / 20%);
    height: 4px;
    width: 0;
    -webkit-transition: width .3s;
    transition: width .3s
}

.shortcuts-dropdown, .shortcuts-dropdown__list li a:before {
    position: absolute;
    -webkit-transition: .3s;
    opacity: 0;
    visibility: hidden
}

.shortcuts-wrapper .icon {
    color: var(--maincolor);
    font-size: 24px
}

.shortcuts-wrapper .desc {
    padding-left: 0;
    color: var(--maincolor);
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.mobil-ebelediye1, .shortcuts-wrapper .desc .title {
    justify-content: center;
    color: var(--maincolor);
    text-align: center
}

.shortcuts-wrapper .desc .title {
    font-size: 13px;
    letter-spacing: -.5px;
    font-weight: 500;
    display: flex;
    padding: 0;
    height: 100%;
    align-items: center
}

.shortcuts-wrapper .desc .text {
    font-size: 13px;
    line-height: 1.3
}

.shortcuts-dropdown {
    right: 10px;
    bottom: 95px;
    left: 10px;
    background: #fff;
    padding: 15px;
    border-radius: 15px;
    transition: .3s
}

.shortcuts-dropdown .heading {
    color: var(--maincolor);
    font-size: 16px;
    font-weight: 900;
    letter-spacing: -.5px;
    border-bottom: 3px solid rgba(0, 0, 0, .35);
    padding-bottom: 5px;
    margin-bottom: 10px
}

.shortcuts-dropdown__list li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid rgba(255, 255, 255, .35);
    color: var(--maincolor);
    font-size: 13px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 9px;
    padding-bottom: 9px;
    position: relative;
    z-index: 1
}

.shortcuts-dropdown.first .shortcuts-dropdown__list li a:before {
    background: #a75d16
}

.shortcuts-dropdown__list li a:before {
    content: "";
    z-index: -1;
    top: -1px;
    left: -15px;
    bottom: -1px;
    right: -15px;
    background: #1c4166e0;
    transition: .3s
}

.shortcuts-dropdown__list li a .icon {
    font-size: 13px;
    margin-right: 7px;
    width: 18px;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: .3s;
    transition: .3s
}

.shortcuts.list-button ul li:first-child .shortcuts-card, .shortcuts.list-button ul li:first-child .shortcuts-card:before {
    background: #65be9f
}

.shortcuts.list-button ul li:nth-child(2) .shortcuts-card, .shortcuts.list-button ul li:nth-child(2) .shortcuts-card:before {
    background: #6f8a93
}

.shortcuts.list-button ul li:nth-child(3) .shortcuts-card, .shortcuts.list-button ul li:nth-child(3) .shortcuts-card:before {
    background: #aa9785
}

.shortcuts.list-button ul li:nth-child(4) .shortcuts-card, .shortcuts.list-button ul li:nth-child(4) .shortcuts-card:before {
    background: #4badba
}

.shortcuts.list-button ul li:nth-child(5) .shortcuts-card, .shortcuts.list-button ul li:nth-child(5) .shortcuts-card:before {
    background: #fbb843
}

.shortcuts.list-button.v1:hover .shortcuts-card {
    -webkit-transform: scale(.95);
    transform: scale(.95);
    -webkit-filter: blur(1px);
    filter: blur(1px)
}

.shortcuts.list-button.v1 .shortcuts-card {
    border-radius: 15px
}

.shortcuts.list-button.v1 .shortcuts-card:hover {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-filter: blur(0);
    filter: blur(0)
}

.shortcuts.list-button.v-light ul li:nth-child(n+3) {
    margin-bottom: 0 !important
}

.shortcuts.list-button.v-light .shortcuts-card {
    background: #eff2f7 !important
}

.shortcuts.list-button.v-light .shortcuts-card a .title, .shortcuts.list-button.v-light .shortcuts-card a > .icon {
    color: #0794aa
}

.shortcuts.list-button.v-border .shortcuts-card {
    background: 0 0 !important;
    border: 1px solid rgba(255, 255, 255, .2)
}

.shortcuts.list-button .shortcuts-card {
    height: 175px;
    background: #b54386;
    position: relative;
    -webkit-transition: .3s;
    transition: .3s
}

.shortcuts.list-button .shortcuts-card:hover:before {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    border-radius: 0 0 10px 10px;
    -webkit-transition: .3s;
    transition: .3s
}

.shortcuts.list-button .shortcuts-card:hover .more {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s .2s;
    transition: .3s .2s
}

.shortcuts.list-button .shortcuts-card:before {
    content: "";
    position: absolute;
    z-index: -1;
    right: 0;
    bottom: -20px;
    left: 0;
    height: 20px;
    background: #b54386;
    border-radius: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: .3s .2s;
    transition: .3s .2s
}

.shortcuts.list-button .shortcuts-card a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    height: 100%;
    color: #fff;
    padding-left: 10px;
    padding-right: 10px
}

.shortcuts.list-button .shortcuts-card a > .icon {
    font-size: 48px
}

.shortcuts.list-button .shortcuts-card .title {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 900;
    line-height: 1.3;
    letter-spacing: -.5px;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 15px
}

.shortcuts.list-button .shortcuts-card .text {
    font-size: 13px;
    font-weight: 300;
    line-height: 1.3;
    overflow: hidden;
    max-height: 34px;
    padding-left: 3px;
    padding-right: 3px;
    margin-top: 5px;
    display: none
}

.shortcuts.list-button .shortcuts-card .more {
    position: absolute;
    bottom: -13px;
    opacity: 0;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    -webkit-transition: .3s;
    transition: .3s
}

@media (max-width: 1199px) {
    .footer-contact__numbers ul li a .number {
        font-size: 60px
    }

    .footer-contact__numbers ul li a .icon {
        font-size: 42px
    }

    .shortcuts.list-button .shortcuts-card .more {
        display: none
    }
}

.hero-search__buttons .btn .icon, .shortcuts.list-button .shortcuts-card .more .icon {
    font-size: 24px
}

@media (max-width: 479px) {
    .container-fluid {
        max-width: 390px
    }

    .shortcuts.list-button ul li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .shortcuts.list-body > .row > div:not(:last-child) {
        margin-bottom: 10px
    }
}

.shortcuts.list-body .shortcuts-card a {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 15px
}

.shortcuts.list-body .shortcuts-card a:hover .shortcuts-cover img {
    -webkit-transform: scale3d(1.15, 1.15, 1.15);
    transform: scale3d(1.15, 1.15, 1.15)
}

.shortcuts.list-body .shortcuts-cover {
    height: 230px;
    overflow: hidden
}

.shortcuts.list-body .shortcuts-cover img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .2, 1);
    transition: transform 1s cubic-bezier(0, 0, .2, 1);
    transition: transform 1s cubic-bezier(0, 0, .2, 1), -webkit-transform 1s cubic-bezier(0, 0, .2, 1)
}

.shortcuts.list-body .shortcuts-body {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 60%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    text-align: right;
    padding: 20px 15px;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#49acb9));
    background: linear-gradient(transparent, #49acb9)
}

.shortcuts.list-body .shortcuts-body .title {
    line-height: 1.15;
    color: #fff;
    font-family: "Cerebri Sans Heavy", Poppins;
    font-size: 24px;
    letter-spacing: -.5px
}

@media (min-width: 1824px) {
    .shortcuts.list-body .shortcuts-cover {
        height: 280px
    }

    .shortcuts.list-body .shortcuts-body .title {
        font-size: 28px
    }
}

.shortcuts.list-body .shortcuts-body .title span {
    font-family: Montserrat, Poppins;
    font-weight: 200
}

.shortcuts.list-body .shortcuts-body .icon {
    position: absolute;
    left: 17px;
    bottom: 20px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, .5);
    border-radius: 50%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    font-size: 18px;
    padding-left: 3px
}

@media (min-width: 480px) and (max-width: 1200px) {
    .shortcuts.list-body .shortcuts-body .icon {
        display: none
    }
}

@media (min-width: 1200px) and (max-width: 991px) {
    .shortcuts.list-body .shortcuts-cover {
        height: 185px
    }

    .shortcuts.list-body .shortcuts-body .title {
        font-size: 20px
    }

    .shortcuts.list-body .shortcuts-body .icon {
        display: none
    }
}

@media (min-width: 1200px) and (max-width: 1199px) {
    .shortcuts.list-body .shortcuts-body .icon {
        display: none
    }
}

@media (min-width: 1200px) and (max-width: 1365px) {
    .shortcuts.list-body .shortcuts-body .title {
        font-size: 20px
    }

    .shortcuts.list-body .shortcuts-body .icon {
        display: none
    }
}

.shortcuts.list-body .shortcuts-body.color-1 {
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#fbb843));
    background: linear-gradient(transparent, #fbb843)
}

.shortcuts.style-1 {
    right: 0;
    bottom: 30px;
    left: 0;
    z-index: 6;
    width: 70%
}

.e-belediye-dropdownlist .shortcuts-dropdown__list {
    display: flex !important;
    flex-wrap: wrap
}

.e-belediye-dropdownlist .shortcuts-dropdown__list li {
    display: flex !important;
    overflow: hidden;
    padding: 5px;
    flex: 25%
}

@media (max-width: 1550px) {
    .overlayLeft img {
        max-height: 350px
    }

    .overlayLeft {
        bottom: 1rem
    }
}

@media (max-width: 1440px) {
    .pt-40px, .section-stories > div {
        padding: 0 !important;
    }


    .application-area .row {
        margin: 0px 5rem !important;
    }

    .single-service-item .content p {
        font-size: 13px !important;
    }

    .hm2-feature-area .row {
        margin: 0px 5rem;
    }

    .app_list_item h3 {
        font-size: 13px !important;
    }

    .haberler-baslik {
        font-size: 35px !important;
    }

    .slider__main .image {
        height: 100vh !important
    }

    .overlayIcerikler {
        bottom: 0 !important
    }

    .overlayLeft img {
        max-height: 285px
    }

    .overlayRight {
        bottom: 2rem !important
    }

    #sectionbaskan .fast-menu, .governor-area {
        height: 500px !important
    }

    #sectionbaskan {
        padding-top: 2rem
    }

    .baskanbolum .governor-txt p a {
        font-size: 11px !important
    }

    .homepage__mayor_photos {
        padding: 2rem 10px
    }

    header .header-container .kirlangic-logo {
        width: 160px
    }
}

.overlay__home, .overlay__home::before {
    bottom: 0;
    width: 100vw;
    position: absolute
}

@media (max-width: 1365px) {
    .overlayLeft img {
        max-height: 19vw
    }
}

.home_ebelediye_buttons {
    display: grid;
    grid-template: repeat(2, 1fr)/repeat(3, 1fr);
    gap: 20px 5px
}

/* .ebelediyebutonlar {
    padding: 3rem 2rem
} */

.ebelediyebutonlar .projects-header .text {
    padding-bottom: 2rem
}

.overlay__home {
    z-index: 9;
    display: flex;
    height: 75px;
    flex-direction: row
}

.overlay__home::before {
    content: ' ';
    background: var(--maincolor);
    height: 75px;
    z-index: -1
}

.home__butonlar {
    flex: 1;
    display: flex;
    justify-content: end
}

.baskan__linkler ul.linkler {
    display: flex;
    flex-direction: row;
    height: 75px;
    justify-content: space-between;
    padding: .3rem 2rem;
    gap: 5px;
    align-items: center
}

.baskan__linkler ul.linkler li a {
    color: #fff;
    background: #1e1e1e59;
    border-radius: 5px;
    padding: 5px
}

.baskan__imza {
    padding: 5px;
    display: flex
}

.overlay__home .baskan img {
    height: 15vw
}

.baskan__imza img {
    max-height: 65px;
    max-width: 15rem
}

.baskan__linkler {
    display: flex
}

.sosyal_medyalar .header-button > .icon svg {
    fill: var(--maincolor)
}

.swiper-head .swiper-buttons1, ul.sosyal_medyalar {
    display: flex;
    align-items: center
}

ul.sosyal_medyalar li {
    padding: 5px
}

ul.sosyal_medyalar li .header-button {
    border-radius: 0
}

@media (max-width: 1440px) {
    ul.sosyal_medyalar {
        padding-right: 1rem
    }

    .shortcuts.style-1 {
        width: 100%
    }
}

@media (max-width: 1200px) {
    .sagtarafhizli {
        display: none
    }

    .slideraltkutu .butonlaralt, .slideraltkutu .altbutonsol {
        display: none !important
    }

    .slideraltkutu {
        position: relative !important;
    }

    .buton-tumunugors {
        padding: 10px;
        font-size: 10px
    }

    .my_projects .left_project_area .btn_all_pr button {
        width: 36px;
        height: 36px
    }

    .my_projects .left_project_area .title_mid {
        font-size: 28px !important
    }

    .my_projects .left_project_area .subtitle {
        font-size: 24px !important
    }

    .my_projects .nav-tabs .nav-link {
        font-size: 10px !important;
        padding: 8px !important
    }

    .loading img {
        max-width: 15rem
    }

    .habercol_outer .row {
        display: flex;
        flex-direction: row-reverse
    }

    .ebelediyebutonlar {
        margin-bottom: 2rem
    }

    section.duyuru-haber-ihale .tab-duyuru-ihale .swiper-wrapper {
        height: 400px
    }
}

.baskan_imza_overlay {
    position: absolute;
    bottom: 2rem;
    left: 2rem
}

.fc-scrollgrid-sync-table {
    max-height: 515px !important
}

.mobil-ebelediye1 {
    padding: 1rem;
    display: flex;
    width: 100%;
    align-items: center;
    background: #fff;
    margin-bottom: 1rem !important;
    font-size: 12px;
    font-weight: 200;
    position: relative;
    box-shadow: 0 0 25px 0 rgb(0 0 0 / 7%);
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    will-change: box-shadow;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    min-width: 10%;
    min-height: 37px;
    flex-direction: row
}

.overlaySearch {
    width: 100%;
    display: flex;
    left: 20%;
    bottom: 20%;
    position: absolute;
    z-index: 99;
}

.hero-search__dropdown {
    position: absolute;
    left: 0;
    right: 0;

    background: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 50px rgb(73 82 91 / 15%);
    box-shadow: 0 0 50px rgb(73 82 91 / 15%);
    width: 100%;
    max-width: 1000px;
    z-index: 2;
    bottom: -18rem !important;
    padding: 20px;
    opacity: 0;
    -webkit-transition: .3s;
    transition: .3s
}

.hero-search__dropdown-content.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.hero-search__dropdown-list ul.list-search {
    padding: 10px 25px 0 10px
}

.hero-search__dropdown-list ul.list-search.is-hidden {
    display: none !important
}

.hero-search__dropdown-list ul {
    overflow-y: auto;
    height: 250px !important;
    scrollbar-color: rgba(73, 82, 91, 0.15) #eff2f7;
    scrollbar-width: thin
}

.searchResults {
    width: 27.8%;
    height: 1px;
    background: #fff;
    float: left;
    border-color: rgb(0 0 0 / 25%);
    border-top: 0;
    -moz-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .25);
    -webkit-box-shadow: 0 3px 5px 0 rgb(0 0 0 / 25%);
    box-shadow: 0 3px 20px 0 rgb(0 0 0 / 25%);
    margin-bottom: 8px;
    padding: 5px;
    display: none;
    top: 78px;
    position: absolute;
    overflow-y: scroll
}

.overlaySearch .sol {
    height: 60px;
    background-color: #fff;
    padding: 20px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.overlaySearch .sag {
    height: 60px;
    min-width: 25vw
}

.overlaySearch .sag input {
    width: 100%;
    border-radius: 0 !important
}

.hero-search__buttons .btn .text {
    padding-left: 15px
}

.hero-search__buttons .btn .icon svg {
    fill: #fff
}

.hero-search__buttons .btn {
    height: 60px !important;
    border-radius: 0 10px 10px 0 !important;
    background: var(--maincolor);
    margin-left: unset !important
}

.header-container .icerik {
    padding-left: 10px;
    padding-right: 10px
}

.home-widget {
    background: #f7f7f7
}

section.etkinlikler .etkinlik-item {
    width: 100%;
    height: 100% !important;
    display: inline-block;
    position: relative;
    border-radius: 12px;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid var(--primary-border-color);
    transition: .2s ease-in-out;
    transform: scale(1)
}

section.etkinlikler .etkinlik-item .etkinlik-header {
    width: 100%;
    height: 200px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    transition: .2s;
    border-radius: 10px
}

section.etkinlikler .etkinlik-item .etkinlik-baslik {
    font-size: 18px;
    font-weight: 500;
    color: var(--primary-text-color);
    transition: .2s ease-in-out
}

section.etkinlikler .etkinlik-item:hover .etkinlik-baslik {
    color: var(--color-blue-dark)
}

section.etkinlikler .etkinlik-item .labels {
    list-style: none;
    margin: 0;
    padding: 8px 0
}

section.etkinlikler .etkinlik-item .labels li {
    display: inline-block;
    margin-right: 4px;
    font-weight: 600;
    color: var(--grey-content-text) !important;
    font-size: 15px
}

section.etkinlikler .etkinlik-item .labels li svg {
    margin-right: 5px
}

section.duyuru-haber-ihale .nav-tabs .nav-link {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 0;
    color: var(--secondary-text-color);
    position: relative;
    padding: 16px 6px;
}

section.duyuru-haber-ihale .nav-tabs .nav-link svg {
    margin-right: 10px
}

section.duyuru-haber-ihale .nav-tabs .active::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    top: 0;
    left: 0
}

section.duyuru-haber-ihale .nav-tabs .active::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    top: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto
}

section.duyuru-haber-ihale .duyuru-item {
    width: 100%;
    display: block;
    border-bottom: 1px solid rgba(0, 97, 174, .1);
    text-decoration: none
}

section.duyuru-haber-ihale .duyuru-item .start {
    width: 54px;
    text-align: center;
    color: var(--maincolor);
    font-size: 18px
}

section.duyuru-haber-ihale .duyuru-item .end {
    width: calc(100% - 54px)
}

section.duyuru-haber-ihale .duyuru-item .baslik {
    font-size: 14px;
    font-weight: 500;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #000;
    transition: .2s ease-in-out
}

section.duyuru-haber-ihale .badge.rounded-pill.bg-info {
    color: #fff;
    background-color: var(--maincolor) !important;
    padding: 4px !important;
    font-size: 65% !important
}

#cb-duyurular-tabs i {
    margin-right: .4rem
}

#cb-duyurular-tabs button, section.duyuru-haber-ihale .duyuru-item:hover .detay {
    color: #000
}

section.duyuru-haber-ihale .duyuru-item .detay {
    color: #000;
    font-size: 13px;
    font-weight: 400;
    transition: .2s ease-in-out
}

section.duyuru-haber-ihale .tab-duyuru-ihale .swiper-wrapper {
    height: 410px
}

section.duyuru-haber-ihale .haberler .swiper {
    width: 100%;
    height: 474px
}

section.duyuru-haber-ihale .haberler .swiper-wrapper {
    height: 100%;
    flex-direction: row !important;
    display: flex !important
}

.swiper-slide {
    height: unset !important
}

section.duyuru-haber-ihale .haberler .swiper-slide {
    height: 220px !important;
    margin: 5px !important
}

section.duyuru-haber-ihale .haberler .haber-item {
    width: 100%;
    height: 100%;
    border-radius: 6px;
    text-decoration: none
}

section.duyuru-haber-ihale .haberler .haber-item .haber-foto {
    height: 100%;
    border-radius: 6px;
    overflow: hidden
}

section.duyuru-haber-ihale .haberler .haber-item .haber-foto img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    border-style: none;
    transition: transform 1s cubic-bezier(0, 0, .2, 1), -webkit-transform 1s cubic-bezier(0, 0, .2, 1)
}

section.duyuru-haber-ihale .haberler .haber-item:hover .haber-foto img {
    transform: scale3d(1.15, 1.15, 1.15)
}

section.duyuru-haber-ihale .haberler .haber-icerik {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    padding: 0 !important;
    left: 0;
    border-radius: 6px;
    background: #444;
    background: -moz-linear-gradient(0deg, rgba(68, 68, 68, .9) 0, rgba(68, 68, 68, .8) 25%, rgba(68, 68, 68, .2) 40%, rgba(68, 68, 68, 0) 70%, rgba(68, 68, 68, 0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(68, 68, 68, .9) 0, rgba(68, 68, 68, .8) 25%, rgba(68, 68, 68, .2) 40%, rgba(68, 68, 68, 0) 70%, rgba(68, 68, 68, 0) 100%);
    background: linear-gradient(0deg, rgba(68, 68, 68, .9) 0, rgba(68, 68, 68, .8) 25%, rgba(68, 68, 68, .2) 40%, rgba(68, 68, 68, 0) 70%, rgba(68, 68, 68, 0) 100%)
}

section.duyuru-haber-ihale .haberler .haber-icerik .haber-baslik {
    color: #fff;
    font-weight: 500;
    font-size: 13px;
    transition: .2s ease-in-out;
    margin: 0
}

section.duyuru-haber-ihale .haberler .haber-icerik .haber-tarih {
    padding: 2px 4px;
    border-radius: 3px;
    background-color: rgba(0, 97, 174, .7);
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    transition: .2s ease-in-out;
    right: .7rem;
    top: .7rem;
    position: absolute
}

.slideraltkutu {
    display: flex;
    justify-content: flex-end !important;
    position: absolute;
    bottom: 0;
    width: 100vw;
    margin: 0;
    left: 0;
    margin-left: 0 !important;
    margin-right: 0 !important;
    display: flex;
    z-index: 99;
    justify-content: space-between
}

.altbutonsol {
    width: 100%;
    padding: 0;
    display: flex;
    flex-direction: row-reverse
}

.mayor__detail {
    padding: 20px 15px 1rem;
    display: flex;
    align-items: end
}

.solaltbaskan {
    display: flex;
    flex-direction: column
}

.solaltbaskan .baskanimza-home {
    margin: 0;
    justify-content: center
}

@media (min-width: 1700px) {
    .baskanimza-home {
        margin-top: 100px !important
    }
}

.baskanimza-home img {
    max-height: 85px;
    max-width: unset
}

@media (min-width: 1200px) {
    .mobil-ebelediye1, .mobile_sticky_buttons {
        display: none
    }

    #main-slider .owl-dots, .haberlohos, .hizlimenulogo, .web-tv-mobil {
        display: none !important
    }

    .baskanimza-home {
        margin-top: 1rem;
        margin-bottom: 0
    }

    .baskanimza-home img {
        max-height: 75px;
        max-width: 14rem;
		margin-bottom: 10px;
    }
}

.header-nav__mayor-social a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 60px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: .8rem;
    color: rgb(255 255 255);
    -webkit-transition: .3s;
    transition: .3s;
    border-radius: 100%;
    background-color: var(--maincolor);
    height: unset;
    width: unset;
    max-width: 40px
}

.svg-inline--fa {
    display: inline-block;
    font-size: inherit;
    height: 1em;
    overflow: visible;
    vertical-align: -.125em
}

.stories.carousel {
    padding: 0 !important;
}

.section.section-stories {
    width: 100%;
    display: flex;
    padding-left: 1rem;
    /*    padding-bottom: 1rem;*/
}

.altbutonsag {
    width: 75%;
    padding: 0;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    flex-direction: column;
}

.butonlaralt {
    background-image: url(/assets/img/slidertaltresim.png);
    background-repeat: no-repeat;
    background-size: 86% 101%;
    max-height: 100px;
    background-position-x: left;
    height: 100px;
    width: 100%;
    display: flex;
    align-items: center;
}

.gp__slider_photos {
    display: flex;
    justify-content: flex-start
}

@media (min-width: 1200px) {
    .shortcuts .container {
        max-width: 1175px;
        min-width: unset !important
    }

    .gp__slider_photos {
        height: 65%;
        max-height: 65%
    }

    .gp__slider_bottom_container, .gp__slider_mayor, .gp__slider_photos {
        padding: 0 !important
    }
}

.home-icons .cont {
    display: flex;
    width: 83.5%;
    height: 100%;
    align-items: center;
    justify-content: space-between
}

.home-icons .cont .item {
    display: flex;
    border-radius: 16px;
    width: 8.5rem;
    position: relative;
    margin: 0 .3rem;
    box-shadow: 0 0 10px 3px rgb(0 0 0 / 7%);
    justify-content: center;
    align-items: center
}

.butonlaralt .item1 {
    box-shadow: unset !important;
    background-image: url(/assets/img/kutu1.png);
    background-size: 100% 100%;
    height: 90px;
    width: 10rem !important
}

.home-icons .cont .item a {
    display: block;
    text-align: center;
    padding: 5px;
    color: #434343;
    letter-spacing: -.5px;
    font-size: 13px;
    transition: .2s ease-out;
    height: 5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.home-icons .cont .item a .img {
    margin-bottom: 5px;
    transition: .2s ease-out;
    font-size: 1.5rem;
    color: var(--maincolor)
}

.home-icons .cont .item a .img img {
    max-height: 25px
}

.home-icons .cont .item a .title .bottom {
    font-weight: 600;
    font-size: 10px
}

@media (max-width: 1450px) {
    section.duyuru-haber-ihale .duyuru-item .baslik, section.duyuru-haber-ihale .nav-tabs .nav-link {
        font-size: 12px !important
    }

    .btn.btn-outline-primary.btn-sm.px-3 {
        font-size: .7rem
    }

    .footer-heading {
        font-size: 13px !important
    }

    .home-icons .cont .item a .title .bottom {
        font-size: 8px !important
    }

    .etkinlik-takvim {
        height: 400px !important
    }

    .section-activities {
        height: 440px
    }

    #hizlimodals {
        margin-right: 1rem
    }

    .home-icons .cont .item a {
        justify-content: space-between
    }
}

@media (max-width: 1650px) {
    .altbutonsag {
        width: 66% !important
    }

    .overlaySearch {
        bottom: 19rem !important
    }
}

.btn.btn-outline-primary.btn-sm.px-3, .yonbutonlari button {
    color: #fff;
    font-size: 12px;
    background: var(--maincolor);
    border: unset !important
}

.yonbutonlari button:hover {
    background-color: #f1f1f1;
    color: var(--maincolor)
}

.btn.btn-outline-primary.btn-sm {
    color: #fff;
    font-size: 12px;
    background-color: var(--maincolor);
    border: unset !important;
    margin-left: .5rem
}

.section-title {
    font-size: 14px;
    color: #000;
    font-weight: 600
}

.section-title i {
    color: var(--maincolor)
}

.bg-white.border-start.border-bottom {
    border-radius: 0 0 10px 10px
}

#duyurular-tab, #yebidogan-tab, #evlenenler-tab, #ihaleler-tab {
    border-radius: 10px 10px 0 0;
    background-color: white;
    border: 1px solid #ccc;
    border-bottom: none;
    height: 100%;
}

.section-content.rounded-3 {
    border-radius: 10px
}

@media (min-width: 1200px) {
    /*    #haberler, .main-slider .owl-dots {
            display: none !important
        }*/
    .duyuru-haber-ihale {
        padding: 5rem 0 !important
    }
}

@media (max-width: 1350px) {
    section.duyuru-haber-ihale .nav-tabs .nav-link {
        padding: 14px !important
    }
}

section.duyuru-haber-ihale .nav-tabs .nav-link.active {
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
}

.bg-white.border-start.border-bottom {
    border-left: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
    border-top-right-radius: 10px;
}

.nav-tabs {
    max-width: 100%;
}

@media (min-width: 1200px) {
    .nav-tabs {
        max-width: 99%;
    }
}

.home-activities .etkinlik_slider {
    border-radius: 10px;
    height: 100%;
    background: #fff;
    padding: .5rem
}

.home-activities .etkinlik_slider .content_text {
    padding: 19px 15px
}

.home-activities .etkinlik_slider .content_text .title {
    font-weight: 600;
    font-size: 14px;
    color: #000;
    min-height: 50px
}

.home-activities .etkinlik_slider .content_text .activity-detail {
    margin-top: 5px;
    min-height: 100px
}

.home-activities .etkinlik_slider .content_text .activity-detail li {
    display: flex;
    border-bottom: 1px solid #f2f2f2;
    font-weight: 500;
    font-size: 12px;
    color: #000;
    padding: 8px 0;
    align-items: center
}

.home-activities .etkinlik_slider .content_text .activity-detail li i {
    font-size: 14px;
    color: var(--maincolor);
    margin-right: 7px
}

.home-activities .etkinlik_slider .content_text a {
    margin-top: 20px;
    font-weight: 600;
    font-size: 13px;
    color: #fff;
    padding: 12px 17px;
    border-radius: 10px;
    display: inline-block;
    background: var(--maincolor2)
}

.home-activities a {
    margin-left: 5px
}

.home-activities .etkinlik_slider img {
    width: 100%;
    border-radius: 10px;
    object-fit: cover
}

.swiper-head {
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media (max-width: 1200px) {
    .swiper-head {
        flex-direction: column;
        gap: 1rem;
    }
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.home-activities #etkinlik_swiper_next, .home-activities #etkinlik_swiper_prev {
    width: 39px;
    height: 39px;
    background: #dcdcdc;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 39px;
    color: #fff;
    border-radius: 10px
}

.swiper-head .swiper-buttons1 a {
    width: 40px;
    height: 40px;
    background: var(--maincolor) !important;
    border: unset;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    border-radius: 10px !important
}

.swiper-head .swiper-buttons1 a:hover {
    background-color: var(--maincolor2) !important;
}

.my_projects .project_slide .date_img {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: var(--maincolor)
}

.my_projects .project_slide img {
    object-fit: cover;
    height: 250px;
    border-radius: 10px;
    width: 100%
}

.twitter-alani {
    max-height: 250px
}

.buton-tumunugors {
    background: var(--maincolor2);
    color: #fff
}

.my_projects {
    padding: 3rem 0;
    margin: 3rem 0 1rem;
    background-image: url(/assets/img/projearkaplan.webp)
}

.my_projects .nav-tabs {
    border-bottom: none !important;
    display: flex;
    justify-content: flex-end;
    padding-bottom: 30px
}

.my_projects .nav-tabs .nav-link {
    margin-bottom: -1px;
    color: #fff;
    background: 0 0;
    border-bottom: 1px solid transparent
}

.my_projects .left_project_area .title {
    font-weight: 700;
    font-size: 18px;
    color: rgba(255, 255, 255, .44)
}

.my_projects .left_project_area .title_mid {
    font-weight: 700;
    font-size: 34px;
    color: var(--maincolor2);
    line-height: 1
}

.my_projects .left_project_area .subtitle {
    font-weight: 700;
    font-size: 27px;
    color: #fff
}

.my_projects .left_project_area .btn_all_pr {
    display: flex;
    align-items: center;
    margin-top: 40px;
    justify-content: space-between
}

.rounded-pill {
    border-radius: 50rem !important
}

.my_projects .left_project_area .btn_all_pr button {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    background: var(--maincolor2);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: 100%;
    color: #fff;
    font-size: 16px;
    transition: .3s
}

.swiper-container-pointer-events {
    touch-action: pan-y
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.my_projects .swiper-slide {
    height: auto
}

.my_projects .project_slide {
    padding: 8px;
    background: rgba(255, 255, 255, .1);
    height: 95%;
    border-radius: 10px
}

.ratio-1x1 {
    --bs-aspect-ratio: 100%
}

.ratio::before {
    display: block;
    padding-top: var(--bs-aspect-ratio);
    content: ""
}

.ratio > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.my_projects .project_slide .date_img {
    position: absolute;
    top: 8px;
    right: 27px;
    padding: 5px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: #e30a17
}

.my_projects .project_slide .date_img .day {
    font-size: 31px;
    color: #fff;
    line-height: 1
}

.my_projects .project_slide .date_img .month {
    font-size: 12px;
    color: #fff
}

.my_projects .project_slide .title_mid {
    min-height: 50px;
    font-weight: 400;
    font-size: 14px;
    color: #fff
}

.my_projects .project_slide .excerpt {
    font-size: 12px;
    color: #afafaf;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.stretched-link::after {
    position: unset
}

.mobilduyuru {
    margin: 1rem 0
}

.yararlilinklers {
    display: flex;
    justify-content: space-evenly;
    align-items: center
}

.yararlilinklers li:nth-child(5) a img {
    width: 10rem
}

@media (max-width: 1200px) {
    .linklerli a img {
        padding: .1rem !important;
        height: 5rem !important;
        width: 3rem !important
    }

    #stories {
        padding-bottom: 1rem !important;
    }

    section.duyuru-haber-ihale .nav-tabs .nav-link {
        font-size: 10px !important;
    }

    .yararlilinklers li:nth-child(5) a img {
        width: 4rem
    }

    .kutuvideo {
        width: 100% !important
    }

    .event-link {
        text-align: center
    }

    .baskan_imza_overlay img {
        max-width: 10rem !important
    }
}

#hizlimodals {
    margin-right: .5rem
}

.linklerli a img {
    width: 7rem;
    height: 12rem;
    padding: 1rem
}

@media (min-width: 1500px) {
    .home-activities .etkinlik_slider .content_text .title {
        min-height: 50px
    }
}

@media (max-width: 1400px) {
    .home-activities .etkinlik_slider .content_text .title {
        font-size: 11px;
        min-height: 50px
    }

    .home-activities .etkinlik_slider .content_text .activity-detail li {
        padding: 2px 0 !important
    }

    .home-activities .etkinlik_slider .content_text a {
        margin-top: 0 !important;
        padding: 7px 10px !important;
        font-size: 11px !important
    }

    .home-activities {
        padding-bottom: 0 !important
    }
}

.likutu a:hover {
    cursor: pointer
}

.etkinlik-takvim {
    height: 560px
}

.tumprojeler {
    background-color: #000 !important;
    color: #fff !important;
    height: 60px !important;
    min-width: 175px !important
}

.swiper-buttons {
    margin-top: 2rem !important;
    width: 375px !important;
}

.home-activities {
    padding: 5rem 0;
}

.section-activities {
    border-radius: 25px
}


.swiper-scrolls {
    overflow-y: auto !important
}

.card-v2-photo {
    height: 198px;
    overflow: hidden;
    background-color: #fff;
    border-bottom: 1px solid rgba(94, 120, 143, 0.08);
}

@media (min-width: 1200px) {
    .section-projects .owl-projects .owl-item .item {
        margin-top: 50px;
        margin-bottom: 50px;
    }
}

.card-v2-footer {
    background-color: #fff;
    text-align: center;
    padding: 25px 30px;
    height: 165px;
}

.card-v2-footer .text {
    color: #7a93a9;
    font-size: 13px;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 59px;
    margin-top: 5px;
}

.card-v2-overlay .title {
    -webkit-transition: .3s .1s;
    -o-transition: .3s .1s;
    transition: .3s .1s;
    color: #fff;
    font-size: 24px;
    font-weight: 900;
    letter-spacing: -0.3px;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: auto;
}

.card-v2-overlay .sub .btn {
    font-size: 13px;
    color: #fff;
    margin-top: 13px;
    text-decoration: underline;
}

.card-v2-overlay .sub .icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 18px;
    width: 40px;
    height: 40px;
    border-radius: 99px;
    border: 2px solid #fff;
    color: #fff;
}

.card-v2-overlay .number {
    -webkit-transition: .3s .3s;
    -o-transition: .3s .3s;
    transition: .3s .3s;
    color: #fff;
    font-family: "Bebas Neue", cursive;
    font-size: 36px;
    line-height: 1.2;
}

.card-v2-overlay .number span:last-child {
    font-size: 24px;
}

.card-v2-overlay .text {
    -webkit-transition: .3s .2s;
    -o-transition: .3s .2s;
    transition: .3s .2s;
    color: #fff;
    font-size: 13px;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: auto;
}

.card-v2-overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(254, 126, 0, 0.8);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    padding: 30px 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.card-v2-footer .title {
    color: var(--maincolor2);
    font-size: 18px;
    font-weight: 900;
    letter-spacing: -0.3px;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 50px;
}

.card-v2-photo img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: cover;
}

.card-v2-photo {
    height: 198px;
    overflow: hidden;
    background-color: #fff;
    border-bottom: 1px solid rgba(94, 120, 143, 0.08);
}

.card-v2 a {
    display: block;
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    -webkit-box-shadow: 0 0 15px rgb(69 95 118 / 25%);
    box-shadow: 0 0 15px rgb(69 95 118 / 25%);
}

.section-projects .owl-projects .owl-item .item {
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    will-change: opacity;
}

@media (min-width: 1200px) and (max-width: 1550px) {
    .story.seen:nth-child(11), .story.seen:nth-child(12), .story.seen:nth-child(13), .story.seen:nth-child(14), .story.seen:nth-child(15), .story.seen:nth-child(16) {
        display: none !important
    }
}

@media (max-width: 1200px) {
    .btn-fixed {
        bottom: 2rem !important
    }

    #aramayeni1 {
        display: none !important
    }

    .altbutonsol {
        display: none !important;
    }

    .haberlers-body {
        width: 100% !important;
        max-width: unset;
    }

    .habercol_outer .row {
        display: flex;
        justify-content: center;
        flex-direction: column-reverse;
    }

    .section-content.rounded-3 {
        margin-bottom: 1rem;
    }

    .footer__menuler {
        display: none !important;
    }

    .footer-top {
        min-height: 350px !important;
        display: flex;
        align-items: center;
        background-image: unset !important;
    }

    .footer-top:before {
        background: unset !important;
    }

    .homepage__mayor_photos .a-col-w {
        margin-top: 0 !important;
    }
}

@media (max-width: 1200px) {
    /* .altbutonsag, .section.section-stories, .section.section-stories > div, .section.section-stories > div#stories {
        width: 100vw !important
    } */
    .slideslogan {
        max-height: 36vh;
    }

    .slideryazi {
        display: flex !important;
        height: 100%;
    }

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

    .slideryazi .slogan {
        font-size: .875rem !important;
    }

    body.reachViewport .btn-fixed {
        position: fixed !important;
    }
}

@media (max-width: 1200px) {
    .duyurucontainer iframe {
        width: 100% !important;
        max-height: 30vh;
    }

    .mobile_slider_alt {
        display: flex;
        justify-content: space-between;
        margin-bottom: 1rem;
    }

    .mobile_slider_alt a {
        width: 50%;
        display: flex;
        gap: 1rem;
        padding: 1rem;
        justify-content: center;
        align-items: center;
        background-color: var(--maincolor);
        color: white !important;
    }
}


.haberlers-body {
    display: flex;
}

.tab-duyuru-ihale {
    width: 100%;
}

#cb-duyurular-tabs {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0px;
    justify-content: space-between;
}

#cb-duyurular-tabs .nav-item {
    background: none;
}

#cb-duyurular-tabs .nav-item:nth-child(1) {
    border-radius: 10px 0 0 0;
    border-left: 1px solid #dee2e6;
}

.slider-nav {
    color: #fff !important;
}

.image-wrapper {
    position: relative;
    overflow: hidden;
}

.image-wrapper img {
    animation: moveRightLeft 3s infinite alternate; /* Hareket animasyonu */
    border-radius: 15px;
}

@keyframes moveRightLeft {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(10px); /* Sağa kaydırma mesafesi */
    }
}

.icon-wrapper i {
    font-size: 22px;
    color: var(--maincolor);
}

.baskanbuton {
    width: 8rem;
    padding: 1rem;
    font-size: 14px;
    margin-left: 0 !important;
}

.theme-btn, .tour-area .location-area.style-1 .portfolio-filter li, .wp-block-loginout a, input.theme-btn {
    display: inline-flex;
    color: #ffffff;
    padding: 17px 38px;
    text-align: center;
    font-weight: 700;
    font-family: 'Red Hat Display', sans-serif;
    background-color: #041126;
    position: relative;
    z-index: 1;
    transition: all 0.5s ease-out;
    font-size: 16px;
    align-items: center;
    gap: 8px;
    border-radius: 12px;
    overflow: hidden;
    line-height: 180%;
    flex-shrink: 0;
    transition: all 500ms cubic-bezier(0.77, 0, 0.175, 1);
}

.theme-btn:after, .tour-area .location-area.style-1 .portfolio-filter li:after, .wp-block-loginout a:after, input.theme-btn:after {
    position: absolute;
    width: 100%;
    height: 0;
    left: 0;
    top: 0;
    background-color: #3B71FE;
    content: "";
    transition: all 0.5s ease-out;
    z-index: -1;
    color: #ffffff;
}

.theme-btn, .tour-area .location-area.style-1 .portfolio-filter li, .wp-block-loginout a, input.theme-btn {
    display: inline-flex;
    color: #ffffff;
    padding: 17px 38px;
    text-align: center;
    font-weight: 700;
    font-family: 'Red Hat Display', sans-serif;
    background-color: #041126;
    position: relative;
    z-index: 1;
    transition: all 0.5s ease-out;
    font-size: 16px;
    align-items: center;
    gap: 8px;
    border-radius: 12px;
    overflow: hidden;
    line-height: 180%;
    flex-shrink: 0;
    transition: all 500ms cubic-bezier(0.77, 0, 0.175, 1);
}

.theme-btn:before, .tour-area .location-area.style-1 .portfolio-filter li:before, .wp-block-loginout a:before, input.theme-btn:before {
    content: "";
    pointer-events: none;
    opacity: 0.6;
    background: radial-gradient(circle at 20% 35%, transparent 0, transparent 2px, #ffffff 3px, #ffffff 4px, transparent 4px), radial-gradient(circle at 75% 44%, transparent 0, transparent 2px, #ffffff 3px, #ffffff 4px, transparent 4px), radial-gradient(circle at 31% 22%, transparent 0, transparent 2px, #ffffff 3px, #ffffff 4px, transparent 4px), radial-gradient(circle at 46% 52%, transparent 0, transparent 4px, #ffffff 5px, #ffffff 6px, transparent 6px);
    width: 100%;
    height: 300%;
    top: 0;
    left: 0;
    position: absolute;
}

.about-us-content-wrapper-1 .info-card:nth-child(1n) {
    margin-bottom: 13px;
}

@media only screen and (min-width: 0px) and (max-width: 1200px) {
    .about-us-info-card-wrapper {
        flex-direction: column;
        gap: 20px;
    }
}

.info-card {
    display: flex;
    align-items: center;
    gap: 32px;
    flex-shrink: 0;
}

.info-card .icon-wrapper {
    background-color: #ffffff;
    border-radius: 100%;
    width: 80px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.08);
}

.info-card .icon-wrapper img {
    width: 34px;
    height: 34px;
}

.info-card .content {
    margin-top: 24px;
}

.info-card .content .title {
    font-family: 'Red Hat Display', sans-serif;
    color: #041126;
    font-size: 20px;
    font-weight: 700;
    line-height: 140%;
    cursor: default;
}

.info-card .content .desc {
    font-family: 'Red Hat Display', sans-serif;
    color: #585866;
    font-size: 16px;
    font-weight: 400;
    margin-top: 2px;
    margin-bottom: 0px;
    line-height: 170%;
    cursor: default;
}

.info-card:hover .icon-wrapper {
    -webkit-animation: bounce 1s alternate;
    animation: bounce 1s alternate;
}

.info-card:hover .icon-wrapper img {
    transform: rotateY(360deg);
    transition: all 0.5s ease-out;
}

.info-card.style-2 {
    flex-direction: column;
    align-items: start;
    width: 228px;
    gap: 25px;
}

@media only screen and (min-width: 0px) and (max-width: 1200px) {
    .info-card.style-2 {
        flex-direction: row;
        width: auto;
    }
}

.info-card.style-2 .content {
    margin-top: 0px;
}

.why-choose-us-area .info-wrapper .info-card {
    border-top: 1px solid #E7E7E7;
    padding-top: 30px;
    margin-top: 29px;
}

.why-choose-us-area .info-wrapper .info-card:first-child {
    border: none;
    padding: 0;
    margin-top: 0;
}

.why-choose-us-area .info-wrapper .info-card .content {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 0;
}

.why-choose-us-area .info-wrapper .info-card .content .title {
    margin: 0;
}

.why-choose-us-area .info-wrapper .info-card .content .desc {
    margin: 0;
}

.why-choose-us-area .info-wrapper {
    margin-left: 10px;
}

@media (max-width: 1400px) {
    .why-choose-us-area .info-wrapper {
        margin: 0;
    }
}

.why-choose-us-area .info-wrapper .info-card {
    border-top: 1px solid #E7E7E7;
    padding-top: 30px;
    margin-top: 29px;
}

.why-choose-us-area .info-wrapper .info-card:first-child {
    border: none;
    padding: 0;
    margin-top: 0;
}

.why-choose-us-area .info-wrapper .info-card .content {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 0;
}

.why-choose-us-area .info-wrapper .info-card .content .title {
    margin: 0;
}

.why-choose-us-area .info-wrapper .info-card .content .desc {
    margin: 0;
}

.why-choose-us-area .image-wrapper {
    border-radius: 16px;
    overflow: hidden;
    animation: MoveLeftRight 2s linear infinite alternate;
}

.why-choose-us-area .image-wrapper img {
    width: 100%;
}

.section-title .sec-btn {
    margin-top: 27px;
}

.section-title .desc {
    font-size: 16px;
    font-weight: 400;
    font-family: 'Red Hat Display', sans-serif;
    color: #5e6f92;
    margin-bottom: 0;
    line-height: 170%;
    cursor: default;
}

.section-title .title {
    position: relative;
    font-family: 'Red Hat Display', sans-serif;
    color: #041126;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.96px;
    cursor: default;
}

.section-title .title:after {
    position: absolute;
    content: "";
    background-image: url("../images/shape/bottom-bar.png");
    height: auto;
    z-index: 10;
}

@media only screen and (min-width: 1200px) and (max-width: 1199px) {
    .section-title .title {
        font-size: 48px;
        line-height: 62px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1024px) {
    .section-title .title {
        font-size: 47px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 991px) {
    .section-title .title {
        font-size: 38px;
        line-height: 48px;
    }
}

@media only screen and (min-width: 0px) and (max-width: 1200px) {
    .section-title .title {
        font-size: 32px;
        line-height: 42px;
    }
}

@media only screen and (min-width: 0px) and (max-width: 439px) {
    .section-title .title br {
        display: none;
    }
}

.section-title .title span {
    color: #3B71FE;
}

.section-title .short-title {
    font-family: "Fasthand", sans-serif;
    color: #3B71FE;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    cursor: default;
}

@media only screen and (min-width: 0px) and (max-width: 1200px) {
    .section-title .short-title {
        font-size: 20px;
    }
}

.section-title .sec-content {
    display: flex;
    gap: 0px;
    flex-direction: column;
    z-index: 2;
    position: relative;
    margin-bottom: -16px;
    margin-top: -8px;
}

.section-titles {
    opacity: 1;


}

.stories.carousel .story > .item-link > .info .name {
    color: #000 !important;
}

@media (max-width: 550px) {
    .section-title .sec-content {
        width: 100%;
    }
}

.why-choose-us-area .section-title {
    margin-top: 16px;
    flex-direction: column;
    align-items: start;
    margin-bottom: 0px;
    opacity: 1 !important;
}

.why-choose-us-area .section-title .title {
    padding-right: 20px;
}

.why-choose-us-area .section-title .bottom-shape {
    width: 272px;
}

.services-seciton {
    margin: 4rem 0;
}


/*.why-choose-us-area {
    padding: 120px 0;
}*/
@media only screen and (min-width: 1200px) and (max-width: 991px) {
    .why-choose-us-area {
        padding: 100px 0;
    }
}

@media only screen and (min-width: 0px) and (max-width: 1200px) {
    .why-choose-us-area {
        padding: 80px 0;
    }
}

.why-choose-us-area.style-1 {
    background: #F9F8F7;
}

.why-choose-us-area .section-title {
    margin-top: 16px;
    flex-direction: column;
    align-items: start;
    margin-bottom: 0px;
}

.why-choose-us-area .section-title .title {
    padding-right: 20px;
}

.why-choose-us-area .section-title .bottom-shape {
    width: 272px;
}

.why-choose-us-area .image-wrapper {
    border-radius: 16px;
    overflow: hidden;
    animation: MoveLeftRight 2s linear infinite alternate;
}

.why-choose-us-area .image-wrapper img {
    width: 100%;
}

.why-choose-us-area .info-wrapper {
    margin-left: 10px;
}

@media (max-width: 1400px) {
    .why-choose-us-area .info-wrapper {
        margin: 0;
    }
}

.why-choose-us-area .info-wrapper .info-card {
    border-top: 1px solid #E7E7E7;
    padding-top: 30px;
    margin-top: 29px;
}

.why-choose-us-area .info-wrapper .info-card:first-child {
    border: none;
    padding: 0;
    margin-top: 0;
}

.why-choose-us-area .info-wrapper .info-card .content {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 0;
}

.why-choose-us-area .info-wrapper .info-card .content .title {
    margin: 0;
}

.why-choose-us-area .info-wrapper .info-card .content .desc {
    margin: 0;
}

.why-choose-us-area.style-2 {
    background-color: #F9F8F7;
}

.why-choose-us-area.style-2 .sec-btn {
    margin: 0 !important;
}

.why-choose-us-area.style-3 {
    background-color: #FAFAFA;
    position: relative;
}

.why-choose-us-area.style-3 .shape {
    position: absolute;
    top: 0;
    right: 0;
}

@media (max-width: 1200px) {
    .why-choose-us-area.style-3 .shape {
        height: 80px;
    }
}

.why-choose-us-area.style-3 .section-title {
    margin-top: 0px;
}

.why-choose-us-area.style-3 .info-card {
    width: auto;
}

.why-choose-us-area.style-3 .info-card .icon-wrapper {
    background: transparent;
    width: 60px;
    height: 60px;
    box-shadow: none;
}

.why-choose-us-area.style-3 .info-card .icon-wrapper img {
    width: 60px;
    height: 60px;
}

.ihale-haber-kutu {
    padding: 1rem;
}

.section-yayinlar {
    border: 0;
}

.one-cikan-haber {
    background: #eee;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 10px;
}

.ilanlarb {
    font-size: 30px;
    padding: 12px;
}

.haberler-baslik {
    font-family: "Bebas Neue", cursive;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 50px;
    align-items: flex-start;
    padding: 5px 30px 0 0;
    margin-bottom: 1rem;
}

.haberler-baslik span:last-child {
    color: var(--maincolor);
    line-height: 1;
}

.haberler-baslik span:first-child {
    color: var(--maincolor);
    line-height: 1;
}

.onecikan-anadiv {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    overflow: scroll;
    max-height: 27rem;
}

.haber-sagresims {
    height: 60px;
    border-radius: 10px;
    object-fit: cover;
}

.news-f-title {
    color: #000;
    font-weight: 500;
    font-size: 12px;
}

.news-s-title {
    color: var(--maincolor);
    font-weight: 400;
    font-size: 11px;
}

.testimonial-slider-area.style-2 .testimonial-marquee-wrapper .brand-marquee-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 40px;
}

.testimonial-slider-area.style-2 .testimonial-marquee-wrapper .first-marquee-wrapper {
    animation: Scroll 32s linear infinite;
}

.testimonial-slider-area.style-2 .testimonial-marquee-wrapper .second-marquee-wrapper {
    margin-top: 40px;
    animation: Scroll 32s linear infinite;
    animation-direction: reverse;
}

.testimonial-slider-area.style-2 .testimonial-marquee-wrapper.style-2 .testimonial-card-two {
    background-color: #ffffff;
}

.testimonial-slider-area.style-3 {
    background-repeat: no-repeat;
    /*  background-color: #F9F8F7;*/
    position: relative;
    padding-bottom: 4rem;
}

@media only screen and (min-width: 1200px) and (max-width: 991px) {
    .testimonial-slider-area.style-3 {
        padding-bottom: 100px;
    }
}

@media only screen and (min-width: 0px) and (max-width: 1200px) {
    .testimonial-slider-area.style-3 {
        padding-bottom: 30px;
    }
}

.testimonial-slider-area.style-3 .process-step-slider-wrapper .process-step-slider .slick-list.draggable {
    border-radius: 16px;
    overflow: hidden;
    /*    box-shadow: 0px 24px 64px 0px rgba(199, 206, 218, 0.25);*/
}

@media only screen and (min-width: 0px) and (max-width: 1200px) {
    .testimonial-slider-area.style-3 .process-step-slider-wrapper .process-step-slider .slick-list.draggable {
        border-radius: 0px;
        box-shadow: none;
    }
}

.testimonial-slider-area.style-3 .process-step-slider-wrapper .process-step-slider .process-step .banner-shape {
    position: relative;
}

/* @media only screen and (min-width: 0px) and (max-width: 1200px) {
    .testimonial-slider-area.style-3 .process-step-slider-wrapper .process-step-slider .process-step .banner-shape {
        display: none;
    }
} */

.testimonial-slider-area.style-3 .process-step-slider-wrapper .process-step-slider .process-step .banner-shape .shape {
    position: absolute;
    height: 500px;
}

@media only screen and (min-width: 1200px) and (max-width: 991px) {
    .testimonial-slider-area.style-3 .process-step-slider-wrapper .process-step-slider .process-step .banner-shape .shape {
        width: 75%;
    }
}

.testimonial-slider-area.style-3 .process-step-slider-wrapper .process-step-slider .process-step .banner-shape .bg-img {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 500px;
    /*    object-fit: contain;*/
}

.testimonial-slider-area.style-3 .process-slider-tab {
    margin-top: 30px;
}

.testimonial-slider-area.style-3 .process-slider-tab .slick-list.draggable {
    padding: 0px !important;
}

.testimonial-slider-area.style-3 .process-slider-tab .slick-track {
    margin: 0px !important;
    transform: none !important;
}

.testimonial-slider-area.style-3 .process-slider-tab .slick-track .slick-slide {
    padding-bottom: 24px;
    margin-right: 10px;
    position: relative;
    max-width: 175px;
}

@media only screen and (min-width: 0px) and (max-width: 1200px) {
    .testimonial-slider-area.style-3 .process-slider-tab .slick-track .slick-slide {
        margin-right: 12px;
        width: 68px !important;
    }
}

.testimonial-slider-area.style-3 .process-slider-tab .slick-track .slick-slide:after {
    position: absolute;
    content: "";
    width: 0%;
    height: 1px;
    bottom: 0;
    transition: all 0.5s ease-out;
    animation: fadeEffect 1s ease-in-out;
}

.testimonial-slider-area.style-3 .process-slider-tab .slick-track .slick-slide.slick-current.slick-center {
    position: relative;
}

.testimonial-slider-area.style-3 .process-slider-tab .slick-track .slick-slide.slick-current.slick-center:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background-color: #041126;
    bottom: 0;
    transition: all 0.5s ease-out;
    animation: fadeEffect 1s ease-in-out;
}

@media (max-width: 1200px) {
    .testimonial-slider-area.style-3 .process-slider-tab .slick-track .slick-slide.slick-current.slick-center:after {
        width: 120% !important;
    }
}

.testimonial-slider-area.style-3 .process-slider-tab .slick-track .slick-slide.slick-current.slick-center .img-wrapper {
    transform: rotateY(360deg);
    transition: all 0.5s ease-out;
}

@media (max-width: 1200px) {
    .testimonial-slider-area.style-3 .user-meta-info {
        width: auto;
    }
}

@media (max-width: 1200px) {
    .testimonial-slider-area.style-3 .user-meta-info .user-info-inner {
        flex-direction: column;
    }
}

@media (max-width: 1200px) {
    .testimonial-slider-area.style-3 .user-meta-info .user-info-inner .content {
        display: none;
    }
}

.user-info-inner {
    gap: 10px;
    display: flex;
    justify-content: center;
}

.testimonial-slider-area.style-3 .user-meta-info .content h5, .testimonial-slider-area.style-3 .user-meta-info .content .user-name {
    font-size: 15px;
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 800;
}

.testimonial-slider-area.style-3 .user-meta-info .content p, .testimonial-slider-area.style-3 .user-meta-info .content .title {
    font-size: 16px;
}

.testimonial-slider-area.style-3 .content-wrapper {
    position: relative;
    padding: 74px 0px 102px 60px;
}

@media only screen and (min-width: 0px) and (max-width: 1200px) {
    .testimonial-slider-area.style-3 .content-wrapper {
        padding: 0;
    }
}

.testimonial-slider-area.style-3 .content-wrapper .section-title {
    margin-bottom: 30px;
}

.testimonial-slider-area.style-3 .content-wrapper .user-commentment {
    width: 549px;
}

@media only screen and (min-width: 0px) and (max-width: 1200px) {
    .testimonial-slider-area.style-3 .content-wrapper .user-commentment {
        width: auto;
    }
}

.testimonial-slider-area.style-3 .content-wrapper .user-commentment p {
    margin: 0;
}

.testimonial-slider-area.style-3 .content-wrapper .user-commentment .comment {
    font-family: "Plus Jakarta Sans", sans-serif;
    color: #041126;
    font-size: 24px;
    font-weight: 500;
    line-height: 140%;
}

.testimonial-slider-area.style-3 .content-wrapper .user-ratting {
    margin-top: 36px;
    display: flex;
    gap: 6px;
}

.testimonial-slider-area.style-3 .content-wrapper .user-ratting i {
    color: #FE712A;
}

.testimonial-slider-area {
    position: relative;
    /*    padding: 120px 0;*/
    /*   overflow: hidden;*/
}

@media only screen and (min-width: 0px) and (max-width: 1200px) {
    .testimonial-slider-area {
        padding: 100px 0;
    }
}

@media only screen and (min-width: 0px) and (max-width: 1200px) {
    .testimonial-slider-area {
        padding: 0px 0;
    }
}

.testimonial-slider-area.style-1 .testimonial-content-wrapper {
    margin-left: 88px;
}

@media (max-width: 1200px) {
    .testimonial-slider-area.style-1 .testimonial-content-wrapper {
        margin-left: 0px;
    }
}

.testimonial-slider-area.style-1 .testimonial-content-wrapper .section-title {
    margin-bottom: 42px;
}

.ihale-haber-kutu {
    height: calc(570px - 88px);
    background: #FFF;
    border-radius: 10px;
}

.nopadding {
    padding: 0 !important;
}

.process-step-slider .draggable {
    background: #FFF;
}

.single-service-item a {
    font-size: 21px;
    font-weight: 600;
}

.skill-wrapper, .footer-newsletter-widget .footer-content form .form_control, .sidebar-widget-area .booking-form-widget .sidebar-booking-form .bk-item .nice-select, .sidebar-widget-area .booking-form-widget .sidebar-booking-form .bk-item input, .sidebar-widget-area .sidebar-widget, .single-blog-post-four .entry-content .main-btn.filled-btn:hover i, .gw-testimonial-item-two, .destination-details-wrapper .destination-info .features-list li span, .single-place-item-three .place-content .meta .icon-btn, .single-place-item-three:hover, .single-place-item .place-content .info, .booking-form .nice-select:focus, .booking-form .form_control:focus, .booking-form-wrapper, .activity-nav-tab, .single-service-item-four .content .icon-btn, .single-service-item-four:hover, .single-service-item-three .content .meta span.rate, .single-service-item-three:hover, .single-service-item .content .icon-btn, .single-service-item, .video-popup, .single-event-item, .single-activity-item .content .meta, .single-counter-item-two .icon, .single-counter-item, .single-team-item, .fancy-icon-box-three .icon, .fancy-icon-box-two, .fancy-icon-box .icon, .single-features-list .icon-inner .icon, .single-features-item-three .content, .single-features-item .img-holder .content, .about-two_content-box .card-list .card-item, .hero-search-form, .hero-wrapper-three .hero-arrows .slick-arrow:hover, .navigation-white.header-navigation .navbar-toggler span, .header-four .header-navigation.sticky, .header-navigation.breakpoint-on .nav-menu, .header-navigation .main-menu ul > li .sub-menu, .preloader, .main-btn.filled-btn:hover i, .main-btn i, .white-bg {
    background-color: #fff;
}

.hero-slider-two .slick-arrow:hover, .hero-slider-one .slick-arrow:hover, .blog-post .entry-content .block-quote span:before, .single-blog-post-four .entry-content .main-btn.filled-btn:hover, .single-blog-post-four .entry-content .main-btn.filled-btn i, .cat-btn, .description-wrapper .content-box ul.check-style-one li i, .product-details-wrapper .product-info ul.social-link li a:hover, .single-product-item .img-holder .tag span.feat, .single-place-item-two .place-img .tour-count, .single-gallery-item .gallery-img .icon-btn, .activity-nav-tab .nav-tabs li a.active, .single-service-item-four:hover .content .icon-btn, .single-service-item:hover .content .icon-btn, .ribbon, .single-progress-bar .progress .progress-bar, .single-cta-item:nth-child(2) .content .icon-btn, .back-to-top:hover, .back-to-top:focus, .main-btn.secondary-btn, .main-btn.primary-btn:hover {
    background-color: var(--maincolor);
    color: #FFF;
    transition: ease-in 0.3s;
}

.hero-slider-two .slick-arrow, .hero-slider-one .slick-arrow, .footer-top .social-box ul.social-link li a, .product-details-wrapper .product-info ul.social-link li a, .single-place-item-three .place-content .meta .icon-btn, .single-gallery-item .gallery-img .icon-btn, .single-gallery-item .gallery-img .hover-overlay, .single-service-item-four .content .icon-btn, .single-service-item .content .icon-btn, .video-popup, .gowilds-pagination li a, .single-skill-circle .inner-circle, .single-info-item-two .icon, .single-info-item .icon, .single-cta-item .content .icon-btn, .single-counter-item-two .icon, .single-counter-item .icon, .fancy-icon-box-three .icon, .fancy-icon-box-two .icon, .fancy-icon-box .icon, .single-features-list .icon-inner .icon, .single-features-item .img-holder .text .icon-btn, .hero-wrapper-three .hero-arrows .slick-arrow, .header-navigation.breakpoint-on .nav-menu .main-menu ul li .dd-trigger, .preloader, .main-btn i {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.single-service-item .content .icon-btn {
    position: absolute;
    bottom: -27px;
    right: 20px;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    font-size: 18px;
    -webkit-box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.15);
}

.section-title span.sub-title {
    margin-bottom: 13px;
}

.footer-copyright .footer-nav ul li a:hover, .service-nav-widget .footer-content .footer-widget-nav li a:hover, .footer-top .social-box ul.social-link li a, .black-bg .single-info-item .info p:hover a, .contact-info-item .info p:hover a, .sidebar-widget-area .recent-place-widget .recent-place-list .place-thumbnail-content .place-content span.price, .sidebar-widget-area .recent-place-widget .recent-place-list .place-thumbnail-content .place-content h5:hover, .sidebar-widget-area .booking-info-widget ul.info-list li span i, .sidebar-widget-area .booking-form-widget .sidebar-booking-form .booking-extra .extra i, .sidebar-widget-area .booking-form-widget .sidebar-booking-form .bk-item i, .sidebar-widget-area .sidebar-banner-widget .banner-widget-content .banner-img .hover-content p i, .sidebar-widget-area .recent-post-widget .recent-post-list .post-thumbnail-content .post-title-date h5:hover, .sidebar-widget-area .recent-post-widget .recent-post-list .post-thumbnail-content .post-title-date span.posted-on:hover, .sidebar-widget-area .category-widget ul.category-nav li a:hover, .comments-area .comment .comment-wrap .comment-author-content span.author-name span.time i, .post-navigation-item .post-nav-item .content h6:hover, .single-blog-post-four .entry-content h3.title:hover, .single-blog-post-three .entry-content h3.title:hover, .single-blog-post-two .entry-content h3.title:hover, .post-meta span:hover a, .description-tabs .nav-link:hover, .description-tabs .nav-link.active, .product-details-wrapper .product-info span.price, .single-product-item .content .info h4.title:hover, .destination-details-wrapper .destination-info .meta span.location i, .days-area .nav-tabs .nav-link.active, .tour-title-wrapper .tour-widget-info .info-box .icon, .tour-title-wrapper .tour-title p i, .single-place-item-three:hover .place-content h4.title, .single-place-item .place-content .info .meta span a:hover, .single-place-item .place-content .info .meta span i, .single-place-item .place-content .info p i, .single-place-item .place-content .info h4.title:hover, .booking-form-two .form_group label, .booking-form .nice-select:after, .booking-form label i, .activity-content-box .icon i, .single-service-item-two:hover .content .icon i, .check-list li i, .single-info-item-two .info h5:hover a, .single-info-item-two .icon, .single-event-item .content h3.title:hover, .single-event-item .content .meta span i, .single-activity-item .content .main-btn:hover i, .single-counter-item-two .icon, .single-counter-item .icon, .counter-item h2.number, .single-team-item .member-info ul.social-link li a:hover, .fancy-icon-box-four .icon i, .fancy-icon-box-three .icon, .fancy-icon-box-two .icon, .single-features-list .icon-inner .icon, .hero-wrapper-three .hero-arrows .slick-arrow:hover, .navigation-white.header-navigation .main-menu ul > li .search-btn:hover, .navigation-white.header-navigation .main-menu ul > li:hover > a, .nav-right-item .search-btn:hover, .header-navigation.breakpoint-on .nav-search .search-btn, .header-navigation .main-menu ul > li:hover > a, .header-navigation .main-menu ul > li .sub-menu li:hover > a, .header-navigation .main-menu ul > li .sub-menu li a:hover, .header-navigation .main-menu ul > li.search-item .search-btn:hover, .btn-link:hover, .sub-title {
    color: var(--maincolor);
}

.reviews-wrapper .reviews-inner-box .rating-value .rate-score, .black-bg .sub-title, .footer-newsletter-widget .footer-content form label, .comment-rating-ul li span i, .post-author-box .author-content ul.social-link li a:hover, .blog-post .entry-footer .social-share a:hover, .single-blog-post .entry-content h3.title:hover, .product-details-wrapper .product-info .product-meta li a:hover, .product-details-wrapper .product-info ul.ratings li a:hover, .destination-details-wrapper .destination-info .features-list li span i, .single-service-item-four .content .icon-btn, .single-service-item-three .content .meta span.rate i, .single-service-item-two .content .icon i, .ratings li i, .single-event-item .content p.location i, .single-activity-item .content .meta .rate i, .single-features-list .icon-inner .icon-check i, .about-two_content-box .card-list .card-item i {
    color: #F7921E;
}

.sub-title {
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    padding: 10px 20px;
    background: rgb(255 0 0 / 10%);
    border-radius: 7px;
}

.section-title span.sub-title {
    margin-bottom: 13px;
}

.black-bg .sub-title {
    background-color: rgba(247, 146, 30, 0.1);
}

.hero-wrapper-four .hero-content span.sub-title {
    margin-bottom: 30px;
}

.hero-wrapper-three .hero-content span.sub-title {
    margin-bottom: 22px;
}

.slider-active-3-item-dot,
.slider-active-3-item {
    margin-left: -15px;
    margin-right: -15px;
}

@media (max-width: 1200px) {
    .slider-active-4-item,
    .slider-active-5-item,
    .slider-active-3-item-dot,
    .slider-active-3-item {
        margin-left: -12px;
        margin-right: -12px;
    }
}

.slider-active-3-item-dot .slick-slide,
.slider-active-3-item .slick-slide {
    margin-left: 15px;
    margin-right: 15px;
}

@media (max-width: 1200px) {
    .slider-active-4-item .slick-slide,
    .slider-active-5-item .slick-slide,
    .slider-active-3-item-dot .slick-slide,
    .slider-active-3-item .slick-slide {
        margin-left: 12px;
        margin-right: 12px;
    }
}

.slider-active-3-item-dot .slick-dots {
    margin-top: 45px;
    text-align: center;
}

.single-service-item-four .content .action-btn {
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.single-service-item-four .content .meta span:not(:first-child) {
    margin-left: 35px;
}

.single-service-item-four .content .meta span {
    color: rgba(255, 255, 255, 0.65);
    font-size: 28px;
}

.single-service-item-four .content .meta {
    padding-bottom: 30px;
}

.single-service-item-four .content p {
    color: rgba(255, 255, 255, 0.65);
    margin-bottom: 18px;
}

.single-service-item {
    padding: 20px 10px 20px;
    -webkit-box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.07);
    border-radius: 10px;
    border: 1px solid transparent;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.single-service-item:hover {
    border-color: var(--maincolor);
}

.single-service-item .content {
    position: relative;
    padding: 20px;
}

.single-service-item .content h3.title {
    margin-bottom: 7px;
}

.single-service-item .content p {
    margin-bottom: 15px;
}

.single-service-item .content .meta span {
    line-height: 1;
}

.single-service-item .content .meta span:not(:last-child) {
    margin-right: 30px;
}

@media (max-width: 1199px) {
    .single-service-item .content .meta span:not(:last-child) {
        margin-right: 15px;
    }
}

.single-service-item .content .meta span i {
    font-size: 24px;
}

.single-service-item .content .icon-btn {
    position: absolute;
    bottom: -27px;
    right: 20px;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    font-size: 18px;
    -webkit-box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.15);
}

.single-service-item .img-holder img {
    width: 100%;
    border-radius: 10px;
    object-fit: cover;

}

.single-service-item-two {
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    background-color: #101311;
    padding: 50px 50px 40px;
}

@media (max-width: 991px) {
    .single-service-item-two {
        padding: 50px 30px 40px;
    }
}

.single-service-item-two:hover .hover-bg {
    visibility: visible;
    opacity: 1;
}

.single-service-item-two .hover-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

.single-service-item-two .hover-bg:after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(16, 19, 17, 0.75);
    z-index: -1;
}

.single-service-item-two .content .icon {
    margin-bottom: 25px;
}

.single-service-item-two .content .icon i {
    font-size: 80px;
}

.single-service-item-two .content h3.title {
    margin-bottom: 15px;
}

.single-service-item-two .content p {
    margin-bottom: 25px;
}

.single-service-item-three {
    padding: 35px 30px 40px;
    border-radius: 10px;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.single-service-item-three:hover {
    -webkit-box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.1);
}

.single-service-item-three .content h3.title {
    margin-bottom: 10px;
}

.single-service-item-three .content p {
    margin-bottom: 23px;
}

.single-service-item-three .content img {
    width: 100%;
    border-radius: 10px;
    margin-bottom: 20px;
}

.single-service-item-three .content .meta {
    border-top: rgba(29, 35, 31, 0.1);
    padding-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.single-service-item-three .content .meta span {
    line-height: 1;
}

.single-service-item-three .content .meta span.icon i {
    font-size: 24px;
}

.single-service-item-three .content .meta span.icon:not(:last-child) {
    margin-right: 30px;
}

@media (max-width: 991px) {
    .single-service-item-three .content .meta span.icon:not(:last-child) {
        margin-right: 20px;
    }
}

.single-service-item-three .content .meta span.rate {
    -webkit-box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    font-weight: 500;
    padding: 10px 13px;
    line-height: 14px;
    margin-left: auto;
}

.single-service-item-three .content .meta span.rate i {
    margin-right: 3px;
}

.single-service-item-four {
    padding: 10px 10px 20px;
    background-color: #101311;
    border-radius: 10px;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.single-service-item-four:hover .content p {
    color: #484848;
}

.single-service-item-four:hover .content .meta span {
    color: #484848;
}

.single-service-item-four:hover .content .action-btn {
    border-color: rgba(29, 35, 31, 0.1);
}

.single-service-item-four .img-holder img {
    width: 100%;
    border-radius: 10px;
}

.single-service-item-four .content {
    position: relative;
    padding: 30px 20px 0;
}

.single-service-item-four .content .icon-btn {
    position: absolute;
    right: 20px;
    top: -28px;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    font-size: 18px;
}

.single-service-item-four .content h3.title {
    margin-bottom: 10px;
}

.hm2-feature-card:hover .icon-wrapper i {
    color: #FFF !important;
    fill: #FFF !important;
}


.iconBox {
    color: #FFF;
    fill: #FFF;
    display: flex;
    width: 40px;
    height: 40px;
    background: var(--maincolor);
    padding: 5px;
    border-radius: 50%;
    margin-right: 1rem;
    justify-content: center;
    align-items: center;

}

.g-4, .gx-4 {
    --bs-gutter-x: 1.5rem;
}

.g-4, .gy-4 {
    --bs-gutter-y: 1.5rem;
}

.app_list_item {
    padding: 13px 22px;
    margin-bottom: 3.6rem;
}

.deep-shadow {
    -webkit-box-shadow: 0 5px 19px rgb(179 179 179 / 38%);
    box-shadow: 0 5px 19px rgb(179 179 179 / 38%);
}

.rounded-2 {
    border-radius: 5px;
}

.rounded-circle {
    border-radius: 50% !important;
}

.flex-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
}

.left-bottom {
    left: 0;
    bottom: 0;
    z-index: -1;
}

.hm2-feature-card {
    height: 215px;
}

.hm2-feature-card h3 {
    font-size: 14px;
    font-weight: 800;
    color: #000;
}

.hm2-feature-card:hover a {
    background-color: var(--maincolor);
    border-color: var(--maincolor);
    color: #fff;
}

.hm2-feature-card a:hover {
    background: var(--maincolor);
    color: #fff;
    border-color: var(--maincolor);
}

.hm2-feature-card:hover .icon-wrapper {
    background-color: var(--maincolor);
    color: #fff;
}


.hm2-feature-area {
    /*   background-color: #F9F8F7;*/
    padding-bottom: 2rem;

}

.duyurularsection {
    margin: 2rem 0;
}

.zindex-1 {
    z-index: 1;
}

.right-bottom {
    right: 0;
    bottom: 0;
    z-index: -1;
}

.position-absolute {
    position: absolute !important;
}

.position-relative {
    position: relative !important;
}

.justify-content-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

.hm2-title mark {
    background: linear-gradient(95.45deg, #0082F8 0.64%, var(--maincolor) 98.23%);
    -webkit-background-clip: text;
    color: rgba(0, 0, 0, 0);
}

mark {
    background: rgba(0, 0, 0, 0);
    color: #ffb800;
    padding: 0;
}

.hm2-explore-btn {
    color: var(--maincolor);
    padding-left: 60px;
}

.fw-bold {
    font-weight: 700 !important;
}

.hm2-explore-btn::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 3px;
    width: 50px;
    height: 3px;
    background: linear-gradient(95.45deg, #0082F8 0.64%, var(--maincolor) 98.23%);
}

.justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.hm2-feature-card {
    padding: 25px 20px;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    display: flex;
    flex-direction: column;
    justify-content: space-between;

}


.rounded-2 {
    border-radius: 10px !important;
}

.ebelediyeTitle {
    font-size: 14px;
    color: #000;
    font-weight: 600;
}

.bg-white {
    --bs-bg-opacity: 1;
    background-color: #FFF;
}

.hm2-feature-card .icon-wrapper {
    width: 60px;
    height: 60px;
    background-color: #f7f7f7;
    color: var(--maincolor);
    font-size: 25px;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
}

.rounded-circle {
    border-radius: 50% !important;
}

/*    .hm2-feature-card .icon-wrapper i {
        -webkit-text-fill-color: rgba(0, 0, 0, 0);
        -webkit-text-stroke-width: 1px;
    }*/

.hm2-feature-card a {
    width: 30px;
    height: 30px;
    border: 1px solid #001042;
    line-height: 30px;
    font-size: 14px;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
}

.app-list-col {
    margin: 0px 10rem !important;

}

.app_lists {
    margin-top: 2rem
}

.hm2-feature-area {
    margin-top: 0rem
}

.application-area {
    margin-bottom: 1rem
}

.section-title {
    margin: 2rem 0;
}

.sectiontitles {
    margin-top: 4rem;
    font-weight: 700;
}

.rounded-circle {
    border-radius: 50% !important;
}

.text-center {
    text-align: center !important;
}

.d-inline-block {
    display: inline-block !important;
}

.overflow-hidden {
    overflow: hidden !important;
}

.hm2-feature-area .ft-triangle {
    left: -60px;
    bottom: 20px;
    z-index: -1;
}

.hm2-award-title h2::before {
    content: url(../img/shapes/title-shape-left.png);
    position: absolute;
    left: -256px;
    bottom: 0;
}

.hm2-award-title h2::after {
    content: url(../img/shapes/title-shape-right.png);
    position: absolute;
    right: -265px;
    bottom: 0;
}

.award-wrapper .item-wrapper {
    padding: 0 12px;
}

.section-yayinlar {

    padding: 1rem;
    border-radius: 15px;
}

@media (max-width: 1199px) {
    .haber-slider .item a {
        height: 400px
    }

    .haber-slider .item a .img img {
        max-height: 280px
    }
}

.home-activities .habercol_outer {
    flex-direction: column !important;
}


@media (max-width: 1200px) {

    .onemliLinklerSection .sectiontitles {
        font-size: 18px !important;
    }

    .governor-area {
        background: var(--maincolor)
    }

    .guncel-bolumu {
        display: none !important;
    }

    .onecikan-haber-kutu, .ihale-haber-kutu {
        min-width: 50%;

    }

    .haber-slider-kutu {
        min-width: 100%;
    }

    .baslik-indexs {
        flex-direction: row !important;
        width: unset !important;
        justify-content: flex-start !important;
        font-size: 40px !important;
    }

    .one-cikan-haber .col-4.nopadding {
        max-width: 20%;
    }

    .baslik-indexs span:nth-child(1) {
        margin-right: 5px;
    }

    .header-logo:before,
    .overlayIcerikler {
        display: none
    }

    .row.mobilduyuru {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
    }

    .homepage__mayor_photos img {
        min-height: 100px
    }
}

.haber-slider .item a .img img {
    height: 300px;
}

.tumhaberler {
    margin-left: auto
}

.haber-slider .item a {
    display: flex;
    position: relative;
    width: 100%;
    flex-direction: column
}

.haber-slider .item a .img {
    position: relative
}

.haber-slider .item a .img img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

.haber-slider .item a .head {
    position: relative;
    z-index: 2;
    padding: 10px 0;
    color: #000;
    letter-spacing: -.5px;
    height: 100%;
    margin: 10px 0;
}

.haber-slider .item a .head .title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px
}

.haber-slider .item a .head .date {
    font-size: 11px;
    padding-top: .3rem
}

.haber-slider.owl-carousel.owl-loaded.owl-drag {
    margin-right: 15px
}

.habercol_outer {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.habercol_outer {
    width: 100%;
    overflow: hidden;
    padding: 0 30px 0 30px;
    margin: 0
}

.haber-slider .owl-dots {
    margin-top: 7px;
    display: none;
    margin-left: -4px;
    margin-right: -4px
}

.haber-slider .owl-dots .owl-dot {
    margin-top: 5px !important
}

.haber-slider .owl-dots .owl-dot {
    background-color: transparent !important
}

.haber-slider .owl-dots .owl-dot {
    flex-grow: 1;
    flex-basis: 0
}

@media (min-width: 1200px) and (max-width: 1770px) {
    .haber-slider .item a {
        height: 100%
    }

    .haber-slider .item a .head .title {
        max-width: -webkit-fill-available;
        word-break: break-all;
        max-height: 26px;
        white-space: nowrap;
        overflow: hidden !important;
        text-overflow: ellipsis
    }
}

@media (max-width: 1199px) {
    .duyuruButton {
        width: 98% !important;
        margin-right: 3px;
        top: 0 !important;
        display: flex !important;
        justify-content: space-between;
        align-items: center !important;
    }

    .duyuruButton button {
        background: #c31d1db3 !important;
        height: 4rem;
    }

    .vertical-center {
        color: #000;
        font-weight: 800;
        font-size: 11px;
    }

    .vertical-center i {
        color: var(--maincolor);
    }

    .haber-slider .item a {
        height: 265px
    }

    .haber-slider .item a .img img {
        max-height: 190px
    }
}

@media only screen and (min-width: 1200px) {
    .haber-slider .owl-dots .owl-dot {
        padding-left: 4px !important;
        padding-right: 4px !important
    }
}

.haber-slider .owl-dots .owl-dot.active span {
    background-color: var(--maincolor);
    color: #fff
}

.haber-slider .owl-dots .owl-dot span {
    display: flex;
    background-color: #e5e5e5;
    color: #2c2c2c;
    font-size: 16px;
    font-weight: 700;
    padding: 0;
    width: 100%;
    height: 2.5rem;
    align-items: center;
    justify-content: center;
    font-family: 'Bebas Neue'
}

.haber-slider .item a .head .description {
    font-size: 14px;
}

.slick-dots {
    position: relative;
    display: flex;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    border-radius: 10px;
}

.slick-dots {
    height: 45px;
    background-color: var(--maincolor);
    display: flex;
    align-items: center;
    position: relative;
}

.slick-dots li:first-child {
    border-radius: 10px 0 0 10px;
}

.slick-dots li {
    position: relative;
    display: inline-flex;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    cursor: pointer;
    justify-content: center;
    align-items: center;
}

.slick-dots li button {
    font-weight: 700;
    width: 100%;
    height: 100%;
    color: #fff;
}

.haberkutu {
    background: #FFF;
    padding: 2rem;
    border-radius: 15px;
}

.allNews {
    display: flex;
    align-items: center;
}

.home_news__header {
    display: flex;
    justify-content: space-between;
}

.allNews {
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    padding: 0 1rem;
    min-width: fit-content;
}

button.slidebutton {
    min-width: 40px;
    color: #fff;
}

.slick-dots li:hover {
    background-color: var(--maincolor);
}

.d-flex .tumhaberler {
    width: fit-content;
    min-width: fit-content;
}

@media (max-width: 1200px) {
    body {
        width: 100% !important;
    }

    .e-belediyeSection {
        display: flex;
        margin: 0px 8px !important;
        justify-content: space-between;
    }
}

.e-belediyeSection {
    display: flex;
    margin: 0px 5rem !important;
    justify-content: space-between;
}

.scroll-reveal {
    opacity: 0; /* Başlangıçta kutuyu görünmez yap */
    transform: translateY(20px); /* Başlangıçta kutuyu aşağı kaydır */
    transition: opacity 0.5s, transform 0.5s; /* Animasyon süresi ve geçişler */
}

.scroll-reveal.gorunur {
    opacity: 1; /* Kutu görünür hale gelince opaklığı artır */
    transform: translateY(0); /* Kutu yukarı kaydırıldığında görünür olacak şekilde ayarla */
}

.section-title {
    opacity: 0; /* Başlangıçta kutuyu görünmez yap */
    transform: translateY(20px); /* Başlangıçta kutuyu aşağı kaydır */
    transition: opacity 0.5s, transform 0.5s; /* Animasyon süresi ve geçişler */
}

.section-title.gorunur {
    opacity: 1; /* Kutu görünür hale gelince opaklığı artır */
    transform: translateY(0); /* Kutu yukarı kaydırıldığında görünür olacak şekilde ayarla */
}

.mb-60 {
    margin-bottom: 60px;
}

.section-titles {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.haberleropacityTitle {
    position: absolute;
    font-weight: 900;
    font-size: 80px;
    z-index: 0;
    opacity: 0.05;
    top: 20%;
}

.listeditems {
    opacity: 0;
    transform: translateY(-50px);
    transition: opacity 0.5s, transform 0.5s;
}

.listeditems.animate {
    opacity: 1;
    transform: translateY(0);
}

.app_list_item:hover {
    transition: 0.3s ease-in;
    background-color: var(--maincolor) !important;
}

.app_list_item:hover .ebelediyeTitle {
    color: #FFF;
    transition: 0.3s ease-in;
}

.app_list_item:hover .iconBox {
    background: #FFF;
    transition: 0.3s ease-in;
    color: var(--maincolor);
}

.bigBg {
    height: 1400px;
    width: calc(100% - 230px);
    position: absolute;
    top: 100%;
}

.baskangorsel {
    overflow: hidden;
    transition: transform 1s ease-in-out;

}

.onecikanHaberler {
    padding: 0;
    background: #FFF;
    height: 10rem;
    border-radius: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 45%;
}

.stories-section {
    background: #FFF;
    border-radius: 15px;
    padding: 2rem;
    margin-bottom: 1rem;
}

.stories.snapgram .story > .item-link > .item-preview {
    width: 64px !important;
}

.stories.carousel .story > .item-link > .item-preview img {
    height: 60px !important;
    width: 60px !important;
}

.stories.carousel .story {
    width: 4vw !important;
}

.projects-photo {
    position: relative;
    overflow: hidden;
}


.projects-photo:hover::before {
    top: 0;
    opacity: 1; /* Hover durumunda görünür hale getir */
}

.services-seciton .slick-track {
    padding-top: 3rem;
}

#haberler {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 1s ease, transform 1s ease;
}

#haberler.visible {
    opacity: 1;
    transform: translateY(0);
}

.bg2 {
    height: 100%;
    width: calc(100% - 230px);
    position: absolute;
    left: 225px;
    background-size: auto 100% !important;
    margin-top: -85px;
}

.duyuruTabimg {
    width: 9rem;
    border-radius: 10px;
    height: 4rem;
    object-fit: cover;
}

.services-seciton {
    /* opacity: 0; */
    /*    transform: translateY(20px);
        transition: opacity 1s ease, transform 1s ease;*/
}

.single-service-item {
    box-shadow: 0 5px 19px rgb(179 179 179 / 38%);
}

.services-seciton.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}


.duyurularsection {
    /* opacity: 0; */
    /*    transform: translateY(20px);
        transition: opacity 1s ease, transform 1s ease;*/
}

.duyurularsection.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.duyuruButton {
    position: absolute;
    right: 0;
    bottom: 15px;
}

.duyuruButton button {
    background: var(--maincolor);
    padding: 10px;
    color: #FFF;
    border-radius: 10px;
    margin: 8px;
}

.bottom-shape {
    display: none;
}

.eventimage {
    width: 24rem;
    height: 7rem;
    object-fit: cover;
}

.events-style1 {
    position: relative;
    display: block;
    z-index: 1;
}

.onemlilogolar-slider .owl-nav {
    position: absolute;
    display: flex;
    right: 0;
    bottom: 100%;
    margin-bottom: 1rem;
    justify-content: space-between;
}

.onemlilogolar-slider .owl-nav button {
    background: var(--maincolor) !important;
    height: 35px;
    width: 30px;
    border-radius: 10px;
    margin: 10px;
    color: #FFF !important;
}

.onemliLinklerSection {
    flex-direction: column;
    /* padding-top: 4rem; */
    margin-bottom: 4rem;
    margin-top: 3rem;
}

.onemli-link-baslik {
    font-size: 40px;
    font-family: 'Bebas Neue';
    line-height: 54px;
    padding: 20px 20px 0 0;
    color: var(--maincolor);
}

@media (min-width: 320px) {
    #fast-menu {
        margin: auto !important;
    }
}

.fast-menu-item {
    display: flex;
    justify-content: center;
}

.fast-menu-item {
    border-radius: 10px;
    display: flex;
}

.onemliLinkler {
    width: 100%;
    height: 13rem;
}

.onemliLinkler {
    padding: 1rem;
    background: #fff;
    border-radius: 10px;
    border: solid 5px #eee;
}

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

.onemliLinkler:hover {
    transition: 0.4s;
    border: solid 1px var(--maincolor)
}

.fast-menu-image img {
    display: block;
    width: 100%;
    border-bottom: solid 1px #eee;
    margin-bottom: 10px;
    filter: grayscale(100%);
    background: #fff;


    height: 8rem;
    object-fit: cover;
    padding: 12px;
}

.fast-menu-image img:hover {
    transition: 0.3s;
    filter: none;
}

.fast-menu-content {
    font-size: 13px;
    line-height: 15px;
    font-weight: 600;
    color: #000;
    display: flex;
    text-align: center;
    justify-content: center;
}

.events-style1__inner {
    position: relative;
    display: block;
}

.events-style1__single {
    height: 12rem;
    position: relative;
    display: flex;
    align-items: center;
    background: #FFFFFF;
    box-shadow: 0 5px 19px rgb(179 179 179 / 38%);
    border-radius: 15px;
    padding: 1rem;
    margin-bottom: 30px;
}

.events-style1__single-left {
    position: relative;
    display: flex;
    align-items: center;
    margin-right: 10px;
    width: 50%;
}

.events-style1__single-left .img-box {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 15px;
    z-index: 1;
}

.events-style1__single-left .img-box:before {
    position: absolute;
    content: '';
    background-color: #000000a1;
    width: 100%;
    height: 0%;
    left: 0px;
    right: 0px;
    bottom: 0px;
    transition: all 500ms ease;
    z-index: 1;
}

.events-style1__single:hover .events-style1__single-left .img-box:before {
    height: 100%;
    top: 0px;
}

.events-style1__single-left .img-box img {
    transform: scale(1.0);
    transition: all 0.3s ease-in-out 0.1s opacity .2s ease-in;
}

.events-style1__single:hover .events-style1__single-left .img-box img {
    transform: scale(1.1) rotate(1deg);
}

.events-style1__single-left .title {
    width: 100%;
    position: relative;
    display: block;
    margin-left: 15px;
}

.events-style1__single-left .title h2 {
    font-weight: 600;
    font-size: 20px;
    line-height: 20px;
}

.events-style1__single-left .title h2 a {
    line-height: 0;
    font-size: 16px;
    color: #000;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.events-style1__single-left .title h2 a:hover {
    color: var(--maincolor);
}


.events-style1__single__right {
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 20px;
    width: 60%;
    justify-content: space-between;
}

.events-style1__single__right::before {
    position: absolute;
    top: -20px;
    left: 0;
    bottom: -20px;
    width: 1px;
    background: #E5E5E5;
    content: "";
}

.events-style1__single__right .contact-info {
    position: relative;
    display: block;
}

.events-style1__single__right .contact-info li {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

.events-style1__single__right .contact-info li:last-child {
    margin-bottom: 0;
}

.events-style1__single__right .contact-info li .icon {
    position: relative;
    display: block;
}

.events-style1__single__right .contact-info li .icon span::before {
    position: relative;
    display: inline-block;
    color: var(--maincolor);
    font-size: 18px;
    font-weight: 700;
    top: 3px;
}

.events-style1__single__right .contact-info li .text {
    position: relative;
    display: block;
    margin-left: 10px;
}

.icon i {
    font-size: 20px;
    color: var(--maincolor);
}

.events-style1__single__right .contact-info li .text p {
    color: #000;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    width: 100%;
}

.events-style1__single__right-btn {
    position: relative;
    display: block;
    margin-left: 20px;
    line-height: 0;
}

.events-style1__single__right-btn .btn-one {
    color: #000;
    background: #FFFFFF;
    border: 1px solid #E5E5E5;

}

.events-style1__single__right-btn .btn-one::before {
    background: var(--maincolor);
}

.events-style1__single__right-btn .btn-one:hover {
    color: #ffffff;
    box-shadow: 0px 15px 50px rgba(235, 41, 44, 0.3);
}

.events-style1__btn {
    position: relative;
    display: block;
    line-height: 0;
    padding-top: 30px;
}


.events-style1__btn .btn-one {
    box-shadow: 0px 15px 50px #d8251e42;
}

.btn-one {
    width: 8rem;
    position: relative;
    display: flex;
    justify-content: center;
    border-radius: 25px;
    padding: 0 10px;
    line-height: 50px;
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    text-transform: none;
    background: var(--maincolor);
    overflow: hidden;
    transition: all 0.3s ease-in-out 0.1s;
}

.btn-one:hover {
    width: 8rem;
    position: relative;
    display: flex;
    justify-content: center;
    border-radius: 25px;
    padding: 0 10px;
    line-height: 50px;
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    text-transform: none;
    background: var(--kirmizi);
    overflow: hidden;
    transition: all 0.3s ease-in-out 0.1s;
}

.btn-one:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    border-radius: 25px;
    background-color: var(--thm-black);
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transform: scale(0.5, 1);
    transform: scale(0.5, 1);
}

.btn-one:hover::before {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.btn-one .txt {
    position: relative;
    z-index: 1;
}

.btn-one:hover,
.btn-one:focus {
    color: #ffffff;
}

.baskankutusag {
    display: flex;
    align-items: center;
}

.baskanozgecmis:before {
    content: '';
    position: absolute;
    background-color: #0000000d;
    width: 1px;
    height: calc(100% + 20px + 2px);
    left: 100%;
    top: 10%;
    height: 15rem;
}

.baskankutu p {
    padding: 3rem 2rem 1rem 2rem;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    text-align: justify;

}


.baskanbolumubuton {
    justify-content: flex-start !important;
    margin: 1rem 2rem;
" class=" events-style1__btn text-center d-flex justify-content-center;
    padding: 0rem;
}

.team-shape {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
}

.team-shape img {
    height: 200px;
}

.site-title {
    margin-bottom: 5rem;
    margin-top: -1rem;
}

.site-title h2 {
    text-transform: capitalize;
    line-height: 1.2;
    font-size: 3.8rem;
    margin-bottom: 0;
}

.site-title.wh h2 {
    color: #FFF;
}

.site-title h2 span {
    color: var(--theme-color);
    font-weight: 400;
}

.site-title.wh h2 span {
    color: #FFF;
}

.site-title.wh .sub-head {
    color: #FFF;
}

.site-title.wh .hero-p1 {
    color: #FFF;
}

.sub-header h2 {
    text-transform: capitalize;
    font-size: 3.8rem;
    line-height: 1;
    margin-bottom: 10px;
    color: #FFF;
}

.sub-header p {
    color: #FFF;
}

.sub-head::before {
    position: absolute;
    content: '';
    background-image: url(assets/img/heading/sub-heading.png);
    top: 50%;
    left: 0;
    width: 2rem;
    height: 1.5rem;
    transform: translate(0, -50%);
}

.site-title h2 {
    text-transform: capitalize;
    line-height: 1.2;
    font-size: 3.8rem;
    margin-bottom: 0;
}

.team-wrapper .team-box .team-desc {
    margin-top: 2rem;
}

.team-wrapper .team-box .team-desc h4 {
    color: #000;
    font-weight: 800;
    font-family: "Red Hat Display";
    text-transform: capitalize;
    margin-bottom: 7px;
    line-height: 1.1;
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
}

.team-wrapper .team-box:hover .team-desc h4, .team-wrapper .team-box:hover .team-desc span {
    color: #FFF;
}

.team-wrapper .team-box:hover::before {
    opacity: 1;
    visibility: visible;
    height: 100%;
}

.team-wrapper .team-box.team-active .team-desc h4,
.team-wrapper .team-box.team-active .team-desc span {
    color: #FFF;
}

.team-wrapper .team-box.team-active::before {
    height: 100%;
    width: 100%;
    background-image: -moz-linear-gradient(90deg, rgb(14, 140, 209) 0%, rgb(25, 47, 171) 99%);
    background-image: -webkit-linear-gradient(90deg, rgb(14, 140, 209) 0%, rgb(25, 47, 171) 99%);
    background-image: -ms-linear-gradient(90deg, rgb(14, 140, 209) 0%, rgb(25, 47, 171) 99%);
    opacity: 1;
    visibility: visible;
}

.team-wrapper .team-box .team-desc span {
    text-transform: capitalize;
    display: block;
    font-size: 1rem;
	font-weight: 600;
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
    line-height: 1
}

.team-wrapper .team-box .team-social {
    position: absolute;
    right: 2rem;
    top: 43%;
    transform: translate(0, -50%);
}

.team-wrapper .team-box ul.footer-social {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.team-wrapper .team-box ul.footer-social li {
    margin-bottom: 1.5rem;
}

.team-wrapper .team-box ul.footer-social li:last-child {
    margin-bottom: 0;
}

.team-wrapper .team-box ul.footer-social li a {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: rgb(249, 249, 249);
    width: 4rem;
    height: 4rem;
    line-height: 4rem;
    text-align: center;
    display: block;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: .5s ease;
    transition: .5s ease;
}

.team-wrapper .team-box ul.footer-social li a i {
    color: var(--theme-color);
    background: linear-gradient(315deg, #1F90CF 3%, #1f90cf91 38%, #1f5e82 68%, #38819d 98%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.team-wrapper .team-box ul.footer-social li a:hover {
    background: var(--maincolor);
    color: #fff
}

.team-wrapper .team-box ul.footer-social li a:hover i {
    -webkit-text-fill-color: #FFF;
}

.team-wrapper .team-box {
    border-radius: 15px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 2px 90px 0px rgba(0, 0, 0, 0.11);
    padding: 3rem 0rem 2rem 2rem;
    margin-left: 10rem;
    position: relative;
    z-index: 1;
}

.team-wrapper .team-box::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    height: 0%;
    width: 100%;
    z-index: -1;
    border-radius: 15px;
    background: linear-gradient(315deg, #1F90CF 3%, #1f90cf91 38%, #1f5e82 68%, #38819d 98%);
    opacity: 0;
    visibility: hidden;
    transition: .4s cubic-bezier(0, 0, 1, 1);
}

.team-wrapper .team-box .team-pic img {
    transform: translateX(-8rem);
    width: 100%;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}

.baskankutu {
    background: #FFF;
    width: 95%;

    display: flex;
    justify-content: flex-end;
    border-radius: 10px 0 0 10px;
}

.blueBg {
    position: absolute;
    right: 0;
    background-size: contain !important;
    width: 50%;
    height: 100%;
}

.countarup_area {
    position: relative;

    display: flex;
    justify-content: flex-end;
}

.countarup_area .awad {
    text-align: center;
    margin-bottom: 30px;
}

.countarup_area .awad .icons {
    background: #c4e3f8;
    width: 84px;
    line-height: 84px;
    text-align: center;
    border-radius: 50%;
    margin: 0 auto;
    display: block;
    overflow: hidden;
}

.countarup_area .awad h4 {
    display: block;
    font: 400 25px/1 "Roboto", sans-serif;
    color: #454545;
    padding: 20px 0 35px;
}

.countarup_area .awad h2 {
    font: 700 50px/1 "Muli", sans-serif;
    color: #343434;
}

.headlinenews-other {
    gap: 15px;
    display: flex;
    flex-wrap: wrap;
    padding: 0 1rem;
    justify-content: space-between;
}

.card-v1 a:hover .card-v1-body::after {
    opacity: .85;
    visibility: visible;
}

.card-v1-body::after {
    background-color: rgba(254, 126, 0, 0.7);
    opacity: 0;
    visibility: hidden;
}

.card-v1-body::before, .card-v1-body::after {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    will-change: opacity;
}

.card-v1-body > .icon {
    position: absolute;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    right: 15px;
    bottom: 15px;
    font-size: 18px;
    width: 40px;
    height: 40px;
    border-radius: 99px;
    border: 1px solid #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    will-change: opacity, transform;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.icon {
    font-size: 18px;
    color: currentColor;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    line-height: 1;
}

.headlinenews-other .owl-news .owl-item .item {
    margin-top: 30px;
    margin-bottom: 30px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

*, *::before, *::after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

.card-v1 a {
    display: block;
    position: relative;
    border-radius: 11px;
    padding: 11px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 20px rgba(94, 120, 143, 0.15);
    box-shadow: 0 0 20px rgba(94, 120, 143, 0.15);
}

.card-v1-item {
    border-radius: 11px;
    overflow: hidden;
    position: relative;
}

.card-v1-cover {
    height: 195px;
    width: 22rem;
    overflow: hidden;
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
}

.card-v1-cover img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.card-v1-body {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 20px;
    color: #fff;
}

.card-v1-body::before {
    /* background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#023844)); */
    background-image: -o-linear-gradient(transparent, #023844);
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.40379901960784315) 21%, rgba(0, 0, 0, 0) 100%);
    opacity: .8;
}

.card-v1-body::before, .card-v1-body::after {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    will-change: opacity;
}

@media (min-width: 1200px) {
    .card-v1-body .title {
        padding-right: 40px;
    }

    .card-v1-body .title {
        color: #fff;
        font-size: 14px;
        font-weight: 900;
        line-height: 1.4;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        max-height: auto;
    }

    .card-v1-body .date {
        font-size: 12px;
        margin-top: 7px;
    }

    .card-v1-body .date .icon {
        font-size: 12px;
    }

    .icon {
        font-size: 18px;
        color: currentColor;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        line-height: 1;
    }

    .card-v1-body > .icon {
        position: absolute;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        right: 15px;
        bottom: 15px;
        font-size: 18px;
        width: 40px;
        height: 40px;
        border-radius: 99px;
        border: 1px solid #fff;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
        transform: scale(0.5);
        will-change: opacity, transform;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
    }

    .icon {
        font-size: 18px;
        color: currentColor;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        line-height: 1;
    }

    .card-v1-body::after {
        background-color: rgb(0 0 0 / 70%);
        opacity: 0;
        visibility: hidden;
    }

    .card-v1-body::before, .card-v1-body::after {
        content: "";
        position: absolute;
        z-index: -1;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        -webkit-transition: .4s;
        -o-transition: .4s;
        transition: .4s;
        will-change: opacity;
    }
}

.dropicon {
    background: #eeee;
    margin: 5px;
    color: var(--maincolor);
    border-radius: 5px;
    padding: 5px;
}

.headerSol {
    left: 8rem;
    background: #ffffff2e;
    display: flex;
    padding: 20px;
}


.transparentButons {
    background: transparent;
    border: 1px solid;
}

.drop-down i {
    font-size: 24px;
    margin-right: 1rem;
    color: var(--maincolor);
}

.header-social-area {
    position: relative;
    padding-right: 20px;
    padding-left: 9%;
    justify-content: center;
}

.header-social-area:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 20px;
    width: 1px;
    background-color: var(--white)
}

@media (max-width: 1199px) {
    .header-social-area:after {
        content: unset
    }
}

.header-social-area ul.header-social {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    gap: 25px
}

.header-social-area ul.header-social li a i {
    font-size: 18px;
    font-weight: 500;
    color: Var(--white);
    transition: all .35s ease
}

.header-social-area ul.header-social li a i:hover {
    color: var(--primary-color1)
}

.header-social-area.sibling-2 ul.header-social {
    gap: 20px
}

.header-social-area.sibling-2 ul.header-social li a i {
    font-size: 18px;
    font-weight: 500;
    color: Var(--text-primary);
    transition: all .35s ease
}

.header-social-area.sibling-2 ul.header-social li a i:hover {
    color: var(--primary-color2)
}

.mobile-menu-btn, .sidebar-btn {
    cursor: pointer
}

.mobile-menu-btn i, .sidebar-btn i {
    font-size: 25px;
    color: var(--white);
    font-weight: 600
}

header.style-2 {
    background-color: var(--white);
    width: 100%;
    position: relative;
    z-index: 99;
    padding: 0 5%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 3px 3px 30px rgba(32, 35, 56, .06)
}

header.style-3 {
    width: calc(100% - 230px);
    margin-left: auto;
    margin-top: 2rem;
    position: absolute;
    z-index: 2;

}


.main-nav-wrapper {
    transition: all .3s ease-in
}

.main-nav-wrapper .mobile-logo-area {
    padding: 0 25px
}

.main-nav-wrapper .main-nav {
    z-index: 99999 !important;
    position: fixed;
    top: 0;
    left: 0;
    width: 230px;
    padding: 20px 0 !important;
    height: 100%;
    background: var(--white);
    transform: translateX(0);
    box-shadow: 4px 3px 20px rgba(16, 33, 34, .06);
    transition: all .3s ease-in;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.main-nav-wrapper .main-nav::-webkit-scrollbar {
    width: 5px
}

.main-nav-wrapper .main-nav::-webkit-scrollbar-track {
    background: #f1f1f1
}

.main-nav-wrapper .main-nav::-webkit-scrollbar-thumb {
    background: #999
}

.main-nav-wrapper .main-nav::-webkit-scrollbar-thumb:hover {
    background: var(--border-color)
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .main-nav-wrapper .main-nav {
        width: 220px
    }
}

@media (max-width: 1199px) {
    .main-nav-wrapper .main-nav {
        transform: translateX(-100%);
        width: 260px
    }
}

.main-nav-wrapper .main-nav .menu-close-btn {
    position: absolute;
    right: 30px;
    top: 30px;
    opacity: 0
}

@media (max-width: 1199px) {
    .main-nav-wrapper .main-nav .menu-close-btn {
        opacity: 1
    }
}

.main-nav-wrapper .main-nav > ul {
    float: none;
    text-align: left;
    padding: 50px 0
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .main-nav-wrapper .main-nav > ul {
        padding: 45px 0
    }
}

@media (max-width: 1200px) {
    .main-nav-wrapper .main-nav > ul {
        padding: 45px 10px;
    }
}

.main-nav-wrapper .main-nav > ul li {
    display: block;
    position: relative;
    display: flex;
    padding: 4px 5px;
    transition: all .55s ease;
    border: 1px solid #eee;
    margin: 15px 4px;
    align-items: center;
    justify-content: space-between;
}


.main-nav-wrapper .main-nav > ul li > .fas {
    padding-right: 9px;
    font-weight: 700;
    cursor: pointer
}

.main-nav-wrapper .main-nav > ul li a {
    padding: 10px 20px;
    display: inline-block;
    font-size: 14px;
    font-weight: 800;

    font-family: 'Red Hat Display', sans-serif;
    transition: all .4s ease;
}

.main-nav-wrapper .main-nav > ul li a:hover {
    color: var(--maincolor);
    transition: 0.4s;
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .main-nav-wrapper .main-nav > ul li a {
        padding: 0px 0px;
        font-size: 14px;
        font-weight: 800;
        color: var(--text-primary);
    }
}

.main-nav-wrapper .main-nav > ul li a img {
    margin-right: 8px
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .main-nav-wrapper .main-nav > ul li a img {
        margin-right: 5px
    }
}


.subli {
    height: 6rem;
    width: 30%;
    display: flex !important;
    align-items: center;
    background: #FFF;
    border-radius: 10px;
}

.main-nav-wrapper .main-nav > ul li ul.sub-menu li a {
    font-size: 14px;
    padding: 0;
    display: flex;
    align-items: center;
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .main-nav-wrapper .main-nav > ul li ul.sub-menu li a {
        font-size: 16px
    }
}

.main-nav-wrapper .main-nav > ul li .bi {
    top: 12px;
    font-size: 16px
}

.main-nav-wrapper .main-nav.show-menu {
    transform: translateX(0);
    opacity: 1
}

.main-nav-wrapper .uesr-aera {
    width: 70px;
    height: 70px;
    line-height: 72px;
    text-align: center;
    border-radius: 50%;
    background: var(--primary-color2);
    display: inline-block;
    margin-left: auto;
    margin-right: auto
}

.main-nav-wrapper .uesr-aera .bi {
    font-size: 35px;
    color: var(--text-primary)
}

.main-nav-wrapper .mobile-menu {
    position: relative;
    top: 2px;
    padding: 0 5px;
    border-radius: 50%;
    display: inline-block
}

.kayanDuyurular {
    display: flex;

}

.kayanDuyurular .number {
    margin-right: 1rem;
}

.kayanDuyurular .number a {
    font-size: 14px;
    color: #FFF;
}

@media (max-width: 1440px) {
    .sidebarlogo {
        max-width: 7rem !important;
    }

    /* .main-nav-wrapper .main-nav > ul {
        margin-top: 8rem;
        padding: 45px 0px 0px 10px;
    } */
    .main-nav-wrapper .main-nav > ul li ul.sub-menu li a {
        font-size: 14px;
    }

}

.baskanarkasi {
    position: absolute;

    height: 50%;
    right: 0;
    bottom: 0;
    z-index: 99;
    width: calc(100% - 230px);
}


/*
OVERLAY SEARCHBAR*/

.searchbarinput {
    padding-left: 2rem;
}

.js-tabs {
    position: absolute;
    left: 15%;
    bottom: 5%;
}


:root {
    --text-4: 4px;
    --text-7: 7px;
    --text-10: 10px;
    --text-12: 12px;
    --text-13: 13px;
    --text-14: 14px;
    --text-15: 15px;
    --text-16: 16px;
    --text-18: 18px;
    --text-20: 20px;
    --text-22: 22px;
    --text-24: 24px;
    --text-25: 25px;
    --text-26: 26px;
    --text-30: 30px;
    --text-40: 40px;
    --text-50: 50px;
    --text-60: 60px;
    --text-80: 80px;
}

:root {
    --color-white: #FFFFFF;
    --color-black: #000000;
    --color-border: #DDDDDD;
    --color-dark-1: #051036;
    --color-dark-2: #0D2857;
    --color-dark-3: #13357B;
    --color-dark-4: #163C8C;
    --color-light-1: #000;
    --color-light-2: #F5F5F5;
    --color-light-3: #FBFCFF;
    --color-blue-1: #3554D1;
    --color-blue-2: #E5F0FD;
    --color-green-1: #EBFCEA;
    --color-green-2: #008009;
    --color-yellow-1: #F8D448;
    --color-yellow-2: #E1C03F;
    --color-yellow-3: #FFC700;
    --color-yellow-4: #FFF8DD;
    --color-brown-1: #923E01;
    --color-purple-1: #7E53F9;
    --color-red-1: #D93025;
    --color-red-2: #F1416C;
    --color-red-3: #FFF5F8;
    --color-info-1: #CDE9F6;
    --color-info-2: #4780AA;
    --color-warning-1: #F7F3D7;
    --color-warning-2: #927238;
    --color-error-1: #ECC8C5;
    --color-error-2: #AB3331;
    --color-success-1: #DEF2D7;
    --color-success-2: #5B7052;
}

[data-anim-wrap] {
    pointer-events: none;
}


@-webkit-keyframes reveal {
    100% {
        opacity: 1;
    }
}

@keyframes reveal {
    100% {
        opacity: 1;
    }
}

[data-anim^='slide-'],
[data-anim-child^='slide-'] {
    opacity: 0;
    transition-property: opacity, transform;
    pointer-events: none;
    transition-duration: 1s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}


[data-anim^='slide-up'],
[data-anim-child^='slide-up'] {
    transform: translate3d(0, 40px, 0);
}

[data-anim^='slide-down'],
[data-anim-child^='slide-down'] {
    transform: translate3d(0, -40px, 0);
}

[data-anim^='slide-right'],
[data-anim-child^='slide-right'] {
    transform: translate3d(-40px, 0, 0);
}

[data-anim^='slide-left'],
[data-anim-child^='slide-left'] {
    transform: translate3d(40px, 0, 0);
}

[data-anim^='fade'],
[data-anim-child^='fade'] {
    opacity: 0;
    transition-property: opacity;
    pointer-events: none;
    transition-duration: 0.8s;
    transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}


[data-anim*="delay-1"],
[data-anim-child*="delay-1"] {
    transition-delay: 0.1s;
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

[data-anim*="delay-1"]::after,
[data-anim-child*="delay-1"]::after {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

[data-anim*="delay-1"] > *,
[data-anim-child*="delay-1"] > * {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

[data-anim*="delay-2"],
[data-anim-child*="delay-2"] {
    transition-delay: 0.2s;
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

[data-anim*="delay-2"]::after,
[data-anim-child*="delay-2"]::after {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

[data-anim*="delay-2"] > *,
[data-anim-child*="delay-2"] > * {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

[data-anim*="delay-3"],
[data-anim-child*="delay-3"] {
    transition-delay: 0.3s;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

[data-anim*="delay-3"]::after,
[data-anim-child*="delay-3"]::after {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

[data-anim*="delay-3"] > *,
[data-anim-child*="delay-3"] > * {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

[data-anim*="delay-4"],
[data-anim-child*="delay-4"] {
    transition-delay: 0.4s;
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

[data-anim*="delay-4"]::after,
[data-anim-child*="delay-4"]::after {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

[data-anim*="delay-4"] > *,
[data-anim-child*="delay-4"] > * {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

[data-anim*="delay-5"],
[data-anim-child*="delay-5"] {
    transition-delay: 0.5s;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

[data-anim*="delay-5"]::after,
[data-anim-child*="delay-5"]::after {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

[data-anim*="delay-5"] > *,
[data-anim-child*="delay-5"] > * {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

[data-anim*="delay-6"],
[data-anim-child*="delay-6"] {
    transition-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

[data-anim*="delay-6"]::after,
[data-anim-child*="delay-6"]::after {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

[data-anim*="delay-6"] > *,
[data-anim-child*="delay-6"] > * {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

[data-anim*="delay-7"],
[data-anim-child*="delay-7"] {
    transition-delay: 0.7s;
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
}

[data-anim*="delay-7"]::after,
[data-anim-child*="delay-7"]::after {
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
}

[data-anim*="delay-7"] > *,
[data-anim-child*="delay-7"] > * {
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
}

[data-anim*="delay-8"],
[data-anim-child*="delay-8"] {
    transition-delay: 0.8s;
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}

[data-anim*="delay-8"]::after,
[data-anim-child*="delay-8"]::after {
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}

[data-anim*="delay-8"] > *,
[data-anim-child*="delay-8"] > * {
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}

[data-anim*="delay-9"],
[data-anim-child*="delay-9"] {
    transition-delay: 0.9s;
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
}

[data-anim*="delay-9"]::after,
[data-anim-child*="delay-9"]::after {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
}

[data-anim*="delay-9"] > *,
[data-anim-child*="delay-9"] > * {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
}

[data-anim*="delay-10"],
[data-anim-child*="delay-10"] {
    transition-delay: 1s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

[data-anim*="delay-10"]::after,
[data-anim-child*="delay-10"]::after {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

[data-anim*="delay-10"] > *,
[data-anim-child*="delay-10"] > * {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

[data-anim*="delay-11"],
[data-anim-child*="delay-11"] {
    transition-delay: 1.1s;
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
}

[data-anim*="delay-11"]::after,
[data-anim-child*="delay-11"]::after {
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
}

[data-anim*="delay-11"] > *,
[data-anim-child*="delay-11"] > * {
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
}

[data-anim*="delay-12"],
[data-anim-child*="delay-12"] {
    transition-delay: 1.2s;
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
}

[data-anim*="delay-12"]::after,
[data-anim-child*="delay-12"]::after {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
}

[data-anim*="delay-12"] > *,
[data-anim-child*="delay-12"] > * {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
}

[data-anim*="delay-13"],
[data-anim-child*="delay-13"] {
    transition-delay: 1.3s;
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;
}

[data-anim*="delay-13"]::after,
[data-anim-child*="delay-13"]::after {
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;
}

[data-anim*="delay-13"] > *,
[data-anim-child*="delay-13"] > * {
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;
}

[data-anim*="delay-14"],
[data-anim-child*="delay-14"] {
    transition-delay: 1.4s;
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s;
}

[data-anim*="delay-14"]::after,
[data-anim-child*="delay-14"]::after {
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s;
}

[data-anim*="delay-14"] > *,
[data-anim-child*="delay-14"] > * {
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s;
}

[data-anim*="delay-15"],
[data-anim-child*="delay-15"] {
    transition-delay: 1.5s;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}

[data-anim*="delay-15"]::after,
[data-anim-child*="delay-15"]::after {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}

[data-anim*="delay-15"] > *,
[data-anim-child*="delay-15"] > * {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}

[data-anim*="delay-16"],
[data-anim-child*="delay-16"] {
    transition-delay: 1.6s;
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s;
}

[data-anim*="delay-16"]::after,
[data-anim-child*="delay-16"]::after {
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s;
}

[data-anim*="delay-16"] > *,
[data-anim-child*="delay-16"] > * {
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s;
}

[data-anim*="delay-17"],
[data-anim-child*="delay-17"] {
    transition-delay: 1.7s;
    -webkit-animation-delay: 1.7s;
    animation-delay: 1.7s;
}

[data-anim*="delay-17"]::after,
[data-anim-child*="delay-17"]::after {
    -webkit-animation-delay: 1.7s;
    animation-delay: 1.7s;
}

[data-anim*="delay-17"] > *,
[data-anim-child*="delay-17"] > * {
    -webkit-animation-delay: 1.7s;
    animation-delay: 1.7s;
}

[data-anim*="delay-18"],
[data-anim-child*="delay-18"] {
    transition-delay: 1.8s;
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s;
}

[data-anim*="delay-18"]::after,
[data-anim-child*="delay-18"]::after {
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s;
}

[data-anim*="delay-18"] > *,
[data-anim-child*="delay-18"] > * {
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s;
}

[data-anim*="delay-19"],
[data-anim-child*="delay-19"] {
    transition-delay: 1.9s;
    -webkit-animation-delay: 1.9s;
    animation-delay: 1.9s;
}

[data-anim*="delay-19"]::after,
[data-anim-child*="delay-19"]::after {
    -webkit-animation-delay: 1.9s;
    animation-delay: 1.9s;
}

[data-anim*="delay-19"] > *,
[data-anim-child*="delay-19"] > * {
    -webkit-animation-delay: 1.9s;
    animation-delay: 1.9s;
}

[data-anim*="delay-20"],
[data-anim-child*="delay-20"] {
    transition-delay: 2s;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

[data-anim*="delay-20"]::after,
[data-anim-child*="delay-20"]::after {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

[data-anim*="delay-20"] > *,
[data-anim-child*="delay-20"] > * {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}


select,
input:not([type="range"]),
textarea {
    border: 0;
    outline: none;
    width: 65%;
    background-color: #fff;
    padding: 20px;
    border-radius: 0px 0px 20px 20px;
}

.search-content {
    position: relative;
}

.search-list {
    background-color: white;
    position: absolute;
    bottom: 100%;
    width: 100%;
    max-height: 500px;
    overflow-y: auto;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    border-radius: 20px 20px 0px 0px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.search-result-item {
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 25px;
}

.search-list-ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}


@media (max-width: 600px) {
    .search-list {
        max-height: 200px;
    }
}

/*.search-list ul{*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    background: #fff;*/
/*    gap: 25px;*/
/*    padding: 25px;*/
/*}*/

main {
    overflow: hidden;
}

img {
    max-width: 100%;
    height: auto;
}

a {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    transition: color 0.2s ease-in-out;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

ul, li {
    list-style: none;
    margin: 0;
    padding: 0;
}

p {
    margin: 0;
    font-size: 16px;
    color: var(--color-light-1);
}

.mainSearch button {
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    background-color: transparent;
    text-decoration: none;
}

button:focus {
    outline: 0;
}

.mainSearch .button {
    width: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    text-align: center;
    line-height: 1;
    font-weight: 800;
    font-size: 13px;
    line-height: 1.2;
    border-radius: 4px;
    border: 1px solid transparent;
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}


.contact-form select,
.contact-form input:not([type="range"]),
.contact-form textarea {
    border-radius: 4px;
    padding: 17px 20px;
    font-size: 15px;
    letter-spacing: 0.02em;
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.contact-form select:focus,
.contact-form input:not([type="range"]):focus,
.contact-form textarea:focus {
    outline: none;
}

.contact-form ::-moz-placeholder {
    font-weight: 400;
}

.contact-form :-ms-input-placeholder {
    font-weight: 400;
}

.contact-form ::placeholder {
    font-weight: 400;
}

input.text-white::-moz-placeholder {
    color: white;
}

input.text-white:-ms-input-placeholder {
    color: white;
}

input.text-white::placeholder {
    color: white;
}


.form-checkbox label {
    margin: 0;
    margin-left: 9px;
    font-size: 14px;
}


.form-checkbox input {
    cursor: pointer;
    z-index: 5;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
}

.form-radio .radio input {
    cursor: pointer;
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
}


.form-switch .switch input {
    z-index: 5;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}


.single-field input {
    border-radius: 4px;
    padding: 17px 20px;
    font-size: 15px;
    letter-spacing: 0.02em;
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.single-field.-w-410 input {
    width: 410px;
}

@media (max-width: 991px) {
    .single-field.-w-410 input {
        width: 100%;
    }
}


.text-20 {
    font-size: var(--text-20) !important;
}


.masthead.-type-2 .mainSearch {
    position: absolute;
    bottom: 30px;
}

@media (max-width: 1199px) {
    .masthead.-type-2 .mainSearch {
        position: relative;
        bottom: 0;
        width: 100%;
    }
}


.masthead.-type-2 .masthead__bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}


.masthead.-type-2 .masthead__images img {
    border-radius: 4px;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.masthead.-type-2 .masthead__images > *:nth-child(1) {
    grid-row: span 2;
}


.masthead.-type-3 .masthead__bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.masthead.-type-3 .masthead__tabs .tabs__controls {
    bottom: -5px;
}

.masthead.-type-3 .masthead__tabs .tabs__button {
    height: 64px;
}

.masthead.-type-4 .masthead-slider img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}


.masthead.-type-4 .mainSearch {
    margin-top: 90px;
}

@media (max-width: 1200px) {
    .masthead.-type-4 .mainSearch {
        margin-top: 40px;
    }
}


.masthead.-type-5 .masthead__bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}


.masthead.-type-5 .masthead__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}


.masthead.-type-5 .-line img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.masthead.-type-6 .masthead__bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}


.masthead.-type-7 .masthead__bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}


.masthead.-type-7 .mainSearch {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -50px;
    z-index: 1;
}

@media (max-width: 991px) {
    .masthead.-type-7 .mainSearch {
        bottom: 0;
        width: 480px;
        max-width: calc(100% - 40px);
    }
}


.masthead.-type-8 .mainSearch {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -50px;
    z-index: 2;
}

@media (max-width: 991px) {
    .masthead.-type-8 .mainSearch {
        position: relative;
        top: unset;
        left: unset;
        transform: none;
        max-width: 600px;
    }
}


.masthead.-type-9 .masthead__bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}


.masthead.-type-9 .masthead__scroll .-icon > *:nth-child(1) {
    width: 28px;
    height: 40px;
    border: 2px solid white;
    border-radius: 200px;
}

.masthead.-type-9 .masthead__scroll .-icon > *:nth-child(2) {
    position: absolute;
    top: 8px;
    left: 10px;
    width: 8px;
    height: 8px;
    border: 2px solid white;
    border-radius: 100%;
    transition: all 0.5s ease;
}

.masthead.-type-9 .masthead__scroll:hover .-icon > *:nth-child(2) {
    transform: translateY(16px);
}


.citiesCard.-type-1 .citiesCard__image img {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
}


.citiesCard.-type-2 .citiesCard__image img {
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}


.citiesCard.-type-2:hover .citiesCard__image img {
    transform: scale(1.15);
}


@media (max-width: 1200px) {

    .onemliLinklerSection .section-titles {
        margin-right: 11rem;
    }

    .citiesCard.-type-3 > * {
        position: absolute;
        top: 0;
        left: 0;
    }
}


.citiesCard.-type-3 .citiesCard__image img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: inherit;
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}


.citiesCard.-type-3:hover .citiesCard__image img {
    transform: scale(1.1);
}


.citiesCard.-type-4 .citiesCard__image img {
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.citiesCard.-type-4:hover .citiesCard__image img {
    transform: scale(1.1);
}


.citiesCard.-type-5:hover * {
    color: white !important;
}


.ctaCard.-type-1 .ctaCard__image img {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
}


.tabs__content {
    position: relative;
}

.tabs__pane {
    position: absolute;
    top: 0;
    visibility: hidden;
    transition: none;
    opacity: 0;
}

.tabs__pane.is-tab-el-active {
    transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
    position: relative;
    opacity: 1;
    visibility: visible;
}

.tabs.-pills .tabs__controls .tabs__button {
    transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.tabs.-pills .tabs__controls .tabs__button:hover {
    color: var(--maincolor);
}

.tabs.-pills .tabs__controls .tabs__button.is-tab-el-active {
    color: var(--maincolor);
    background-color: rgba(53, 84, 209, 0.05);
}

.tabs.-pills-2 .tabs__controls .tabs__button {
    transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.tabs.-pills-2 .tabs__controls .tabs__button:hover {
    color: var(--maincolor);
}

.tabs.-pills-2 .tabs__controls .tabs__button.is-tab-el-active {
    color: var(--color-white) !important;
    background-color: var(--maincolor);
}

.tabs.-pills-3 .tabs__controls .tabs__button {
    transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.tabs.-pills-3 .tabs__controls .tabs__button:hover {
    color: var(--color-dark-3) !important;
}

.tabs.-pills-3 .tabs__controls .tabs__button.is-tab-el-active {
    color: var(--color-white) !important;
    background-color: var(--color-dark-3) !important;
}

.tabs__controls {
    position: relative;
    overflow: auto;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
    white-space: nowrap;
}

.tabs__controls > div {
    scroll-snap-align: center;
}

.tabs.-bookmark .tabs__controls {
    position: relative;
    overflow: auto;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
}

.tabs.-bookmark .tabs__controls > div {
    scroll-snap-align: center;
}

.tabs.-bookmark .tabs__button {
    display: flex;
    justify-content: center;
    font-weight: 600;
    align-items: center;
    line-height: 1.3;
    transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.tabs.-bookmark .tabs__button:hover {
    color: var(--maincolor) !important;
}

.tabs.-bookmark .tabs__button.is-tab-el-active {
    color: var(--color-dark-1) !important;
    background-color: #f1f1f1;
    border-radius: 1rem 1rem 0 0;
}

.tabs.-bookmark-2 .tabs__controls {
    position: relative;
    overflow: auto;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
}

.tabs.-bookmark-2 .tabs__controls > div {
    scroll-snap-align: center;
}

.tabs.-bookmark-2 .tabs__button {
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.3;
    transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.tabs.-bookmark-2 .tabs__button:hover {
    color: var(--maincolor);
}

.tabs.-bookmark-2 .tabs__button.is-tab-el-active {
    color: white !important;
    background-color: rgba(255, 255, 255, 0.1);
}

.tabs.-underline .tabs__controls .tabs__button {
    position: relative;
    transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.tabs.-underline .tabs__controls .tabs__button::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: white;
    transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    opacity: 0;
}

.tabs.-underline .tabs__controls .tabs__button:hover {
    color: var(--maincolor);
}

.tabs.-underline .tabs__controls .tabs__button.is-tab-el-active::after {
    opacity: 1;
}

.tabs.-underline-2 .tabs__controls .tabs__button {
    position: relative;
    transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.tabs.-underline-2 .tabs__controls .tabs__button::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: var(--maincolor);
    transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    opacity: 0;
}

.tabs.-underline-2 .tabs__controls .tabs__button:hover {
    color: var(--maincolor);
}

.tabs.-underline-2 .tabs__controls .tabs__button.is-tab-el-active {
    color: var(--maincolor);
}

.tabs.-underline-2 .tabs__controls .tabs__button.is-tab-el-active::after {
    opacity: 1;
}


.accordion__item.is-active .accordion__icon > *:nth-child(1) {
    transform: rotate(90deg);
    opacity: 0;
}

.accordion__item.is-active .accordion__icon > *:nth-child(2) {
    transform: none;
    opacity: 1;
}


.accordion.-simple .accordion__button button {
    color: var(--text-dark-1);
}


.accordion.-simple .accordion__icon > *:nth-child(1) {
    position: absolute;
    transition: all 0.2s ease-out;
}

.accordion.-simple .accordion__icon > *:nth-child(2) {
    position: relative;
    transform: rotate(-90deg);
    opacity: 0;
    transition: all 0.2s ease-out;
}


.accordion.-simple .accordion__item.is-active .accordion__icon > *:nth-child(1) {
    transform: rotate(90deg);
    opacity: 0;
}

.accordion.-simple .accordion__item.is-active .accordion__icon > *:nth-child(2) {
    transform: none;
    opacity: 1;
}


.accordion.-map .accordion__item.is-active .accordion__icon > * {
    transform: none !important;
    opacity: 1 !important;
}


.accordion.-db-sidebar .accordion__button button {
    color: var(--text-dark-1);
}


.accordion.-db-sidebar .accordion__icon > *:nth-child(1) {
    position: absolute;
    transition: all 0.2s ease-out;
}

.accordion.-db-sidebar .accordion__icon > *:nth-child(2) {
    position: relative;
    transform: rotate(-90deg);
    opacity: 0;
    transition: all 0.2s ease-out;
}


.accordion.-db-sidebar .accordion__item.is-active .accordion__icon > *:nth-child(1) {
    transform: rotate(90deg);
    opacity: 0;
}

.accordion.-db-sidebar .accordion__item.is-active .accordion__icon > *:nth-child(2) {
    transform: none;
    opacity: 1;
}


.cardImage__content > img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: inherit;
}

.cardImage .cardImage-slider__pagination > * + * {
    margin-left: 7px;
}

.footer.-dashboard .footer__row {
    padding: 15px 0;
}


@media (max-width: 991px) {
    .mainSearch {
        width: 100%;
        border-radius: 4px !important;
    }
}


.mainSearch .button-grid > * + * {
    border-left: 1px solid var(--color-border);
}

@media (max-width: 991px) {

    .mainSearch .button-grid > * + * {
        border-left: 0;
        border-top: 1px solid var(--color-border);
    }
}

.mainSearch .button-item {
    border: none !important;
}

@media (max-width: 991px) {
    .mainSearch__submit {
        border-radius: 4px !important;
    }
}

@media (max-width: 991px) {

    .mainSearch.-col-5 .button-grid > * + * {
        border-left: 0;
        border-top: 1px solid var(--color-border);
    }
}


.mainSearch {
    padding: 0.5rem;
    width: 920px;
    position: relative;
    z-index: 20;
    border-radius: 0 1rem 1rem 1rem;
}

.testimonials.-type-2 .testimonials__image > img:nth-child(2) {
    position: absolute;
    z-index: 1;
    width: 96px;
    height: 96px;
    -o-object-fit: cover;
    object-fit: cover;
}

.pagination.-dots > * {
    margin: 0 5px;
}


.pagination.-buttons > * + * {
    margin-left: 40px;
}


.pagination.-buttons .pagination__count > * {
    position: relative;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    color: var(--color-dark-1);
}

.pagination.-buttons .pagination__count > * + * {
    margin-left: 30px;
}

.pagination.-buttons .pagination__count a::after {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 50%;
    width: 16px;
    height: 2px;
    transform: translateX(-50%);
    background-color: var(--color-purple-1);
    transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
    opacity: 0;
}


:root {
    --dashboard-width: 300px;
}

@media (max-width: 1199px) {
    :root {
        --dashboard-width: 250px;
    }
}


.toggle-element.-dropdown-2 a {
    padding: 10px;
}

.toggle-element.-dropdown-2 a:hover {
    background-color: var(--color-light-2);
    color: var(--color-dark-1);
}

.blogCard.-type-1 .blogCard__image img {
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.blogCard.-type-1:hover .blogCard__image img {
    transform: scale(1.1);
}


.blogCard.-type-2 .blogCard__image img {
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.blogCard.-type-2:hover .blogCard__image img {
    transform: scale(1.15);
}


.blogCard.-type-3 .blogCard__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}


.blogCard.-type-3:hover .blogCard__image img {
    transform: scale(1.1);
}

[data-slider] > div > [data-sign] {
    background-color: unset;
    width: unset;
    height: unset;
    border-radius: unset;
    display: inline-block;
    text-align: unset;
    margin-top: 22px;
    color: black;
}

[data-slider] > div > [data-sign]:last-child {
    float: right;
}

[data-slider] > div > [data-sign] span::before {
    content: 'Min Price: $';
    display: inline-block;
}

[data-slider] > div > [data-sign]:last-child span::before {
    content: 'Max Price: $';
    display: inline-block;
}

[data-slider] > div > [data-sign] > span {
    font-size: 14px;
    line-height: 16px;
}

[data-slider] {
    position: relative;
    border-radius: 10px;
    text-align: left;
}

[data-slider] > div {
    width: 100%;
}

[data-slider] > div > [data-inverse-left] {
    position: absolute;
    left: 0;
    height: 5px;
    border-radius: 10px;
    background-color: var(--color-blue-2);
}

[data-slider] > div > [data-inverse-right] {
    position: absolute;
    right: 0;
    height: 5px;
    border-radius: 10px;
    background-color: var(--color-blue-2);
}

[data-slider] > div > [data-range] {
    position: absolute;
    left: 0;
    height: 5px;
    border-radius: 14px;
    background-color: var(--maincolor);
}

[data-slider] > div > [data-thumb] {
    position: absolute;
    top: -7px;
    z-index: 2;
    height: 17px;
    width: 17px;
    text-align: left;
    margin-left: -11px;
    cursor: pointer;
    background-color: #FFF;
    border-radius: 50%;
    outline: none;
    border: 2px solid var(--maincolor);
}

div[data-slider] > input[type=range]::-ms-thumb {
    pointer-events: all;
    width: 17px;
    height: 17px;
    border-radius: 0px;
    border: 0 none;
    background: red;
}

div[data-slider] > input[type=range]::-moz-range-thumb {
    pointer-events: all;
    width: 17px;
    height: 17px;
    border-radius: 0px;
    border: 0 none;
    background: red;
}

div[data-slider] > input[type=range]::-webkit-slider-thumb {
    pointer-events: all;
    width: 17px;
    height: 17px;
    border-radius: 0px;
    border: 0 none;
    background: red;
    -webkit-appearance: none;
}

div[data-slider] > input[type=range]::-ms-fill-lower {
    background: transparent;
    border: 0 none;
}

div[data-slider] > input[type=range]::-ms-fill-upper {
    background: transparent;
    border: 0 none;
}

[data-slider] > input[type=range] {
    position: absolute;
    pointer-events: none;
    -webkit-appearance: none;
    z-index: 3;
    height: 5px;
    top: -2px;
    width: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

div[data-slider] > input[type=range]::-ms-track {
    -webkit-appearance: none;
    background: transparent;
    color: transparent;
}

div[data-slider] > input[type=range]::-moz-range-track {
    -moz-appearance: none;
    background: transparent;
    color: transparent;
}

div[data-slider] > input[type=range]:focus::-webkit-slider-runnable-track {
    background: transparent;
    border: transparent;
}

div[data-slider] > input[type=range]:focus {
    outline: none;
}

div[data-slider] > input[type=range]::-ms-tooltip {
    display: none;
}

[data-slider] > div > [data-sign] {
    display: inline-block;
    text-align: center;
    padding: 4px 16px;
    border-radius: 8px;
    margin-top: 22px;
}

[data-slider] > div > [data-sign] > span {
    font-size: 12px;
    line-height: 28px;
}

[data-slider]:hover > div > [data-sign] {
    opacity: 1;
}


.mapFilter-map img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}


.hotelsCard.-type-1 .hotelsCard__title span {
    background-image: linear-gradient(transparent 24px, black 20px);
    background-size: 0;
    background-repeat: no-repeat;
    transition: background-size 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
}


.hotelsCard.-type-1:hover .hotelsCard__title span {
    background-size: 100% !important;
}


.tourCard.-type-1 .tourCard__title span {
    background-image: linear-gradient(transparent 24px, black 20px);
    background-size: 0;
    background-repeat: no-repeat;
    transition: background-size 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
}


.tourCard.-type-1:hover .tourCard__title span {
    background-size: 100% !important;
}

.activityCard.-type-1 .activityCard__image .cardImage__content .swiper-slide,
.activityCard.-type-1 .activityCard__image .cardImage__content > img {
    transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
}


.activityCard.-type-1 .activityCard__title span {
    background-image: linear-gradient(transparent 24px, black 20px);
    background-size: 0;
    background-repeat: no-repeat;
    transition: background-size 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
}


.activityCard.-type-1:hover .activityCard__title span {
    background-size: 100% !important;
}


.rentalCard.-type-1 .rentalCard__image .cardImage__content .swiper-slide,
.rentalCard.-type-1 .rentalCard__image .cardImage__content > img {
    transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.rentalCard.-type-1 .rentalCard__image .swiper-slide-active {
    position: relative;
    z-index: 2;
}

.rentalCard.-type-1 .rentalCard__title span {
    background-image: linear-gradient(transparent 24px, black 20px);
    background-size: 0;
    background-repeat: no-repeat;
    transition: background-size 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
}


.rentalCard.-type-1:hover .rentalCard__title span {
    background-size: 100% !important;
}


.rentalCard.-type-2 .rentalCard__title span {
    background-image: linear-gradient(transparent 24px, black 20px);
    background-size: 0;
    background-repeat: no-repeat;
    transition: background-size 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
}


.rentalCard.-type-2:hover .rentalCard__title span {
    background-size: 100% !important;
}


.cruiseCard.-type-1 .cruiseCard__title span {
    background-image: linear-gradient(transparent 24px, black 20px);
    background-size: 0;
    background-repeat: no-repeat;
    transition: background-size 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
}


.cruiseCard.-type-1:hover .cruiseCard__title span {
    background-size: 100% !important;
}


.destCard.-type-1 .destCard__image img {
    transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.destCard.-type-1:hover .destCard__image img {
    transform: scale(1.15);
}


@-webkit-keyframes preloaderWraper {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.2);
    }
    100% {
        transform: none;
    }
}

@keyframes preloaderWraper {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.2);
    }
    100% {
        transform: none;
    }
}

@-webkit-keyframes preloader {
    0% {
        transform: translateY(150%) scale(1);
    }
    50% {
        transform: translateY(0%) scale(1.2) rotate(20deg);
    }
    100% {
        transform: translateY(-150%) rotate(-20deg);
    }
}

@keyframes preloader {
    0% {
        transform: translateY(150%) scale(1);
    }
    50% {
        transform: translateY(0%) scale(1.2) rotate(20deg);
    }
    100% {
        transform: translateY(-150%) rotate(-20deg);
    }
}

.mr-10 {
    margin-right: 10px !important;
}

.py-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}


.py-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}


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


.x-gap-0 > * {
    padding-left: 0px;
    padding-right: 0px;
}


.y-gap-0 > * {
    padding-top: 0px;
    padding-bottom: 0px;
}


.x-gap-5 > * {
    padding-left: 2.5px;
    padding-right: 2.5px;
}

.y-gap-5 {
    margin-top: -2.5px;
    margin-bottom: -2.5px;
}

.y-gap-5 > * {
    padding-top: 2.5px;
    padding-bottom: 2.5px;
}


.x-gap-10 > * {
    padding-left: 5px;
    padding-right: 5px;
}


.y-gap-10 > * {
    padding-top: 5px;
    padding-bottom: 5px;
}


.x-gap-15 > * {
    padding-left: 7.5px;
    padding-right: 7.5px;
}


.y-gap-15 > * {
    padding-top: 7.5px;
    padding-bottom: 7.5px;
}


.x-gap-20 > * {
    padding-left: 10px;
    padding-right: 10px;
}


.y-gap-20 > * {
    padding-top: 10px;
    padding-bottom: 10px;
}


.x-gap-30 > * {
    padding-left: 15px;
    padding-right: 15px;
}


.y-gap-30 > * {
    padding-top: 15px;
    padding-bottom: 15px;
}


.x-gap-40 > * {
    padding-left: 20px;
    padding-right: 20px;
}

.y-gap-40 > * {
    padding-top: 20px;
    padding-bottom: 20px;
}


.x-gap-50 > * {
    padding-left: 25px;
    padding-right: 25px;
}


.y-gap-50 > * {
    padding-top: 25px;
    padding-bottom: 25px;
}


.x-gap-60 > * {
    padding-left: 30px;
    padding-right: 30px;
}


.y-gap-60 > * {
    padding-top: 30px;
    padding-bottom: 30px;
}


.x-gap-80 > * {
    padding-left: 40px;
    padding-right: 40px;
}


.y-gap-80 > * {
    padding-top: 40px;
    padding-bottom: 40px;
}

@media (max-width: 1200px) {

    .md\:x-gap-0 > * {
        padding-left: 0px;
        padding-right: 0px;
    }

    .md\:y-gap-0 > * {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .md\:x-gap-5 > * {
        padding-left: 2.5px;
        padding-right: 2.5px;
    }

    .md\:y-gap-5 > * {
        padding-top: 2.5px;
        padding-bottom: 2.5px;
    }

    .md\:x-gap-10 > * {
        padding-left: 5px;
        padding-right: 5px;
    }

    .md\:y-gap-10 > * {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .md\:x-gap-15 > * {
        padding-left: 7.5px;
        padding-right: 7.5px;
    }

    .md\:y-gap-15 > * {
        padding-top: 7.5px;
        padding-bottom: 7.5px;
    }

    .md\:x-gap-20 > * {
        padding-left: 10px;
        padding-right: 10px;
    }

    .md\:y-gap-20 > * {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .md\:x-gap-30 > * {
        padding-left: 15px;
        padding-right: 15px;
    }

    .md\:y-gap-30 > * {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .md\:x-gap-40 > * {
        padding-left: 20px;
        padding-right: 20px;
    }

    .md\:y-gap-40 > * {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .md\:x-gap-50 > * {
        padding-left: 25px;
        padding-right: 25px;
    }

    .md\:y-gap-50 > * {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .md\:x-gap-60 > * {
        padding-left: 30px;
        padding-right: 30px;
    }

    .md\:y-gap-60 > * {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .md\:x-gap-80 > * {
        padding-left: 40px;
        padding-right: 40px;
    }

    .md\:y-gap-80 > * {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

@media (max-width: 1200px) {

    .sm\:x-gap-0 > * {
        padding-left: 0px;
        padding-right: 0px;
    }

    .sm\:y-gap-0 > * {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .sm\:x-gap-5 > * {
        padding-left: 2.5px;
        padding-right: 2.5px;
    }

    .sm\:y-gap-5 > * {
        padding-top: 2.5px;
        padding-bottom: 2.5px;
    }

    .sm\:x-gap-10 > * {
        padding-left: 5px;
        padding-right: 5px;
    }

    .sm\:y-gap-10 > * {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .sm\:x-gap-15 > * {
        padding-left: 7.5px;
        padding-right: 7.5px;
    }

    .sm\:y-gap-15 > * {
        padding-top: 7.5px;
        padding-bottom: 7.5px;
    }

    .sm\:x-gap-20 > * {
        padding-left: 10px;
        padding-right: 10px;
    }

    .sm\:y-gap-20 > * {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .sm\:x-gap-30 > * {
        padding-left: 15px;
        padding-right: 15px;
    }

    .sm\:y-gap-30 > * {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .sm\:x-gap-40 > * {
        padding-left: 20px;
        padding-right: 20px;
    }

    .sm\:y-gap-40 > * {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .sm\:x-gap-50 > * {
        padding-left: 25px;
        padding-right: 25px;
    }

    .sm\:y-gap-50 > * {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .sm\:x-gap-60 > * {
        padding-left: 30px;
        padding-right: 30px;
    }

    .sm\:y-gap-60 > * {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .sm\:x-gap-80 > * {
        padding-left: 40px;
        padding-right: 40px;
    }

    .sm\:y-gap-80 > * {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}


.items-center {
    align-items: center !important;
}


.bg-white {
    background-color: var(--color-white) !important;
}

.bg-blue-1 {
    background-color: var(--maincolor);
}


.text-white {
    color: var(--color-white);
}


.rounded-4 {
    border-radius: 10px !important
}


.shadow-1 {
    box-shadow: 0px 20px 40px 0px #05103612;
}


.h-60 {
    height: 60px !important;
}


.section-bg__item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}


.modalGrid__item > * > *:nth-child(1) {
    transition: all 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
}


.modalGrid__item:hover > * > *:nth-child(1) {
    color: var(--maincolor);
}


.flightLine > * {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 9px;
    height: 9px;
    border: 1px solid var(--color-border);
    border-radius: 100%;
}

.flightLine > *:nth-child(1) {
    left: 0;
    background-color: var(--color-white);
}

.flightLine > *:nth-child(2) {
    right: 0;
    background-color: var(--color-border);
}


.blog-grid-1 > *:nth-child(1) {
    grid-row: span 2;
}

@media (max-width: 991px) {
    .blog-grid-1 > *:nth-child(1) {
        grid-row: unset;
    }
}

.border-center > *:nth-child(2n + 2) {
    border-left: 1px solid var(--color-light-2);
}

.border-center > *:nth-child(1n + 3) {
    border-top: 1px solid var(--color-light-2);
}

@media (max-width: 991px) {
    .border-center > *:nth-child(1n + 2) {
        border-top: 1px solid var(--color-light-2);
    }

    .border-center > * {
        border-left: 0;
    }
}


@media (max-width: 1200px) {


    .sidebar.-mobile-filter > * {
        border-top: none !important;
    }
}


.halfMap__map img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}


.galleryGrid.-type-1 > *:nth-child(1) {
    grid-row: 2 span;
}

@media (max-width: 991px) {
    .galleryGrid.-type-1 > *:nth-child(1) {
        grid-row: 1;
    }
}

.galleryGrid.-type-1 img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

@media (max-width: 991px) {
    .galleryGrid.-type-1 img {
        width: 100%;
    }
}


.galleryGrid.-type-2 > *:nth-child(1) {
    grid-row: 2 span;
}

.galleryGrid.-type-2 > *:nth-child(4) {
    grid-column: 2 span;
}

.galleryGrid.-type-2 img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

@media (max-width: 991px) {
    .galleryGrid.-type-2 img {
        width: 100%;
    }
}


.roomGrid__header > *:first-child {
    padding-left: 30px;
}


@media (max-width: 991px) {

    .roomGrid__grid > *:nth-child(1) {
        display: flex;
        align-items: center;
    }

    .roomGrid__grid > *:nth-child(1) > *:first-child {
        min-width: 200px;
        margin-right: 20px;
    }

    .roomGrid__grid > *:nth-child(2) {
        grid-column: 2 span;
    }
}

@media (max-width: 1200px) {
    .roomGrid__grid > *:nth-child(1) {
        display: block;
        align-items: unset;
    }

    .roomGrid__grid > *:nth-child(1) > *:first-child {
        min-width: auto;
        width: 100%;
        margin-right: 0;
    }
}

.roomGrid__grid > * {
    padding-top: 20px;
}

.roomGrid__grid > *:nth-child(3) {
    background-color: rgba(53, 84, 209, 0.05);
    padding: 20px 30px;
}


.progressBar__bar span {
    position: absolute;
    right: 0;
    bottom: 100%;
}


.form-input label {
    position: absolute;
    top: 0;
    top: 26px;
    padding: 0 15px;
    pointer-events: none;
    font-size: 14px;
    transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.form-input textarea,
.form-input input {
    border: 1px solid var(--color-border);
    border-radius: 4px;
    padding: 0 15px;
    padding-top: 25px;
    min-height: 70px;
    transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.form-input textarea:focus,
.form-input input:focus {
    border: 2px solid #051036 !important;
}

.form-input textarea:focus ~ label, .form-input textarea:valid ~ label,
.form-input input:focus ~ label, .form-input input:valid ~ label {
    transform: translateY(-10px);
}

.sidebar.-blog > * + * {
    padding-top: 30px;
    margin-top: 30px;
}

.list-disc li {
    list-style-type: disc;
    list-style-position: inside;
}


table.table th {
    padding: 25px 40px;
    line-height: 1;
    font-weight: 500;
}

table.table th:first-child {
    border-radius: 8px 0 0 8px;
}

table.table th:last-child {
    border-radius: 0 8px 8px 0;
}

table.table tbody > tr + tr {
    border-top: 1px solid var(--color-border);
}

table.table td {
    padding: 20px 40px;
    font-size: 15px;
    border-bottom: 1px solid var(--color-light-5);
}

table.table-2 th {
    font-weight: 500;
    padding: 15px 10px;
    line-height: 1.2;
}

table.table-2 th:first-child {
    border-radius: 8px 0 0 8px;
}

table.table-2 th:last-child {
    border-radius: 0 8px 8px 0;
}

table.table-2 th:nth-child(1) {
    padding-left: 0;
}

table.table-2 th:last-child {
    text-align: right;
    padding-right: 0;
}

table.table-2 tbody > tr {
    border-top: 1px dashed var(--color-border);
    vertical-align: top;
}

table.table-2 td {
    padding: 15px 10px;
    font-size: 15px;
    line-height: 1.2;
}

table.table-2 td:nth-child(1) {
    padding-left: 0;
}

table.table-2 td:last-child {
    text-align: right;
    padding-right: 0;
}


table.table-3 th {
    font-weight: 500;
    padding: 20px 30px;
    line-height: 1.2;
    min-width: 130px;
}

@media (max-width: 1199px) {
    table.table-3 th {
        padding: 15px 15px;
        min-width: 100px;
    }
}

table.table-3 th:first-child {
    border-radius: 8px 0 0 8px;
}

table.table-3 th:last-child {
    border-radius: 0 8px 8px 0;
}

table.table-3 tbody tr {
    vertical-align: top;
}

table.table-3 tbody > tr + tr {
    border-top: 1px dashed var(--color-border);
}

table.table-3 td {
    padding: 15px 30px;
    font-size: 15px;
    line-height: 1.2;
    min-width: 130px;
}

@media (max-width: 1199px) {
    table.table-3 td {
        padding: 15px 15px;
    }
}

table.table-3.-border-bottom tbody > tr {
    border-top: none;
    border-bottom: 1px dashed var(--color-border);
}

table.table-4 th {
    font-weight: 500;
    padding: 20px 30px;
    line-height: 1.2;
    min-width: 130px;
}

@media (max-width: 1199px) {
    table.table-4 th {
        padding: 15px 15px;
        min-width: 100px;
    }
}

table.table-4 th:first-child {
    border-radius: 8px 0 0 8px;
}

table.table-4 th:last-child {
    border-radius: 0 8px 8px 0;
}

table.table-4 tbody tr {
    vertical-align: top;
}

table.table-4 tbody > tr + tr {
    border-top: 1px dashed var(--color-border);
}

table.table-4 td {
    padding: 20px 30px;
    font-size: 15px;
    line-height: 1.2;
    min-width: 130px;
}

@media (max-width: 1199px) {
    table.table-4 td {
        padding: 15px 15px;
    }
}

table.table-4.-border-bottom tbody > tr {
    border-top: none;
    border-bottom: 1px dashed var(--color-border);
}


table.table-5 th {
    font-weight: 500;
    padding: 20px 15px;
    line-height: 1.2;
    min-width: 130px;
}

@media (max-width: 1199px) {
    table.table-5 th {
        padding: 15px 15px;
        min-width: 100px;
    }
}

table.table-5 th:first-child {
    border-radius: 8px 0 0 8px;
}

table.table-5 th:last-child {
    border-radius: 0 8px 8px 0;
}

table.table-5 tbody tr {
    vertical-align: top;
}

table.table-5 tbody > tr {
    border-bottom: 1px solid var(--color-border);
}

table.table-5 td {
    padding: 20px 15px;
    font-size: 15px;
    line-height: 1.2;
    min-width: 130px;
}

@media (max-width: 1199px) {
    table.table-5 td {
        padding: 15px 15px;
    }
}


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


.side-badge > * {
    border: 3px solid white;
}


.table-calendar__header > *, .table-calendar__grid > * {
    justify-content: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 48px;
    height: 48px;
    border-radius: 100%;
}

@media (max-width: 1200px) {
    .table-calendar__header > *, .table-calendar__grid > * {
        width: 32px;
        height: 32px;
    }
}


.desktopMenu .menu ul {
    pointer-events: none;
}

.desktopMenu .menu li {
    overflow: hidden;
}

.desktopMenu .menu a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 50px;
    padding: 0 20px;
    border-radius: 4px;
    font-weight: 500;
    color: var(--color-dark-1);
    transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}


.desktopMenu .menu a:hover {
    color: var(--maincolor);
}


.desktopMenu .menu__nav > li > a {
    font-size: 20px;
}

.desktopMenu .menu__nav > li > a:hover {
    background-color: rgba(53, 84, 209, 0.05) !important;
}


.desktopMenu .menu .subnav a {
    height: 40px;
    font-size: 18px;
    padding: 0 20px;
    transform: translateY(100%);
}


.desktopMenu .menu .subnav__backBtn li {
    padding: 0;
}

.desktopMenu .menu .subnav__backBtn a {
    justify-content: flex-start;
    height: 50px;
    font-size: 20px;
    color: var(--maincolor);
    background-color: rgba(53, 84, 209, 0.05) !important;
}

.desktopMenu .menu .subnav__backBtn a .icon {
    margin-right: 12px;
    transform: rotate(90deg);
}


.carsSlider .carsSlider-slides > * + * {
    margin-top: 10px;
}


.carsSlider .carsSlider-slider img {
    border: 1px solid #DDDDDD;
    width: 100%;
    max-height: 510px;
}


.cruiseSlider .cruiseSlider-slider img {
    border: 1px solid #DDDDDD;
    width: 100%;
    max-height: 510px;
}

.singleMenu__links a {
    font-size: 15px;
    font-weight: 500;
}

.headerSag {

    display: flex;
    flex-direction: column-reverse;
    gap: 2rem;
    align-items: flex-end;
    position: absolute !important;
    right: 5%;
    top: 25px;
}

.headerSag p {
    color: #FFF;
    text-align: right;
}

/* .animate__animated {
    animation-delay: 1s; !* Animasyon başlama süresi (5 saniye) *!
} */


.pt-75 {
    padding-top: 75px;
}

.btn-group-vertical > .btn-group:after, .btn-group-vertical > .btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
    display: table;
    content: " ";
}

.hadding-area {
    color: #fff;
    overflow: hidden;
    display: block;
    border-left: 2px solid #13be13;
    padding-left: 15px;
    border-bottom: 1px solid #182028;
}

.hadding-area h2 {
    font-size: 24px;
    font-weight: bold;
}

.hadding-area p {
    font-size: 16px;
    padding: 10px 0;
    font-weight: 300;
}

.btn-group-vertical > .btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .modal-header:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after {
    clear: both;
}

.btn-group-vertical > .btn-group:after, .btn-group-vertical > .btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
    display: table;
    content: " ";
}

.movie-item-contents {
    position: relative;
    border-radius: 15px;
}

.gradient, .gradient2, .gradient3, .gradient5 {
    position: relative;
    overflow: hidden;
}

.movie-item-contents img {
    width: 100%;
    height: 35rem;
    object-fit: cover;
    border-radius: 15px;
}

.gradient > img, .gradient2 > img, .gradient3 > img {
    transform: scale(1);
    transition: all 0.4s ease-in-out;
}

.movie-item-content {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.movie-item-content-top {
    overflow: hidden;
    padding-top: 25px;
}

element.style {
}

.pull-left {
    float: left;
}

.pull-left {
    float: left !important;
}

span.movie-count-time {
    background: #13be13;
    padding: 6px 16px;
    display: block;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    color: #fff;
}

.hover-left {
    margin-left: -99px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.pull-right {
    float: right;
}

.pull-right {
    float: right !important;
}

.movie-ratting {
    margin-right: 13px;
    display: block;
    color: #fff;
}

.movie-ratting > a {
    color: #fff;
}

.animation, a, a:hover, button, button:hover, .btn, .btn:hover, .blck-bg, .blck-bg:hover, .green-bg, .green-bg:hover, .scroll-up::-webkit-scrollbar, .zoom img, .zoom img:hover, .widget-slide .owl-nav > div, .widget-slide .owl-nav > div:hover, .details-big-img:hover .play-icon, .play-icon, .details-big-img img, .details-big-img:hover img, .owl-next:hover, .owl-prev:hover, .owl-next, .owl-prev, .owl-item.active, .home-2 .owl-next, .home-2 .owl-prev, .home-2 .slider-section a.carousel-control span:hover, .home-2 span.flaticon-play-button:hover, .home-2 .plylist-wich span:hover, .flaticon-play-button:hover, .flaticon-play-button, .gallery-menu ul li:hover:after, .gallery-menu ul li:hover, .gallery-menu ul li:after, .gallery-contetn:hover .gallery-hover, .gallery-hover {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

a, a:focus, a:hover:focus, button:focus, button:hover:focus, .btn:focus, .btn:hover:focus, a:hover {
    text-decoration: none;
    outline: none;
    border: none;
    -webkit-border: none;
    -moz-border: none;
    -ms-border: none;
    -o-border: none;
}

.movie-ratting > a > span {
    color: #13be13;
    margin-right: 5px;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.movie-ratting > a > span {
    color: #13be13;
    margin-right: 5px;
}

.movie-item-content-center {
    margin: 0 auto;
    position: absolute;
    top: 37%;
    bottom: auto;
    text-align: center;
    left: 0;
    right: 0;
    margin-top: -100%;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.movie-item-content-center a {
    font-size: 42px;
    color: #fff;
}

.animation, a, a:hover, button, button:hover, .btn, .btn:hover, .blck-bg, .blck-bg:hover, .green-bg, .green-bg:hover, .scroll-up::-webkit-scrollbar, .zoom img, .zoom img:hover, .widget-slide .owl-nav > div, .widget-slide .owl-nav > div:hover, .details-big-img:hover .play-icon, .play-icon, .details-big-img img, .details-big-img:hover img, .owl-next:hover, .owl-prev:hover, .owl-next, .owl-prev, .owl-item.active, .home-2 .owl-next, .home-2 .owl-prev, .home-2 .slider-section a.carousel-control span:hover, .home-2 span.flaticon-play-button:hover, .home-2 .plylist-wich span:hover, .flaticon-play-button:hover, .flaticon-play-button, .gallery-menu ul li:hover:after, .gallery-menu ul li:hover, .gallery-menu ul li:after, .gallery-contetn:hover .gallery-hover, .gallery-hover {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

a, a:focus, a:hover:focus, button:focus, button:hover:focus, .btn:focus, .btn:hover:focus, a:hover {
    text-decoration: none;
    outline: none;
    border: none;
    -webkit-border: none;
    -moz-border: none;
    -ms-border: none;
    -o-border: none;
}

.animation, a, a:hover, button, button:hover, .btn, .btn:hover, .blck-bg, .blck-bg:hover, .green-bg, .green-bg:hover, .scroll-up::-webkit-scrollbar, .zoom img, .zoom img:hover, .widget-slide .owl-nav > div, .widget-slide .owl-nav > div:hover, .details-big-img:hover .play-icon, .play-icon, .details-big-img img, .details-big-img:hover img, .owl-next:hover, .owl-prev:hover, .owl-next, .owl-prev, .owl-item.active, .home-2 .owl-next, .home-2 .owl-prev, .home-2 .slider-section a.carousel-control span:hover, .home-2 span.flaticon-play-button:hover, .home-2 .plylist-wich span:hover, .flaticon-play-button:hover, .flaticon-play-button, .gallery-menu ul li:hover:after, .gallery-menu ul li:hover, .gallery-menu ul li:after, .gallery-contetn:hover .gallery-hover, .gallery-hover {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.movie-item-content-buttom {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: auto;
    padding-bottom: 20px;
}

.movie-item-title {
    padding: 0 23px;
}

.movie-item-title > a {
    color: #fff;
    font-size: 25px;
    display: inline-block;
    font-weight: bold;
    line-height: 28px;
    text-transform: capitalize;
}

.animation, a, a:hover, button, button:hover, .btn, .btn:hover, .blck-bg, .blck-bg:hover, .green-bg, .green-bg:hover, .scroll-up::-webkit-scrollbar, .zoom img, .zoom img:hover, .widget-slide .owl-nav > div, .widget-slide .owl-nav > div:hover, .details-big-img:hover .play-icon, .play-icon, .details-big-img img, .details-big-img:hover img, .owl-next:hover, .owl-prev:hover, .owl-next, .owl-prev, .owl-item.active, .home-2 .owl-next, .home-2 .owl-prev, .home-2 .slider-section a.carousel-control span:hover, .home-2 span.flaticon-play-button:hover, .home-2 .plylist-wich span:hover, .flaticon-play-button:hover, .flaticon-play-button, .gallery-menu ul li:hover:after, .gallery-menu ul li:hover, .gallery-menu ul li:after, .gallery-contetn:hover .gallery-hover, .gallery-hover {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

a, a:focus, a:hover:focus, button:focus, button:hover:focus, .btn:focus, .btn:hover:focus, a:hover {
    text-decoration: none;
    outline: none;
    border: none;
    -webkit-border: none;
    -moz-border: none;
    -ms-border: none;
    -o-border: none;
}

.movie-item-content:hover .hover-left {
    margin-left: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

span.movie-count-time {
    background: #13be13;
    padding: 6px 16px;
    display: block;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    color: #fff;
}

.hover-left {
    margin-left: -99px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.gradient:hover:after {
    content: "";
    background: -webkit-linear-gradient(to top, rgba(6, 15, 25, .6) 0%, rgba(119, 29, 29, 0.6) 100%);
    background: linear-gradient(to top, rgba(6, 15, 25, .6) 0%, rgba(119, 29, 29, 0.6) 100%);
    position: absolute;
}

.gradient:after, .gradient2:after, .gradient3:after, .gradient5:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
}

.gradient:hover > img, .gradient2:hover > img, .gradient3:hover > img, .gradient5:hover > img {
    transform: scale(1.2);
    transition: all 0.4s ease-in-out;
}

.movi-item-author {
    padding-top: 16px;
}

.movi-item-author img {
    width: 40px !important;
    height: 40px;
    border-radius: 100%;
    object-fit: cover;
    display: inline-block !important;
}

.movie-item-contents img {
    width: 100%;
}

.movie-autho-name, .movie-details {
    display: inline-block;
}

.movie-autho-name a {
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    margin-left: 10px;
}

.animation, a, a:hover, button, button:hover, .btn, .btn:hover, .blck-bg, .blck-bg:hover, .green-bg, .green-bg:hover, .scroll-up::-webkit-scrollbar, .zoom img, .zoom img:hover, .widget-slide .owl-nav > div, .widget-slide .owl-nav > div:hover, .details-big-img:hover .play-icon, .play-icon, .details-big-img img, .details-big-img:hover img, .owl-next:hover, .owl-prev:hover, .owl-next, .owl-prev, .owl-item.active, .home-2 .owl-next, .home-2 .owl-prev, .home-2 .slider-section a.carousel-control span:hover, .home-2 span.flaticon-play-button:hover, .home-2 .plylist-wich span:hover, .flaticon-play-button:hover, .flaticon-play-button, .gallery-menu ul li:hover:after, .gallery-menu ul li:hover, .gallery-menu ul li:after, .gallery-contetn:hover .gallery-hover, .gallery-hover {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

a, a:focus, a:hover:focus, button:focus, button:hover:focus, .btn:focus, .btn:hover:focus, a:hover {
    text-decoration: none;
    outline: none;
    border: none;
    -webkit-border: none;
    -moz-border: none;
    -ms-border: none;
    -o-border: none;
}

.movie-item-beta {
    margin-top: 16px;
    padding-top: 16px;
}

.border-top {
    border-top: 1px solid;
    border-color: rgba(6, 15, 25, .4);
}

.movie-autho-name, .movie-details {
    display: inline-block;
}

a.btn.btn-button {
    padding: 8px 19px;
    border-radius: 100px;
    color: #fff;
    font-weight: bold;
    border: 1px solid transparent;
    text-transform: capitalize;
}

a.button-detals {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.blck-bg {
    background-color: #060f19;
}

.animation, a, a:hover, button, button:hover, .btn, .btn:hover, .blck-bg, .blck-bg:hover, .green-bg, .green-bg:hover, .scroll-up::-webkit-scrollbar, .zoom img, .zoom img:hover, .widget-slide .owl-nav > div, .widget-slide .owl-nav > div:hover, .details-big-img:hover .play-icon, .play-icon, .details-big-img img, .details-big-img:hover img, .owl-next:hover, .owl-prev:hover, .owl-next, .owl-prev, .owl-item.active, .home-2 .owl-next, .home-2 .owl-prev, .home-2 .slider-section a.carousel-control span:hover, .home-2 span.flaticon-play-button:hover, .home-2 .plylist-wich span:hover, .flaticon-play-button:hover, .flaticon-play-button, .gallery-menu ul li:hover:after, .gallery-menu ul li:hover, .gallery-menu ul li:after, .gallery-contetn:hover .gallery-hover, .gallery-hover {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.movie-date {
    display: inline-block;
    margin-left: 22px;
    color: #fff;
    text-transform: capitalize;
    font-weight: bold;
}

.movie-date {
    display: inline-block;
    margin-left: 22px;
    color: #fff;
    text-transform: capitalize;
    font-weight: bold;
}

.view-movie {
    display: inline-block;
    float: right;
}

.view-movie a {
    padding: 7px 14px;
    color: #fff;
    font-weight: bold;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    margin-top: 0;
    display: inline-block;
}

.blck-bg {
    background-color: #060f19;
}

.animation, a, a:hover, button, button:hover, .btn, .btn:hover, .blck-bg, .blck-bg:hover, .green-bg, .green-bg:hover, .scroll-up::-webkit-scrollbar, .zoom img, .zoom img:hover, .widget-slide .owl-nav > div, .widget-slide .owl-nav > div:hover, .details-big-img:hover .play-icon, .play-icon, .details-big-img img, .details-big-img:hover img, .owl-next:hover, .owl-prev:hover, .owl-next, .owl-prev, .owl-item.active, .home-2 .owl-next, .home-2 .owl-prev, .home-2 .slider-section a.carousel-control span:hover, .home-2 span.flaticon-play-button:hover, .home-2 .plylist-wich span:hover, .flaticon-play-button:hover, .flaticon-play-button, .gallery-menu ul li:hover:after, .gallery-menu ul li:hover, .gallery-menu ul li:after, .gallery-contetn:hover .gallery-hover, .gallery-hover {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

a, a:focus, a:hover:focus, button:focus, button:hover:focus, .btn:focus, .btn:hover:focus, a:hover {
    text-decoration: none;
    outline: none;
    border: none;
    -webkit-border: none;
    -moz-border: none;
    -ms-border: none;
    -o-border: none;
}

.gradient:after, .gradient2:after, .gradient3:after, .gradient5:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
}

.new-movie-inner .owl-nav {
    position: absolute;
    top: 0;
    right: -25em;
}

.animation, a, a:hover, button, button:hover, .btn, .btn:hover, .blck-bg, .blck-bg:hover, .green-bg, .green-bg:hover, .scroll-up::-webkit-scrollbar, .zoom img, .zoom img:hover, .widget-slide .owl-nav > div, .widget-slide .owl-nav > div:hover, .details-big-img:hover .play-icon, .play-icon, .details-big-img img, .details-big-img:hover img, .owl-next:hover, .owl-prev:hover, .owl-next, .owl-prev, .owl-item.active, .home-2 .owl-next, .home-2 .owl-prev, .home-2 .slider-section a.carousel-control span:hover, .home-2 span.flaticon-play-button:hover, .home-2 .plylist-wich span:hover, .flaticon-play-button:hover, .flaticon-play-button, .gallery-menu ul li:hover:after, .gallery-menu ul li:hover, .gallery-menu ul li:after, .gallery-contetn:hover .gallery-hover, .gallery-hover {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.movie-item-playlist {
    overflow: hidden;
    background: #FFF;
    border-radius: 15px;
}

.movi-plylist-top {
    display: block;
    overflow: hidden;
    border-bottom: 1px solid #060f19;
    padding: 15px;
}

.movi-plylist-top P {
    color: #fff;
    text-transform: capitalize;
    margin-top: 5px;
}

.movie-item-playlist-items {
    padding: 13px 17px;
}

.scroll-up {
    overflow-y: scroll;
    max-height: 470px;
    overflow-x: hidden;
}

.plylist-single {
    overflow: hidden;
    background: #ECF0F2;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 9px;
}

.plylist-img {
    float: left;
    margin-right: 15px;
}

.plylist-img img {
    width: 10rem;
    height: 5rem;
    border-radius: 10px;
    object-fit: cover;
}

.plylist-single-content > a {
    color: #000;
    font-size: 15px;
    font-weight: bold;
    line-height: 17px;
}

.animation, a, a:hover, button, button:hover, .btn, .btn:hover, .blck-bg, .blck-bg:hover, .green-bg, .green-bg:hover, .scroll-up::-webkit-scrollbar, .zoom img, .zoom img:hover, .widget-slide .owl-nav > div, .widget-slide .owl-nav > div:hover, .details-big-img:hover .play-icon, .play-icon, .details-big-img img, .details-big-img:hover img, .owl-next:hover, .owl-prev:hover, .owl-next, .owl-prev, .owl-item.active, .home-2 .owl-next, .home-2 .owl-prev, .home-2 .slider-section a.carousel-control span:hover, .home-2 span.flaticon-play-button:hover, .home-2 .plylist-wich span:hover, .flaticon-play-button:hover, .flaticon-play-button, .gallery-menu ul li:hover:after, .gallery-menu ul li:hover, .gallery-menu ul li:after, .gallery-contetn:hover .gallery-hover, .gallery-hover {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

a, a:focus, a:hover:focus, button:focus, button:hover:focus, .btn:focus, .btn:hover:focus, a:hover {
    text-decoration: none;
    outline: none;
    border: none;
    -webkit-border: none;
    -moz-border: none;
    -ms-border: none;
    -o-border: none;
}

.plylist-single-content > ul {
}

.plylist-single-content > ul > li {
    display: inline-block;
}

li.novie-upload-time {
    float: left;
}

.plylist-single-content ul li a {
    color: #fff;
}

.animation, a, a:hover, button, button:hover, .btn, .btn:hover, .blck-bg, .blck-bg:hover, .green-bg, .green-bg:hover, .scroll-up::-webkit-scrollbar, .zoom img, .zoom img:hover, .widget-slide .owl-nav > div, .widget-slide .owl-nav > div:hover, .details-big-img:hover .play-icon, .play-icon, .details-big-img img, .details-big-img:hover img, .owl-next:hover, .owl-prev:hover, .owl-next, .owl-prev, .owl-item.active, .home-2 .owl-next, .home-2 .owl-prev, .home-2 .slider-section a.carousel-control span:hover, .home-2 span.flaticon-play-button:hover, .home-2 .plylist-wich span:hover, .flaticon-play-button:hover, .flaticon-play-button, .gallery-menu ul li:hover:after, .gallery-menu ul li:hover, .gallery-menu ul li:after, .gallery-contetn:hover .gallery-hover, .gallery-hover {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

a, a:focus, a:hover:focus, button:focus, button:hover:focus, .btn:focus, .btn:hover:focus, a:hover {
    text-decoration: none;
    outline: none;
    border: none;
    -webkit-border: none;
    -moz-border: none;
    -ms-border: none;
    -o-border: none;
}

.plylist-single-content > ul > li {
    display: inline-block;
}

li.movie-time {
    float: right;
}

.movie-big .owl-stage {
    display: flex !important
}

.img-holder img {
    height: 12rem;
}

.modal-activity__wrapper.is-visible, .modal-mayor.is-visible {
    width: calc(100% - 230px);
    margin-left: auto;
}

.baskangorsel img {
    width: 15rem;
    height: auto;
}

.sidebarlogo {
    width: 17rem;
    max-width: 10rem;
}


@media (max-width: 1900px) {
    .subTitle .sectiontitles {
        margin-top: 1rem;

    }

    .subTitle .redLine {
        margin-bottom: 60px;
    }

    .eventimage {
        width: 13rem;
    }

    .events-style1__single__right::before {
        display: none;
    }

    .events-style1__single__right-btn .btn-one {
        display: none;

    }

    .events-style1__single-left h2 {
        width: 90%;
    }

    .events-style1__single-left .title {
        position: absolute;
        top: 0;
        left: 100%;

    }

    .events-style1__single__right {
        position: relative;
        right: 10%;
        top: 35px;
    }

    .onemliLinklerSection {
        max-width: 90% !important;
    }

    .movie-autho-name a {
        font-size: 13px;

    }

    .movie-item-title > a {
        font-size: 18px;
    }

    .baskanozgecmis:before {
        height: 11rem;
    }

    .btn-one {
        width: 6rem;
        padding: 0 6px;
        font-size: 11px;
        height: 2rem;
        align-items: center;
    }

    .baskankutu p {
        font-size: 13px;
    }

    .haber-slider .item a .head .date {
        position: absolute !important;
        bottom: 120%;
        right: 3%;
        color: #FFF;
    }

    .plylist-single-content ul li a {
        font-size: 12px;
    }

    .plylist-img img {
        width: 6rem;
        height: 5rem;
        border-radius: 10px;
        object-fit: cover;
    }

    .plylist-single-content > a {
        font-size: 12px;
    }

    .scroll-up {
        max-height: 310px;
    }

    .movie-item-contents .webtvimg {
        height: 25rem;
    }

    .main-nav-wrapper .main-nav > ul li {
        padding: 11px 5px;
    }

    .searchbarinput {
        padding-left: 1rem;
        font-size: 14px;
    }

    .tabs.-bookmark .tabs__button {
        padding: 15px 7px !important;
        font-size: 14px;
    }

    .mainSearch .button {
        width: 40px;
        font-size: 9px;
    }

    .section-titles {
        margin-bottom: 2rem;
    }

    .js-tabs {
        position: absolute;
        left: 20%;
        bottom: 20px;
    }

    .mainSearch {
        width: 550px;
    }

    select, input:not([type="range"]), textarea {
        width: 100%;
    }

    .haber-slider .item a .img img {
        height: 370px;
        object-fit: fill;
    }

    .card-v1-cover {
        height: 165px;
    }

    button.slidebutton {
        min-width: 20px;
    }

    .team-box .team-pic {
        width: 17vw;
    }

    .duyuruButton {
        bottom: 0;
        top: 100%;
    }

    .ihale-haber-kutu {
        height: calc(550px - 70px);
    }

    .team-wrapper .team-box {
        margin-left: 7rem;
    }

    .team-wrapper .team-box ul.footer-social li a {
        width: 2rem;
        height: 2rem;
        line-height: 2rem;
    }

    .team-wrapper .team-box:hover .team-desc h4, .team-wrapper .team-box:hover .team-desc span {
        font-size: 18px;
    }

    .team-wrapper .team-box .team-desc h4 {
        font-size: 18px;
    }

    .team-wrapper .team-box .team-desc span {
        font-size: 1rem
    }

    .team-wrapper .team-box .team-desc {
        margin-top: 2rem;
    }

    .single-service-item a {
        font-size: 17px;
    }

    .img-holder img {
        height: 10rem;
    }

    .process-step-slider .slick-slide {
        height: 310px;
    }

    .testimonial-slider-area.style-3 .process-step-slider-wrapper .process-step-slider .process-step .banner-shape .bg-img {
        height: 310px;
    }

    .haberleropacityTitle {
        font-size: 50px;
        top: 40%;
    }

    .events-style1__single-left {
        width: 90%;
    }

    .events-style1__single-left .title h2 a {
        font-size: 13px;
    }

    .events-style1__single__right {
        width: 75%;
    }

    .application-area {
        margin-bottom: 0;
    }

    .hm2-feature-card {
        height: 205px;
    }

    .hm2-feature-card {
        padding: 12px 20px;
    }

    .single-service-item {
        padding: 20px 10px 20px;
    }

    .single-service-item .content {
        padding: 10px;
    }

    .services-seciton .slick-track {
        padding: 0rem 0px;
    }

    .main-nav-wrapper .main-nav {
        width: 230px;
    }

    .baskankutu p {
        padding: 1rem 1rem 0rem 1rem
    }

    .baskangorsel img {
        width: 10rem;
    }

    .single-service-item .content h3.title {
        font-size: 13px;
    }

    .events-style1__single__right-btn .btn-one {
        width: 6rem;
        font-size: 12px;
        padding: 0 0px;

    }

    .events-style1__single__right {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding-left: 44px;
    }

    .events-style1__single__right .contact-info {
        margin-bottom: 1rem;
    }
}


.team-box .footer-social svg {
    /*fill:var(--maincolor);*/
}

.mainSliderButton {
    position: absolute;
    top: 40%;
    z-index: 999999;
    right: 5%;
    display: flex;
    z-index: 1;
    gap: 20px;
}

.mainSliderButton .prev-button-slider {
    padding: 14px;
    border: 1px solid #FFF;
    color: #FFF;
    border-radius: 50%;
    font-size: 25px;
}

.mainSliderButton .next-button-slider {
    padding: 14px;
    background: #FFFF;
    border-radius: 50%;
    font-size: 25px;
}

.storybox {
    overflow: hidden;
}

.storybox::-webkit-scrollbar {
    width: 0.5em;
}

.storybox::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.storybox::-webkit-scrollbar-thumb {
    background-color: transparent;
    outline: 1px solid slategrey;
}


.mainpage {
    width: calc(100% - 230px);
    margin-left: auto;
}

@media (max-width: 1200px) {

    .footer-top {
        margin-bottom: 3rem;
    }


    .onemliLinklerSection {
        margin-top: 0;
    }

    .services-seciton {
        margin: 1rem 0 !important;
    }

    .section-yayinlar {
        padding: 0 !important;
    }

    .ihale-haber-kutu {
        padding: 9px;
        height: 100%;
    }

    .stories-section {
        padding: 11px;
    }

    .habercol_outer {
        flex-direction: column-reverse;
    }

    .haberkutu {
        padding: 11px;
    }

    #haberler {
        opacity: 1;
    }

    .testimonial-slider-area.style-3 .process-step-slider-wrapper .process-step-slider .slick-list.draggable {
        border-radius: 10px;
    }

    .testimonial-slider-area.style-3 .process-step-slider-wrapper .process-step-slider .process-step .banner-shape .bg-img {
        border-radius: 10px;
    }


    ::-webkit-scrollbar {
        height: 4px; /* Çubuğun genişliği */
        border-radius: 10px;
    }

    ::-webkit-scrollbar-thumb {
        background-color: #888; /* Çubuğun rengi */
    }

    ::-webkit-scrollbar-track {
        background-color: #f1f1f1; /* Çubuğun arka plan rengi */
    }

    .mainpage {
        width: 100%;
        margin: 0;
    }


    .mobil-guncelbolumu .mayor-card {
        display: flex;
        flex-direction: row;
        padding: 20px 14px;
        border-radius: 10px;
        position: relative;
        margin: 3rem 0;
    }

    .mayor-card {
        background: url(/assets/css/menuarkasi.svg);
        background-position: bottom right;
        background-repeat: no-repeat;
        background-color: #fff;
        border-radius: 7px;
        background-size: 150px;
    }

    .mayor-card {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 20px 14px calc(14px - 10px);
        height: 100%;
    }

    @media (max-width: 1200px) {

        .mobil-guncelbolumu .mayor-card header {
            display: flex;
            align-items: center;
        }
    }
    @media (max-width: 567px) {
        .mayor-card > header {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }
    }
    .mobil-guncelbolumu .mayor-card__img-wrapper {
        width: 100%;
    }

    .mayor-card__img-wrapper {
        display: block;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin: 0 0.875rem 0 0;
        width: 100px;
        border-radius: 10px;
        overflow: hidden;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        border: 5px solid #fff;
        -webkit-box-shadow: 0 0 0 1px rgba(0, 49, 92, .08);
        box-shadow: 0 0 0 1px rgba(0, 49, 92, .08);
    }

    .mayor-card__img {
        height: 250px;
        object-fit: cover;
    }

    @media (max-width: 1450px) {
        .mayor-card__img {
            height: 180px !important;
            /* object-fit: contain!important; */
        }
    }
    @media (max-width: 1200px) {
        .mayor-card__img {
            min-height: 200px !important;
        }
    }
    .mayor-card__list {
        margin-top: 0.5rem;
        text-align: left;
        padding-left: 1rem;
    }

    .mayor-card__details {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .mb-4 {
        margin-bottom: 1rem;
    }

    .mb-4 {
        margin-bottom: 1.5rem !important;
    }

    .mayor-card__name {
        color: var(--maincolor);
        font-weight: 700;
        font-size: 1.375rem;
        line-height: 1.2;
        margin-bottom: 3px;
    }

    .mayor-card__title {
        color: #000;
        font-size: .75rem;
        line-height: 1.3;
        font-weight: 500;
    }

    .mayor-card__link {
        position: relative;
        display: block;
        font-weight: 500;
        line-height: 1.2;
        padding: 10px 0 10px 26px;
        color: #000;
        will-change: color;
        -webkit-transition: color .15s ease-in-out;
        transition: color .15s ease-in-out;
    }

    @media (max-width: 1200px) {

        .duyurularvehaberler {
            justify-content: center;
        }

        .process-step-slider .slick-slide {
            height: 220px;
        }

        .section.section-stories {
            padding-left: 0;
        }

        .modal-activity__wrapper.is-visible, .modal-mayor.is-visible {
            width: 100%;
            margin: 0;
        }

        .bg2 {
            left: 0;
            margin-top: 16rem;
        }

        .mayor-card__link {
            padding: 10px 0 5px 26px !important;
        }
    }
    .mayor-card__link:before {
        content: '\F134';
        font-family: bootstrap-icons !important;
        position: absolute;
        top: 60%;
        left: 0;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        color: var(--maincolor);
        font-size: 1rem;
        will-change: transform;
        -webkit-transition: -webkit-transform .75s cubic-bezier(.19, 1, .22, 1);
        transition: -webkit-transform .75s cubic-bezier(.19, 1, .22, 1);
        transition: transform .75s cubic-bezier(.19, 1, .22, 1);
        transition: transform .75s cubic-bezier(.19, 1, .22, 1), -webkit-transform .75s cubic-bezier(.19, 1, .22, 1);
    }

    .headerSag, .tabs, .baskansection, .application-area, .hm2-feature-area, .process-slider-tab, .main-content, .mainSliderButton, .destkophaber {
        display: none !important;
    }

    .mobilgizle {
        display: none !important;
    }

    .e-belediyeSection {
        margin: 0 !important;
    }

    .hm2-feature-card {
        margin-bottom: 1rem;
    }

    .headlinenews-other {
        display: none;
    }

    .bigBg {
        width: 100%;
        background-size: 28rem !important;
    }

    .mainSliderButton {
        top: 25%;
    }

    .haberleropacityTitle {
        font-size: 50px;
        top: 43%;
    }

    .stories-section {
        margin-top: 2rem;
    }

    .bg2 {
        left: 0;
        width: 100%;
    }

    .baskanarkasi {
        display: none;
    }

    .stories.carousel .story {
        width: 4rem !important;
    }

    .fadeInDown {
        animation: none !important;
        opacity: 1;
    }
}

@media (min-width: 1200px) {


    .ebelediyebutonlar, .mobil-ebelediye1, .mayor-card, .mobilhaber {
        display: none !important;
    }

    .header-bottom {
        display: none;
    }

    .mobile_slider_alt {
        display: none !important
    }
}

.mobil-ebelediye1 {
    padding: 1rem;
    display: flex;
    justify-content: flex-start;
    color: #fff;
    background: var(--maincolor);
    margin-bottom: 3rem !important;
    font-size: 1.1rem;
    text-align: start;
    position: relative;
    box-shadow: 0 0 25px 0 rgb(0 0 0 / 7%);
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    will-change: box-shadow;
    min-width: 10%;
    min-height: 37px;
    width: 100%;
    flex-direction: row;
    border-radius: 10px;
    align-items: center;
}

.tl-icon {
    font-size: 25px;
    margin-right: 10px;
}

.hizli-odeme-buton {
    display: flex;
    flex-direction: column;
}

.hizli-odeme-buton strong {
    font-size: .9rem;
}

.mobil-ebelediye1 span {
    font-size: 12px;
    margin-top: 10px;
}

.novie-upload-time a {
    color: var(--maincolor) !important;
}

.plylist-single-content {
    line-height: 19px;
}

.novie-upload-time {
    font-size: 13px;
    font-weight: 700;
}

#zuck-modal-content .story-viewer .slides .item {
    background: linear-gradient(black, var(--maincolor)) !important;

}

#zuck-modal-content .story-viewer .head .left .info > * {
    display: none !important;
}

@media (max-width: 1200px) {
.footer-row{
    margin-bottom: 8rem;
}

    .tumprojeler {
        font-size: 10px !important;
        min-width: 90px !important;
        margin: 0 !important;
    }

    .swiper-buttons {
        width: 95% !important;
        max-width: 95%;
    }

    .home-activities {
        padding: 1rem 0;
    }

    .main-content .owl-dots {
        display: none
    }

    .header-buttons__wrapper ul li a .icon,
    .header-mobile__buttons a .icon:not(.not),
    .header-mobile__buttons button .icon:not(.not),
    .header-sticky .btn-bar .icon:not(.not),
    .header-support .icon,
    .logos-carousel .swiper-button-next::after,
    .logos-carousel .swiper-button-prev::after,
    .swiper-arrow__style .swiper-button-next::after,
    .swiper-arrow__style .swiper-button-prev::after,
    .swiper-buttons .swiper-button-next::after,
    .swiper-buttons .swiper-button-prev::after,
    .videos-carousel .swiper-button-next::after,
    .videos-carousel .swiper-button-prev::after {
        font-size: 13px !important
    }

}
.haberlerdots {
        margin-top: -6rem;
}