:root {
    --cassiopeia-color-primary: #3a5a16;
    --cassiopeia-color-hover: #3a5a16;
    --border-radius: .4em;
    --card-border-radius: var(--border-radius) var(--border-radius) 0 0;
    --link-color: black;
    --cassiopeia-color-primary: wheat;
}

body {
    background-image: url("/tr/images/01frontpage/rastar/arca_rastar.png");
    zoom: .9;
}

.container-topbar {
    width: 100%;
    margin: auto;
    /* max-width: 1320px; */
    text-shadow: 2px 2px black;
}

.container-topbar .logo_img {
    position: relative;
    /* background-size: 100% auto;
    background-repeat: no-repeat;
    background-image: url("/tr/images/01frontpage/logo/rastar.png"); */
}

.container-topbar .logo_img>a>img {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: auto;
}


.container-topbar .logo_img .col-auto {
    translate: 1.5em;
}

.logoS1,
.logoS2,
.logoS3 {
    top: 0;
    position: absolute;
}

.gl {
    left: 0;
    opacity: 0;
}

.gl2 {
    transform: translateX(111%);
    opacity: 0;
}

.gr {
    right: 0;
    opacity: 0;
}

.gr2 {
    right: 0;
    opacity: 0;
    transform: translateX(-111%);
}

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

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


/* --------------------------------------- */


.container-topbar img {
    margin-top: 3px;
    max-height: 59px;
}

.container-topbar a {
    text-decoration: none;
}

@keyframes fadeInOut {

    0%,
    100% {
        opacity: 0;
    }

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

/* .logoS1 {
    animation: fadeInOut 15s infinite;
    transition: opacity 5s ease-in-out;
}

.logoS2 {
    transition: opacity 10s ease-in-out;
    animation: fadeInOut 15s infinite 3s;
}

.logoS3 {
    transition: opacity 5s ease-in-out;
    animation: fadeInOut 15s infinite 6s;
} */

@keyframes apear {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes disapear {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

#mod-custom112 {
    overflow: hidden;
}

image-container {
    position: relative;
    overflow: hidden;
}

.animate-zoom-out {
    transform-origin: right;
    animation: zoom-out 2s ease-in-out forwards;
}

.animate-zoom-in {
    transform-origin: bottom;
    animation: zoom-in 2s ease-in-out forwards;
}

.image-clone {
    position: absolute;
    top: 0;
    left: 0;
}

.navbar.navbar-expand-md {
    display: contents;
}

.navbar.navbar-expand-md .navbar-toggler.navbar-toggler-right {
    border: none;
    min-width: 39px;
    min-height: 39px;
    box-shadow: unset;
    background-size: cover;
    border: solid .1em rgba(200, 255, 200, .3);
    background-repeat: no-repeat;
    border-radius: unset !important;
    background-color: rgba(250, 250, 250, .35);
    background-image: url("/tr/images/01frontpage/btn/menu_btn.png");
}

#menu_row {
    padding: .6em;
    min-height: 3em;
    margin-left: unset;
    margin-right: unset;
    margin-bottom: .5em;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url("/tr/images/01frontpage/rastar/menu_rastar.png");
}

.col-auto.idm1 {
    top: 0.15em;
    right: 0.3em;
    position: absolute;
}

.col-sm-11.idm129 {
    float: left;
    display: contents;
    visibility: hidden;
}

#navbar1 {
    z-index: 9;
    margin-top: 4.5em;
    position: absolute !important;
    padding-top: 8px;
    padding-bottom: 8px;
}

.mod-menu {
    float: right;
    margin-right: -.6em;
    color: black !important;
    font-size: .45em !important;
    text-shadow: .01em 0.01em .03em red;
}

.mod-list li .mod-menu__sub {
    padding-left: 2em;
}

.mod-list li .mod-menu__sub .mod-menu__sub {
    padding-left: 1.3em;
}

.icon-menu::before {
    content: "" !important;
}

.mod-list li {
    padding: 0 0 !important;
}

.container-header {
    background-image: unset;
    background-color: #162e00;
}

.container-header .navbar-collapse.show {
    flex-grow: 1;
    padding: 0 1em;
    flex-wrap: wrap;
    flex-basis: 100%;
    align-items: center;
    border-radius: 1em 0 0 0;
    display: flex !important;
    justify-content: space-between;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-color: var(--cassiopeia-color-primary);
    background-image: url("/tr/images/01frontpage/rastar/menu.png");
    box-shadow: 0px 0px 1em 0px #d89907, 0px 0px 2em 0px #7d1204;
    background-image: linear-gradient(to right, yellow 30%, red 42%, green 88%);
}

.container-header .navbar-collapse.show {
    max-height: 80vh;
    overflow-y: auto;
}

#main__nav_content .newsflash-title {
    width: unset;
    padding: .2em;
    margin-left: 1em;
    margin-right: 1em;
    display: flow-root;
    background-color: rgba(0, 0, 0, .5);
}

#main__nav_content .newsflash-title a {
    color: white;
    text-align: left;
    min-height: 3.5em;
    font-size: x-small;
    text-decoration: unset;
    text-shadow: 0 0 2px white;
}

@keyframes color_main_indicator_frames {
    0% {
        box-shadow: inset 0 0 100px rgba(250, 250, 0, 0.8);
    }

    33% {
        box-shadow: inset 0 0 100px rgba(250, 0, 0, 0.7);
    }

    66% {
        box-shadow: inset 0 0 100px rgba(0, 250, 0, 0.7);
    }

    100% {
        box-shadow: inset 0 0 100px rgba(250, 250, 250, 0);
    }
}

.color_main_indicator {
    animation: color_main_indicator_frames 7s forwards;
}

.m_art {
    overflow: hidden;
    position: relative;
}

.main_indic {
    text-decoration: none;
}

.main_itm_title {
    /* top: 5em;
    font-size: small;
    position: absolute;*/
    padding: .5em;
    padding-bottom: 1.1em;
    background-color: rgba(0, 0, 0, .5);
    position: absolute;
    bottom: 0;
}

.main_indic:hover {
    color: white;
    text-decoration: none;
}

.main_ind_title {
    color: white;
}

.main_ind_img {
    position: relative;
}

.main_ind_img img {
    margin-top: .2em;
    box-shadow: 0 0 5px yellow, 0 0 10px red, 0 0 15px green;
}

.main_slider_c {
    padding: 2em;
    padding-bottom: 2em;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url("/tr/images/01frontpage/rastar/main_slinder_arka.png");
}



.main_slider_nav {}

.main_indicators {
    display: grid;
    grid-gap: 10px 18px;
    grid-template-columns: repeat(2, minmax(auto, 1fr));
}

.main_indic {
    height: 6.7em;
    min-width: 95%;
    display: block;
    overflow: hidden;
    align-content: end;
    padding-left: .3em;
    margin-left: -.39em;
}

.sehid_ilanlari_mod_header {
    border: unset;
    color: transparent;
    text-align: center;
    background-size: 100% 100%;
    background-image: url("/tr/images/01frontpage/rastar/sehid_ilanlari_header.png");
}

.sehid_ilanlari_mod {
    border: unset;
    padding-bottom: 1em;
    border-radius: unset;
    background-size: 100% 100%;
    background-color: transparent;
    background-image: url("/tr/images/01frontpage/rastar/sehid_ilanlari_arka.png");
}

.sehid_ilanlari_mod .card-body p {
    display: none;
}

.sehid_ilanlari_mod .card-body p:first-child {
    display: list-item;
}

.sehitlerimiz_mod ul li {
    display: none;
}

.sehitlerimiz_mod ul li:nth-child(-n+5) {
    display: list-item;
}

