:root {
    --cassiopeia-color-primary: transparent;
    --cassiopeia-color-hover: transparent;
    --body-bg: transparent;
    --btn-active-bg: gray;
    --body-color: white;
}

body {
    background-image: url("/ku/images/01_ana_sayfa/rastar/arka_.png");
    background-size: 100% auto;
    background-repeat: repeat-y;
}

.form-control {
    background-color: rgba(0, 0, 0, .3);
}

.awesomplete>ul {
    color: black;
}

.makele_page.arama_sayfa .grid-child.container-component {
    grid-column-end: full-end;
}


.makele_page.arama_sayfa main {
    padding: 2em;
    background-color: rgba(0, 0, 0, .3);
}

.result__title-url {
    color: orange;
}


header,
.site-grid {
    margin-left: 8vw;
    margin-right: 8vw;
}

.container-topbar {
    margin-top: 0px;

}

#logo_bg {
    width: 100%;
}

.fade-in {
    transition: opacity 2.5s;
    opacity: 1 !important;
    z-index: 3;
}


.fade-out {
    transition: opacity 2.5s;
    opacity: 0 !important;
    z-index: 5;
}

.logo_img {
    position: relative;
}


.gl {
    opacity: 0;
    top: 0;
    position: absolute;
    height: 100%;
}

#mod-custom127 a {
    height: fit-content;
    display: inline-block;
    position: relative;
    width: 100%;
}

#mod-custom127 a::before {
    content: "";
    position: absolute;
    background: transparent;
    z-index: 1;
    cursor: pointer;
    width: 100%;
    height: 100%;
}

#baner_video_q {
    width: 100%;
    height: auto;
    position: relative;
}


.lang_menu_top {
    background-color: white;
    justify-content: right;
    margin-left: .5em;
    position: absolute;
    right: 0;
    z-index: 10;
    background: unset;
}

.lang_menu_top li {
    color: #000;
    font-size: large;
    background: linear-gradient(to right, #19500e 50%, #d7e50f 50%) no-repeat scroll right bottom / 210% 100% #d7e50f !important;

    font-family: "Roboto Condensed", sans-serif;
    font-size: 10px;
    font-weight: 700;
    font-style: normal;
    line-height: 1.5rem;
    text-decoration: none;
    text-transform: uppercase;
    transition: color 0.3s ease, border-color 0.3s ease, background-position 0.3s ease, background-color linear 0.3s !important;
    margin-left: .2vw !important;
}

.lang_menu_top li a {
    padding-top: .5em;
    padding-bottom: .5em;
    padding-left: 2.5em;
    padding-right: 2.5em;
    margin-left: .5em !important;
}

.lang_menu_top li:hover {
    color: #fff;
}

.lang_menu_top li:hover {
    background-position: left bottom !important;
    color: #ffffff !important;
}

.container-nav.menu_top {
    margin-bottom: 1.5em;
    background-color: #8a8686;
    padding-bottom: unset;
    background-image: url("/ku/images/01_ana_sayfa/rastar/menu_ust.png");
    padding: 1em;
}

.menu_top {
    padding-left: 3.5em;
    padding-right: 3.5em;
}

.menu_top .parent:hover ul {
    display: unset;
    position: absolute;
    width: max-content;
    left: 0;
    top: 100%;
    padding-left: unset;
    margin-left: -.18vw;
    z-index: 10;
}

.main_menu_top,
.main_menu_top a {
    /* justify-content: right; */
    /* margin-top: -4.1em !important; */
    font-family: "Roboto Condensed", sans-serif !important;
    font-size: 15px !important;
    line-height: 1.5em !important;
    font-size: 1.4vw !important;
    font-weight: 550;
    padding-right: 1.5vw;
    padding-left: 1.5vw;
}

.main_menu_top a::before {
    font-family: "Font Awesome 6 Free" !important;
}

.main_menu_top li,
.main_menu_top li ul {
    color: #000 !important;
    background-color: #989291;
    padding: .1vw .8vw;
    border: solid .18vw black;
}

.main_menu_top li ul li {
    color: #000 !important;
    background-color: #989291;
    padding: .1vw .8vw;
    border: unset;
}

.main_menu_top li ul li a {
    text-decoration: none;
    color: black;
}

.main_menu_top li ul li a:hover {
    color: white !important;
}

.main_menu_top li:hover {
    color: #e5a40f !important;
}

.main_menu_top li.active {
    color: #e5a40f !important;
}

.container-header .mod-menu>li.active::after,
.container-header .mod-menu>li:hover::after {
    background: unset !important;
}


.brand-logo img {

    height: 10em;
    width: auto;
}



.ana_sayfa .container-banner {
    max-height: 600px;
    min-height: 600px;
    display: flex;
    width: unset;
    /*  margin-left: 8vw;
    margin-right: 8vw; */
    overflow: hidden;
    visibility: hidden;
    transition: visibility 0.5s;
    margin-bottom: unset;
    border: solid .7vw #989291;
    border-width: .7vw;
    border-style: solid;
    /* border-image: linear-gradient(15deg, rgba(255, 0, 0, 0.61) 33.33%, rgba(255, 255, 0, 0.61) 33.33%, rgba(255, 255, 0, 0.61) 66.66%, rgba(0, 155, 0, 0.61) 66.66%) 1; */
}

#mod-custom112 {
    height: auto;
}

#mod-custom112 .overlay {
    padding: 0 !important;
    background-color: unset;
    overflow: hidden;
}


#slider_ustu__carousel_ {
    margin: unset;
    padding: unset;
    margin-right: 11px;
}

.mod_slider_ustu ul li,
.mod_slider_ustu ul li p {
    display: none;
    box-shadow: none;
    border: none;
}

.mod_slider_ustu ul li:first-child {
    display: list-item;
    box-shadow: none;
    border: none;
}

#slider_ustu___nav_content {
    position: relative;
}

#slider_ustu___nav_content div p {
    position: absolute;
    padding: .4vw;
    padding-left: 4em;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 1.5vw;
    font-weight: 700;
    bottom: .1vw;
    background-color: rgba(100, 0, 0, .5);
    width: 100%;
    text-align: center;
    text-shadow: 0 0 .3vw black;
    margin-bottom: 0;
}

#slider_ustu___nav_content div a {
    text-decoration: none;
    color: white;
    text-transform: uppercase;
}

.mod_kurdistanda___tarihi {
    margin-top: 2em;
}

#slider_ustu___nav_content img {
    width: 100% !important;
}

#slider_ustu__indicators a {
    visibility: hidden;
}

.mod_son_eklenenler {
    border: unset;
    padding: unset;
}

.mod_son_eklenenler .card-body {
    padding: unset;

}

.mod_son_eklenenler .card-header {
    color: white;
    border: unset;
    background-color: unset;
    text-align: center;
    background-image: url("/ku/images/01_ana_sayfa/son_eklenenler.png");
    background-repeat: no-repeat;
    background-position-x: center;
    background-size: 100% auto;
    height: 80px;
    padding: unset;
    font-family: "Varela", arial, sans-serif;
    align-content: center;
    font-size: 1.7vw;
}

.mod_son_eklenenler ul {
    height: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
    list-style: none;
    padding: 0;
}

.mod_son_eklenenler li {
    position: relative;
    padding: unset;
    overflow: hidden;
    border: solid .3vw white;
}


.mod_son_eklenenler li h4 {
    position: absolute;
    bottom: 0;
    padding: 0 .5vw;
    background-color: rgba(100, 0, 0, .5);
    width: 100%;
    text-align: center;
    z-index: 1;
    margin: unset;
}

.mod_son_eklenenler li h4 a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    word-break: break-word;
    line-height: .81vw;
    font-size: .6vw;
    text-align: center;
    max-height: calc(.81vw * 2);
    overflow: hidden;
    color: white;
}