.s_i {
    height: 9em;
    margin: .4em;
    color: yellow;
    overflow: hidden;
    border-radius: 1em;
    background-color: #253210;
    border: solid .2em orange;
}

.s_i figure {
    margin-top: 0em !important;
    margin-bottom: auto !important;
}

.s_i div {
    padding-right: 0;
}

.s_i hr {
    opacity: 1;
    border: solid .1em white;
}

.s_intro {
    color: orange;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.flipper {
    animation: flip .7s forwards;
}

@keyframes flip {
    0% {
        transform: rotateY(0deg) rotateX(0deg);
        box-shadow: none;
    }

    20% {
        transform: rotateY(10deg) rotateX(1deg);
        box-shadow: 0 0 20px red, 0 0 30px red, 0 0 40px yellow;
    }

    50% {
        transform: rotateY(90deg) rotateX(2deg);
        box-shadow: 0 0 20px yellow, 0 0 30px yellow, 0 0 40px darkgreen;
    }

    80% {
        transform: rotateY(20deg) rotateX(1deg);
        box-shadow: 0 0 20px darkgreen, 0 0 30px darkgreen, 0 0 40px red;
    }

    100% {
        transform: rotateY(0deg) rotateX(0deg);
        box-shadow: none;
    }
}

#mod-custom114 {
    padding-top: 2em;
}

.si {
    cursor: pointer;
    text-decoration: none;
}

.left_col_mod {
    height: 100%;
    position: relative;
}

.left_col_mod p img {
    margin: .4em;
    border-radius: 1em;
    border: solid .4em white;
}

.grid-child.container-top-a {
    border-radius: 0 0 1em 1em;
}

.grid-child.container-top-a .baner_mod {
    margin: 0;
}

.baner_video_p {
    margin-bottom: -0.9em;
}

#baner_video_q {
    border-radius: 0 0 .5em .5em;
}

#mod-custom126 p {
    margin-bottom: 0;
}

.mod_1978_1984,
.hrk_mod,
.argk_mod {
    border: solid .5em white;
}

.mod_1978_1984 p,
.hrk_mod p,
.argk_mod {
    margin-bottom: 0;
}

main .com-content-article.item-page_hpg {
    position: relative;
    background-repeat: no-repeat;
    background-color: rgba(0, 76, 52, .5);
}

main .com-content-article.item-page_hpg .com-content-article__body {
    padding: 2em;
    padding-top: unset;
    padding-bottom: 1.5em;
}

main .com-content-article.item-page_hpg .com-content-article__body .article_body_row.row {
    padding: 1em 2em;

}


main .com-content-article.item-page_hpg .page-header {
    padding: 1em;
    margin-bottom: 0;
    text-align: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url("/tr/images/01frontpage/rastar/page_header.png");
}

main .com-content-article.item-page_hpg .page-header h1 {
    padding: .4em;
    display: inline;
}

main .item-page_hpg figure.right.item-image img {
    margin-right: 1em;
}

.full_text_image {
    text-align: center;
    float: unset !important;
}

tmp main .com-content-article.item-page_hpg.sicilen_sehidan {}

#saciklama_content .full_text_image {
    float: unset !important;
    margin-bottom: 2em;
}

main .com-content-article.item-page_hpg.sicilen_sehidan .full_text_image {
    float: right !important;
    margin-bottom: unset;
}

main .com-content-article.item-page_hpg.sicilen_sehidan>.full_text_image img,
main .com-content-article.item-page_hpg.sicilen_sehidan>.full_text_image canvas {
    float: right;
    max-width: 16.5em;
    min-width: 16.5em;
    margin-bottom: 1em;
}


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

._hpg .com-content-category-blog.blog .com-content-category-blog__children.cat-children {
    text-align: center;
    padding-top: 1em;
}

.right.intro_image {
    display: flex;
    align-items: center;
    justify-content: center;
}

.sicilen_sehidan_baner,
.fermandaren_me_baner,
.biraninen_gerila_baner,
.reber_apo_baner {
    border: unset;
    padding: 1.5em;
    display: inline;
    padding-bottom: .5em;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-color: transparent;
}

.fermandaren_me_baner {
    background-image: url("/tr/images/01frontpage/rastar/fermandaren_me_baner.png");
}

.biraninen_gerila_baner {
    background-image: url("/tr/images/01frontpage/rastar/biraninen_gerila_baner.png");
}

.reber_apo_baner {
    background-image: url("/tr/images/01frontpage/baner_images/reber_apo_baner.png");
}

.com-content-article.item-page_menu_reber_apo {
    background-color: wheat;
    padding: 2em;
}

.com-content-article.item-page_menu_reber_apo .page-header {
    text-align: center;
    margin-bottom: 2em;
}

.com-content-category-blog__items.blog-items.apo-articles .blog-item .item-content {
    position: relative;
    padding-bottom: 1em;
    display: grid;
    justify-content: center;
}

.com-content-category-blog__items.blog-items.apo-articles .blog-item .item-content .page-header h2 {
    line-height: .7em;
}


.com-content-category-blog__items.blog-items.apo-articles .blog-item .item-content .page-header a {
    text-decoration: none;
}

.com-content-category-blog__items.blog-items.apo-articles .blog-item .item-content .readmore {
    position: absolute;
    right: 0em;
    bottom: -1em;
}

.com-content-category-blog__items.blog-items.apo-articles .blog-item .item-content .article-info {
    transform: translate(0em, 1.5em);
    bottom: 0;
    position: absolute;
}

.sicilen_sehidan_baner {
    background-image: url("/tr/images/01frontpage/rastar/sicilen_sehidan_baner.png");
}

.grid-child.container-top-b {
    display: block;
}

.article_body_row.row figure.right.item-image img {
    float: right;
    max-width: 16.5em;
    min-width: 16.5em;
    margin: unset;
}

.article_persoon_info {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url("/tr/images/01frontpage/rastar/article_persoon_info.png");
}

.article_persoon_info .article_body_col_info.col {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url("/tr/images/01frontpage/rastar/article_persoon_info_sol_foto.png");
    transform: translateX(-1em);
    padding-right: 2em;
    padding-left: 2em;
}

.article_body_col_info,
.sicilen_sehidan #persoon_info {
    color: black;
    font-weight: bolder;
    font-size: x-large;
    text-align: center;
    text-shadow: 0 0 2px black;
}




.article_body_col_info {
    /* padding-left: 3em;
    padding-top: 2.5em;
    padding-right: 4em;
    padding-bottom: 7em; */
    display: grid;
    align-items: center;
}


.article_body_col_image {
    padding: 3em;
    margin-bottom: 2em;
    padding-top: unset;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url("/tr/images/01frontpage/rastar/article_persoon_info_sag_foto.png");
    transform: translateX(1em);
}

.article_body_col_image img {}

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

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

.tabbed_group figure img:hover,
.footer_image:hover,
.item-pageResim_Galerisi img:hover,
.com-content-category-blog__item.blog-item .left.item-image img:hover,
#main__nav_content img,
#mod-custom142 img {
    animation-duration: 2s;
    animation-name: img_in;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;
}

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

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

.gal-img figure:hover .zoom-icon {
    transform: translateY(0px);
}

.gal-img .zoom-icon {
    top: 50%;
    left: 50%;
    zoom: 2.5;
    display: block;
    margin-left: -9px;
    margin-top: -16px;
    position: absolute;
    transform: translateY(-250px);
    transition: all 0.4s ease-out 0s;
}

.tabbed_group figure img:not( :hover),
.footer_image:not(:hover),
.item-pageResim_Galerisi img:not(:hover),
.com-content-category-blog__item.blog-item .left.item-image img:not(:hover),
#main__nav_content img:not(:hover),
#mod-custom142 img:not(:hover) {
    animation-duration: 2s;
    animation-name: img_out;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;
}

#main__nav_content figure,
#mod-custom142 .col_auto {
    overflow: hidden;
}

#mod-custom127 {
    text-align: center;
}

#mod-custom127 a {
    text-decoration: none;
    color: black;
}

#mod-custom127 .carousel-item {
    min-height: 380px;
}


.idm130 {
    min-height: 4em;
    padding-top: .3em;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("/tr/images/01frontpage/rastar/aramak.png");
}

.mod_search {
    right: 0;
    padding-top: .3em;
    position: absolute;
    padding-right: .5em;
}

.idm118 {
    background-color: rgba(255, 180, 0, 0.3);
}

.idm_btn_more {
    padding-top: 1em;
    text-align: center;
    padding-bottom: 1em;
    background-color: rgba(255, 180, 0, 0.3);
}

.apocular_mod {
    border-radius: unset;
    border-color: transparent;
    background-color: transparent;
}

.idm_btn_more img {
    height: 59px;
}

.loading-image {
    animation: fade 1.5s infinite;
}

@keyframes fade {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.apocular_mod.card {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-color: transparent;
    background-image: url("/tr/images/01frontpage/rastar/Mucadele_Tarihi_ehitlerimiz_rastar.png");
}

.apocular_mod_header {
    margin: -1px;
    text-align: center;
    color: transparent;
    border-bottom: unset;
    /*    background-size: 100% 100%;
    background-color: transparent;
    border-radius: unset !important;
    background-image: url("/tr/images/01frontpage/rastar/Mucadele_Tarihi_ehitlerimiz.png");*/
}

.apocular_mod_header a {
    font-size: small !important;
    background-image: unset !important;
}

.apocular_mod .card-body {
    padding-top: 1em;
    border-top: unset;
    margin-right: -.32em;
    padding-bottom: 4.5em !important;
    /* background-size: 100% 100%;
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: 0em -2em;
    background-image: url("/tr/images/01frontpage/rastar/Mucadele_Tarihi_ehitlerimiz_rastar.png"); */
}

.apocular_mod .card-body p {
    margin-top: -1px;
    text-align: center;
    margin-bottom: -3px;
    padding: unset !important;
}

.alt1_mod {
    background-size: 100% 100%;
    background-image: url("/tr/images/01frontpage/rastar/arkaplan_alt.png");
}

#mod-custom124 a {
    color: black;
    width: 48%;
    display: inline-block;
}

.RBER_APO_title {
    border: unset;
    color: transparent;
    margin-left: -.08em;
    margin-right: -.08em;
    background-size: 100% 100%;
    background-image: url("/tr/images/01frontpage/rastar/RBER_APO.png");
}

.FERMANDARN_ME_title {
    border: unset;
    color: transparent;
    margin-left: -.08em;
    margin-right: -.08em;
    background-size: 100% 100%;
    background-image: url("/tr/images/01frontpage/rastar/FERMANDARN_ME.png");
}

.RBER_APO_title a,
.FERMANDARN_ME_title a {
    background: unset !important;
}

.papirus_bg_b {
    padding: unset;
    background-size: 100% 100%;
    background-image: url("/tr/images/01frontpage/rastar/papirus_bg_b.png");
}

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

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

.gal-img figure img {
    position: relative;
    border-color: inherit;
    z-index: 2 !important;
    border-top-color: currentcolor;
    border-radius: 0.7em 0.7em 0 0;
    border-left-color: currentcolor;
    border-right-color: currentcolor;
    border-bottom-color: currentcolor;
    /* max-height: 150px; */
}

.gal-img figure:hover {
    background: #9f3e2e;
    border-color: #b85c4d;
}

#sgallery_content .row_gal img {}

.gal_img_cap {
    color: #dbcaa6;
    text-align: center;
    margin: 8px 0 8% 0;
}

#container_row_gal {
    padding: 1.5em;
    position: relative;
    background-size: 100% 100%;
    background-image: url("/tr/images/01frontpage/rastar/foto_row.png");
}

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

#btn_prew_row {
    left: 0;
}

#btn_next_row {
    right: 0;
}

#row_gal {
    padding: 5px;
    column-gap: 5px;
    position: relative;
    border: solid 8px white;
}

#row_gal figure {
    width: 200px;
    height: 150px;
    margin: unset;
    overflow: hidden;
}

#row_gal>.gal-img {
    width: 100%;
}

.gal-img:hover {
    transform: scale(1.05);
    transition: transform 0.3s;
}

#preview-container {
    display: flex;
    position: relative;
    align-items: center;
    margin-bottom: 10px;
    justify-content: center;
}

#preview-image {
    border: solid .5em white;
}

.row_gal {
    display: flex;
    overflow-x: scroll;
    overflow-y: hidden;
    scrollbar-width: thin;
    scrollbar-color: #f00 #f1f1f1;
}

.row_gal::-webkit-scrollbar {
    height: 8px;
}

.row_gal::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
}

.row_gal::-webkit-scrollbar-track {
    background: #f1f1f1;
}

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

#prev-btn,
#next-btn {
    zoom: 2;
    z-index: 2;
    width: 50px;
    color: white;
    height: 100%;
    border: unset;
    position: absolute;
    background-color: transparent;
    text-shadow: 1px 1px 0 red, -1px -1px 0 green, 1px -1px 0 yellow;
}

#next-btn {
    right: 0em;
}

#prev-btn {
    left: 0em;
}

.gal-img {
    padding: 0;
}

.gal-img figure {
    overflow: hidden;
    position: relative;
    background: #55523e;
    border-color: #6b6856;
}

.gal-img figure::before {
    top: 0;
    left: 0;
    z-index: 1;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background-size: contain;
    animation: loader_ 1s linear infinite;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="45" fill="none" stroke="%233498db" stroke-width="8" stroke-linecap="round" style="animation: dash 1.5s ease-in-out infinite;"/><style>@keyframes dash { 0% { stroke-dasharray: 1, 150; stroke-dashoffset: 0; } 50% { stroke-dasharray: 90, 150; stroke-dashoffset: -35; } 100% { stroke-dasharray: 90, 150; stroke-dashoffset: -124; } }</style></svg>') no-repeat center center;
}

@keyframes loader_ {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

#svideo_header {
    color: transparent;
    background-size: 100% 100%;
    background-image: url("/tr/images/01frontpage/rastar/video_title.png");
}

#svideo_gal {
    background-size: 100% 100%;
    background-image: url("/tr/images/01frontpage/rastar/video_arka.png");
}

#svideo_content {
    text-align: center;
    padding-bottom: 3em;
}

#saciklama {
    margin: 3em;
    margin-left: 1em;
    margin-right: 1em;
    background-size: 100% 100%;
    background-image: url("/tr/images/01frontpage/rastar/aciklama_arka.png");
}

#saciklama_title {
    background-size: 100% 100%;
    background-image: url("/tr/images/01frontpage/rastar/aciklama_title.png");
}

#saciklama_content {
    padding: 3em;
    padding-top: 0;
    padding-left: 1em;
    padding-right: 1em;
    text-align: center;
}

#saciklama_content .com-content-article__body {
    padding-left: 0em;
    padding-right: 0em;
}

#saciklama_content .article_read_more {
    cursor: pointer;
}

.apo-articles,
.biraninen_gerila,
.sicilen-sehidan,
._hpg .com-content-category-blog__children.cat-children {
    margin-bottom: 1em;
    background-size: 100% 100%;
    background-image: url("/tr/images/01frontpage/rastar/articles_list_arka.png");
}