.mod_son_eklenenler li figure {
    position: absolute;
    right: 0;
    top: 0;
    margin: unset;
    height: 100%;
    align-content: start;
}



.mod_aciklmalar_makele_alt {

    margin-bottom: 15em;
}



.container-bottom-a {
    /* padding-left: 8vw;
    padding-right: 8vw; */
    grid-column: full-start/full-end;
    margin-bottom: unset;

}

.container-bottom-a .card,
.mod_kurdistanda___tarihi.card {
    border: unset;
    overflow: hidden;
}

.container-bottom-a .newsflash-title,
.mod_kurdistanda___tarihi .newsflash-title {
    display: none;
}

.mod_kurdistanda___tarihi .card-header {
    color: #c86a1e;
    text-align: center;
    background-color: transparent;
    border: unset;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    font-size: xx-large;
    background-image: url("/ku/images/01_ana_sayfa/onculerimiz.png");
    margin-bottom: -.4em;
    z-index: 10;
    font-family: "Varela", arial, sans-serif;
}

.mod_kurdistanda___tarihi .card-header {
    background-image: url("/ku/images/01_ana_sayfa/kurdistanda_tarihi.png");
}


.container-bottom-a .card-body,
.mod_kurdistanda___tarihi .card-body {
    padding: unset;
}

.container-bottom-a .card-body figure,
.mod_kurdistanda___tarihi .card-body figure {
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
}

.container-bottom-a .card-body img,
.mod_kurdistanda___tarihi .card-body img {
    max-height: 100%;
    max-width: 100%;
    object-fit: cover;
    width: 100%;
}



#mod-custom121 .row,
#mod-custom121 .card,
#mod-custom117 .row,
#mod-custom117 .card {
    overflow: hidden;
}

#mod-custom121 .newsflash-title,
#mod-custom117 .newsflash-title {
    display: none;
}

#mod-custom121 .card,
#mod-custom117 .card {
    border: unset;
}

#mod-custom121 .card-header,
#mod-custom117 .card-header,
.yps-yps_jin_direnis_sehitleri .card-header {
    color: black;
    text-align: center;
    background-color: #989291;
    border: unset;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center;
    font-size: 2vw;
    padding: unset;
    white-space: nowrap;
    font-family: "Varela", arial, sans-serif;
    border-width: .33vw;
    border-style: solid;
    overflow: hidden;
    /* border-image: linear-gradient(15deg, rgba(255, 0, 0, 0.61) 33.33%, rgba(255, 255, 0, 0.61) 33.33%, rgba(255, 255, 0, 0.61) 66.66%, rgba(0, 155, 0, 0.61) 66.66%) 1; */
}

.yps-yps_jin_direnis_sehitleri .card-header {
    color: #c86a1e;
}

#mod-custom121 figure,
#mod-custom117 figure {
    justify-content: center;
    margin: unset;
    width: 100%;
    height: auto;
}

#mod-custom121 .card-body,
#mod-custom121 .carousel,
#mod-custom117 .card-body,
#mod-custom117 .carousel,
.yps-yps_jin_direnis_sehitleri .card-body {
    padding: unset;
}



#mod-custom121 .carousel-indicators,
#mod-custom117 .carousel-indicators {
    top: 95%;
    margin-top: -1vw;
}

#mod-custom121 .carousel-indicators a[data-bs-target],
#mod-custom117 .carousel-indicators a[data-bs-target] {
    background-color: orange;
    height: 1vw;
    width: 1vw;
    border-radius: 1vw;
    border: unset;
}


#mod-custom117 .carousel-item a,
#mod-custom121 .carousel-item a {
    max-height: 100%;
    height: 100%;
    display: inline-block;
    width: 100%;
    max-width: 100%;
}

#mod-custom117 img,
#mod-custom121 img {
    width: 100%;
    height: auto;
    object-fit: cover;
}





.direnis_anilari_home .article-separator,
.sehit_portreleri_home .article-separator,
.ozel_dosyalar_home .article-separator,
.yps_arsiv_home .article-separator {
    display: none;
}

.direnis_anilari_home ul li,
.sehit_portreleri_home ul li,
.ozel_dosyalar_home ul li,
.yps_arsiv_home ul li {
    display: none;
}

.direnis_anilari_home ul li:first-child,
.sehit_portreleri_home ul li:first-child,
.ozel_dosyalar_home ul li:first-child,
.yps_arsiv_home ul li:first-child {
    display: unset;
}

.container-bgl span {
    border: none !important;
    background-color: unset !important;
    width: 2vw !important;
    height: 1.5vw !important;
    font-size: 1.3vw;
    margin-top: -.28vw;
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='orange'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='orange'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

.row.videos_r2 .col:first-of-type {
    padding: unset;
}

.row.videos_r2 .col-9 {
    padding-left: unset;
}

.bayrak_v {
    /* background-image: url("/ku/images/01_ana_sayfa/video_bayrak.png");
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: top;
    background-size: auto 100%; */

}

.bgl-d {
    min-height: 18em;
    background-repeat: no-repeat;
    background-size: cover;
    /* margin: 1em; */
    background-position: center;
    filter: brightness(50%);
}

.bgl-d:hover {}



#mod_yps_jin___nav_content {
    overflow: hidden;
}

#mod_yps_jin___nav_content .newsflash-title {
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    margin-bottom: unset;
}

#mod_yps_jin___nav_content .newsflash-title a {
    text-decoration: none;
    color: white;
    z-index: 1;
    background-color: rgba(100, 0, 0, .5);
    padding: .3vw;
}

#mod_yps_jin___nav_content div {
    width: 100%;
}

#mod_yps_jin___nav_content div figure {
    margin: unset;
}

#mod_yps_jin___nav_content div a {
    width: 100%;
    height: 100%;
    display: block;
}

#mod_yps_jin___nav_content div a img {
    width: 100%;
}

#mod_yps_jin___nav_content .article-separator {
    display: none;
}

#mod_yps_jin__indicators,
#kurdistanda___tarihi__indicators,
#slider_ustu__indicators {
    position: absolute;
    top: 50%;
    margin: unset;
    height: fit-content;
}

#mod_yps_jin__indicators a,
#kurdistanda___tarihi__indicators a {
    display: none;
}

#mod_yps_jin__indicators span,
#kurdistanda___tarihi__indicators span,
#slider_ustu__indicators span {
    background-color: black;
    zoom: 1.2;
}


#home_carousel_yps_jin_d_s figure,
#home_carousel_yps_jin figure {
    margin: unset;
}

#home_carousel_yps_jin_d_s img,
#home_carousel_yps_jin img {
    width: 100%;
}

.container-bottom-b.grid-child {
    display: block;
    /* padding-right: 8vw;
    padding-left: 8vw; */
    grid-column-start: full-start !important;
    grid-column-end: full-end !important;
}




.direnis_anilari_home .article-separator,
.sehit_portreleri_home .article-separator,
.ozel_dosyalar_home .article-separator,
.yps_arsiv_home .article-separator {
    display: none;
}

.direnis_anilari_home ul li,
.sehit_portreleri_home ul li,
.ozel_dosyalar_home ul li,
.yps_arsiv_home ul li {
    display: none;
}

.direnis_anilari_home ul li:first-child,
.sehit_portreleri_home ul li:first-child,
.ozel_dosyalar_home ul li:first-child,
.yps_arsiv_home ul li:first-child {
    display: unset;
}


.video_galeri_mod.card {
    border: unset;
    margin-top: 2em;
}

.video_galeri_mod .newsflash-title {
    display: none;
}

.video_galeri_mod .card-header {
    color: #c86a1e;
    text-align: center;
    background-color: transparent;
    border: unset;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    min-height: 3.8vw;
    font-size: 1.7vw;
    background-image: url("/ku/images/01_ana_sayfa/video_galeri.png");
    margin-bottom: -.9vw;
    z-index: 2;
    font-family: "Varela", arial, sans-serif;
}