.apo-articles .blog-item,
.biraninen_gerila .blog-item {
    margin: 1em;
    padding: 2em;
    padding-left: 1em;
    padding-right: 1em;
    background-size: 100% 100%;
    background-image: url("/tr/images/01frontpage/rastar/apo_article_kisa_arka.png");
    /**/
}

.biraninen_gerila .blog-item {
    background-image: unset;
}

.biraninen_gerila .item-image {
    border-radius: 1em 0;
    /* border: solid white; */
}

.apo-articles .blog-item .item-image,
.apo-articles .blog-item .item-content {
    padding: 1em;
    margin-top: unset;
    margin-bottom: unset;
    /* background-color: wheat; */
}

.apo-articles .blog-item .item-image {
    border-radius: 2em 0 0 0;
    /* box-shadow: 0 0 1em white; */
}

.biraninen_gerila .blog-item .item-content {
    background-color: wheat;
}

.apo-articles .blog-item a,
.biraninen_gerila .blog-item a {
    font-size: large;
}

.apo-articles .blog-item .readmore a,
.biraninen_gerila .blog-item .readmore a,
.btn-secondary.next,
.btn-secondary.previous {
    float: right;
    padding: .4em;
    color: #d89907;
    font-size: smaller;
    background-color: #7d1304;
}

.biraninen_gerila .blog-item .readmore a {
    margin-top: -.3em;
    margin-right: .3em;
    margin-bottom: .3em;
}

.apo-articles .blog-item figure img {
    border-radius: .5em 0;
}

.home_page_menu .mod-menu {
    display: block ruby;
}

.home_page_menu .mod-menu li,
#navbar1 .mod-menu li {
    padding: 1em;
    display: block;
    border: solid 2px rgb(224, 170, 92);
    background-color: #635f5f;
    background-image: url("/tr/images/01frontpage/rastar/arca_rastar.png");
    border-right: unset;
    border-top: unset;
    background-blend-mode: multiply;
}

#navbar1 {
    visibility: hidden;
}

.home_page_menu .mod-menu li a,
#navbar1 .mod-menu li a {
    padding: .7em;
    color: #eb9404;
}

#navbar1 .mod-menu li a {
    margin-left: 1.2em;
}

#navbar1 .mod-menu li a:before {
    content: '\00A0';
    width: 1.5em;
    height: auto;
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("/tr/images/01frontpage/menu_star.png");
    margin-left: -1.65em;
}

#navbar1 .mod-menu li ul li a {
    font-size: 1.4em;
}



.com-content-category-blog__navigation.w-100 {
    background-size: 100% 100%;
    background-image: url("/tr/images/01frontpage/rastar/articles_list_arka.png");
}

.com-content-category-blog__navigation.w-100 .com-content-category-blog__pagination {
    display: flex;
    align-items: center;
    justify-content: center;
}

.com-content-category-blog__navigation.w-100 .pagination__wrapper {
    float: right;
    padding: 2.1em;
    padding-left: 2.8em;
    background-size: 100% 100%;
    background-image: url("/tr/images/01frontpage/rastar/pagination_arka.png");
}

.com-content-category-blog__navigation.w-100 .pagination__wrapper .page-link {
    border: unset;
    background-color: transparent;
}

.com-content-category-blog__navigation.w-100 .pagination__wrapper .disabled {
    width: 1em;
    visibility: hidden;
}

.pagination_a {
    border: none;
    color: black;
    font-size: 1.5em;
    font-weight: bold;
    margin-top: -.2em;
    background-color: transparent;
}

.pagination_a_b::before {
    content: "-";
}


.son_eklenenler_apo_pages_header {
    color: transparent;
    background-size: 100% 100%;
    background-image: url("/tr/images/01frontpage/rastar/son_eklenenler_apo_pages_header.png");
}

.son_eklenenler_apo_pages {
    border: none;
    border-radius: unset;
    background-size: 100% 100%;
    background-color: transparent;
    background-image: url("/tr/images/01frontpage/rastar/son_eklenenler_apo_pages.png");
}

._hpg.sicilen_sehidan.has-sidebar-right .grid-child.container-sidebar-right {
    visibility: hidden;
}

.son_eklenenler_apo_pages .newsflash-title {
    padding: .5em;
    background-size: 100% 100%;
    background-image: url("/tr/images/01frontpage/rastar/son_eklenenler_apo_pages_article.png");
}

.son_eklenenler_apo_pages .newsflash-title a {
    color: black;
    text-decoration: none;
}

.son_eklenenler_apo_pages .newsflash-title a:hover {
    text-shadow: .0em .0em .1em darkred;
}

@keyframes disappear-appear {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}

.ilet_adresleri {
    transition: opacity 0.5s;
}

.ilet_adresleri:hover {
    animation: disappear-appear 1s;
}

.apo_article {
    padding: 1em;
    border-radius: 1em;
    background-color: white;
}

.container-component {}

.sehid_foto_arka {
    /* background-size: 100% 100%;
    background-image: url("/tr/images/01frontpage/rastar/sehid_foto_arka.png"); */
}



.sehid_foto_arka {
    display: flex;
    text-align: center;
    align-items: center;
    flex-direction: column;
}

.sehid_foto_arka figure {
    margin: 0;
    width: 100%;
    background-size: 100% 100%;
    background-image: url("/tr/images/01frontpage/rastar/sehit_ust_kisim.png");
}

.sehid_foto_arka img {
    height: auto;
    max-width: 100%;
    margin-top: 27px;
    min-height: 214px;
    max-height: 214px;
}

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

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

.sehid_foto_arka:hover,
._hpg.sicilen_sehidan .com-content-category-blog__child:hover {
    animation-duration: 1.5s;
    animation-name: img_in_s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;
}