.video_galeri_mod .card-body {
    padding: unset;
    padding-top: 2em;
    background-color: #787771;
    background-image: url("/ku/images/01_ana_sayfa/rastar/video_galeri.jpg");
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: top;
    background-size: cover;
}

.videos_container p {
    display: none;
}

.row.videos_r2 {
    margin-top: 1em;
    margin-bottom: 2em;
}

.row.videos_r2 ul {
    margin-bottom: unset;
    border: solid .4vw #c86a1e;
}

.row.videos_r2 li {
    padding: .2vw;
}

.row.videos_r2 figure {
    position: relative;
    margin: unset;

}

.row.videos_r2 figure::before {
    content: " ";
    font-size: 3.5em;
    position: absolute;
    top: 31%;
    left: 40%;
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    background: url("data:image/svg+xml;utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20100'%3E%3Ccircle%20cx='50'%20cy='50'%20r='36'%20fill='rgba(0,0,0,0.45)'/%3E%3Cpath%20fill='%23fff'%20d='M38%2035.5%20L38%2034.5%20A1.5%201.5%200%200%201%2039.5%2033%20L39.6%2033%20L64%2050%20L39.6%2067%20L39.5%2067%20A1.5%201.5%200%200%201%2038%2065.5%20L38%2064.5%20Z'/%3E%3C/svg%3E") center/contain no-repeat;

}

.video_perv_img {
    margin-top: 3em;
}

.foto_galeri_mod.card {
    border: unset;
    margin-top: 2em;
}

.foto_galeri_mod .newsflash-title {
    display: none;
}

.foto_galeri_mod .card-header {
    color: #c86a1e;
    text-align: center;
    background-color: transparent;
    border: unset;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    min-height: 3.8vw;
    font-size: 1.7vw;
    background-image: url("/ku/images/01_ana_sayfa/foto_galeri.png");
    margin-bottom: -.9vw;
    z-index: 2;
    font-family: "Varela", arial, sans-serif;
}

.foto_galeri_mod .card-body {
    padding: unset;
}

.border_top_,
.border_bottom_,
.border_left_,
.border_right_ {
    position: absolute;
    z-index: 30;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
}

.border_top_,
.border_bottom_ {
    min-height: 2em;
    min-width: 100%;
}

.border_top_ {
    background-image: url("/ku/images/01_ana_sayfa/border_top.png");
    top: 0;
}

.border_bottom_ {
    background-image: url("/ku/images/01_ana_sayfa/border_bottom.png");
    bottom: 0;
}

.border_left_,
.border_right_ {
    min-height: 100%;
    max-width: 2em;
}

.border_left_ {
    background-image: url("/ku/images/01_ana_sayfa/border_left.png");
    top: 0;
    left: 0;
}

.border_right_ {
    background-image: url("/ku/images/01_ana_sayfa/border_right.png");
    top: 0;
    right: 0;
}

.sehitlerimiz_row,
.kurdistanda___tarihi_row {
    background: #e2e2e2 !important;
    margin: unset;
    position: relative;
}

#sehitlerimiz__carousel_ {
    margin-left: 4.5em;
}

#sehitlerimiz__carousel_ .newsflash-title,
#kurdistanda___tarihi__carousel_ .newsflash-title {
    display: none;
}

#sehitlerimiz__carousel_ .newsflash-image,
#kurdistanda___tarihi__carousel_ .newsflash-image {
    margin: unset !important;
    overflow: hidden;
}

#sehitlerimiz__carousel_ img,
#kurdistanda___tarihi__carousel_ img {
    width: 100%;
    height: auto;
}

.atesten_cumleler_mod {
    background-image: url("/ku/images/ATESTEN%20CUMLELER/background.png");
    background-repeat: no-repeat;
    background-size: cover;
    height: 24em;
    border: none;
    margin-top: 3em;
    margin-bottom: 3em;
}

.atesten_cumleler_mod .card-header {
    border: none;
    background-color: unset;
    text-align: center;
    padding-top: 1em;
    font-weight: 300;
}

#slider_atesten_cumleler__carousel_ {
    height: 20em;
}

#slider_atesten_cumleler__indicators {
    bottom: 1.5em;
}

#slider_atesten_cumleler__indicators span {
    display: none !important;
}

#slider_atesten_cumleler__indicators a {
    width: 5em;
    height: 5em;
    border-radius: 50% !important;
    background-image: url("/ku/images/1.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

#slider_atesten_cumleler__indicators a.active {
    border: solid 1px white;
    box-shadow: 1px 1px 20px white;
    margin-top: 9px;
}

#slider_atesten_cumleler__nav_content .carousel-item {
    margin-top: 1.2em;
    text-align: center;
    font-weight: bold;
}

#slider_atesten_cumleler__nav_content h4 {

    color: rgba(0, 0, 0, .5);
}

#slider_atesten_cumleler__nav_content h4::before {
    content: '🖋';
    font-size: 44px;
    color: #efa758;
    display: block;
    margin-bottom: 5px;
    margin-top: 4px;
}

.ana_sayfa footer {
    position: absolute;
}

footer {
    /* background-color: #1d1709 !important; */
    color: rgb(229, 164, 15) !important;
    text-align: center;

    bottom: 0;
    width: 100%;

}

footer div {
    padding: unset;
}

#mod-custom121 {
    width: 100%;
}

.bracketed-text {
    text-transform: none;
}

.bracketed-text::before,
.bracketed-text::after {
    content: "";
    font-size: 2em;
    color: #e5a40f !important;
    font-weight: lighter;
    display: inline-block;
    transform: translateY(.11em);
}

.bracketed-text::before {
    content: "[";
}

.bracketed-text::after {
    content: "]";
}



.cart-cover {
    perspective: 1800px;
    transform-origin: center;
    position: relative;
}

.cart-cover .side2 {
    transform: rotateY(180deg) translateZ(0);
}

.cart-cover .side1,
.cart-cover .side2 {
    transform-origin: center;
    transition: transform .5s .5s ease;
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.col-bgl:hover .cart-cover .side1 {
    transform: rotateY(180deg) translateZ(0);
    z-index: 3;
}

.col-bgl:hover .cart-cover .side2 {
    transform: rotateY(360deg) translateZ(0);
    z-index: 3;
}

.cart-cover .side1 span,
.cart-cover .side2 span {
    top: 3em;
}

#back-top {
    right: 3em;
    color: darkred;

}

@keyframes fadeInOut {

    0%,
    100% {
        opacity: 1;
    }

    33%,
    66% {
        opacity: 0;
    }
}

.page_head_ {
    /* background-color: gray; */
}


.page_head_1,
.page_head_2,
.page_head_3 {
    width: 100%;
    position: absolute;
    transition: opacity 4s ease-in-out;
}


.page_head_1 {
    z-index: 4;
    animation: fadeInOut 12s infinite;
}


.page_head_2 {
    z-index: 3;
    animation: fadeInOut 12s infinite 4s;
}

.page_head_3 {
    z-index: 2;
    position: unset;
    animation: fadeInOut 12s infinite 8s;
}

@keyframes img_out {
    from {
        transform: scale(1.2, 1.2);
    }

    to {
        transform: scale(1, 1);
    }
}

@keyframes img_in {
    from {
        transform: scale(1, 1);
    }

    to {
        transform: scale(1.2, 1.2);
    }
}

/* #kurdistanda___tarihi__nav_content img:not(:hover), */

#slider_ustu___nav_content img:not(:hover),
#mod-custom117 img:not(:hover),
#mod-custom121 img:not(:hover),
#foto_galeri__carousel_ img:not(:hover) {
    animation-duration: .3s 2s;
    animation-name: img_out;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;
    /* filter: brightness(0.5); */
}