@keyframes img_out_s {
    from {
        transform: scale(1.05, 1.05);
    }

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

.sehid_foto_arka:not(:hover),
._hpg.sicilen_sehidan .com-content-category-blog__child:not(:hover) {
    animation-duration: 1s;
    animation-name: img_out_s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;
}

.sehid_foto_arka>a {
    color: black;
    margin-top: .6em;
    margin-bottom: 0.5em;
    text-decoration: none;
    text-shadow: 0 0 2px black;
    width: 100%;
    background-size: 100% 100%;
    background-image: url("/tr/images/01frontpage/rastar/sehit_alt_kisim.png");
    padding-top: .5em;
    padding-bottom: .5em;
    margin-top: -1em;
}

main:has(.item-page_wite_bg_article) {
    margin-bottom: -1em;
    background-size: 100% 100%;
    background-image: url("/tr/images/01frontpage/rastar/apo_article_list_arka.png");
}

.item-page_wite_bg_article {
    padding: 1em;
    border-radius: 1em;
    background-color: wheat;
}

.item-page_wite_bg_article h1 {
    text-align: center;
}

.item-page_wite_bg_article .full_text_image img {
    border-top-left-radius: 1em;
}

.FERMANDAREN_ME,
.BIRANINEN_GERILA,
.REBER_APO_,
.SICILEN_SEHIDAN_,
.MucadeleTarihi_,
.Sehit_Portreleri_,
.APOCULAR_,
.PKK_,
.HRK_,
.ARGK_,
.ACIKLAMALAR_,
.Arama_,
.YAYINLAR_ {
    height: auto !important;
}

.FERMANDAREN_ME_3,
.BIRANINEN_GERILA_3,
.REBER_APO_3,
.SICILEN_SEHIDAN_3,
.MucadeleTarihi_3,
.Sehit_Portreleri_3,
.APOCULAR_3,
.PKK_3,
.HRK_3,
.ARGK_3,
.ACIKLAMALAR_3,
.Arama_3,
.YAYINLAR_3 {
    width: 100%;
    transition: opacity 4s ease-in-out;
}

.FERMANDAREN_ME_1,
.FERMANDAREN_ME_2,
.BIRANINEN_GERILA_1,
.BIRANINEN_GERILA_2,
.REBER_APO_1,
.REBER_APO_2,
.SICILEN_SEHIDAN_1,
.SICILEN_SEHIDAN_2,
.MucadeleTarihi_1,
.MucadeleTarihi_2,
.Sehit_Portreleri_1,
.Sehit_Portreleri_2,
.APOCULAR_1,
.APOCULAR_2,
.PKK_1,
.PKK_2,
.HRK_1,
.HRK_2,
.ARGK_1,
.ARGK_2,
.ACIKLAMALAR_1,
.ACIKLAMALAR_2,
.Arama_1,
.Arama_2,
.YAYINLAR_1,
.YAYINLAR_2 {
    width: 100%;
    position: absolute;
    transition: opacity 4s ease-in-out;
}

.FERMANDAREN_ME_1,
.BIRANINEN_GERILA_1,
.REBER_APO_1,
.SICILEN_SEHIDAN_1,
.MucadeleTarihi_1,
.Sehit_Portreleri_1,
.APOCULAR_1,
.PKK_1,
.HRK_1,
.ARGK_1,
.ACIKLAMALAR_1,
.Arama_1,
.YAYINLAR_1 {
    z-index: 4;
    animation: fadeInOut 12s infinite;
}

.FERMANDAREN_ME_2,
.BIRANINEN_GERILA_2,
.REBER_APO_2,
.SICILEN_SEHIDAN_2,
.MucadeleTarihi_2,
.Sehit_Portreleri_2,
.APOCULAR_2,
.PKK_2,
.HRK_2,
.ARGK_2,
.ACIKLAMALAR_2,
.Arama_2,
.YAYINLAR_2 {
    z-index: 3;
    animation: fadeInOut 12s infinite 4s;
}

.FERMANDAREN_ME_3,
.BIRANINEN_GERILA_3,
.REBER_APO_3,
.SICILEN_SEHIDAN_3,
.MucadeleTarihi_3,
.Sehit_Portreleri_3,
.APOCULAR_3,
.PKK_3,
.HRK_3,
.ARGK_3,
.ACIKLAMALAR_3,
.Arama_3,
.YAYINLAR_3 {
    z-index: 2;
    animation: fadeInOut 12s infinite 8s;
}

@keyframes fadeInOut {

    0%,
    100% {
        opacity: 1;
    }

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

.display_none_but_first ul li:not(:first-child) {
    display: none;
}

.a_carousel_ {
    padding: 0 1em;
    margin-bottom: 1em;
}

.carousel-indicators {
    bottom: -1.02em !important;
    background-color: rgba(255, 251, 2, 0.5);
    margin-left: 1em;
    margin-right: 1em;
}

.carousel-indicators .carousel-control-prev-icon,
.carousel-indicators .carousel-control-prev,
.carousel-indicators .carousel-control-next-icon,
.carousel-indicators .carousel-control-next {
    background-color: transparent;
}

.tabbed_group {
    background: unset;
    border: unset;
}

.tabbed_group .newsflash-image {
    margin: unset;
    overflow: hidden;
}

.a_carousel_ .newsflash-title,
#aciklamalar__nav_content .newsflash-title {
    z-index: 9;
    width: 100%;
    bottom: .60em;
    text-align: center;
    position: absolute;
    background-color: rgba(255, 251, 2, 0.5);
}

#home_carousel_papirus .carousel-indicators {
    bottom: 1em !important;
    background-color: unset;
}

#home_carousel_papirus .carousel-indicators button {
    background-color: red;
}

.p-image-container {
    position: relative;
    display: inline-block;
}

.download-button {
    right: 10px;
    bottom: 10px;
    border: none;
    cursor: pointer;
    padding: 5px 10px;
    position: absolute;
    border-radius: 5px;
    background-color: rgba(200, 200, 200, 0.1);
}

[class^="icon-angle-"] {
    zoom: 1.5;
}

#videos_group {
    background-color: #444;
    padding: 1em;
}

.video_show_container {
    padding: 1em;
    border-radius: .7em;
    background-color: black;
}

.video_show {
    width: 100%;
    max-width: 100%;
}

#video_preview {}

#videos_list {
    padding: 1em;
    border-radius: .7em;
    padding-bottom: unset;
    background-color: black;
}

.video_overlay::before {
    content: "⏵️";
    font-size: 72px;
    transform: scaleX(1.5);
    color: rgba(255, 255, 255, .5);
    text-shadow: .05em .05em .1em rgba(0, 0, 0, 0.5);
}

.name_title p {
    text-align: center;
}

.mucadele_page {
    padding-left: 1em;
    padding-right: 1em;
    background-size: 100% 100%;
    background-image: url("/tr/images/01frontpage/Mucadele_Tarihi_sehitlerimiz/arka_rastar.png");
}

.mucadele_page a:hover {
    color: black;
    font-weight: bold;
    text-shadow: 0 0 2px black;
}

.card-header.mp_albumu_header a:hover {
    color: transparent;
    text-shadow: unset !important;
}

.mucadele_page .card {
    border: unset;
    background-color: transparent;
    /* box-shadow: 1px 1px 5px black; */
}

.mucadele_page .card-header {
    border: unset;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.mp_apocular.card {
    background-size: 100% 100%;
    background-image: url("/tr/images/01frontpage/Mucadele_Tarihi_sehitlerimiz/APOCULAR_rastar.png");

}

.mp_apocular_header {
    text-align: center;
    color: transparent;
}

.mp_apocular .card-body {
    overflow: hidden;
    padding-left: 4em;
    padding-bottom: 2em;
}

.mp_1978_header {
    text-align: center;
    color: transparent;
    background-size: 100% 100%;
    background-image: url("/tr/images/01frontpage/Mucadele_Tarihi_sehitlerimiz/1978-1984_title.png");
}

.mp_1978 .card-body {
    padding-bottom: 3em;
    overflow: hidden;
    background-size: 100% 100%;
    background-image: url("/tr/images/01frontpage/Mucadele_Tarihi_sehitlerimiz/2colRastar.png");
}

.mp_1978 .row .col {
    margin: .3em;
    padding: .2em;
    margin-left: 1em;
    margin-right: 1em;
    text-align: center;

    background-size: 100% 100%;
    background-image: url("/tr/images/01frontpage/Mucadele_Tarihi_sehitlerimiz/1978-1984_il_rastar.png");
}

.mp_1978 .row .col:hover {
    animation-duration: 2s;
    animation-name: img_in;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;
}


.mp_1978 .row .col a {
    text-decoration: none;
}

.mp_hrk {
    margin-top: 2em;
}

.mp_hrk_header {
    background-image: url("/tr/images/01frontpage/Mucadele_Tarihi_sehitlerimiz/HRK_title.png");
    background-size: 100% 100%;
    text-align: center;
    color: transparent;
}

.mp_hrk .card-body {
    background-image: url("/tr/images/01frontpage/Mucadele_Tarihi_sehitlerimiz/2colRastar.png");
    background-size: 100% 100%;
    padding-bottom: 3em;
}

.mp_hrk .row .col {
    margin: 1em;
    padding: .2em;
    display: flex;
    margin: 1.5em;
    text-align: center;
    align-items: center;
    justify-content: center;
    background-size: 100% 100%;
}

.mp_hrk .row .col:nth-child(1) {
    background-image: url("/tr/images/01frontpage/Mucadele_Tarihi_sehitlerimiz/HRK_il_rastar_1985.png");
}

.mp_hrk .row .col:nth-child(2) {
    background-image: url("/tr/images/01frontpage/Mucadele_Tarihi_sehitlerimiz/HRK_il_rastar_1986.png");
}

.mp_hrk .row .col a {
    width: 100%;
    height: 100%;
    display: flex;
    color: inherit;
    align-items: end;
    text-decoration: none;
    justify-content: center;
}

.mp_hrk .row .col:hover {
    animation-duration: 2s;
    animation-name: img_in;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;
}

.mp_hrk .row .col a h1 {
    display: contents;
}


#mp_hrk_content,
#mp_hrk_content .row {
    height: 100%;
}

.mp_argk_header {
    text-align: center;
    color: transparent;
}

.mp_argk.card {

    background-size: 100% 100%;
    background-image: url("/tr/images/01frontpage/Mucadele_Tarihi_sehitlerimiz/ARGK_rastar.png");

}

.mp_argk .card-body {
    padding-bottom: 3em;
}

.mp_argk .row .col {
    margin: .3em;
    padding: .2em;
    margin-left: 1em;
    margin-right: 1em;
    text-align: center;

    background-size: 100% 100%;
    background-image: url("/tr/images/01frontpage/Mucadele_Tarihi_sehitlerimiz/ARGK_il_rastar.png");
}

.mp_argk .row .col:hover {
    animation-duration: 2s;
    animation-name: img_in;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;
}

.mp_argk .row .col.hidde {
    visibility: hidden;
}

.mp_argk .row .col a {
    text-decoration: none;
}

.mp_albumu {
    overflow: hidden;
}

.mp_albumu .card-body {
    padding-top: 1.3em;
    padding-bottom: 1.6em;
    background-size: 100% 100%;
    background-image: url("/tr/images/01frontpage/rastar/articles_list_arka.png");
}

.mp_albumu_header {
    background-size: 100% 100%;
    background-image: url("/tr/images/01frontpage/Mucadele_Tarihi_sehitlerimiz/albumu_title.png");
}

.mp_albumu_header a {
    display: block;
    text-align: center;
    color: transparent;
}

.mod_kitaplar .mod-articlesnews {
    display: grid;
    grid-gap: 21px 18px;
    grid-template-columns: repeat(5, minmax(auto, 1fr));
}

.mod_kitaplar .mod-articlesnews figure {
    perspective: 800px;
    transform-style: preserve-3d;
}

.mod_kitaplar .mod-articlesnews figure img {
    transform-origin: left;
    transition: transform 0.3s ease;
}

.mod_kitaplar .mod-articlesnews figure:hover img {
    transform: rotateY(-20deg);
}

.show_all_ {
    padding-top: 1em;
}

.show_all_ a {
    display: block;
    text-align: center;
    font-size: x-large;
    text-decoration: none;
}

.show_all_ a:hover {
    color: black;
    font-weight: bold;
}

.book_ {
    position: relative;
}

.book_:hover {
    z-index: 11;
    /* box-shadow: 3px 0px 1px rgba(9, 9, 9, .3); */
}

.book-cover {
    perspective: 800px;
    transform-origin: left;
    transform-style: preserve-3d;
}

.book-cover img {
    transform-origin: bottom;
    transition: transform 1.5s 0.3s ease;
}

.book_:hover .book-cover img {
    transform: rotateX(45deg) rotateZ(0deg);
    box-shadow: 2px 0 4px rgba(0, 0, 0, .2);
}

.book-cover .book-title {
    left: 0;
    color: black;
    opacity: 0;
    bottom: 0em;
    width: 100%;
    padding: 5px;
    display: block;
    transition: .4s;
    font-size: 1.3em;
    position: absolute;
    box-sizing: border-box;
    background: rgba(255, 255, 255, .5);
    bottom: 100% !important;
    top: 0;
    bottom: 19em !important;
    height: fit-content;
    font-style: oblique;
    border-radius: 1em 1em 1em 0;
}

.book_:hover .book-cover .book-title {
    bottom: 0;
    opacity: 1;
    transform-origin: left;
    transition: transform 1.3s ease;
    perspective: 8px;
    /* transform: rotateY(-25deg) rotateZ(0); */

}

.book_ .book-page1,
.book_ .book-page2 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    perspective: 800px;
    transform-origin: left;
    transform-style: preserve-3d;
    display: none;
}

.book_ .book-page1 img,
.book_ .book-page2 img {
    width: 100%;
    height: 100%;
    transform-origin: left;
    transition: transform 0.3s ease;
}

.book_:hover .book-page1 img {
    transform: rotateY(-14deg) rotateZ(0);
    box-shadow: 2px 0 4px rgba(0, 0, 0, .2);
}

.book_:hover .book-page2 img {
    transform: rotateY(-21deg) rotateZ(0);
    box-shadow: 2px 0 4px rgba(0, 0, 0, .2);
}

._kitaplar .popover {
    visibility: hidden;
}

.kitaplar_blog {
    grid-gap: 3em;
    padding: 2.4em;

}

._kitaplar .com-content-category-blog.blog,
._dergiler .com-content-category-blog.blog,
.berxwedan_page .com-content-category-blog.blog,
.serxwebun_page .com-content-category-blog.blog {
    background-size: 100% 100%;
    background-image: url("/tr/images/01frontpage/rastar/articles_list_arka.png");

}

._kitaplar .com-content-category-blog__item.blog-item,
.berxwedan_page .com-content-category-blog__item.blog-item {
    display: block;
    align-content: end;
}


.com-content-category-blog__item.blog-item {
    overflow: unset;
}

.bottom_contact {
    flex: unset;
    text-align: center;
}

._aramak_ main {
    padding: 1em;
    background-color: wheat;
}

.com-content-category-blog__items.blog-items.image-bottom.portre_article {
    padding: 1em;
    background-size: 100% 100%;
    background-image: url("/tr/images/01frontpage/rastar/portre_arka.png");
}

.com-content-category-blog__items.blog-items.image-bottom.portre_article .com-content-category-blog__item.blog-item {
    padding: .5em;
    padding-bottom: 0;
}

.com-content-category-blog__items.blog-items.image-bottom.portre_article .com-content-category-blog__item.blog-item figure {
    background-size: 100% 100%;
    background-image: url("/tr/images/01frontpage/rastar/portre_video.png");
    padding: 1em;
    padding-bottom: 1.7em;
    position: relative;
}

.com-content-category-blog__items.blog-items.image-bottom.portre_article .com-content-category-blog__item.blog-item figure a::before {
    content: "⏵️";
    font-size: 5em;
    position: absolute;
    top: 16%;
    left: 40%;
    transform: scaleX(1.5);
    color: rgba(255, 255, 255, .7);
    text-shadow: 0 0 .1em rgba(0, 0, 0, 0.5);
}

.com-content-category-blog__items.blog-items.image-bottom.portre_article .com-content-category-blog__item.blog-item figure a {
    width: 100%;
    height: 100%;
}


.com-content-category-blog__items.blog-items.image-bottom.portre_article .com-content-category-blog__item.blog-item .item-content p {
    display: none;
}

.com-content-category-blog__items.blog-items.image-bottom.portre_article .com-content-category-blog__item.blog-item .page-header {
    padding: .5em;
    text-align: center;
    background-size: 100% 100%;
    background-image: url("/tr/images/01frontpage/rastar/portre_title.png");
}