/* 
#kurdistanda___tarihi__nav_content img:hover, */

#slider_ustu___nav_content img:hover,
#mod-custom117 img:hover,
#mod-custom121 img:hover,
#foto_galeri__carousel_ img:hover {
    animation-duration: 2s;
    animation-name: img_in;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;

}

#foto_galeri__carousel_ img:not(:hover) {
    filter: brightness(0.9);
}


#kurdistanda___tarihi__nav_content .newsflash-image,
#slider_ustu___nav_content .newsflash-image,
#mod-custom117 .newsflash-image,
#mod-custom121 .newsflash-image {
    overflow: hidden;

}

#slider_ustu___nav_content {
    display: flex;
    /* max-height: 700px; */
    align-items: start;
    overflow: hidden;
    border: solid .3vw white;
}

#slider_ustu___nav_content figure {
    height: 100%;
}

#slider_ustu___nav_content img {
    height: 100%;
    object-fit: cover;
}

.bottom-b.card.foto_galeri_mod {
    margin-bottom: 2em;
}

#foto_galeri__carousel_ {
    overflow: hidden;
    display: flex;
    justify-content: center;
}

#foto_galeri__indicators {
    position: absolute;
    top: 50%;
    margin: unset;
    height: fit-content;
}


#foto_galeri__indicators a {
    display: none;
}


#foto_galeri__indicators span {
    background-color: black;
    zoom: 1.5;
}

#foto_galeri___nav_content {
    max-height: 39vw;
    /* overflow: hidden; */
    max-width: 70%;
}



.foto_galeri_mod {
    background-color: #e8e7e6;
    background-image: linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), url("/ku/images/01_ana_sayfa/Katman.png"), url("/ku/images/01_ana_sayfa/Katman.png");
    background-size: 100% 100%, auto 100%, auto 100%;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position: center, -50% 0, 175% 0;
}


.header.container-header.full-width:has(.logo_not_home) {
    top: 0;
    z-index: 92;
    position: sticky;
    padding-top: 19px;
    padding-left: 17rem;
    padding-right: 17rem;
    padding-bottom: 15px;
    border-bottom: solid 1px white;
    transition: background-color 0.3s;
}

.header.container-header.full-width.darker {
    padding-top: 10px;
    padding-bottom: 7px;
    transition: padding 0.3s;
    mix-blend-mode: hard-light;
    background-color: rgba(0, 0, 0, .5);
}

.logo_not_home {}

.sc_layouts_logo .logo_text {
    display: block;
}

a.sc_layouts_logo {
    text-decoration: none;
}

.logo_text {
    color: #86807c;
    font-size: 1.8em;
    font-weight: 400;
    font-style: normal;
    line-height: 1.25em;
    letter-spacing: 1px;
    text-decoration: none;
    text-transform: uppercase;
}

.logo_text {
    font-family: "Roboto Condensed", sans-serif;
}

.logo_text:hover {
    color: #37281c;
}

.logo_slogan {
    color: #86807c;
}

.logo_slogan {
    display: block;
    font-size: 12px;
    color: #86807c;
    line-height: 15px;
    letter-spacing: 0px;
}

.ana_sayfa nav.mod-breadcrumbs__wrapper {
    display: none;
}

.mod-breadcrumbs__wrapper {
    background-color: gray;
}

.makele_page .grid-child.container-component {
    grid-column-start: full-start !important;
    /* margin-left: 8vw; */
    grid-column-end: side-r-start;
}

.makele_page .grid-child.container-sidebar-right {
    grid-column-start: side-r-start;
    grid-column-end: full-end;
    /* margin-left: 8vw; */
}

.menu_1_ {
    padding: unset;
}

.menu_1_ ul {
    margin: 1rem;
    margin-left: unset;
}

.ana_menu_mod,
.ara_menu_mod,
.menu_1_ {
    border: unset;
    min-width: fit-content;
    background-color: #f3ede8;
    font-family: "Monda", sans-serif;
}

.ana_menu_mod .card-body,
.ara_menu_mod .card-body {
    padding: unset;
    margin-bottom: 1vw;
}

.ana_menu_mod .card-header,
.ara_menu_mod .card-header,
.menu_1_ .card-header {
    height: 4vw;
    border: unset;
    text-align: center;
    color: transparent;
    background-color: unset;
    text-transform: uppercase;
    background-size: 100% auto;
    background-position-y: top;
    background-repeat: no-repeat;
    background-position-x: center;
}

.ana_menu_mod .card-header {
    background-image: url("/ku/images/01_ana_sayfa/ana_menu.png");
}

.ara_menu_mod .card-header {
    background-image: url("/ku/images/01_ana_sayfa/ara_menu.png");
}

.ana_menu_mod a,
.ara_menu_mod a,
.menu_1_ a {
    color: #86807c;
    text-decoration: none !important;
    font-size: 1vw;
}

.ara_menu_mod a {
    font-size: 1.3vw;
}

.ara_menu_mod li {
    padding-top: 1.3vw;
}

.ana_menu_mod a img {
    display: none;
}

.menu_1_ a img {
    float: right;
}


.ana_menu_mod li,
.ara_menu_mod li,
.menu_1_ li {
    position: relative;
    margin-left: 3vw;
}

.menu_1_ li {
    border-bottom: solid 1px #86807c;
}

.menu_1_ span {
    top: 32%;
    position: absolute;
}

.ana_menu_mod li::before,
.menu_1_ li::before {
    background-color: #e5a40f;
    color: #e5a40f;
    content: ' ';
    display: block;
    width: 9px;
    height: 9px;
    line-height: 9px;
    text-align: center;
    position: absolute;
    z-index: 1;
    top: 45%;
    left: -1.4em;
    background-color: #e5a40f;
}

.ara_menu_mod li a::before {
    color: black;
    content: "🔍";
    display: block;
    width: 2vw;
    height: 2vw;
    line-height: 3vw;
    text-align: center;
    position: absolute;
    z-index: 1;
    left: -2.1vw;
    font-size: 1.5vw;
}

.js-finder-searchform .btn.btn-primary {
    background-color: #464541;
}

.js-finder-searchform .input-group {
    display: flex;
    justify-content: center;
}

.js-finder-searchform .me-2 {
    display: none;
}

.makele_page .container-banner.full-width {
    height: fit-content;

}


.makele_page .blog {
    color: white;
    font-size: 1vw;
}

.makele_page .blog .com-content-category-blog__item.blog-item {
    border-bottom: solid 3px white;
}

.makele_page.videolar_sayfa .blog .com-content-category-blog__item.blog-item {
    border-bottom: unset;
}

.makele_page .blog img {
    width: 100%;
}

.makele_page .blog h2 {
    margin-top: 1em;
    margin-bottom: 1em;
}

.makele_page.son_eklenenler .blog h2 {
    margin-top: unset;
    margin-bottom: unset;
}

.makele_page .blog h2 a {
    text-decoration: none;
    letter-spacing: 1.34px;
    color: white;
    font-family: "Varela", arial, sans-serif;
    font-size: calc(.7vw + .4rem);
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%;
    display: block;
    text-align: center;
}


.makele_page .blog h2 a:hover {
    color: #e5a40f;
}


.item-content .readmore {
    text-align: center;
}

.makele_page .readmore a {
    border: none;
    font-size: 1vw;
}

.videolar_sayfa.makele_page .blog h2 a {

    font-size: 1rem;
    line-height: 1.08rem;

}

.container-banner.full-width .banner.no-card.top_panel_title {

    background-color: #f3ede8;
    width: 100vw;

    margin-left: calc(50% - 50vw);
    box-sizing: border-box;


}

h1.makele_kategory_title {
    font-family: "Varela", arial, sans-serif;
    color: white;
    text-shadow: 3px 3px 7px black;
    font-size: calc(2vw + 1.5rem);
    font-weight: 550;
    font-style: normal;
    line-height: calc(2vw + 1.7rem);
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0px;
    hyphens: auto;
    padding-left: 16vw;
    padding-right: 16vw;
}

.makele_yol .breadcrumb {
    background-color: unset;
    justify-content: center;
}

.makele_yol .breadcrumb a {
    text-decoration: none;
}

.makele_yol .breadcrumb span {
    text-transform: uppercase;
    color: #e5a40f !important;
}

.makele_yol .breadcrumb a:hover span {
    color: #37281c !important;
}


.left.item-image {
    position: relative;
    display: inline-block;
    overflow: hidden;
    transition: filter 0.8s ease;
    float: unset !important;
    justify-content: center;
    display: flex;
}

.makele_page.sehitlerimiz_list .left.item-image {

    display: unset;
}

.left.item-image a {
    height: 100%;
}

/* .left.item-image a::after {
    content: "[ + ]";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    color: orange;
    font-size: 48px;
    transition: transform 0.8s ease;
    opacity: 0;
} */

.left.item-image a:hover img {
    filter: brightness(50%);
}

.left.item-image a:hover::after {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
}


.item-pagemakele_page .page-header {
    /* display: none; */
}


.related_post::before {
    content: "İlgili makaleler";
    color: black;
    font-size: 1.7vw;
    transition: transform 0.8s ease;
    text-align: center;
    width: 100%;
    display: block;
    text-transform: uppercase;
}

.related_post li {
    box-shadow: unset !important;
    padding: unset !important;
}

.related_post figure {
    margin: unset !important;
    margin-bottom: 1rem !important;
    overflow: hidden;
}

.related_post img:hover {
    animation-duration: 1.5s;
    animation-name: img_in;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;
}

.related_post li a {
    color: #37281c;
    transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
    text-decoration: none;
    background: transparent;
    font-family: inherit;
    font-size: 100%;
    line-height: inherit;
    font-weight: 550;
    font-style: inherit;
    border: 0;
    word-wrap: break-word;
    text-transform: uppercase;
    letter-spacing: 1.46px;
    hyphens: auto;
    width: 100%;
    display: block;
    text-align: center;
    font-size: 1.5vw;
}

.related_post li a:hover {
    color: #e5a40f;
    transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
    text-decoration: none;

}

.tooltip.bs-tooltip-auto {
    display: none;
}

.article-info.text-muted {
    border-top: solid 1px rgba(100, 100, 100, .1);
    margin-top: 1.5em;
}

.article-info.text-muted .article-info-term {
    display: none;
}

.article-info.text-muted .hits,
.article-info.text-muted .create {
    color: orange;
    margin-top: .5em;
    zoom: .77;
}


.sehitlerimiz_list .com-content-category-blog__item.blog-item {
    padding: 1vw;
    background-image: url("/ku/images/01_ana_sayfa/rastar/makele_kisa_arka.png");
    background-size: 100% auto;
    background-repeat: repeat-y;
}

.pagination a {
    color: orange;
    border: solid 1px orange;
}

.makele_page.videolar_sayfa .blog-item figure {
    position: relative;
}

.makele_page.videolar_sayfa .blog h2 {
    margin: unset;
    min-height: 2.1vw;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
}


.makele_page.videolar_sayfa .blog-item figure a::before {
    content: " ";
    font-size: 3.3vw;
    position: absolute;
    top: 31%;
    left: 40%;
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    background: url("data:image/svg+xml;utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20100'%3E%3Ccircle%20cx='50'%20cy='50'%20r='36'%20fill='rgba(0,0,0,0.45)'/%3E%3Cpath%20fill='%23fff'%20d='M38%2035.5%20L38%2034.5%20A1.5%201.5%200%200%201%2039.5%2033%20L39.6%2033%20L64%2050%20L39.6%2067%20L39.5%2067%20A1.5%201.5%200%200%201%2038%2065.5%20L38%2064.5%20Z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.makele_page.videolar_sayfa .blog-item figure a {
    height: 100%;
    display: block;
}

.makele_page.videolar_sayfa .blog-item p {
    display: none;
}



.video_player_t {
    margin-bottom: 5rem;
}

.player_t_title {
    text-align: center;
    margin-top: -.3rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    letter-spacing: 1.34px;
    color: white;
    font-family: "Varela", arial, sans-serif;
    font-size: calc(1vw + 1rem);
    font-weight: 550;
    font-style: normal;
    text-transform: uppercase;
    width: 100%;
    display: block;
    background-image: url("/ku/images/01_ana_sayfa/rastar/video_player.jpg");
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: top;
    background-size: auto 100%;
}

.yps_jin_row,
.kurdistanda___tarihi_row {
    margin-right: unset;
    margin-left: unset;
    /* border: solid 7px #c86a1e; */
    background-image: url("/ku/images/01_ana_sayfa/rastar/yps_jin.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 100%;
}

.yps_jin_row .col {
    padding-right: unset;
    padding-left: unset;
}

.yps_jin_row .col.position-relative {

    /* border-left: solid 7px #c86a1e; */
}

.kurdistanda___tarihi_row .col.position-relative {
    background-image: url("/ku/images/01_ana_sayfa/rastar/ordulasma_adimlari_ve_oz_savunma.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-right: solid 7px #c86a1e;
}

.mod_kurdistanda___tarihi_left,
.mod_kurdistanda___tarihi_left a,
.mod_kurdistanda___tarihi_left h2,
.mod_yps_jin_right,
.mod_yps_jin_right a,
.mod_yps_jin_right h2 {
    width: 100%;
    height: 100%;
    color: transparent;
    align-content: center;
    text-align: center;
}

.makele_page.onder_apo .com-content-category-blog__items.blog-items.onder_apo_art {
    background-color: rgb(196, 196, 196);
    padding: 1vw;
    border-radius: 1em 0 0;
    box-shadow: 0 0 3px orange
}

.makele_page.onder_apo .makele_page .blog h2 {
    margin: 1em;
}

.makele_page.onder_apo .com-content-category-blog__item.blog-item .article-info,
.makele_page.onder_apo .com-content-category-blog__item.blog-item p {
    display: none;
}

.makele_page.onder_apo .com-content-category-blog__item.blog-item,
.makele_page.onder_apo .related_post li {
    border: solid .2vw orange;
    padding: unset;
    margin-bottom: 3vw;
    background-color: #f3ede8;
    border-radius: 1em 0 0;
}

.makele_page.onder_apo .com-content-category-blog__item.blog-item figure {
    margin: unset;
}

.com-content-category-blog__items.blog-items.onder_apo_art {
    column-gap: 3vw;
}

.makele_page.onder_apo .com-content-category-blog.blog h1 {
    text-align: center;
    font-size: xxx-large;
    margin: 1em;
}

.makele_page.onder_apo .makele_yol:first-of-type,
.makele_page.onculerimiz_page .makele_yol:first-of-type {
    /* display: none; */
}

.makele_page.onder_apo .container-banner.full-width,
.makele_page.onculerimiz_page .container-banner.full-width {
    height: fit-content;
    min-height: 125px;
}


.makele_page.foto_galeri .com-content-category-blog__item.blog-item {
    justify-content: center;
}

.makele_page.foto_galeri .com-content-category-blog__item.blog-item .left.item-image::after {
    display: none;
}

.gallery-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}




.gallery-overlay .full-image {
    max-width: 90%;
    max-height: 80%;
    min-height: 80%;
    transition: transform 0.33s ease;
    transition: opacity 0.33 ease;
    display: none;
}

.gallery-overlay .close-button {
    position: absolute;
    top: 20px;
    right: 20px;
    background-color: transparent;
    color: white;
    border: none;
    font-size: 24px;
    cursor: pointer;
    zoom: 1.2;
}

.gallery-overlay .nav-button {
    position: absolute;
    top: 50%;
    background-color: transparent;
    color: white;
    border: none;
    font-size: 24px;
    cursor: pointer;
    zoom: 1.2;
}

.gallery-overlay .next-button {
    right: 20px;
}

.gallery-overlay .prev-button {
    left: 20px;
}

#preview-container #prev-btn:active,
#preview-container #next-btn:active {
    background-color: unset;
    border-color: transparent;
}



#preview-container #prev-btn {
    font-size: 2vw;
    margin-right: -3vw;
    transform: translateX(-50%);
    text-shadow: 1px 1px 3px black;
}