.com-content-category-blog__items.blog-items.image-bottom.portre_article .com-content-category-blog__item.blog-item .page-header a {
    font-size: large;
    font-weight: bold;
    text-shadow: 0 0 .08em;
    text-decoration: none;
}

.son_biraninen_ {
    border: unset;
    background-color: unset;
    background-size: 100% 100%;
    background-image: url("/tr/images/01frontpage/rastar/biraninen_gerila_arka.png");

}

.son_biraninen_::after {
    content: '';
    display: block;
    width: 100%;
    height: 3em;
    background-image: url('/tr/images/01frontpage/rastar/biraninen_gerila_alt.png');
    background-size: cover;
    background-position: center;
    height: 2.4em;
}


.son_biraninen_ .card-header.son_biraninen_header {
    border: unset;
    color: transparent;
    background-size: 100% 100%;
    background-image: url("/tr/images/01frontpage/rastar/biraninen_gerila_title.png");
}

.son_biraninen_ .card-header.son_biraninen_header a {
    background-image: unset !important;
}


.son_biraninen_ .card-body {
    color: transparent;
    padding-top: .5em;
    padding-bottom: .5em;
}

.son_biraninen_ .card-body ul {
    margin-bottom: unset;
}

.son_biraninen_ .card-body ul .article-separator {
    display: none;
}

.son_biraninen_ .card-body ul li {
    min-height: 6em;
    align-items: center;
    display: grid;
    padding: .5em 1em !important;
    background-size: 100% 100%;
    background-image: url("/tr/images/01frontpage/rastar/biraninen_gerila_item.png");
}

.son_biraninen_ .card-body ul li a {
    text-decoration: none;
    text-shadow: 0 0 .05em;
    font-size: medium;
}

.com-content-article.item-page_portre {
    padding: 1em;
    background-size: 100% 100%;
    background-image: url("/tr/images/01frontpage/rastar/portre_arka.png");
}

.com-content-article.item-page_portre .page-header {
    text-align: center;
    margin-bottom: 2em;
}

.com-content-article.item-page_portre .com-content-article__body p {
    display: none;
}

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

.kitaplar_page li,
.yaynlar_page li,
.dergiler_page li {
    border: unset !important;
    display: block;
    align-content: end;
    box-shadow: unset !important;
}



.yaynlar_page figure.image,
.kitaplar_page figure.image,
.dergiler_page figure.image {
    margin: unset;
    margin-bottom: .5em;
}

.mp_kitaplar_container,
.mp_sehitler_albumu_container,
.mp_serxwebun_container,
.mp_berxwedan_container,
.mp_berxwedan_ozel_sayilar_container,
.mp_serxwebun_ozel_sayilar_container,
.mp_dergiler_container,
.mp_kitaplar_reber_apo,
.mp_kitaplar_parti_yayinlari,
.mp_kitaplar_diger_yayinlar {
    border: solid black .3em;
    padding: 1.5em;
    border-radius: 1em;
    background-color: rgba(5, 5, 5, .4);
}

.kitaplar_mod li,
.sehit_albumler_mod li,
.serxwebun_mod li,
.berxwedan_mod li,
.serxwebun_ozel_mod li,
.berxwedan_ozel_mod li,
.dergiler_mod li,
.kitaplar_reber_apo_mod,
.kitaplar_parti_yayinlari_mod,
.kitaplar_parti_yayinlari_mod {
    border: unset !important;
}

.kitaplar_mod li figure,
.sehit_albumler_mod li figure,
.serxwebun_mod li figure,
.berxwedan_mod li figure,
.serxwebun_ozel_mod li figure,
.berxwedan_ozel_mod li figure,
.dergiler_mod li figure,
.kitaplar_reber_apo_mod li figure,
.kitaplar_parti_yayinlari_mod li figure,
.kitaplar_parti_yayinlari_mod li figure {
    margin: .1em !important;
}

.kitaplar_mod li .newsflash-title,
.sehit_albumler_mod li .newsflash-title,
.berxwedan_mod li .newsflash-title,
.serxwebun_mod li .newsflash-title,
.serxwebun_ozel_mod li .newsflash-title,
.berxwedan_ozel_mod li .newsflash-title,
.dergiler_mod li .newsflash-title,
.kitaplar_reber_apo_mod .newsflash-title,
.kitaplar_parti_yayinlari_mod .newsflash-title,
.kitaplar_parti_yayinlari_mod .newsflash-title {
    display: none;
}

.btn_more_kitaplar,
.btn_more_s_albumu,
.btn_more_dergiler {
    text-align: center;
    zoom: .7;
}

._hpg.sicilen_sehidan .com-content-category-blog.blog .item-content {
    display: none;
}

.home_btn_l {
    padding: 0 !important;
    text-decoration: none !important;
}

.home_btn {
    background-size: auto 88%;
    background-image: url("/tr/images/01frontpage/btn/home_btn.png");
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: inherit;

}

.home_btn_l::before {
    display: none;
}

._dergiler .category-desc.clearfix,
._kitaplar .category-desc.clearfix {
    text-align: center;
    padding-top: 1em;
}