#preview-container #next-btn {
    font-size: 2vw;
    margin-left: -3vw;
    transform: translateX(50%);
    text-shadow: -1px 1px 3px black;
}

#preview-container .download-button {
    padding: unset;
    width: 15px;
    height: 15px;
    transform: scale(1.5);
    position: absolute;
    right: .40vw;
    max-width: fit-content;
}

#preview-container .download-button svg {
    width: 2vw;
    height: 2vw;
}


.rows_changer {
    justify-content: center;
    cursor: pointer;
    display: flex;
    font-size: 2vw;
    background-color: rgba(255, 255, 255, .2);
}

.btn_rows_changer {
    transform: rotate(90deg);
    text-align: center;
    cursor: pointer;
}

.video_overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0);
    display: flex;
    justify-content: center;
    align-items: center;
}

.video_overlay::before {
    content: "  ";
    font-size: 2.5em;
    position: absolute;
    top: 31%;
    left: 40%;
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    background: url("data:image/svg+xml;utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20100'%3E%3Ccircle%20cx='50'%20cy='50'%20r='36'%20fill='rgba(0,0,0,0.45)'/%3E%3Cpath%20fill='%23fff'%20d='M38%2035.5%20L38%2034.5%20A1.5%201.5%200%200%201%2039.5%2033%20L39.6%2033%20L64%2050%20L39.6%2067%20L39.5%2067%20A1.5%201.5%200%200%201%2038%2065.5%20L38%2064.5%20Z'/%3E%3C/svg%3E") center/contain no-repeat;

}


@keyframes shrinkAndMove {
    0% {
        transform: scale(1) translate(0, 0);
        opacity: 1;
    }

    100% {
        transform: scale(0) translate(100%, 100%);
        opacity: 0;
    }
}

@keyframes appearFromTopLeft {
    0% {
        transform: scale(0) translate(-100%, -100%);
        opacity: 0;
    }

    100% {
        transform: scale(1) translate(0, 0);
        opacity: 1;
    }
}


.shrink {
    animation: shrinkAndMove 0.33s forwards;
    animation-fill-mode: forwards;
    /* Ensures the final state is maintained */
}

.appear {
    animation: appearFromTopLeft 0.88s forwards;
    animation-fill-mode: forwards;
    /* Ensures the final state is maintained */
}

.grid-child.container-sidebar-right:has(.ana_menu_mod) {
    top: 18px;
    z-index: 2;
    position: sticky;
    height: fit-content;
    transition: position 0.3s;
}

.slider_ust {
    background-image: url("/ku/images/01_ana_sayfa/rastar/slider_ust.png");
    background-size: 100% auto;
    background-repeat: repeat-y;
}

.yps-yps_jin_direnis_sehitleri {
    /* border: solid .7vw #989291; */
    margin-top: 1.7em;
    margin-bottom: 0;
    border: none;
}

.makele_page.sehitlerimiz_page #adminForm {
    display: none;
}

.sehitlerimiz_list.makele_page .com-content-category-blog.blog .com-content-category-blog__item.blog-item .item-content #persoon_info {
    display: none;
}

.sehitlerimiz_list.makele_page .com-content-category-blog.blog .com-content-category-blog__item.blog-item .item-content .page-header h2 {
    margin: unset;
    background-color: rgba(200, 200, 200, .7);
    border: solid .2vw rgba(20, 20, 20, .8);
}

.sehitlerimiz_list.makele_page .com-content-category-blog.blog .com-content-category-blog__item.blog-item .item-content .page-header h2 a {
    color: black;
    min-height: 2.5em;
}

.son_eklenenler_right {
    background-color: unset;
    border: unset;
}

.son_eklenenler_right .card-header {
    background-image: url("/ku/images/01_ana_sayfa/rastar/son_eklenenler_title.png");
    color: black;
    text-align: center;
    background-color: #989291;
    border: unset;
    background-repeat: repeat-y;
    background-size: 100% auto;
    background-position: center;
    white-space: nowrap;
    border: solid .4vw white;
    font-family: "Varela", arial, sans-serif;
    font-size: 2vw;
    padding-right: unset;
    padding-left: unset;
}

.son_eklenenler_right .card-header a {
    background-color: transparent !important;
    padding: unset !important;
}

.son_eklenenler_right .card-body {
    background-color: unset;
    margin-top: .7vw;
    border: solid .4vw white;
    background-image: url("/ku/images/01_ana_sayfa/rastar/son_eklenenler_alt.png");
    background-size: 100% auto;
    background-repeat: repeat-y;

}

.son_eklenenler_right .card-body .mod-articlesnews__item {
    position: relative;
}

.son_eklenenler_right .card-body .newsflash-title {

    bottom: .1vw;
    padding-left: .5vw;
    padding-right: .5vw;
    margin-bottom: 1vw;
}

.son_eklenenler_right .card-body .newsflash-image {
    margin-bottom: 0;
}

.son_eklenenler_right .card-body .newsflash-title {
    font-size: .8vw;
    text-decoration: none;
    color: white;
    text-align: center;
    display: block;
    align-content: center;
    width: 100%;
    background-color: rgba(100, 0, 0, .5);
}

.com-content-article.makele_page {
    color: white;
}

.com-content-article.item-pagemakele_page {
    color: white;
}

.com-content-article__body:has(#persoon_info) {

    width: 60%;
    float: right;
}

.item-pagemakele_page:has(.com-content-article__body):has(#persoon_info) {}

.item-pagemakele_page:has(.com-content-article__body) figure {
    /* width: 30% !important; */
}

.item-pagemakele_page:has(.com-content-article__body):has(#persoon_info) #photo_gallery {
    display: none;
}

.item-pagemakele_page:has(.com-content-article__body):has(#persoon_info) #videos_gallery {
    display: none;
}

.site-grid:has(#persoon_info) .container-sidebar-right {
    /*  
    display: none; */
}

.site-grid:has(#persoon_info) .container-component {
    /*   margin-right: -8vw;
   grid-column-end: banner-end; */
}

.site-grid:has(.col_persoon_info) .container-sidebar-right {

    display: none;
}

.site-grid:has(.col_persoon_info) .container-component {
    grid-column-end: full-end;
}

.persoon_article {
    width: unset !important;
    float: unset !important;
}

.img_p_info.row {
    background-image: url("/ku/images/01_ana_sayfa/rastar/info_.png");
    background-size: 100% auto;
    background-repeat: repeat-y;
    margin: unset;
}

.img_p_info .col_foto {
    justify-content: end;
    display: flex;
    padding-top: 2vw;
    padding-bottom: 2vw;
}

.img_p_info .col_foto figure {
    overflow: unset;
    margin: unset;
    margin-left: 2vw;
    /* display: contents; */
}

.img_p_info .col_foto figure img {
    /* height: 100%;
  max-width: unset; */
    border: solid .7vw white;
}

.img_p_info .col_persoon_info {
    justify-content: center;
    display: flex;
    padding-top: 2vw;
    padding-bottom: 2vw;
}

.img_p_info .col_persoon_info #persoon_info {
    /* margin: 2vw; */
    padding: 1vw 3vw;
    border: solid .7vw white;
    background-image: url("/ku/images/01_ana_sayfa/rastar/info_text.png");
    background-size: 100% auto;
    background-repeat: repeat-y;
    font-size: larger;
    font-weight: bolder;
}

#sgallery {
    background-size: 100% 100%;
    /* background-image: url("/ku/images/01frontpage/rastar/foto_arka.png"); */

}

#sgallery_header {
    color: transparent;
    background-size: 100% 100%;
    /* background-image: url("/ku/images/01frontpage/rastar/foto_title.png"); */
}

#sgallery_content {
    position: relative;
    min-height: 22vw;
    padding: unset;
}

#preview-container {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    /*    position: -webkit-sticky;
  position: sticky; */
}

#preview-container button {
    display: none;

}


.p-image-container {
    background-image: url("/ku/images/01_ana_sayfa/rastar/foto_bayrak.png");
    /* */
    background-position: bottom;
    background-size: cover;
    width: 60vw;
    height: 100%;
    max-height: 30vw;
    align-content: center;
    justify-content: center;
    display: flex;
    margin-bottom: 2vw;
    border: solid .7vw;
    overflow: hidden;
}

.img_wrapper {
    border-left: solid 1px #ccc;
    position: relative;
    margin-top: -1px;
    margin-left: -1px;
    border-top: solid 1px #ccc;
}

.img_wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-image: linear-gradient(#fff, #fff);

    pointer-events: none;
    z-index: 0;
    margin-top: .4vw;
    margin-left: .43vw;
    width: 101%;
    height: 101%;
}

.img_wrapper::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
}

#preview-image {
    max-height: 30vw;
    height: 29vw;
    cursor: pointer;
}



#images_col .masonry-item {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    min-height: 13vw;
    overflow: hidden;
    margin-bottom: 1em;
    background-size: cover;
    background-position: top;
    margin-top: .4vw;
}

#images_col .masonry-item img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    position: absolute;
    cursor: pointer;
    top: 0;
    opacity: 0;
    z-index: 10;
}



#btn_prew_row,
#btn_next_row {
    bottom: 50px;
    zoom: 2;
    z-index: 3;
    width: 50px;
    color: white;
    border: unset;
    position: absolute;
    background-color: transparent;
    text-shadow: red 1px 1px 0px, green -1px -1px 0px, yellow 1px -1px 0px;
}

#btn_prew_row {
    left: 0px;
}

#btn_next_row {
    right: 0px;
}

#container_row_gal {
    padding: 1.5em;
    position: relative;
    background-size: 100% 100%;
    background-image: url("/ku/images/01frontpage/rastar/foto_row.png");
    overflow: hidden;
    border: 8px solid white;
}

#row_gal {
    padding: 5px;
    column-gap: 5px;
    position: relative;
    width: max-content;
    scrollbar-width: none;
    overflow-y: scroll;
}

.row_gal {
    display: flex;
    overflow: scroll hidden;
    overflow-y: hidden;
    scrollbar-width: thin;
    scrollbar-color: rgb(255, 0, 0) rgb(241, 241, 241);
}

#row_gal>.gal-img {
    width: fit-content;
}

.gal-img {
    padding: 0px;
    width: fit-content;
    height: fit-content;
}

#row_gal figure {
    width: fit-content;
    height: 150px;
    margin: unset;
    overflow: hidden;
    text-align: center;
}

.gal-img figure {
    overflow: hidden;
    position: relative;
    background: rgb(85, 82, 62);
    background-color: rgb(85, 82, 62);
    border-color: rgb(107, 104, 86);
}

.gal-img figure img {
    position: relative;
    z-index: 2 !important;
    border-color: currentcolor;
    border-radius: 0.7em 0.7em 0px 0px;
    height: 100%;
}

.gal-img img {
    height: auto;
    cursor: pointer;
}

.card.direnis_anilari_home,
.card.ozel_dosyalar_home {
    margin-right: .85em;
}

.card.sehit_portreleri_home,
.card.yps_arsiv_home {
    margin-left: .85em;
}

.ana_sayfa .grid-child.container-component {
    display: none;
}

.container-bgl .col-bgl {
    padding: unset;
}

#mod-custom117,
#mod-custom121,
#mod-custom124 {
    margin: unset;
    margin-top: 1.7em;
}

#mod-custom117 .row,
#mod-custom121 .row {
    margin: unset;
}

.alt_foto {
    width: 100%;
}

/* 
 
#images_col {
  display: flex;
  flex-wrap: nowrap;  
  gap: 0.5rem;      
  align-items: center; 
  overflow-x: auto;   
  -webkit-overflow-scrolling: touch;
}*/



.site-grid:has(#sehitlerimiz_sayfa_01) .container-sidebar-right {

    display: none;
}

.site-grid:has(#sehitlerimiz_sayfa_01) .container-component {
    grid-column-end: full-end;
}


#sehitlerimiz_sayfa_01 .carousel-indicators {
    display: none;
}

#sehitlerimiz_sayfa_01 .location_body {
    background-size: 100% 100%;
    background-image: url("/ku/images/01_ana_sayfa/sehitlerimiz_sayfa/arka_rastar.png");
    border: solid .4vw gray;
    border-top: unset;
    box-shadow: 0px 0px 25px gray;
}

#sehitlerimiz_sayfa_01 {
    margin: -1vw;
}

#sehitlerimiz_sayfa_01 a {
    text-decoration: unset;
    color: wheat;
    width: 100%;
    display: block;
}

#sehitlerimiz_sayfa_01 .card-header {
    text-align: center;

    background-color: black;
    border: solid .35vw white;
    padding: .3vw;
    font-size: 1.3vw;
    box-shadow: 0 0 5px white;
}


#sehitlerimiz_sayfa_01 .card {
    border: unset;
    margin: 1vw;
}

#sehitlerimiz_sayfa_01 .card figure {
    margin: unset;
}

#sehitlerimiz_sayfa_01 .card figure img {
    width: 100%;
    height: auto;
}



.iletisim {
    margin: unset;
    padding-top: 1vw;
    padding-bottom: 1vw;
    background-size: 100% 100%;
    background-image: url("/ku/images/01_ana_sayfa/rastar/iletisim.png");
}

.iletisim .btn {
    font-size: 1vw;
}

.iletisim .btn a {
    text-decoration: none;
    color: #000;
    font-size: larger;
}














@media (max-width: 993px) {

    .lang_menu_top li {
        font-size: 2vw;
        padding-top: .1em;
        padding-bottom: .1em;
        padding-left: 1.2em;
        padding-right: 1.2em;
        font-weight: bold;
        opacity: .6;
        color: black;
    }

    .mod_hakkimizda h1 {
        font-size: 2.5vw;
    }

    .row.videos_r2 .col,
    .bayrak_v {
        display: none;
    }

    .row.videos_r2 .col-9 {
        width: 100% !important;
    }

    .ara_menu_mod a {
        font-size: 4vw;
    }

    .ara_menu_mod li {
        margin-left: 7vw;
    }

    .ara_menu_mod li a::before {
        color: black;
        content: "🔍";
        display: block;
        width: 5vw;
        height: 5vw;
        line-height: 5.3vw;
        text-align: center;
        position: absolute;
        z-index: 1;
        left: -4.1vw;
        font-size: 4.5vw;
    }


    .grid-child.container-sidebar-right:has(.ana_menu_mod) {
        /* grid-row: 1; */
        width: 100vw;
        margin-left: calc(50% - 50vw);
        box-sizing: border-box;
        position: unset;
        height: unset;
    }

    .makele_page .container-banner.full-width {
        /* grid-row: 2; */
    }

    .makele_page .site-grid {
        /* padding-left: 5vw;
        padding-right: 5vw; */
    }

    .ana_menu_mod a,
    .menu_1_ a {
        color: #86807c;
        text-decoration: none !important;
        font-size: calc(1vw + 1rem);
    }

    .ana_menu_mod li,
    .menu_1_ li {
        position: relative;
        margin-left: 6vw;
    }

    .ana_menu_mod .card-header,
    .menu_1_ .card-header {
        height: 23vw;
    }

    .main_menu_top {
        line-height: calc(1vw + 1rem);
        font-size: calc(1vw + 1rem);
    }

}