@media (min-width: 768px) {
    #next-btn {
        right: 2em;
    }

    #prev-btn {
        left: 2em;
    }

    .container-topbar a .row {
        margin-bottom: unset;
    }

    .container-topbar img {
        max-height: 263px;
        margin-top: unset;
    }


    #navbar1 {
        display: flex;
        position: absolute;
        justify-content: end;
        transform: translateX(3px);
        background-color: rgba(80, 80, 80, .5);
        top: 0;
        border-radius: 1em 0 0 0;
        box-shadow: inset 2px 2px 11px 6px rgb(79, 68, 57);
        z-index: 55;
    }

    .mod-menu {
        margin-right: unset;
        font-size: 1.35em !important;
    }

    #navbar1 .mod-menu.mod-list {
        font-size: 1.85em !important;
        /* transform: translateX(-1.19em) translateY(.1em); */
    }

    #menu_row {
        display: flex;
        padding: 1.8em;
        min-height: 4.2em;
        justify-content: center;
        align-items: center;
    }

    .main_slider_c .newsflash-image {
        margin: unset;
    }

    .main_slider {
        text-align: center;
    }

    .main_slider ul li {
        display: none;
    }

    .main_slider ul li:first-child {
        display: list-item;
    }



    .col-sm-11.idm129 {
        visibility: visible;
    }

    .col-sm-11.idm129 {
        zoom: 1.07;
    }

    .col-auto.idm1 {
        top: unset;
        right: unset;
        position: unset;
    }

    .navbar.navbar-expand-md .navbar-toggler.navbar-toggler-right {
        zoom: 1.17;
    }

    .svideo_v1 {
        max-width: 27em;
        background-color: black;
    }

    .navbar-expand-md .navbar-collapse {
        display: none !important;
    }

    .container-header nav {
        float: right !important;
        background-image: none !important;
        background-color: rgba(77, 255, 77, 0.07) !important;
    }

    .home_page_menu .mod-menu li a,
    #navbar1 .mod-menu li a {}

    .loadingD {
        animation: btnrotate 2s linear infinite;
    }

    @keyframes btnrotate {
        0% {
            transform: rotate(0deg);
        }

        100% {
            transform: rotate(360deg);
        }
    }

    .navbar-expand-md {
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .navbar-expand-md .navbar-toggler {
        display: flex;
    }

    .container-header .mod-menu {
        flex: 1;
        display: flex;
        margin-bottom: 1.5em;
        flex-direction: column;
    }

    .sicilen_sehidan_baner,
    .fermandaren_me_baner,
    .biraninen_gerila_baner,
    .reber_apo_baner {
        padding: 2em;
    }

    .apo-articles,
    .biraninen_gerila,
    .sicilen-sehidan,
    ._hpg .com-content-category-blog__children.cat-children {
        padding: 1.5em;
    }

    .apo-articles .blog-item,
    .biraninen_gerila .blog-item {
        padding: 2em;
    }

    .apocular_mod_header a {
        font-size: unset !important;
        background-image: unset !important;
    }

    .apocular_mod .card-body {
        padding-top: 1.5em;
        padding-bottom: 6.5em;
    }

    ._hpg .com-content-category-blog.blog .com-content-category-blog__children.cat-children {
        display: grid;
        grid-gap: 20px;
        grid-template-columns: repeat(3, minmax(300px, 1fr));
    }

    .serxwebun_page .com-content-category-blog.blog .com-content-category-blog__children.cat-children,
    .berxwedan_page .com-content-category-blog.blog .com-content-category-blog__children.cat-children {
        display: grid;
        grid-gap: 20px;
        grid-template-columns: repeat(4, minmax(300px, 1fr));
    }

    .serxwebun_page .com-content-category-blog.blog .com-content-category-blog__children.cat-children .page-header,
    .berxwedan_page .com-content-category-blog.blog .com-content-category-blog__children.cat-children .page-header {
        text-align: center;
        font-size: 3em;
        background-color: rgba(168, 127, 68, 0.35);
        border-radius: 0em 0.8em 0 0;
        border: solid beige 2px;

    }

    .biraninen_gerila .blog-item .item-content {
        margin-left: 2em;
        margin-right: 2em;
        margin-bottom: 1em;
    }

    .biraninen_gerila .blog-item {
        padding-right: 4em;
    }

    .mucadele_page {
        padding-left: 3em;
        padding-right: 3em;
    }

    .mp_1978 {
        margin-right: 2em;
    }

    .mp_hrk {
        margin-top: unset;
        margin-left: 2em;
        height: 100%;
    }

    main .com-content-article.item-page_hpg .page-header h1 {
        color: #c84b00;
        padding-left: .7em;
        padding-right: .7em;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-image: url("/tr/images/01frontpage/rastar/page_header_h1.png");
    }

    #saciklama {
        margin-left: 3em;
        margin-right: 3em;
    }

    #saciklama_content {
        padding-left: 3em;
        padding-right: 3em;
    }

    #saciklama_content .com-content-article__body {
        padding: 2em;
        background-color: white;
    }

    #sgallery {
        margin: 3em;
    }

    #preview-image {
        height: 400px;
        max-width: 100%;
    }

    #svideo_gal {
        margin: 3em;

    }

    #svideo_content {
        padding: 3em;
        padding-top: 0;
        padding-bottom: 6em;
    }

    .article_body_col_image {
        padding-top: 3em;
        margin-bottom: unset;
    }

    .idm_btn_more img {
        height: unset;
    }

    .container-header .navbar-collapse.show {
        margin-top: 0.5em;
        background-repeat: no-repeat;
        background-position-x: right;
        background-size: 90vmax auto;
        background-position-y: bottom;
        background-attachment: inherit;
        background-image: url("../../../../../images/Photo%202024/4.jpg");
    }

    #main__nav_content .newsflash-title {
        font-size: xx-large;
    }

    #main__nav_content figure img {
        max-height: 28.8em;
        min-height: 28.8em;
    }

    #main__nav_content .newsflash-title a {
        font-size: unset;
    }

    .main_itm_title {
        font-size: x-small;
        line-height: 1.3;
        min-width: 100%;
    }

    #main__nav_content .newsflash-title {
        padding: .5em;
    }

    .s_i figure {
        margin-top: 1.1em !important;
    }

    .s_i figure img {
        border-radius: 4em;
    }

    .s_i div {
        padding-right: calc(var(--gutter-x)*.5);
    }

    #mod-custom124 a {
        width: unset;
        display: unset;
    }

    .bottom_contact {
        flex: 1 0;
    }

    @media (max-width: 811px) {
        .mod-menu {
            font-size: .845em !important;
        }
    }
}
@media (max-width: 767px) {
    .main_slider li {
        border: unset !important;
        padding: .5em !important;
    }

    .main_slider li figure {
        margin: 0 !important;
    }

    .row.main_slider_c {
        padding: 0 !important;
    }

    .main_slider_right {
        display: none;
    }

    #mod-custom127 .carousel-item {
        min-height: 14.2em;
    }

    .a_carousel_ {
        padding: 0 !important;
        margin-bottom: .5em;
    }

    .sehid_ilanlari_mod_header {
        background-size: 250% 100%;
        background-position: center;
    }

    .sehid_ilanlari_row.row .col {
        min-width: 100% !important;
        margin-bottom: .5em;
    }

    .apocular_mod .card-body {
        padding-bottom: 0 !important;

    }

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

    #navbar1 .mod-menu li a {
        margin-left: 1.2em;
        font-size: 2.8em;
    }

    .mod-list li .mod-menu__sub {
        padding-left: 1.35em;
    }

    .apo-articles .blog-item,
    .biraninen_gerila .blog-item {
        background-size: 100% 150%;
        background-position: center;
        padding-bottom: 1em;
        padding-top: 0em;
    }

    .biraninen_gerila .blog-item {
        padding: 0em;
    }

    .apo-articles .blog-item .create,
    .biraninen_gerila .blog-item .create {
        font-size: smaller;
    }

    .sehid_foto_arka {
        margin-left: 4.5em;
        margin-right: 4.5em;
    }

    .com-content-category-blog__items.blog-items.image-top.sicilen-sehidan {
        padding-top: 2em;
    }


    main .com-content-article.item-page_hpg .com-content-article__body {
        padding-right: 0em;
        padding-left: 0em;
    }

    main .com-content-article.item-page_hpg .com-content-article__body .article_body_col_info.col {
        padding-left: 0.5em;
        padding-right: 0.5em;
        padding-top: 1.5em;
        transform: unset;
        margin: .8em;
        padding-bottom: .8em;
    }

    main .com-content-article.item-page_hpg .com-content-article__body .article_body_col_image {
        padding-top: 2em;
    }


    main .com-content-article.item-page_hpg .com-content-article__body .article_body_row.row {
        padding: 0;
    }

    #sgallery_header {
        background-size: 250% 100%;
        background-position: center;
    }

    #svideo_header {
        background-size: 250% 100%;
        background-position: center;
    }

    .mucadele_page .mp_apocular .card-body {
        padding-left: 1em;
        padding-bottom: 1.5em;
    }

    .mucadele_page .mp_apocular.card {
        background-size: 158% 100%;
        background-position: center;
    }

    .mp_hrk .row .col:nth-child(1) {
        min-height: 10em;
        background-position: center;
        background-repeat: no-repeat;
    }


    .mp_hrk_header {
        background-size: 150% 100%;
        background-position: center;
    }

    .mp_hrk .card-body {
        padding-bottom: 0;
    }

    .mucadele_page .card-header {
        max-height: 4em;
    }



    .mp_argk.card {
        background-size: 290% 100%;
        background-position: center;
    }

    .mp_argk .card-body {
        padding-bottom: 1em;
        padding-top: 1.5em;
    }

    .mp_albumu_header {
        background-size: 200% 100%;
        background-position: center;
    }

}



@media (max-width: 1164px){
        .mp_hrk .row .col  {
        min-height: 10em;
        background-position: center;
        background-repeat: no-repeat;
    }
    .mp_hrk .row .col {
        margin-top: 0;
        margin-right: 1em;
        margin-left: 1em;
        background-size: contain;
        background-repeat: no-repeat !important;
        background-position: center;
    }

}