.disabled span {
    color: rgba(255, 167, 7, .5);
}

.disabled.page-item {
    background-color: rgba(255, 167, 7, .2);
}

.page-link:hover,
.active.page-item a {
    background-color: orange;
}

.disabled.page-item .page-link {
    background-color: transparent;
}

.main_menu_top.arama_menu_top {
    float: right;
    position: absolute;
    right: 1vw;
}

#slider_ustu___nav_content img:not(:hover) {
    filter: none;
}

.com-content-article__body video {
    max-width: 100%;
    aspect-ratio: auto !important;
    height: unset !important;
    min-width: 99%;
    background: black;
}

#svideo_content {
    margin-bottom: 3vw;
}

.video_show_container {
    justify-content: center;
    display: flex;
    margin-right: 3vw;
}

#videos_list {
    position: relative;
    padding: unset;

}

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

#arrow_prew {
    margin-left: 25%;
    font-size: 1.5em;
    cursor: pointer;
    zoom: 1.3;
}

#arrow_next {
    margin-right: 25%;
    font-size: 1.5em;
    cursor: pointer;
    right: 0;
    position: absolute;
    zoom: 1.3;
}

.com-content-category-blog__counter {
    display: none;
}

.com-content-category-blog__pagination .pagination__wrapper .pagination {
    justify-content: center;
}

.downloadArrow {
    position: absolute;
    top: 55%;
    right: 1vw;
    background-color: transparent;
    border: none;
    cursor: pointer;
    zoom: 2;
}

.nav-toggle {
    width: 2em;
    height: 2em;
}

.nav.main_menu_top {

    transition: opacity .5s ease, height .5s ease;
}


#home_carousel_yps_jin_d_s .carousel-indicators,
#home_carousel_yps_jin .carousel-indicators {
    display: none;
}

#tax-category {
    color: black;
}


@media (max-width: 768px) {

    header,
    .site-grid {
        margin-left: 2vw;
        margin-right: 2vw;
    }


    .menu_top {
        padding-left: 1.5em;
        padding-right: 1.5em;
    }

    .main_menu_top {
        display: block;
        visibility: hidden;
    }

    .main_menu_top,
    .main_menu_top a {

        line-height: 5vw !important;
        font-size: 4vw !important;
    }

    .container-header .mod-menu>li {
        height: fit-content;
    }

    .container-header .mod-menu .parent>ul {
        display: block;
    }


    .ana_sayfa .container-banner {
        max-height: unset;
        min-height: unset;
    }

    #slider_ustu__carousel_ {
        /* display: none; */
    }

    .mod_son_eklenenler {
        margin-top: 1.8em;
    }

    #slider_ustu__indicators {
        top: 40%;
    }

    #slider_ustu___nav_content div p {
        font-size: 2.7vw;
        bottom: 3em;
    }

    .mod_son_eklenenler .card-header {
        font-size: 4.3vw;
    }

    .mod_son_eklenenler li {
        height: fit-content;
    }

    .mod_son_eklenenler li h4 a {
        font-size: 2.8vw;
        line-height: unset;
        max-height: unset;

    }

    .mod_hakkimizda h1 {
        font-size: 4.5vw;
    }

    .c_btn_hakkimizda a {
        zoom: 2.7;
    }

    .iletisim .btn {
        font-size: 3vw;
    }

    .makele_page.videolar_sayfa .blog-item figure a::before {
        font-size: 5.3vw;
        width: 3.5em;
        height: 3.5em;
    }


    .item-content .readmore {
        text-align: center;
        position: relative;
    }

    .makele_page .readmore a {
        border: none;
        position: absolute;
        right: 50%;
        transform: translateX(50%);
    }

    .container-bgl .col-12:not(:first-child) {
        margin-top: 1.7em;
    }

    #mod-custom121 .card-header,
    #mod-custom117 .card-header,
    .video_galeri_mod .card-header,
    .foto_galeri_mod .card-header {
        font-size: 5vw;
    }

    .ana_sayfa .carousel-indicators {
        zoom: 3;
    }

    .container-bgl span {
        margin-top: -.19vw;
    }

    #mod_yps_jin__indicators span,
    #kurdistanda___tarihi__indicators span,
    #slider_ustu__indicators span,
    #foto_galeri__indicators span {
        background-color: transparent;
        zoom: .5;
        margin: unset;
    }

    #mod_yps_jin__indicators span span,
    #kurdistanda___tarihi__indicators span span,
    #slider_ustu__indicators span span,
    #foto_galeri__indicators span span {
        background-color: black;
    }

    .row.videos_r1,
    .row.videos_r2 {
        margin: unset;
    }

    .row.videos_r2 .col-9 {
        padding: unset;
        margin-top: 1.5em;
        margin-bottom: 1.5em;
    }

    .card.direnis_anilari_home,
    .card.ozel_dosyalar_home {
        margin-right: unset;
    }

    .card.sehit_portreleri_home,
    .card.yps_arsiv_home {
        margin-left: unset;
    }

    .makele_page .grid-child.container-component {
        grid-column-start: full-start !important;
        margin-left: unset;
        grid-column-end: full-stop;
    }

    .makele_page .grid-child.container-sidebar-right {
        grid-column-start: full-start;
        grid-column-end: full-end;
        margin-left: unset;
    }


    .son_eklenenler_right .card-header {
        font-size: unset;
    }

    .son_eklenenler_right .card-body .newsflash-title {
        font-size: 1em;
    }

    .mod_son_eklenenler li figure {
        position: unset;
        align-content: unset;
    }

    .ana_sayfa .container-banner,
    .container-bottom-a,
    .container-bottom-b.grid-child {
        /* padding-left: 1.5em;
        padding-right: 1.5em; */
    }

    .mod_hakkimizda {
        margin-left: 1.3em;
        margin-right: 1.3em;
    }

    #foto_galeri__indicators {
        top: 40%;
    }

    .makele_page .site-grid {
        padding-left: 0;
        padding-right: 0;
    }

    .related_post::before {
        font-size: 6vw;
    }

    .related_post li a {
        font-size: 3vw;
    }

    .player_t_title {
        font-size: calc(.3vw + .8rem);
    }

    .com-content-category-blog__item.blog-item {
        padding-bottom: 2em;
    }


    .image-left .blog-item .item-content {
        padding-left: unset;
    }

    .image-left .blog-item .item-content .page-header a {
        text-decoration: none;
        color: black;
    }

    .readmore a {
        color: orange;
        border: none;
        float: right;
        padding: unset;
    }


    h1.makele_kategory_title {
        font-size: calc(1vw + 1.1rem);
    }

    .ana_sayfa footer {
        zoom: .4;
    }

    .com-content-category-blog__navigation {
        zoom: .7;
    }


    .makele_page .blog {
        font-size: 3.2vw;
    }

    .makele_page .blog h2 a {
        font-size: calc(1.7vw + .6rem);
    }

    .makele_page .readmore a {
        font-size: 3vw;
    }

    .img_p_info .col_foto {
        width: 100%;
    }

    .img_p_info .col_foto figure {
        margin-left: unset;
    }

    .img_p_info .col_persoon_info {
        width: 100%;
    }

    .img_p_info.row {
        display: block;
    }

    .row.videos_r2 ul {
        zoom: .65;
    }


    .video_show_container {

        margin-right: unset;
    }

}










/* ----------------------- tmp -----------------------------*/

.make_colors_inverse {
    background-color: black;
    mix-blend-mode: difference;
}