@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=auto');
@import url('https://fonts.googleapis.com/css2?family=Square+Peg:wght@400&family=Nunito:wght@400;800&&display=auto');

:root {
    --dark-bg: hsl(0, 0%, 9%);;
    --dark-bg-gray: #272727;
    --dark-color: #ffffffd2;
    --dark-border: #333;
    --dark-blue: #374d8a;
    --dark-fff: #ffffffce;
}

[data-bs-theme=dark] {
    --bs-body-bg: #272727;
    --bs-border-color: #333;
}

/*

web design + front end : volkan saglik

backend : abdurrahman cetin

*/


/*

font-family: 'Nunito', sans-serif;

font-family: 'Poppins', sans-serif;

font-family: 'Roboto', sans-serif;

*/


body {
    line-height: 1.74;
    font-style: normal;
    font-size: 13px;
    font-weight: 400;
    visibility: visible;
    font-family: "Roboto", sans-serif;
    color: #444;
    position: relative;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1.41;
    color: #000
}

a,
a:hover {
    text-decoration: none !important;
    cursor: pointer
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 100%
}

ol {
    padding: 0;
    list-style: none;
    margin-left: 0.5em;
}

.btn.focus,
.btn:focus,
.page-link:focus {
    box-shadow: none !important;
}

.btn:focus-visible {
    outline: revert;
}

.btn-link:hover {
    text-decoration: none !important;
}

*:focus-visible {
    outline-offset: 2px;
}

*:focus:not(:focus-visible) {
    outline: none;
}

* button {
    border-color: unset;
    border-width: 0
}


/*******************

    headerbar

***********************/

#headerbar {
    position: relative;
    width: 100%;
    height: 40px;
    background: #a81115;
    line-height: 40px;
    border-bottom: 3px solid #8f0c10;
    color: #fff;
    font-size: 14px
}

#headerbar ul {
    float: right
}

#headerbar ul li {
    display: inline-block;
    padding: 0 5px
}

#headerbar a,
#headerbar ul li a {
    color: #fff;
    transition: all .4s
}

#headerbar ul li a:hover {
    color: #d5ddefd9
}

#headerbar .dropdown {
    margin-left: 15px
}

#headerbar .dropdown img {
    width: 30px
}

#headerbar .dropdown .btn-flag {
    border-radius: 0;
    background: #8f0c10;
    height: 40px;
    padding: 0 15px;
    display: flex;
    align-items: center
}

#headerbar .dropdown-menu {
    min-width: auto;
    padding: 0 0 5px 0 !important;
    border-radius: 0;
    margin-top: -4px !important;
    background: #8f0c10;
    border: none;
    line-height: 30px;
    transform: translate(-24px, 43.3333px) !important;
    transition: all 0.4s linear
}

#headerbar .dropdown-menu li a {
    padding: 5px 10px 0px 10px;
    font-size: 13px;
    font-weight: 600
}

#headerbar .dropdown-item:focus,
#headerbar .dropdown-item:hover {
    background: none
}


/*******************

    header

***********************/

#header {
    position: relative;
    padding: 15px 0;

    /*background-image:url(../img/usSiluet.png);background-repeat:repeat-x;background-position:center center*/
}

#header img {
    width: 90%
}

.headerinfo {
    display: flex;
    align-items: center;
    height: 100%
}

.headerinfo ul {
    width: 100%;
    justify-content: space-evenly;
    display: flex;
    align-items: center
}

.headerinfo ul li {
    border-right: 1px solid #e6e6e6;
    display: inline-flex;
    padding-right: 3rem;
    align-items: center
}

.headerinfo ul li:last-child {
    padding-right: 0;
    border: none
}

.headerinfo ul li i {
    font-size: 1.8em;
    color: #3760b1;
    transition: all .4s
}

.headerinfo ul li a {
    font-family: 'Nunito', sans-serif;
    font-weight: 700;
    margin-left: 15px;
    color: #000;
    text-align: center;
    font-size: 14px;
    transition: all .4s
}

.headerinfo ul li:hover a,
.headerinfo ul li:hover i {
    color: #a81115
}

.headersocial {
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: flex-end
}

.headersocial ul {
    width: 100%;
    display: flex;
    justify-content: space-around
}

.headersocial ul li {
    display: inline-block
}

.headersocial ul li a {
    font-size: 1.3rem
}

.headersocial ul li i {
    color: #555
}


.wsmainwp img.miniLogo {
    display: none
}

.wsmainwp.wsfixed img.orjLogo {
    display: none
}

.wsmainwp.wsfixed img.miniLogo {
    display: block
}


/*******************

    comumenu

***********************/

#comumenu {
    height: 60px;
    background: #2e4e8c;
    border-bottom: 3px solid #223a69
}


/*******************

    slider

***********************/

.slider-boxed {
    position: relative;
    overflow: hidden;
    z-index: 10;
    box-shadow: 0px 5px 20px 2px rgba(0, 0, 0, 0.26)
}

.slider-boxed .bx-wrapper {
    background: none;
    box-shadow: none;
    border: 0;
    margin-bottom: 0
}

.blurSlider {
    position: absolute;
    margin-top: -3%;
    margin-left: -3%;
    width: 110%;
    height: 120%;
    background-size: cover;
    background-repeat: no-repeat;
    filter: blur(15px);
    -webkit-filter: blur(15px);
    -moz-filter: blur(15px);
    transition: .4s linear
}

.images-midea .video-btn {
    padding: 15px 20px !important
}

.carousel-sliders-wrapper .swiper-container {
    width: 94%
}

.genelBg .swiper-button-next,
.genelBg .swiper-button-prev {
    top: 0 !important;
    background-color: #fff;
    margin-top: 0 !important;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    color: #2e4e8c
}

.genelBg .carousel-sliders-wrapper .swiper-button-next:hover,
.genelBg .swiper-button-prev:hover {
    background-color: #ffffff73
}

.genelBg .swiper-button-prev,
.genelBg .swiper-container-rtl .genelBg .swiper-button-next,
.genelBg .swiper-button-next,
.genelBg .swiper-container-rtl .swiper-button-prev {
    width: 2%;
    height: calc(100% - 30px);
    background-image: none
}

.genelBg .carousel-slider__image:before {
    width: 100%;
    height: 100%;
    position: absolute;
    background: #333;
    top: 0;
    left: 0;
    opacity: .3
}

.slider-boxed .bx-wrapper .bx-controls-direction a {
    z-index: 99;
    position: absolute;
    top: 0;
    margin-top: 0;
    font-size: 1.5rem;
    width: 8%;
    height: 100%
}

.carousel-sliders-wrapper .carousel-slider__content {
    margin-top: -7px;
    padding: 10px;
    height: 70px;
    box-shadow: -2px 1px 16px rgba(1, 84, 85, .1);
    overflow: hidden;
    font-size: .85rem;
    line-height: 2;
    margin-bottom: 30px;
    background: #fff
}

.slider-boxed .bx-wrapper img {
    height: auto;
    margin: 0 auto;
    box-shadow: 0 0 32px 3px rgba(0, 0, 0, 0.6)
}

.slider-boxed .bx-controls-direction .bx-prev:hover::after {
    opacity: 1
}

.slider-boxed .bx-controls-direction .bx-prev::after {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.49) 0%, rgba(255, 255, 255, 0) 100%);
    opacity: .6;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    color: #fff;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent: 0;
    font-size: 2em;
    transition: .5s;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f104"
}

.slider-boxed .bx-controls-direction .bx-next::after {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.49) 100%);
    opacity: .6;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    color: #fff;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    text-indent: 0;
    font-size: 2em;
    transition: .5s;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f105"
}

.slider-boxed .bx-wrapper .bx-prev {
    left: 0
}

.slider-boxed .bx-wrapper .bx-next {
    right: 0
}


/*******************

    slider

***********************/

#hizlilink {
    position: relative;
    padding: 2em 0;
    background-color: #fff
}

.hizlilinkitem {
    background: #fff;
    border-radius: 5px;
    height: 100px;
    display: flex;
    justify-content: start;
    align-items: center;
    text-align: center;
    color: #2e4e8c;
    transition: all .4s linear;
    border: 1px solid #eee;
    box-shadow: 0 5px 10px 0 rgba(101, 101, 101, 0.1);
    line-height: 22px;
}

.hizlilinkitem:hover {
    background: #2e4e8c;
    color: #fff
}

.hizlilinkitem i {
    font-size: 1.5rem;
    margin-bottom: 10px
}

.hizlilinkitem .baslik {
    font-size: 16px !important;
}


.hizlilinkitem .link {
    color: #2e4e8c;
}

.hizlilinkitem span {
    max-height: 32px;
    overflow: hidden;
    display: block;
    text-align: left;
}


/*******************

    content

***********************/

.content {
    position: relative;
    background: #f8f8f8;
    padding-top: 50px
}

.haberbaslik {
    position: relative
}

.haberbaslik h2 {
    font-size: 22px;
    position: relative
}

.haberbaslik:before {
    content: "";
    position: absolute;
    background-image: url(../img/habertitlebg.png);
    top: -25px;
    left: -35px;
    width: 175px;
    height: 143px
}

.anahaberitem {
    background: #fff;
    position: relative;
    box-shadow: 0 5px 10px 0 rgba(101, 101, 101, 0.10);
    transition: all .4s linear
}

.anahaberitem:hover {
    box-shadow: none
}

.anahaberdate {
    width: 35px;
    height: 100%;
    position: absolute
}

.anahaberdateline {
    position: absolute;
    top: 0;
    left: 15px;
    border: 1px solid #E6E8EB;
    height: 20px
}

.anahaberdate p {
    font-family: 'Nunito', sans-serif;
    font-weight: 700;
    font-size: 12px;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    position: absolute;
    top: 25px;
    left: -7px;
    transform: rotate(180deg)
}

.anahaberler {
    margin-left: 35px;
    padding: 15px 15px 15px 0;
    position: relative
}

.anahaberler img {
    width: 100%;
    height: 225px
}

.anahaberler p.anahabertitle {
    font-family: 'Nunito', sans-serif;
    font-weight: 800;
    color: #2C324D;
    font-size: 1.1rem;
    line-height: 1.5;
    margin: 10px 0;
    height: 50px;
    overflow: hidden
}

.anahaberler:hover p.anahabertitle a {
    color: #a81115
}

.anahaberler p.anahabertitle a {
    color: #2C324D
}


.anahaberinfo {
    border-top: 1px solid #f0f0f0;
    padding-top: 10px
}

.anahaberinfo ul li {
    display: inline-block;
    width: 30%;
    border-right: 1px solid #f0f0f0;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.anahaberinfo ul li:last-child {
    border: none
}

.anahaberinfo ul li a {
    color: #444;
    font-size: 14px;
    font-family: 'Nunito', sans-serif
}

.anahaberinfo ul li i {
    color: #444;
    padding: 0 5px
}

.anahaberinfo ul li span.anahaberokunma {
    color: #444;
    font-size: 13px;
    font-family: 'Nunito', sans-serif
}

.anahaberinfo ul li a:hover {
    color: #2C324D
}

.anatumhaber {
    display: inline-flex;
    margin-left: 10px
}

.anatumhaber a {
    border: 1px solid #3d4c88;
    border-radius: 4px;
    /* letter-spacing: 0.651px;*/
    padding: 7px 14px;
    padding-bottom: 5px;
    color: #3d4c88;
    font-size: 12px;
    font-family: 'Poppins';
    font-weight: 400;
}

.anatumhaber a:hover {
    background: #3d4c88;
    color: #fff;
}

.anatumhaber.primary a {
    border: 1px solid #3d4c88;
    background: #3d4c88;
    color: #fff;
}

.haberAna {
    position: relative;
    margin: 10px 0 0px;
    padding: 0
}

.haberowl {
    width: 100%
}

.content .owl-carousel .owl-stage-outer {
    /*  padding-bottom: 40px; */
}

.content .owl-theme .owl-nav {
    position: absolute;
    top: -60px;
    left: 135px;
}

.content .owl-theme .owl-nav .owl-prev,
.content .owl-theme .owl-nav .owl-next {
    background: transparent !important;
    padding: 0 10px !important;
    border: 1px solid #3d4c88;
    color: #3d4c88;
    height: 35px;
    line-height: 30px;
    transition: all .4s linear
}

.content .owl-theme .owl-nav .owl-prev span,
.content .owl-theme .owl-nav .owl-next span {
    font-size: 2rem
}

.content .owl-theme .owl-nav .owl-prev:hover,
.content .owl-theme .owl-nav .owl-next:hover {
    background: #2E4E8C !important;
    color: #fff;
}

.ucluicerik {
    position: relative
}

.ucluicerik .tab-content,
.anaetkinliklist {
    background: #fff;
    position: relative;
    box-shadow: 0 5px 10px 0 rgba(101, 101, 101, 0.10);
    margin-top: 20px
}

.anaduyuru {
    position: relative
}

span.news {
    position: absolute;
    top: -10px;
    right: -5px;
    background: #a81115;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 11px;
    font-weight: 600
}

.haberbaslik span.news {
    position: relative;
    display: inline-flex;
}


/*anasayfa tab haber liste css*/

.ucluicerik .tab-content ul,
.anaetkinliklist ul {
    height: 440px;
    overflow-y: auto
}

.ucluicerik .tab-content ul li {
    position: relative;
    min-height: 90px;
    border-bottom: 1px solid #f0f0f0;
    margin: 0;
    padding: 0
}

.ucluicerik .tab-content ul li:hover .tabduyurudate {
    background: #2E4E8C;
    transition: all .4s linear
}

.ucluicerik .tab-content ul li:hover .tabduyurudate p {
    color: #fff
}

.ucluicerik .tab-content ul li:hover .tabduyurumetin p {
    color: #2e4e8c
}

.ucluicerik .tab-content ul li:last-child {
    border: none
}

.ucluicerik .tab-content ul li .tabduyurudate {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 12px;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    position: absolute;
    transform: rotate(180deg);
    background: #fcfcfc;
    width: 40px;
    min-height: 90px;
    height: 100%;
    white-space: nowrap;
}

.ucluicerik .tab-content ul li .tabduyurudate p {
    margin: 0;
    padding: 10px;
    text-align: center
}

.ucluicerik .tab-content ul li .tabduyurumetin {
    margin: 0 0 0 50px
}

.ucluicerik .tab-content ul li .tabduyurumetin p {
    padding: 10px 5px 0 0;
    font-family: 'Poppins', sans-serif;
    color: #333;
    font-weight: 500
}

.ucluicerik .ana2haber .tab-content ul li:hover .tabduyurumetin p {
    color: #a51115;
}

.ucluicerik #anabirim-haber ul li:hover .tabduyurumetin p {
    color: #000
}


/*anasayfa tab haber liste css*/


.anaduyuru .nav-pills .nav-link.active,
.anaduyuru .nav-pills .show > .nav-link {
    width: 100%
}

.anaduyuru .nav-item {
    width: 48%;
    position: relative
}

.anaduyuru .nav-item .nav-link {
    background: #fff !important
}

.anaduyuru .nav-item .nav-link.active {
    background-color: #2e4e8c !important;
    color: #fff
}

.anaduyuru .nav-item .nav-link.active:before {
    position: absolute;
    bottom: -34px;
    left: 45%;
    content: "\f0d7";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #2e4e8c;
    font-size: 37px
}

.anaduyuru .nav-item:first-child {
    margin-right: 4%
}

.anaduyuru .nav-pills {
    margin-top: -20px !important
}

.anaduyuru .nav-pills .nav-link {
    width: 100%;
    border-radius: 0;
    height: 45px;
    font-family: 'Nunito', sans-serif;
    font-weight: 700;
    font-size: 13.5px;
    color: #000;
    border: 1px solid #f0f0f0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}


.ana2haber .nav-pills .nav-link.active,
.ana2haber .nav-pills .show > .nav-link {
    width: 100%
}

.ana2haber .nav-item {
    width: 48%;
    position: relative
}

.ana2haber .nav-item .nav-link {
    background: #fff !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ana2haber .nav-item .nav-link.active {
    background-color: #a81115 !important;
    color: #fff
}

.ana2haber .nav-item .nav-link.active:before {
    position: absolute;
    bottom: -34px;
    left: 45%;
    content: "\f0d7";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #a81115;
    font-size: 37px
}

.ana2haber .nav-item:first-child {
    margin-right: 4%
}

.ana2haber .nav-pills {
    margin-top: -20px !important
}

.ana2haber .nav-pills .nav-link {
    width: 100%;
    border-radius: 0;
    height: 45px;
    font-family: 'Nunito', sans-serif;
    font-weight: 700;
    font-size: 13.5px;
    color: #000;
    border: 1px solid #f0f0f0
}

.ana2haber .tab-content ul li:nth-child(2n):hover .tabduyurudate,
.ana2haber .tab-content ul li:hover .tabduyurudate {
    background: #a81115
}


.ana1haber {
    position: relative
}

.ana1haber .nav-pills .nav-link.active,
.ana2haber .nav-pills .show > .nav-link {
    width: 100%
}

.ana1haber .nav-item {
    width: 100%;
    position: relative
}

.ana1haber .nav-item .nav-link {
    background: #fff !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ana1haber .nav-item .nav-link.active {
    background-color: #a81115 !important;
    color: #fff
}

.ana1haber .nav-item .nav-link.active:before {
    position: absolute;
    bottom: -34px;
    left: 45%;
    content: "\f0d7";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #a81115;
    font-size: 37px
}

.ana1haber .nav-item:first-child {
}

.ana1haber .nav-pills {
    margin-top: -20px !important
}

.ana1haber .nav-pills .nav-link {
    width: 100%;
    border-radius: 0;
    height: 45px;
    font-family: 'Nunito', sans-serif;
    font-weight: 700;
    font-size: 13.5px;
    color: #000;
    border: 1px solid #f0f0f0
}

.ana1haber .tab-content ul li:hover .tabduyurudate {
    background: #000
}


#ana-rektorluk {
    position: relative
}

#ana-rektorluk ul {
    display: block
}

#ana-rektorluk ul li {
    display: flex;

    align-items: flex-start;
    padding: 10px 15px;
    border-bottom: 1px solid #f0f0f0;
    transition: all 0.4s linear;
    min-height: 88px
}

#ana-rektorluk ul li:hover {
    background: #f0f0f0
}

#ana-rektorluk ul li:hover a {
    color: #000
}

#ana-rektorluk ul li img {
    width: 90px;
    float: left;
    margin-right: 10px
}

#ana-rektorluk ul li p {
    margin: 0;
    font-family: 'Poppins', sans-serif;
    height: 45px;
    overflow: hidden
}

#ana-rektorluk ul li p a {
    color: #535353;
    font-size: 13px;
    font-weight: 500
}

#ana-rektorluk ul li span {
    float: right;
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    color: #666;
    position: absolute;
    font-weight: 500;
    right: 5px;
    bottom: 0
}

#ana-rektorluk .thumb-img {
    display: inline-flex;
    width: 85px;
    height: 67px;
    flex: 0 0 85px;
    margin-right: .5em;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}


.anaetkinlik {
    position: relative
}

.anaetkinlik .nav-pills .nav-link.active,
.ana2haber .nav-pills .show > .nav-link {
    width: 100%
}

.anaetkinlik .nav-item {
    width: 100%;
    position: relative
}

.anaetkinlik .nav-item .nav-link {
    background: #fff !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.anaetkinlik .nav-item .nav-link.active {
    background-color: #000 !important;
    color: #fff
}

.anaetkinlik .nav-item .nav-link.active:before {
    position: absolute;
    bottom: -34px;
    left: 45%;
    content: "\f0d7";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #000;
    font-size: 37px
}

.anaetkinlik .nav-item:first-child {
}

.anaetkinlik .nav-pills {
    margin-top: -20px !important
}

.anaetkinlik .nav-pills .nav-link {
    width: 100%;
    border-radius: 0;
    height: 45px;
    font-family: 'Nunito', sans-serif;
    font-weight: 700;
    font-size: 13.5px;
    color: #000;
    border: 1px solid #f0f0f0
}

.anaetkinlik .tab-content ul li:hover .tabduyurudate {
    background: #000
}


.anaetkinlikbaslik {
    background: #fff;
    position: relative;
    height: 45px;
    margin-top: -20px;
    line-height: 45px;
    border: 1px solid #f0f0f0
}

.anaetkinlikbaslik:before {
    position: absolute;
    bottom: -27px;
    left: 23%;
    content: "\f0d7";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #fff;
    font-size: 37px
}

.anaetkinlikbaslik p {
    font-family: 'Nunito', sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: #000;
    padding-left: 15px;
    float: left;
    width: 48%
}

.anaetkinlikbaslik p:first-child {
    border-right: 2px solid #f0f0f0
}

.anaetkinlikbaslik p {
    text-align: center
}

.anaetkinlikbaslik p:last-child a {
    color: #D2171D
}

.anaetkinlikbaslik p:last-child i {
    position: relative;
    top: 1.5px
}

.anaetkinliklist ul li {
    padding: 15px !important;
    min-height: 80px !important;
    border-bottom: 1px solid #f0f0f0 !important;
    display: inline-table;
    width: 100%;
    transition: all .4s linear
}

.anaetkinliklist ul li:last-child {
    border: none
}

.anaetkinliklist ul li:hover {
    background: #f4f4f4
}

.anaetkinliklist ul li .anaetkinlikdate {
    width: 78px;
    height: 70px;
    float: left;
    margin-right: 10px;
    background: #fafafa;
    border: 1px solid #eee
}

.anaetkinliklist ul li .anaetkinlikdate p {
    margin: 0;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    padding: 0 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.anaetkinliklist ul li .anaetkinlikdate p.etlinlikay,
.anaetkinliklist ul li .anaetkinlikdate p.etlinlikgun {
    color: #444;
    font-size: 12px
}

.anaetkinliklist ul li .anaetkinlikdate p.etlinlikgun-text {
    border-top: 1px solid #eee;
    color: #333;
    font-weight: 500;
    padding: 2px 0;
    font-size: 12px;
    background: #eee
}

.anaetkinliktitle {
    font-family: 'Poppins', sans-serif;
    float: left;
    width: calc(100% - 90px)
}

.anaetkinliktitle p {
    margin: 0
}

.anaetkinliklist ul li:hover .anaetkinliktitle a {
    color: #000;
    transition: all .4s
}

.anaetkinliktitle p a {
    font-size: 13px;
    color: #333
}

.anaetkinliktitle span {
    font-size: 12px;
    color: #333;
    font-weight: 600;
    margin-top: 5px;
    float: left
}

.anaetkinliktitle span i {
    margin-right: 5px
}

.alllist {
    background: #fafafa;
    border: 1px solid #f0f0f0;
    text-align: center;
    height: 50px;
    line-height: 50px;
    position: absolute;
    bottom: -50px;
    width: 100%
}

.alllist a {
    color: #2C324C;
    font-family: 'Nunito', sans-serif;
    font-size: 18px;
    font-weight: 700
}

.anaetkinliklist ul li:hover .anaetkinlikdate {
    background: #fff
}


.etkinlikler {
    position: relative
}

#etkinlik-takvimi .fc-event {
    border-radius: 5px;
    border: 3px solid transparent !important;
}

#etkinlik-takvimi .fc-event-main {
    padding: 0px 10px;
    white-space: break-spaces;
    font-size: 13px;
}

#etkinlik-takvimi .fc-event-main .badge {
    padding-top: 6px;
    margin-right: 5px;
}

#etkinlik-takvimi .fc-event-time {
    display: none;
}

#etkinlik-takvimi .fc-event-main-frame {
    paddingx: 1px 10px;
}

#etkinlik-takvimi .fc-button {
    padding: 8px 15px !important;
    font-size: 14px;
    background-color: transparent;
    color: #000;
    border-color: #bbb;
    box-shadow: none !important;
    outline: none !important;
}

#etkinlik-takvimi .fc-button-active {
    background-color: #a01f1d !important;
    border-color: #a01f1d !important;
    color: #fff;
}

#etkinlik-takvimi .fc-daygrid-day.fc-day-today {
    background-color: rgb(204 204 204 / 9%);
}

.btn.etkinlik-gorunum {
    margin-top: 1px;
    padding: 5px 14px !important;
    background: #fff !important;
    border: 1px solid #ccc !important;
    color: #000 !important;
    display: flex;
    align-items: center;
}

.btn.etkinlik-gorunum .icon {
    margin-right: 5px;
}

.btn.etkinlik-gorunum.active {
    background-color: #a01f1d !important;
    border-color: #a01f1d !important;
    opacity: 1;
    color: #fff !important;
}

.activity-container {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding-top: 50px;
    padding-bottom: 50px;
    background: #fff
}

.activity-table-scroll {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden
}

.activity-table {
    position: relative;
    display: table;
    width: 100%;
    height: auto
}

.activity-table a {

    position: relative;

    display: table-cell;

    color: #000;

    font-size: 1.25rem;

    text-align: center;

    opacity: .5;

    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);

    filter: alpha(opacity=50);

    padding: .5em 0;

    min-width: 35px;

    cursor: default;

}

.activity-table a small {

    font-size: .75rem;

    display: block;

}

.activity-table a.active {

    opacity: 1;

    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);

    filter: alpha(opacity=100);

    background: #a81115;

    color: #fff;

    border-radius: 0.25em;

}

.activity-table a.hasItem {

    opacity: 1;

    cursor: pointer;

    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);

    filter: alpha(opacity=100);

}

.activity-current {
    color: #3d4c88;
    font-weight: 700;
    font-size: 1.2rem;
    margin: 0 1rem
}

.activity-prev,
.activity-next {
    border: 1px solid #3d4c88;
    border-radius: 4px;
    letter-spacing: 0.651px;
    padding: 7px 14px;
    padding-bottom: 5px;
    color: #3d4c88;
    font-size: 12px;
    font-family: 'Poppins';
    font-weight: 400;
    transition: all 0.2s linear
}

.activity-prev:hover,
.activity-next:hover {
    color: #fff;
    background: #3d4c88
}

#calMonths {
    text-align: center;
    margin: 3rem 0
}

#calMonths span {
    border-bottom: 3px solid #eee;
    transition: all .4s linear;
    cursor: pointer;
    width: 100%;
    display: block;
    padding: 5px 0
}

#calMonths span:hover,
#calMonths span.active {
    background: #eee;
    color: #000
}

.carouselActivity .item {
    display: flex;
    align-items: center;
    width: 80%
}

.carouselActivity img {
    max-width: 120px
}

.carouselActivity.owl-carousel .nav-btn {
    height: 46px;
    position: absolute;
    width: 35px;
    cursor: pointer;
    top: 67px !important
}

.carouselActivity.owl-carousel .owl-prev.disabled,
.owl-carousel .owl-next.disabled {
    pointer-events: none;
    opacity: 0.2
}


.carouselActivity.owl-carousel .prev-slide {

    background: url("../img/nav-icon.png") no-repeat scroll 0 0;

    left: 0;

}

.carouselActivity.owl-carousel .next-slide {

    background: url("../img/nav-icon.png") no-repeat scroll -30px 0px;

    right: 0;

}

.carouselActivity.owl-carousel .prev-slide:hover {

    background-position: 0px -52px;

}

.carouselActivity.owl-carousel .next-slide:hover {

    background-position: -30px -52px
}


.carouselActivity span.img-text {

    text-decoration: none;

    outline: none;

    transition: all 0.4s ease;

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    cursor: pointer;

    width: 100%;

    font-size: 23px;

    display: block;

    text-transform: capitalize;

}

.carouselActivity span.img-text:hover {
    color: #2caae1
}

span.activity-title {
    font-size: 22px
}

.activity-container .owl-nav {
    height: 0
}

.activity-container .no-js .owl-carousel,
.activity-container .owl-carousel.owl-loaded {
    height: 180px;
    display: flex;
    justify-content: center;
    align-items: center
}

#calMonths span:hover,
#calMonths span.active {
    background: #a81115;
    color: #fff;
    border-bottom: 3px solid #850e12
}


/*******************

    anasayfa yemek listesi tab alani

***********************/

.anaYemekAlani {
    position: relative
}

.anaYemekListeesi p.yemekTarihi {
    background: #fafafafa;
    border: 1px solid #eee;
    text-align: center;
    padding: 5px;
    margin-bottom: 5px;
    font-weight: 600;
    color: #000
}

.anaYemekListeesi ul {
    display: block;
    overflow: unset;
    height: auto !important;
    padding: 10px 0
}

.anaYemekListeesi ul li {
    min-height: auto !important;
    text-align: center;
    font-size: 12.5px;
    color: #333;
    font-weight: 300;
    font-family: 'Poppins', sans-serif;
    border-bottom: unset !important
}


/*scroll bar*/

.scroll-box {
    width: 100%
}

.scroll-box::-webkit-scrollbar {
    width: .4em
}

.scroll-box::-webkit-scrollbar,
.scroll-box::-webkit-scrollbar-thumb {
    overflow: visible;
    border-radius: 2px
}

.scroll-box::-webkit-scrollbar-thumb {
    background: #575757
}

.scrol-bar {
    position: absolute;
    background: #fff;
    height: 100%;
    top: 0;
    right: 0;
    width: .4em;
    -webkit-transition: all .5s;
    opacity: 1
}

.scroll-box:hover .scrol-bar {
    opacity: 0;
    -webkit-transition: all .5s
}


/*******************

    comu tv

***********************/

#comutv {
    position: relative;
    padding: 60px 0px 60px 0px;
    background: #f8f8f8;
}

.tvbaslik {
    position: relative
}

.tvbaslik h2 {
    font-size: 22px;
    font-weight: 600;
    position: relative;
    color: #000;
    font-family: 'Poppins', sans-serif
}

.tvbaslik h2 span {
    color: #D2171D
}

.tvbaslik:before {
    content: "";
    position: absolute;
    background-image: url(../img/tvbg.png);
    top: -25px;
    left: -35px;
    width: 135px;
    height: 135px
}

.anatumtv {
    margin-top: 20px
}

.anatumtv a {
    color: #555;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 600
}

.anatumtv a:hover {
    color: #000
}

.comutvitem {
    padding-bottom: 20px;
    background: #727272;
    position: relative;
    box-shadow: 0 5px 10px 0 rgba(101, 101, 101, 0.10);
    transition: all .4s linear;
    border-radius: 10px;
}

.comutvitem:hover {
    background: #a81115;
}

.comutvitem img {
    width: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.comutvitem span {
    text-align: center;
    padding: 15px;
    height: 75px;
    margin: 0 0 0 5%;
    width: 90%;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 1rem;
    font-weight: 500;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.8 !important;
}

.comutvitem:hover p {
    color: #fff
}

.comutvitem .play-button {
    position: absolute;
    background-color: transparent;
    top: 35%;
    left: 50%;
    font-size: 40px;
    width: 90px;
    height: 90px;
    color: #a30d0d;
    -webkit-transform: translate(-50%, -35%) scale(0);
    transform: translate(-50%, -35%) scale(0);
    transition: all 200ms 0 ease
}

.comutvitem:hover img {
    -webkit-filter: grayscale(40%);
    filter: grayscale(40%)
}

.comutvitem:hover .play-button {
    -webkit-transform: translate(-50%, -35%) scale(1);
    transform: translate(-50%, -35%) scale(1);
    transition: all 200ms 100ms ease
}


#comutv a:focus-visible .comutvitem {
    outline: 3px solid #a81115;
    outline-offset: 3px;
    background: #a81115;
}

#comutv a:focus-visible .comutvitem img {
    -webkit-filter: grayscale(40%);
    filter: grayscale(40%);
}

#comutv a:focus-visible .comutvitem .play-button {
    -webkit-transform: translate(-50%, -35%) scale(1);
    transform: translate(-50%, -35%) scale(1);
    transition: all 200ms 100ms ease;
}


#info {
    position: relative;
    padding: 40px 0;
    background-color: #fafafa;
    background-repeat: repeat
}

.inforesim {
    position: relative;
    z-index: 1
}

.inforesim:before {
    content: "";
    background: #a81115;
    height: 109%;
    width: 45%;
    position: absolute;
    left: 0;
    top: -6%;
    z-index: -1
}

.inforesim img {
    width: 90%;
    margin-left: 5%
}

.infoplay {
    position: absolute;
    z-index: 5;
    top: 40%;
    left: 40%
}

.infoplay img {
    width: 136px;
    height: 144px
}

.infotext {
    margin-top: 20px
}

.infotext p {
    color: #333;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 400;
    /* line-height: 2*/
}

.sayac {
    margin-top: 30px
}

.saycaitem {
    height: 130px;
    width: 100%;
    background: #fff;
    border-right: 3px solid #f0f0f0;
    position: relative;
    margin: 3px;
}

.sayacicon {
    position: absolute;
    z-index: 0;
    padding: 15px
}

.sayacicon i {
    color: #ccc;
    font-size: 6rem;
    opacity: .1;
    padding: 15px
}

.sayacrakamlar {
    position: relative;
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100%;
    margin-right: 20px
}

.sayacrakamlar .count {
    font-family: 'Nunito', sans-serif;
    font-size: 32px;
    color: #333;
    font-weight: 900;
    margin-bottom: 0
}

.sayacrakamlar span {
    font-family: 'Nunito', sans-serif;
    font-size: 17px;
    color: #666;
    font-weight: 400
}

.infobosluk .saycaitem {
    border-right: 0px;
}

.infoboslukalt .saycaitem {
    border-bottom: 0px;
}


.infocizgi .saycaitem {
    height: 1px;
    border-bottom: 3px solid #f0f0f0;
    margin: 0px;
    width: 90%;
    padding: 0px;
}


/*******************

    oneri

***********************/

#oneri {

    position: relative;

    height: 250px;

    padding: 4em 0 0 0;

}

#oneri:after {

    content: "";

    position: absolute;

    width: 58%;

    height: 101%;

    right: 0;

    top: 0;

    z-index: -1;

    background: linear-gradient(297deg, rgb(255 255 255) 74%, rgb(244 244 244) 85%, rgba(255, 255, 255, 1) 86%);

}

#rimerDestek {

    display: flex;

    align-items: center;

    margin-bottom: 3em;

    justify-content: space-between;

}

#rimerDestek a {
    color: #222222
}

#rimer {

    display: flex;

    justify-content: flex-start;

    align-items: center;

    font-family: "Roboto", sans-serif;

    text-align: center;

    flex-wrap: wrap;

    max-width: 600px;

}

#rimerHeader {

    display: flex;

    align-items: center;

    justify-content: space-between;

    font-family: 'Nunito', sans-serif;

    font-weight: 600;

    text-align: left;

    flex: 0 0 100%;

}

#rimer p {
    display: block;
    width: 100%;
    padding-top: 1em;
    text-align: center;
    font-size: 18px;
    color: #999999;
    margin-bottom: 0
}

#rimerHeader h2 {
    background: url(../img/rimer_bg.png);

    font-size: 1.8em;

    padding: 1em 0 1em 1em;

    border-left: 5px solid #dbdbdb;

    margin-left: 1em;

    font-weight: 600;

}

#comuDestek {

    display: flex;

    align-items: center;

    justify-content: space-between;

    font-family: "Roboto", sans-serif;

    max-width: 600px;

    align-self: flex-end;

}

#comuDestek h2 {
    font-family: 'Nunito', sans-serif;
    background: url("../img/rimer_bg.png") right center no-repeat;
    color: #000
}

#comuDestek h2 strong {
    font-family: 'Poppins', sans-serif;
    color: #a81115;
    font-weight: 600;
    font-size: 32px
}

#comuDestek p {
    text-align: right
}

.oneribg {
    position: absolute;
    top: 0;
    z-index: -1;
    height: 296px;
    background-image: url(../img/oneri.png);
    background-repeat: no-repeat;
    background-position: right
}

.oneritext {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    flex-direction: column
}

.oneritext p {
    font-size: 38px;
    color: #000;
    font-weight: 500
}

.oneritext span {
    font-size: 26px;
    color: #545454
}

.oneribtn {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%
}

.oneribtn a:first-child {
    margin-right: 15px
}

.oneribtn a:last-child {
    margin-left: 15px
}

.oneribtn .btn-mavi {
    padding: 15px 30px;
    background: #2e4e8c;
    color: #fff;
}

.oneribtn .btn-mavi:hover {
    background: #182b52;
    transition: all 300ms cubic-bezier(0.000, 0.000, 1.000, 0.435)
}

.oneribtn .btn-kirmizi {
    padding: 15px 30px;
    background: #a81115;
    color: #fff
}

.oneribtn .btn-kirmizi:hover {
    background: #8a090e;
    transition: all 300ms cubic-bezier(0.000, 0.000, 1.000, 0.435)
}

#anacarosel {
    background: #727272;
    height: 117px;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 10
}

#anacarosel img {
    width: 100%;
    max-height: 47px;
    filter: brightness(0) invert(1);
    opacity: 0.9;
    transition: all .4s linear
}

#anacarosel img:hover {
    filter: grayscale(0);
    opacity: 1
}

#anacarosel .footer-carosel .item a:focus-visible {
    outline-offset: 0px;
    display: inline-block;
}

#anacarosel .footer-carosel .item a img {
    display: block;
    pointer-events: none;
}

.owl-item {
    display: flex;
    align-items: center;
    justify-content: center
}


/*******************

    footer

***********************/

#footer {
    position: relative;
    background: #525252;
    z-index: 5;
    margin-top: 0px;
    background-image: url("../img/footer-comu.png");
    background-repeat: no-repeat;
    background-position: center 85px;
    padding-top: 60px;
}

#footer:before {
    content: "";
    background-image: url(../img/footer-sag.png);
    background-repeat: no-repeat;
    top: 0;
    right: 0;
    width: 477px;
    height: 460px;
    position: absolute;
    z-index: -1
}

#footer:after {
    content: "";
    background-image: url(../img/footer-sol.png);
    background-repeat: no-repeat;
    bottom: 0;
    left: 0;
    width: 477px;
    height: 523px;
    position: absolute;
    z-index: -1
}

.footer-carosel {
    opacity: 0;
}

.footer-link {
}

.footer-link .footer-baslik {
    font-family: 'Poppins', sans-serif;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 15px
}

.footer-link ul {
    display: block
}

.footer-link ul li {
    padding: 5px 0
}

.footer-link ul li a {
    font-family: 'Poppins', sans-serif;
    color: #ccc;
    font-size: 14px;
    transition: all .3s linear;
}

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

.footer-info {
    border-top: 1px solid #727272;
    text-align: center;
    margin-top: 15px
}

.footer-info p {
    color: #fff;
    padding-top: 10px;
    font-family: 'Poppins', sans-serif;
    font-size: 15px
}

.footer-info p a {
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 15px
}

.footer-butonlar {
    margin: 0px 0px;
    border-top: 1px solid #727272;
    padding-top: 15px;
}

.footer-btn {
    backgroundX: #2E508D;
    borderX: 2px solid #748bb9;
    padding: 15px 30px !important;
    border-radius: 5px;
    color: #fff;
    font-size: 15px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    display: block;
    text-align: center
}

.footer-btn i {
    margin-right: 5px
}

.footer-btn:hover {
    color: #fff
}

ul.footer-social {
    padding: 12px 30px !important
}

ul.footer-social li {
    display: inline-block;
    padding: 0 10px
}

ul.footer-social li a i {
    font-size: 28px;
    color: #fff
}

ul.footer-social li a i:hover {
    color: #8caff1
}

#footer .linkler {
    margin-bottom: 4em;

    margin-top: 1em;
}


.hizierisim-modal .modal-body {
    padding: 2rem !important
}

.modal-header h5 {
    width: 100%;
    text-align: center
}

.modal-backdrop.show {
    opacity: .7
}

.scrollTop {
    cursor: pointer;
    position: fixed;
    border-radius: 0;
    right: 0px;
    bottom: 50px;
    background-color: #525252c2;
    opacity: 0;
    transition: all .4s ease-in-out;
    z-index: 9997;
    width: 40px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center
}

.scrollTop a {
    font-size: 1.3rem;
    color: #fff
}

.scrollTop:hover {
    background: #8d0b0b
}


/*******************

    alt sayfa genel

***********************/

.altsayfatitle {

    display: flex;

    align-items: center;

    height: 50px;

    background: #f5f5f5;

    margin-bottom: 15px;

    padding: 0;

}

.altsayfatitle h1 {
    font-size: 1.1rem;
    color: #000;
    font-weight: 700
}

.altsayfa-baslik {
    background: #56181b94;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -8px;
    width: calc(100% + 8px)
}

.altsayfa-baslik span {
    color: #fff;
    font-size: 1.6rem;
    text-shadow: 2px 1px #00000061
}

#alt-content {
    background: #fff;
    padding: 0px 0 50px
}

#alt-content {
    padding: 0px 0 50px;
}

#alt-content img {
    max-width: 100%;
    height: auto
}

.singleWhite {
    padding-top: 20px;
    margin-right: 0;
    margin-left: 0;
    padding-bottom: 25px;
}

.kategorirenk1 {
    background-color: #214754 !important;
}

.kategorirenk2 {
    background-color: #1e3a71 !important;
}

.icerikPaylas {
    float: right;
    margin-top: 6px;
    margin-right: 14px;
    border-right: 4px solid #f0f0f0;
    padding-right: 13px
}

.icerikPaylas ul {
    display: block;
    float: left
}

.icerikPaylas ul li {
    display: inline-block;
    font-size: 1rem;
    margin: 0 3px;
    cursor: pointer;
    color: #000
}

.icerikPaylas ul li a {
    color: #000
}

.icerikPaylas ul li a i {
    font-size: 17px
}

.icerikTextAyari {
    float: right;
    margin-top: 9px;

}


/*******************

    haberler sayfasi

***********************/
.haber {
    margin: 10px;
    margin-bottom: 35px;
}

.haber .resim {
    height: 230px;
    display: block;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
    border-radius: 10px;
}

.haber .resim img {
    object-fit: cover;
    min-width: 100%;
    min-height: 100%;
    transition: transform .7s cubic-bezier(.25, 1, .2, 1);

}

.haber .baslik {
    display: inline-block;
    font-size: 15px;
    padding-top: 15px;
    color: #000;
    line-height: 27px;
}

.haber .tarih {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    background-color: #374d8af5;
    color: #fff;
    z-index: 9;
    border-top-right-radius: 12px;
}

.haber .tarih .gun {
    font-weight: bold;
}

.haber:hover img {
    transform: scale(1.182);
}

.haber:hover .baslik {
    color: #374d8a;
}

/*******************

    haber sayfasi

***********************/


.single-comu {
    position: relative
}

.single-header {
    position: relative
}

.single-post-img {
    position: relative;
    text-align: center;
}


.single-post-img img {
    border-radius: 15px;
    margin-bottom: 20px;
}

.single-post-data {
    margin-top: 0px;
    padding-bottom: 10px
}

.single-post-data span {
    font-size: 16px;
    color: #333
}


.main-content {
    background-color: #fff;
}

.page-title-container {
    background-color: #f5f5f5;
    border-bottom: 1px solid #eee;
}

.page-title-container .border-top {
    border-top: 1px solid #ddd !important;
}

.page-title {
    padding: 45px 0px 45px 0px;
    text-align: center;
}

.page-title h1 {
    font-size: 40px;
    font-weight: 500;
    font-family: 'Poppins', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}

.page-title .breadcrumb {
    justify-content: center;
}

#singleContent {
    padding: 15px 0;
    font-size: 15px;
}

#singleContent p {
    margin-bottom: 20px;
    line-height: 26px;
    color: #333
}

#singleContent h2 {
    font-size: 1.35rem;
    margin-bottom: 10px
}

#singleContent h3 {
    font-size: 1.2rem;
    margin-bottom: 10px
}

#singleContent h4 {
    font-size: 1.1rem;
    margin-bottom: 10px
}

#singleContent ul {
    margin: 15px
}

#singleContent ul li {
    color: #555
}

#singleContent ul li:before {
    content: "\f141";
    font-family: "Font Awesome 5 Free";
    display: inline-block;
    padding-right: 10px;
    font-weight: 900;
    line-height: 30px
}

#singleContent ul li:hover {
    color: #000
}


.single-album {
    position: relative
}

.single-album a {
    width: 100%;
    height: 100%;
    display: block;
    padding: 10px;
}

.single-album img {
    width: 100%;
    height: 200px;
    transition: all .1s linear;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
    border-radius: 10px;
    border: 1px solid #f6f6f6;
}


.galeri-grid {
    position: relative;
    width: 100%;
    opacity: 0;
}

.galeri-grid .item {
    display: block;
    position: absolute;
    width: 50%;
    z-index: 1;
    border-radius: 15px;
}

.galeri-grid.item-content {
    position: relative;
    width: 100%;
    height: 100%;
}

.single-title {
    border-bottom: 1px solid #eee;
    margin-bottom: 15px
}

.single-title p {
    font-size: 1rem;
    color: #000;
    margin-bottom: 0
}


.single-footer {
    border-top: 1px solid #ddd;
    padding-top: 10px
}

.single-footer a {
    color: #171717;
}

.button-cnt {
    background: rgba(0, 0, 0, 0.09);
    height: 50px;
    width: 220px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    cursor: pointer;
    position: relative
}

.overlay {
    color: #fff;
    background: #a81115;
    height: 50px;
    width: 220px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .6s ease-in-out
}

.overlay p {
    font-size: 16px;
    margin-bottom: 0
}

.overlay i {
    margin-right: 10px
}

.button-cnt:hover .overlay {
    transform: translatex(-100%);
    transition: all .6s ease-in-out
}

.button-cnt:hover .icons i {
    transform: scale(1.8);
    transition: 1s all
}

.icons {
    width: 90%;
    display: flex;
    position: absolute;
    color: rgba(0, 0, 0, 0.9);
    justify-content: space-evenly
}

.icons i {
    text-align: center;
    transform: scale(0);
    transition: 1s all;
    font-size: 15px
}

.icons i:hover {
    color: #447dd1
}


/*******************

    tooltip css

***********************/

.text-setting {
    position: relative;
    margin-top: 5px;
    padding-right: 25px;
}

.text-setting a {
    padding: 5px 8px;
    font-size: .85rem;
    margin: 0 3px;
    cursor: pointer
}

.text-setting a:last-child {
    margin: 0
}


[tooltip] {
    position: relative
}

[tooltip]::before,
[tooltip]::after {
    text-transform: none;
    font-size: .9em;
    line-height: 1;
    user-select: none;
    pointer-events: none;
    position: absolute;
    display: none;
    opacity: 0
}

[tooltip]::before {
    content: '';
    border: 5px solid transparent;
    z-index: 1001
}

[tooltip]::after {
    content: attr(tooltip);
    font-family: Helvetica, sans-serif;
    text-align: center;
    min-width: 3em;
    max-width: 21em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 1ch 1.5ch;
    border-radius: .3ch;
    box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);
    background: #000;
    color: #fff;
    z-index: 1000
}

[tooltip]:hover::before,
[tooltip]:hover::after {
    display: block
}

[tooltip='']::before,
[tooltip='']::after {
    display: none !important
}

[tooltip]:not([flow])::before,
[tooltip][flow^="up"]::before {
    bottom: 100%;
    border-bottom-width: 0;
    border-top-color: #000
}

[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::after {
    bottom: calc(100% + 5px)
}

[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::before,
[tooltip][flow^="up"]::after {
    left: 50%;
    transform: translate(-50%, -.5em)
}

@keyframes tooltips-vert {

    to {
        opacity: .9;
        transform: translate(-50%, 0)
    }

}

@keyframes tooltips-horz {

    to {
        opacity: .9;
        transform: translate(0, -50%)
    }

}

[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^="up"]:hover::before,
[tooltip][flow^="up"]:hover::after,
[tooltip][flow^="down"]:hover::before,
[tooltip][flow^="down"]:hover::after {
    animation: tooltips-vert 300ms ease-out forwards
}

[tooltip][flow^="left"]:hover::before,
[tooltip][flow^="left"]:hover::after,
[tooltip][flow^="right"]:hover::before,
[tooltip][flow^="right"]:hover::after {
    animation: tooltips-horz 300ms ease-out forwards
}

[tooltip][flow^="right"]:hover::after {
    left: 39px;
    top: 22px;
    font-size: 14px;
}

#header [tooltip]::before,
[tooltip]::after {
    font-size: 13px
}


/*******************

    side-bar

***********************/


.side-bar {
    position: relative
}

.next-prev {
}

.next-prev ul {
}

.next-prev li {
    background: #eee;
    display: inline-block;
    text-align: center
}

.next-prev li:nth-child(1),
.next-prev li:nth-child(3) {
    width: 25%
}

.next-prev li:nth-child(2) {
    width: 47%
}

.next-prev li a {
    display: block;
    height: 50px;
    line-height: 50px;
    color: #000;
    font-size: 15px;
    padding: 0 !important;
    border: none
}

.similar-sidebar {
    position: relative;
    margin-top: 15px
}

.similar-post {
    margin-bottom: 20px
}

.similar-img img {
    width: 100%
}

.similar-title {
    background: #f0f0f0;
    padding: 10px;
}

.similar-title p {
    font-size: 14px;
    color: #000;
    margin-bottom: 0;
    font-weight: 500
}

.similar-post:hover .similar-title {
    background: #3760b1
}

.similar-post:hover p {
    color: #fff
}

.similar-post-duyuru {
    background: #f1f1f170;
    margin-bottom: 20px;
    padding: 15px;
    position: relative;
    border-left: 5px solid #ccc;
    border-right: 5px transparent;
    transition: all 0.4s linear
}

.similar-post-duyuru p {
    margin-bottom: 0
}

.similar-post-duyuru a {
    color: #000;
    font-size: 14px;
    font-weight: 500
}

.similar-post-duyuru:hover {
    border-left: 5px solid #3760b1
}

.similar-post-duyuru:hover a {
    color: #000;
    transition: all 0.4s linear
}

.similar-post-duyuru:hover a,
.similar-post-duyuru:hover span {
    color: #3760b1
}

.similar-duyuru-detay {
    margin-top: 15px;
    text-align: center;
}


.similar-duyuru-detay span {
    font-size: 12.5px
}

.similar-duyuru-detay span:last-child {
    margin-left: 15px
}


/*******************

    all / tum haber - duyuru

***********************/


.comu-all-bread {
    background: #f5f5f5;
    padding: 20px 15px
}

.comu-all-bread li {
    font-size: 15px
}

.comu-all-bread li a {
    color: #000;
    font-weight: 500
}

.comu-all {
    position: relative;
    margin-top: 20px
}


.alt-content-footer {
    position: relative;
    margin-top: 40px
}

.alt-content-footer p {
    border: 1px solid #eee;
    padding: 13px;
    text-align: center;
    border-radius: 8px
}

.sayfalama a {
    color: #333
}

.sayfalama .page-link {
    padding: 10px 20px
}

.sayfalama .active > .page-link,
.sayfalama .page-link:hover {
    color: #fff;
    background-color: #3d4c88;
    border-color: #3d4c88;
}

.sayfalama .page-item.disabled > a {
    background-color: transparent;
}


.comu-all tbody tr th,
.comu-all tbody tr td:nth-child(3),
.comu-all tbody tr td:nth-child(4),
.comutable thead tr th:first-child,
.comutable tbody tr th {
    text-align: center
}

.comu-all tr,
.comutable tr {
    color: #333;
    font-size: 0.9rem
}

.comutable tbody tr,
.comutable tbody tr a,
.comu-all tr a {
    color: #333
}

.comu-all .table-hover > tbody > tr:hover,
.comutable .table-hover > tbody > tr:hover {
    --bs-table-accent-bg: rgba(14, 70, 140, 0.12)
}

.comu-all tr:hover a,
.comutable tr:hover a {
    color: #000
}

.comu-all .table > :not(caption) > * > *,
.comutable .table > :not(caption) > * > * {
    padding: 13px
}


/*******************

    topluluk haberleri

***********************/


.topluluk-haberleri {
    position: relative
}

.topluluk-haber-item {
    margin-bottom: 20px;
    padding: 20px;
    border: 1px solid #eee;
}

.topluluk-haber-img img {
    width: 100%;
    max-height: 250px
}

.topluluk-haber-item:nth-child(odd) {
    background: #f9f9f9
}

.topluluk-haber-info {
}

.topluluk-haber-info h4 {
    color: #333;
    margin-bottom: 10px;
    text-align: left
}

.topluluk-detay {
}

.topluluk-detay p {
    font-size: 14px;
    max-height: 145px;
    overflow: hidden
}

.topluluk-date-views {
    padding-bottom: 10px
}

.topluluk-date-views span {
    font-size: 15px;
    margin-right: 15px
}

a.toplulukButon {
    float: right;
    background: #eee;
    padding: 10px 20px;
    border-radius: 5px;
    color: #000
}

.topluluk-haber-item:hover a.toplulukButon {
    background: #2e4e8c;
    color: #fff;
    transition: all .5s
}


/*******************

    alt sayfa sidebar menu

***********************/


.sidebar-menu {
    position: relative;
    box-shadow: rgba(0, 0, 0, 0.14) 0px 0px 4px -2px, rgba(0, 0, 0, 0.1) 0px 4px 8px -2px;
    margin-left: 20px;
    background-color: #fff;
    margin-top: -71px;
}

.sidebar-menu-title {
    font-size: 18px;
    line-height: 20px;
    padding-bottom: 15px;
    font-weight: 700;
    text-align: center;
    color: #2e4e8c;
    position: relative;
    padding-top: 15px;
    border: 2px solid #f9f9f9
}

.sidebar-menu-title:before {
    content: "";
    display: block;
    width: 70px;
    background: #2e4e8c;
    margin: auto;
    height: 2px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    border-radius: 1px
}

.sidebar-menu-title:after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: #ddd;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1
}

.sidebar-menu ul li {
    background: #fff;
    border-bottom: 1px solid #eee;
    padding: 15px;
    cursor: pointer
}

.sidebar-menu ul li:not(.no-hover):hover {
    background: #2e4e8c;
}

.sidebar-menu ul li:hover a {
    color: #fff
}

.sidebar-menu ul li a {
    color: #444;
    font-size: 0.9rem;
    margin-left: 5px
}

.sidebar-menu ul button {
    transition: none;
}

.sidebar-menu ul li a i {
    margin-right: 10px
}

.sidebar-menu .dropend {
    width: 100%
}

.sidebar-menu .btn-sidebar-menu {
    background: #fff;
    border-bottom: 1px solid #eee;
    padding: 15px;
    padding-left: 20px;
    text-align: left;
    border-radius: unset
}

.sidebar-menu .btn-sidebar-menu:hover {
    background: #2e4e8c;
    color: #fff
}

.sidebar-menu button.show {
    background: #2e4e8c;
    color: #fff
}

.sidebar-menu .dropend .dropdown-toggle::after {
    right: 20px;
    text-align: right;
    position: absolute;
    top: 25px
}

.sidebar-menu .dropend ul li {
    padding: 7px 15px !important
}

.sidebar-menu .dropend .dropdown-menu {
    margin-left: -1px !important;
    border-radius: unset;
    font-size: 13px
}

.sidebar-menu .btn-group ul.dropdown-menu {
    padding: 0 !important
}

.sidebar-menu .btn-group ul.dropdown-menu li:last-child {
    border-bottom: none
}

/*altsayfa bread*/

.comu-single-bread {
    background: transparent;
    height: 30px;
    padding: 0 15px;
    line-height: 50px
}

.comu-single-bread li {
    font-size: 15px
}

.comu-single-bread li a {
    color: #000;
    font-weight: 500
}

.rmesajimg img {
    width: 80%;
    margin: 0 0 30px 10%;
    box-shadow: 0 9px 30px 0 rgba(0, 0, 0, 0.35)
}


/*******************

    alt sayfa comutable

***********************/


.comutable {
    border: 1px solid #ddd;
    border-radius: 0;
    margin-top: 20px
}

.comutable table {
    font-size: .85rem;
    margin-bottom: 0
}

.comutable .aramaBg {
    position: relative;
    background: #f5f5f5;
    padding: 15px;
    border-bottom: 3px solid #e6e6e6
}

.sayfalar .aramaBg {
    background: #eee;
    border-bottom: 3px solid #ddd
}

.comutable .aramaBg .aramabutonu {
    position: absolute;
    right: 15px;
    top: 15px
}

.comutable .aramaBg .btn {
    height: 36px;
    line-height: 36px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background: #9d0c11
}

.comutable .aramaBg .btn:hover,
.comutable .aramaBg .btn:active,
.btn:focus {
    transform: none
}

.aramaBg input:focus {
    color: #000 !important;
    border-color: #9696964d !important
}

.aramaBg .form-control:focus {
    box-shadow: 0 0 0 .2rem rgba(160, 160, 160, 0.25) !important
}

.etkinlik-table tr th {
    color: #000;
    font-weight: 700;
    width: 30%
}

.box {
    background: #fdfdfd;
    border: 1px solid rgba(0, 0, 0, .05);
    padding: 1em 1.25em;
    margin-bottom: 1.75em
}

.etkinlik-filtreleme1 {
    position: sticky;
    z-index: 9999;
    top: 110px;
    border-top: 1px solid #ccc;
}

.etkinlik-thumb {
    display: flex;
    align-items: flex-start;
    margin-bottom: 2em;
    color: #444;
    transition: all .2s linear
}

.etkinlik-thumb:hover {
    color: #444
}

a.etkinlik-thumb:hover .etkinliktitle {
    color: #a81115
}

.etkinlikimg {
    width: 200px;
    margin-right: 1em;
    position: relative;
    padding-top: .5em;
    height: 290px;
    background-size: 110%;
    background-position: center center;
    background-repeat: no-repeat;
    border: 2px solid #ccd4e2;
    transition: all .2s linear
}

.etkinlik-thumb:hover .etkinlikimg {
    transform: scale(1.05)
}

.etkinlik-body {
    display: inline-flex;
    flex-direction: column;
    width: calc(100% - 215px);
    padding-left: .75em
}

.etkinliktakvim {
    position: absolute;
    z-index: 1;
    bottom: -34px;
    height: 95px;
    width: 100%;
    text-align: center;
    display: flex;
    left: 0;
    justify-content: center;
    flex-direction: column;
    font-size: 1.2em;
    align-items: center
}

.etkinlikgun {
    background: #3760b1;
    color: #fff;
    display: inline-flex;
    align-items: center;
    flex-direction: column;
    padding-bottom: 3px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    width: 90px
}

.etkinlikyil {
    background: #2e4e8c;
    color: #fff;
    padding: 2px 0;
    width: 90px
}

.etkinliktitle {
    font-size: 1.2em;
    font-weight: 600;
    margin-bottom: .75em
}

.etkinlikinfo p {
    display: inline-flex;
    width: 40%;
    flex-direction: column;
    justify-self: center;
    align-items: flex-start
}

.etkinlikinfo strong {
    color: #222
}


/*******************

    arastirma merkezleri

***********************/


.arastirma-merkezleri {
    position: relative;
    margin-top: 20px
}

.comu-accordion .accordion-item {
    box-shadow: rgba(167, 167, 167, 0.1) 0 5px 15px;
    margin-bottom: 15px
}

.comu-accordion .accordion-item:not(:first-of-type) {
    border-top: 1px solid rgba(0, 0, 0, .125);
}

.comu-accordion .accordion-button:not(.collapsed) {
    color: #333;
    background: #7e90b31f;
    border-radius: 0 !important;
    font-size: 1rem;
    font-weight: 700
}

.comu-accordion .accordion-button:focus {
    border-color: #7e90b33d;
    box-shadow: none
}

.comu-accordion .listelemeBorder {
    font-size: .9rem
}

.comu-accordion .listelemeBorder a {
    color: #555
}

.comu-accordion .accordion-button.collapsed {
    border-bottom-width: 1px
}

.comu-accordion .accordion-collapse {
    border-width: 1px
}

.comu-accordion .accordion-button {
    background-color: #f8f8f8
}

.comu-accordion .accordion-item:first-of-type .accordion-button {
    border-radius: 0
}

/*******************

    kurullar / kunye

***********************/


.kurullar {
    position: relative;
    margin-top: 20px
}

.kurullar .card {
    background-color: #F8F8F8;
    border-radius: 0;
    padding: 10px
}

.kurullar .list-group-item {
    padding: 1rem
}

.kunye .card {
    background: #f8f9fa;
    border: none;
    text-align: center
}

.kunye .card p.copy {
    padding: 15px;
    margin-bottom: 0
}

.kunye-item {
    background: #fff;
    margin-bottom: 20px;
    border-radius: 5px;
    padding: 15px 0
}

.kunye-item p {
    margin-bottom: 0
}

.kunye-item p.kunye-title {
    font-size: 1.2rem;
    color: #000
}

.kunye-item p.kunye-name {
    font-size: 1rem;
    color: #444;
    margin: 7px 0
}

.kunye-item p.kunye-mail {
    font-size: .85rem;
    color: #777;
    font-style: italic
}

.kunye-item hr {
    background-color: #ccc
}

.ulasim .card {
    background: #f8f8f8;
    padding: 15px;
    border-radius: 0;
    border: 1px solid #f0f0f0
}

.ulasim h3 {
    font-size: 1.2rem;
    margin-bottom: 5px
}


/*******************

    comu fakülte myo iletisim

***********************/


.comu-bolum {
    position: relative;
    margin-top: 20px
}

.iletisim {
    position: relative;
    margin-top: 20px
}

.iletisiminfo {
    margin: 30px 0;
    font-size: .9rem
}

.iletisimButonlar a {
    padding: 15px 10px;
    color: #fff;
    width: 100%;
    background: #0B265B;
    text-align: center;
    border-radius: 3px;
    display: block;
    font-size: 0.9rem;
    transition: all 0.2s linear
}

.iletisimButonlar a.haritaColor {
    background: #1B3974
}

.iletisimButonlar a:hover,
.iletisimButonlar a.facebg:hover,
.iletisimButonlar a.twbg:hover {
    background: #a81115
}

.iletisimButonlar a.facebg {
    background: #46639C
}

.iletisimButonlar a.twbg {
    background: #6E87B8
}

.iletisimButonlar a i {
    margin-right: 5px
}

.iletisimRehber {
    margin-top: 30px
}

.iletisimRehber .comutable .table thead th {
    border-bottom: 1px solid #ddd
}

.iletisimRehber .comu-all .table > :not(caption) > * > *,
.iletisimRehber .comutable .table > :not(caption) > * > * {
    padding: .5rem
}

.iletisimRehber .comutable thead tr th {
    text-align: left
}

#iletisimBilgileri {
    margin: 0 auto;
    margin-top: -120px;
    font-family: Poppins;
    position: relative;
}

#iletisimBilgileri .bg {
    background: #3d4c88;
    border-radius: 8px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
}

#iletisimBilgileri a {
    color: #fff;
}

#iletisimBilgileri svg {
    height: 45px;
    width: 45px;
    margin-bottom: 20px;
    opacity: 0.8;
}

#iletisimBilgileri .border-start {
    border-left: 1px solid #ffffff1c !important;
}


/*******************

    rektorluk

***********************/


.rektorDesign {
    background: transparent;
    margin: 20px 0;
    padding: 10px 0
}

.yonetimProfil1 {
    position: relative;
    margin: 10px;
    width: 100%;
    color: #000;
    text-align: center;
    line-height: 1.4em;
    font-size: 14px;
    box-shadow: none !important
}

.yonetimProfil1,
.yonetimProfil h2 {
    font-size: 1.2rem;
}

.yonetimProfil > div {
    font-size: 1rem;
    text-align: center;
}

.yonetimProfil {
    position: relative;
    margin: 10px;
    min-width: 230px;
    max-width: 380px;
    width: 100%;
    color: #000;
    text-align: center;
    line-height: 1.4em;
    font-size: 14px;
    box-shadow: none !important
}

.yonetimProfil .profile-image,
.yonetimProfil1 .profile-image {
    display: inline-block;
    width: 90%;
    z-index: 1;
    position: relative;
    padding: 10px
}

.yonetimProfil .profile-image img,
.yonetimProfil1 .profile-image img {
    max-width: 100%;
    vertical-align: top;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.yonetimProfil .profiltitle,
.yonetimProfil1 .profiltitle {
    width: 100%;
    background-color: transparent;
    border: 1px solid #eee;
    color: #555;
    padding: 110px 5px 20px;
    margin-top: -100px;
    display: inline-block;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    box-shadow: 0 4px 10px 0 rgba(197, 197, 197, 0.26)
}

.yonetimProfil .profiltitle h4.ozel,
.yonetimProfil1 .profiltitle h4.ozel {
    color: #d9534f;
    padding: 15px 0
}

.yonetimProfil .profiltitle .ozel2,
.yonetimProfil1 .profiltitle .ozel2 {
    color: #3479b7;
    padding: 15px 0;
}

.yonetimProfil div a,
.yonetimProfil1 div a {
    font-size: .9em;
    color: #333;
    font-weight: 700
}

.yonetimProfil p a:hover,
.yonetimProfil1 p a:hover {
    color: #3760b1
}

.cardRenk1 .card-header {
    background: #d9534f;
    color: #fff;
    font-weight: 500
}

.cardRenk2 .card-header {
    background: #337ab7;
    color: #fff;
    font-weight: 500
}

.rektor-card tr th {
    font-size: .9rem
}

.rektor-card tr td {
    font-size: 1rem;
    color: #666
}

.rektor-card p {
    font-size: 1rem;
    margin-bottom: 0
}

#gorevDagilimlari tr th {
    font-size: 1rem
}

#gorevDagilimlari tr td {
    font-size: .9rem
}

#gorevDagilimlari tr ol {
    position: relative
}

#gorevDagilimlari tr ol li {
    margin-left: 20px;
    font-size: 0.9rem;
    color: #444;
    padding: 5px 0
}

#gorevDagilimlari tr ol li:before {
    content: "\f192";
    position: absolute;
    font-family: "Font Awesome 5 Free";
    left: 0
}

.rektor-card tbody tr td i {
    margin: 0 3px
}


/*=============================================

=                - Preloader                =

=============================================*/

.preloader-active {

    position: fixed;

    top: 0;

    left: 0;

    overflow: hidden;

    height: 100vh;

    width: 100vw;

    z-index: 99999;

}


.preloader-active .preloader-area-wrap {

    background-color: #ffffff;

    position: absolute;

    left: 0;

    display: block;

    top: 0;

    height: 100%;

    width: 100%;

    z-index: 999999;

}


.preloader-active .preloader-area-wrap .spinner div {

    background-color: #086AD8;

    border-radius: 50%;

    width: 20px;

    height: 20px;

    margin-right: 15px;

    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;

    animation: sk-bouncedelay 1.4s infinite ease-in-out both;

}


.preloader-active .preloader-area-wrap .spinner div.bounce1 {

    -webkit-animation-delay: -0.32s;

    animation-delay: -0.32s;

}


.preloader-active .preloader-area-wrap .spinner div.bounce2 {

    -webkit-animation-delay: -0.16s;

    animation-delay: -0.16s;

}


@-webkit-keyframes sk-bouncedelay {

    0%,
    80%,
    100% {

        -webkit-transform: scale(0);

        transform: scale(0);

    }

    40% {

        -webkit-transform: scale(1);

        transform: scale(1);

    }

}


@keyframes sk-bouncedelay {

    0%,
    80%,
    100% {

        -webkit-transform: scale(0);

        transform: scale(0);

    }

    40% {

        -webkit-transform: scale(1);

        transform: scale(1);

    }

}


.preloader-area-wrap {

    display: none;

}


.open_tm_preloader {

    position: fixed;

    background-color: transparent;

    z-index: 9999;

    height: 100%;

    width: 100%;

    -webkit-transition: .2s all ease;

    -o-transition: .2s all ease;

    transition: .2s all ease;

    -webkit-transition-delay: .5s;

    -o-transition-delay: .5s;

    transition-delay: .5s;

}


.open_tm_preloader.loaded {

    opacity: 0;

    visibility: hidden;

}


.open_tm_preloader.loaded:before,
.open_tm_preloader.loaded:after {

    width: 0%;

}


.open_tm_preloader:before,
.open_tm_preloader:after {

    content: "";

    position: absolute;

    height: 100%;

    width: 50%;

    background-color: #fff;

    -webkit-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

}


.open_tm_preloader:before {

    top: 0;

    left: 0;

}


.open_tm_preloader:after {

    bottom: 0;

    right: 0;

}

/*

 * Bootstrap Cookie Alert by Wruczek

 * https://github.com/Wruczek/Bootstrap-Cookie-Alert

 * Released under MIT license

 */

.cookiealert {

    position: fixed;

    bottom: 0;

    left: 0;

    width: 100%;

    margin: 0 !important;

    z-index: 999;

    opacity: 0;

    visibility: hidden;

    border-radius: 0;

    transform: translateY(100%);

    transition: all 500ms ease-out;

    color: #ecf0f1;

    background: #9D0C11;

    -webkit-box-shadow: -5px -13px 18px -5px rgba(0, 0, 0, 0.6);

    -moz-box-shadow: -5px -13px 18px -5px rgba(0, 0, 0, 0.6);

    box-shadow: -5px -13px 18px -5px rgba(0, 0, 0, 0.6);

    text-align: center;

    overflow: auto;

}

.cookiealert.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0%);
    transition-delay: 1000ms
}

.cookiealert p {
    text-align: center;
    margin: 0 auto;
    width: 50%
}

.cookiealert a {
    text-decoration: underline;
    color: #ffd817
}

.cookiealert .acceptcookies {
    margin-left: 10px;
    margin-top: 10px;
    vertical-align: baseline
}


/*******************

    comu album

***********************/


.comu-album {
    position: relative
}

.album-kategori {
    margin-bottom: 40px
}

.comu-album-title {
    background: #dbdfe7;
    padding: 10px 0
}

.comu-album-title span {
    background: #28457b;
    padding: 14px 25px;
    color: #fff;
    font-weight: 700;
    font-size: 1rem
}

.comugallery-item {
    position: relative;
    background: #fcfcfc;
    margin-top: 15px;
    transition: all .4s
}

.comugallery-item:hover {
    background: #fff;
    box-shadow: 0 4px 20px 3px rgba(0, 0, 0, 0.08)
}

.comugallery-img {
    position: relative
}

.comugallery-content h2 {
    font-size: .85rem;
    height: 62px;
    overflow: hidden;
    line-height: 1.5;
    color: #000;
    padding: 0 10px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500
}

.comugallery-view {
    display: flex;
    justify-content: space-between;
    padding: 10px 10px 5px;
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 10px
}

.comugallery-view p {
    color: #444;
    font-size: .8rem;
    margin: 0
}

.comugallery-next button {
    width: 100%;
    margin-top: 10px;
    background: #f5f5f5;
    padding: 10px;
    border-bottom: 3px solid #ddd
}

.comugallery-item:hover .comugallery-next button {
    background: #a81115;
    color: #fff;
    border-bottom: 3px solid #ba1319;
    transition: all .4s
}

.comu-album .owl-theme .owl-nav {
    position: absolute;
    top: -58px;
    right: 0
}

.comu-album .owl-theme .owl-nav .owl-prev,
.comu-album .owl-theme .owl-nav .owl-next {
    background: #fff !important;
    padding: 0 15px !important;
    border: 1px solid #eee;
    height: 38px;
    line-height: 33px;
    transition: all .4s linear
}

.comu-album .owl-theme .owl-nav .owl-prev span,
.comu-album .owl-theme .owl-nav .owl-next span {
    font-size: 2rem
}

.comu-album .owl-theme .owl-nav .owl-prev:hover,
.comu-album .owl-theme .owl-nav .owl-next:hover {
    background: #28457b !important;
    color: #fff !important;
    border: 1px solid #28457b
}

#alt-content .comugallery-img img {
    min-width: 300px;
    width: 100%;
    height: 200px
}


/*******************

    Yayınlarımız

***********************/


#alt-content table a {
    color: #333
}

#alt-content table a:hover {
    color: #0d6efd
}

#alt-content .table > :not(caption) > * > * {
    padding: .7rem 1.3rem
}

.yayinlar-page {
    position: relative;
    margin-top: 15px
}

.yayinlar-page .card,
.yayinlar-page .card-header:first-child {
    border-radius: 0
}

.yayinlar-page .card-header {
    background: #d9534f;
    color: #fff;
    font-size: 1rem
}

.yayinlar-page .card-body {
    padding: 0
}

.yayinlar-page table {
    margin-bottom: 0
}

.yayinlar-page table thead tr th {
    font-size: 1rem
}

.yayinlar-page table td {
    font-size: .9rem
}

.yayinlar {
    position: relative;
    height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    border-radius: .25rem;
}

.yayinlar .text {
    padding: .5rem 1rem;
    width: 45%;
    color: #fff;
    background: #00000001;
}

.yayin-dergiler {
    background: url(../img/comu-dergi-bg.png) center left;
    background-position: 108% 56%;
    border-radius: 10px;
}

.yayin-dergiler:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: rgb(2, 0, 36);
    background: linear-gradient(278deg, rgba(2, 0, 36, 0) 0%, rgba(190, 58, 62, 1) 57%);
    border-radius: 10px;
}

.yayin-gazeteler {
    background: url(../img/comu-gazete-bg.png) center left;
    background-position: 95% 1%;
    border-radius: 10px;
}

.yayin-gazeteler:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: rgb(2, 0, 36);
    background: linear-gradient(278deg, rgba(2, 0, 36, 0) 0%, rgba(49, 48, 103, 1) 60%);
    border-radius: 10px;
}

.yayinlar > .container {
    z-index: 2;

}

.yayin-gazete {
    position: relative;
    margin-top: 20px
}

.yayin-gazete-title {
    background: #3760b1;
    border-bottom: 3px solid #2e4e8c
}

.yayin-gazete-title H3 {
    color: #fff;
    font-size: 1.3rem;
    padding: 10px 15px;
    text-align: center
}

.yayin-gazete-list {
    margin-top: 15px
}

.gazete-list-item {
    position: relative;
    background: #f5f5f5;
    padding: 15px;
    transition: all .4s
}

.gazete-list-item:hover {
    background: #d7dbe3
}

.gazete-list-item img {
    width: 100%
}

.gazete-list-content {
    text-align: center;
    background: #fff;
    margin-top: 5px;
    padding: 5px
}

.gazete-list-content h4 {
    font-size: 1.1rem;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 5px;
    color: #3760b1
}

.gazete-list-content span {
    font-size: .8rem;
    color: #ccc
}

.yayin-gazete-all {
    background: #d9534f;
    padding: 10px;
    transition: all .4s;
    text-align: center;
    margin-top: 15px
}

.yayin-gazete-all:hover {
    background: #2E4E8C
}

.yayin-gazete-all a {
    color: #fff;
    font-size: 1rem
}


/*editleme - eylül23*/

.bg-light {
    background-color: #f8f8f8 !important
}

.btn-orangered {
    background-color: #d9534f !important;
}

.btn-red {
    background-color: #a81115 !important;
}

#activityDesc .item h3 {
    font-size: 1.5rem;
    padding-bottom: 10px
}

#activityDesc .item a {
    color: #888;
    font-size: 15px
}

#activityDesc .item:hover h3 {
    color: #a81115
}

#single-content h3 {
    margin: 10px 0
}

#single-content ul,
#single-content ol {
    margin: 15px;
    list-style: disc;
    font-size: 100%;
}

#single-content ul li:hover,
#single-content ol li:hover {
    color: #000
}

#single-content ol li ul li:before {
    content: "\f141";
    font-family: 'Font Awesome\ 5 Free';
    display: inline-block;
    padding-right: 10px;
    font-weight: 900
}

.topluluk-haber-info a.toplulukButon {
    background: #eee;
    padding: 10px 20px;
    border-radius: 5px;
    color: #000;
    position: absolute;
    bottom: 0;
    right: 0
}

.etkinlikFlex {
    display: flex;
    align-items: center;
    justify-content: end
}

.tumEtkinlikButton {
    background: transparent;
    font-size: 13px;
    margin-right: 25px;
    transition: all .4s linear
}

.tumEtkinlikButton:hover {
    background: #3d4c88;
    color: #fff;
}

.tumEtkinlikButton a {
    border: 1px solid #3d4c88;
    border-radius: 4px;
    letter-spacing: 0.651px;
    padding: 7px 14px;
    padding-bottom: 5px;
    color: #3d4c88;
    font-size: 12px;
    font-family: 'Poppins';
    font-weight: 400;
    background: transparent;
    display: block
}

.tumEtkinlikButton:hover a {
    color: #fff
}

.mobiltumEtkinlikButton {
    display: none
}

.comuHaritaGit {
    background: #a81115;
    text-align: center
}

.comuHaritaGit a {
    display: block;
    color: #fff;
    padding: 10px
}

.istatistikeGit {
    position: absolute;
    top: -20px;
    right: 15px
}

.istatistikeGit a {
    background: #a51216;
    padding: 15px 10px;
    border-radius: 2px;
    color: #fff;
    transition: all .4s linear;
    font-size: 14px
}

.istatistikeGit:hover a {
    background: #000
}

a.yotubeVideoAll {
    background: transparent !important;
}

a.yotubeVideoAll:hover {
    background: #2e4e8c !important;
}


.accordion-button i {

    font-size: 100%;

    margin-right: 0.5em;

}

/*******************
 v23
********************/
body {
    min-height: 100vh;
    overflow-x: hidden;
}

/*******************
 v23 - global
********************/

.modal-xxl {
    --bs-modal-width: 90vw;
}

div[data-vbg] {
    z-index: -1 !important;
    height: 100vh !important;
    position: relative !important;
}

#ust {
    height: 100vh;
    position: relative;
}

#ust.altsayfa {
    height: 115px;
}

#ust.half-mode {
    height: auto;
    Z-index: 999;
}

.alt-logo {
    border-right: 1px solid #ffffff1c;
}

.text-truncate-100 {
    max-width: 100%;
}

.fs-7 {
    font-size: 15px;
}

.fs-8 {
    font-size: 12px;
}

.fs-17 {
    font-size: 17px;
}

.text-justify {
    text-align: justify;
}

.form-switch.form-switch-lg .form-check-input {
    height: 1.7rem;
    width: calc(2.4rem + 0.75rem);
    border-radius: 4rem;
    cursor: pointer;
}

#ust.altsayfa {
    margin-bottom: 0px;
    margin-top: 119px;
}


/*******************
 v23 - header
********************/
#ust-menu {
    padding-right: 40px;
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 100;
}

#ust:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 30%;
    z-index: 0;
    background: linear-gradient(0deg, transparent, rgba(0, 0, 0, .79)), linear-gradient(0deg, transparent 20%, rgba(0, 0, 0, .79));
}

div[data-vbg]:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: #161616;
    opacity: 0.5;
    z-index: 1;
}

div[data-vbg] video {
    object-fit: cover;
}

#ust-menu .logo-container {
    width: auto;
    display: flex;
    align-items: center;
    height: 100%;
    transition: all 0.2s linear;
}

#ust-menu .logo-container a {
    display: flex;
    align-items: center;
    align-self: stretch;
}

#ust-menu #main-logo {
    height: 95px;
    transition: all 0.2s linear;
}

#ust-menu:not(.wsfixed) .logo-container:hover #main-logo {
    margin-left: 0px !important;
}

#ust-menu:not(.wsfixed) .logo-container:hover .logo-r {
    opacity: 0 !important;
}

#ust-menu:not(.wsfixed) .logo-container:hover .logo-l {
    background: linear-gradient(90deg, #fff0 0%, #ff0000a1 50%);
}

#ust-menu .logo-l {
    background: #ff0000a1;
    color: #fff;
    padding: 7px 15px;
    transition: height .2s;
    height: 77px;
    display: flex;
    align-items: center;
    width: auto;
}

#ust-menu .logo-l .logo {
    margin-left: 10px;
}

#ust-menu .logo-r {
    border-left: 3px solid #ff0000a1;
    color: #fff;
    margin-left: 2px;
    padding: 7px 12px;
    height: 77px;
    transition: height .2s;
    display: flex;
    align-items: center;
}

.logo {
    width: 150px;
    /*  margin-left: 25px;
    margin-top: -65px;*/
}

.logo-beyaz {
    height: 60px;
}

.logo-buyuk {
    height: 60px;
    position: absolute;
    left: 225px;
    top: -12px;
    display: none;
    padding-left: 15px;
    border-left: 2px solid #ffffff3b;
}

#ust-menu .logo-siyah {
    display: none;
    height: 60px;
}

html[data-bs-theme="dark"] #ust-menu.wsfixed .logo-r .logo-beyaz {
    display: block;
}

html[data-bs-theme="dark"] #ust-menu.wsfixed .logo-r .logo-siyah {
    display: none;
}

html[data-bs-theme="light"] #ust-menu.wsfixed .logo-r .logo-beyaz {
    display: none;
}

html[data-bs-theme="light"] #ust-menu.wsfixed .logo-r .logo-siyah {
    display: block;
}

#ust-menu.wsfixed {
    padding-bottom: 0px;
}

#ust-menu.wsfixed .logo-container,
#ust-menu.wsfixed .logo-l,
#ust-menu.wsfixed .logo-r {
    margin-top: 0px;
    display: flex;
    align-items: center !important;
    height: 100%;
}

#ust-menu.wsfixed .logo-l {
    background: #a81115;
}


#ust-menu.wsfixed .logo-r {
    border-left: 3px solid #a81115;
}

#ust-menu.wsfixed .logo-r .logo-beyaz {
    display: none;
}

#ust-menu.wsfixed .logo-r .logo-siyah {
    display: block;
}

#ust-menu .wsmenu > .wsmenu-list > li > span > button,
#ust-menu .wsmenu > .wsmenu-list > li > span {
    font-size: 20px;
    font-family: 'Poppins';
    font-weight: 400;
    letter-spacing: 1.195px;
    cursor: pointer;
}

#ust-menu .wsarrow {
    display: none;
}

#ust-menu .wsmenu > .wsmenu-list {
    display: flex;
    justify-content: end;
    width: auto;
}

.wsmenu > .wsmenu-list > li {
    margin: 0;
    padding: 0px;
}

.wsmenu > .wsmenu-list > li > a {
    padding: 0px 15px;

}

#ust-menu.wsfixed .wsmenu > .wsmenu-list > li > a {
    color: #000;
}

.wsfixed .nav-sublinks .divider > * {
    border-right: 1px solid rgb(193 193 193 / 68%);
}

.wsfixed .nav-sublinks .divider.left > * {
    border-left: 1px solid rgb(193 193 193 / 68%);
    border-right: 0;
}

.wsmenu-list > li:hover > ul > li:first-child > a:before {
    position: absolute;
    top: -7px;
    left: 32px;
    display: inline-block;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #fff;
    border-left: 9px solid transparent;
    content: '';
    z-index: 999;
    width: 3px;
    display: none;
}

.wsmenu-list > li:hover > ul li:first-child:hover > a:before {
    border-bottom: 9px solid #19366e;
}

.wsmenu-list li:last-child:hover > a:before {
    display: none;
}

.wsmenu-list > li:hover > ul > li:first-child > a:before {
    left: 65px;
}

.wsmenu-list > li:nth-child(5):hover > ul > li:first-child > a:before {
    left: 35px;
}

.nav-sublinks {
    margin-top: 14px;
    padding-bottom: 11px;
    /* border-bottom: 1px solid transparent;
    border-image: linear-gradient(0.00525turn, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.35790), rgba(255, 2552, 255, 0.134579));
    */
    border-bottom: 1px solid #cccccc36;
    border-image-slice: 1;
    font-family: 'Poppins', sans-serif;
    background: #00000001;
}

.nav-sublinks ul {
    display: flex;
}

.nav-sublinks ul li {
    display: flex;
    align-items: center;
    font-size: 15px;
}

.nav-sublinks ul li.icon {
    width: 37px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nav-sublinks .divider > * {
    border-right: 1px solid rgb(255 255 255 / 16%);
    margin-right: 20px;
}

.nav-sublinks .divider.left > * {
    border-left: 1px solid rgb(255 255 255 / 16%);
    border-right: 0;
    margin-right: 0;
    padding-left: 20px;
}

.nav-sublinks .nav-link {
    letter-spacing: 0.51px;
    font-weight: 300;
    color: #ffffff;
    padding: 3px 15px 0px 15px;
    font-size: 15px;
    font-family: 'Poppins';
    transition: none;
}

.nav-sublinks .nav-action {
    color: #ffffff;
    padding: 0px 7px;
    background: transparent;
}

.nav-sublinks li:first-child > a {
    padding-left: 0px;
}

.nav-sublinks .nav-button {
    border-radius: 4px;
    letter-spacing: 0.651px;
    padding: 4px 17px 2px 14px;
    color: #fff;
    font-family: 'Poppins';
    font-weight: 300;
}

.nav-sublinks .btn-universite {
    /*background: #374d8a;*/
    transition: all .2s linear;
    background: #a81115;
}

.nav-sublinks .btn-universite:hover {
    /*background: #374d8a;*/
    background: #d70a0f;
}

.nav-sublinks .btn-arama {
    padding: 0px 15px;
    margin-left: 14px;
    background: #444;
    transition: all .2s linear;
}

.nav-sublinks .btn-takvim {
    padding-bottom: 2px !important;
}


.nav-sublinks .btn-karbon {
    padding-bottom: 2px !important;
    padding-top: 5px !important;
}

.nav-sublinks .btn-karbon svg {
    height: 22px;
    width: 22px;
}

.nav-sublinks ul {
    display: flex;
    align-items: center;
    height: 100%;
}

.nav-sublinks ul li.icon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
}

.nav-sublinks ul li.icon > a,
.nav-sublinks ul li.icon > button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    min-width: 40px;
    padding: 0 8px;
}


.nav-sublinks ul li.icon svg {
    flex-shrink: 0;
}

.nav-sublinks ul li.icon img {
    object-fit: contain;
    flex-shrink: 0;
}

.nav-sublinks ul li.icon .nav-link {
    padding: 0 10px;
    white-space: nowrap;
}

.nav-sublinks ul li.icon .nav-button {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 0 8px;
    height: 100%;
    white-space: nowrap;
}


.nav-sublinks .nav-link:focus-visible {
    outline: revert;
}

.nav-sublinks .btn-global {
    padding: 0px 12px 0px 9px;
    margin-left: 14px;
    background: #444;
    transition: all .2s linear;
}

.nav-sublinks .btn-global img {
    fill: #fff;
    height: 32px;
    padding-top: 7px;
    padding-bottom: 4px;
}

.nav-sublinks .btn-global:hover,
.nav-sublinks .btn-arama:hover {
    background: #585757;
}


.btn-mobile-global {
    width: 85%;
    text-align: center;
    display: flex;
    justify-content: center;
}

.btn-mobile-global img {
    filter: invert(1);
    height: 33px;
    padding-top: 7px;
    padding-bottom: 1px;
}


.nav-sublinks .btn-arama svg {
    width: 16px;
    padding: 0;
    margin: 0;
    height: 32px;
}

.nav-sublinks .btn-ikincil2 {
    background-color: #6c757d75;
    border: 1px solid #333;
    color: #ddd !important;
    /*background: #a81115;*/
}

.nav-sublinks .btn-ikincil {
    transition: all .2s linear;
    background: #374d8a;
}

.nav-sublinks .btn-ikincil:hover {
    background: #3055bd;
}

.wsfixed .nav-sublinks .btn-ikincil2 {
    background-color: #353535;
    color: #fff;
}

#nav-icon {
    width: 60px;
    height: 35px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg) scale(0.56);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    opacity: 0;
    width: 0px;
}

#nav-icon span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #fff;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

#nav-icon span:nth-child(1) {
    top: 0px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

#nav-icon span:nth-child(2) {
    top: 18px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

#nav-icon span:nth-child(3) {
    top: 36px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

#nav-icon.open span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: -3px;
    left: 8px;
}

#nav-icon.open span:nth-child(2) {
    width: 0%;
    opacity: 0;
}

#nav-icon.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 39px;
    left: 8px;
}

#ust-mesaj {
    /* background: #ffffff82;*/
    background: #f8f8f8;
    letter-spacing: 5px;
    font-size: 13px;
    bottom: 0px;
    width: 100vw;
    height: 50px;
    padding-top: 14px;
    color: #000;
    text-align: center;
    cursor: pointer;
    z-index: 2;
    position: relative;
}

#ust-mesaj button {
    background: #f8f8f8;
    letter-spacing: 5px;
    font-size: 13px;
}

#ust-mesaj.ust-mesaj-0 {
    position: absolute;
}

.bounce {
    animation: bounce 2s ease infinite;
}

#ust-hizlierisim {
    position: absolute;
    bottom: 60px;
    width: 100%;
    z-index: 2;
}

#ust-hizlierisim ul {
    max-width: 1000px;
    width: 80%;
    text-align: center;
    margin: 0 auto;
}

#ust-hizlierisim:after {
    content: '';
    position: absolute;
    width: 100%;
    bottom: 45px;
    height: 2px;
    border-bottom: 1px solid #cccccc47;
}

#ust-hizlierisim ul li a {
    position: relative;
    cursor: pointer;
    transition: .3s;
    text-align: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    padding: 10px 8px;
    color: #fff;
    background: #00000001;
    font-family: 'Poppins';
}

#ust-hizlierisim ul svg {
    margin-bottom: 25px;
    align-self: center;
}

#ust-hizlierisim ul li a:before {
    content: '';
    transition: .3s;
    position: absolute;
    left: -10px;
    right: -10px;
    top: -10px;
    bottom: -10px;
    background: url(../img/menu-hover.png) center/contain no-repeat;
    z-index: -1;
    opacity: 0;
    transform: scale(1.4);
}

#ust-hizlierisim ul li a:hover:before {
    opacity: 1;
}

#ust .frame-bg {
    max-height: calc(100vw * .50);
    overflow: hidden;
    position: relative;
    z-index: -2;
}

#ust .frame-bg:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background: rgba(0, 0, 0, .22);
}

#ust-hepbirlikte {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    font-family: 'Square Peg';
    color: #fff;
    line-height: 100px;
    text-shadow: 2px 2px 6px #0000007d;
    font-size: 125px;
    display: block;
    height: 300px;
}

#hepbirlikte {
    max-width: 376px;
    display: block;
    height: 200px;
    text-align: left;
    line-height: 1 !important;

}

#hepbirlikte > * {
    line-height: 1 !important;
    background: #00000001;
}

.slg-12 {
    height: 50px;
    width: 10px;
    display: inline-block;
}

@keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-4px);
    }

    60% {
        transform: translateY(-1px);
    }
}

.global-icon img {
    width: 20px;
    height: 20px;
    margin-top: 4px;
    margin-right: -6px;
    color: #fff;
    margin-left: 6px;
}

.wsfixed .global-icon img {
    filter: invert(1);
}


.darkmode {
    cursor: pointer;
}

.darkmode svg {
    width: 23px;
    height: 23px;
    color: #ccc;
    margin-top: 3px;
    margin-right: 3px;
}

.wsfixed .darkmode svg {
    color: #333;
}

.darkmode-switcher {
    height: 24px;
    margin-top: -1px;
    margin-right: -12px !important;
    margin-left: -12px !important;
}

.darkmode-switcher label {
    width: 60px;
    height: 28px;
    position: relative;
    border-radius: 200px;
    cursor: pointer;
    transition: 0.3s;
    border: 1px solid rgb(112 112 112 / 65%);
    margin-right: 15px;
    margin-left: 6px;
}

.wsfixed .darkmode-switcher label {
    border: 1px solid rgb(173 173 173 / 90%)
}

.darkmode-switcher label:after {
    content: "";
    width: 22px;
    height: 22px;
    position: absolute;
    top: 2px;
    left: 3px;
    background: linear-gradient(180deg, #ffcc89, #d8860b);
    border-radius: 180px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
    transition: 0.3s;
}

.darkmode-switcher input {
    width: 0;
    height: 0;
    visibility: hidden;
}

.darkmode-switcher input:checked + label {
    background: transparent;
}

.darkmode-switcher input:checked + label:after {
    left: 32px;
    transformx: translateX(132%);
    background: linear-gradient(180deg, #777, #3a3a3a);
}

.darkmode-switcher label:active:after {
    width: 30px;
}

.darkmode-switcher input:checked + label + .background {
    background: #242424;
}

.darkmode-switcher label svg {
    position: absolute;
    width: 16px;
    top: 5px;
    z-index: 100;
}

.darkmode-switcher label svg.sun {
    left: 6px;
    color: #fff;
    transition: 0.3s;
}

.darkmode-switcher label svg.moon {
    left: 35px;
    color: #fff;
    transition: 0.3s;
    width: 18px;
    height: 18px;
    top: 4px;
}


.darkmode-switcher input:checked + label svg.sun {
    color: #fff;
}

.darkmode-switcher input:checked + label svg.moon {
    color: #fff;
}

.wsfixed .darkmode-switcher label svg.moon {
    color: #1f1f1f;
}


.haber--yeni {
    position: relative;
    overflow: hidden;
    width: 100%;
    background: #000;
    text-align: center;
    cursor: pointer;
    height: 300px;
    box-shadow: 0 5px 10px 0 rgba(101, 101, 101, 0.10);
}

.haber--yeni ul li:before {
    display: none !important;
}

.haber--yeni img {
    position: relative;
    display: block;
    min-height: 100%;
    max-width: 100%;
    opacity: 0.8;
}

.haber--yeni .haber--icerik {
    padding: 2em;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.haber--yeni .haber--icerik::before,
.haber--yeni .haber--icerik::after {
    pointer-events: none;
}

.haber--yeni .haber--icerik,
.haber--yeni .haber--icerik > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
}

.haber--yeni .haber--icerik > a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
}

.haber--yeni h3 {
    font-weight: 300;
}

.haber--yeni h2 span {
    font-weight: 800;
}

.haber--yeni h3,
.haber--yeni ul {
    margin: 0;
}

.haber--yeni ul {
    /* letter-spacing: 1px;*/
    font-size: 68.5%;
}

.haber--yeni button {
    background: none;
    color: #fff;
}


.haber--yeni img {
    max-width: none;
    width: 100% !important;
    object-fit: cover;
    height: auto;
    opacity: 1;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

.projeHaberleri .haber--yeni img {
    width: 100% !important;
    max-width: unset !important;
}

.haber--yeni .haber--icerik {
    text-align: left;
}

.haber--yeni .haber--icerik > div {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 2em;
    width: 100%;
    height: 55%;
    background: linear-gradient(0deg, rgba(0, 0, 0, .7479), transparent), linear-gradient(0deg, rgba(0, 0, 0, .479), transparent 20%);
}

.haber--yeni h3,
.haber--yeni ul {
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
}

.haber--yeni h3 {
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    /*font-family: 'Poppins';*/
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
}

.haber--yeni ul {
    color: rgba(255, 255, 255, 0.8);
    opacity: 0;
    margin-left: 0px !important;
    -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
    transition: opacity 0.2s, transform 0.35s;
}

.haber--yeni:hover img,
.haber--yeni:hover ul {
    opacity: 1;
}

.haber--yeni > a:before {
    content: '';
    background: #000;
    opacity: 0.2;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.haber--yeni:hover img,
.haber--yeni:hover h3,
.haber--yeni:hover ul {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.haber--yeni:hover img {
    transform: scale(1.2);
}

.haber--yeni:hover ul {
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
    -webkit-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

/* Kart içinde HERHANGİ bir öğe fokuslandığında kartı aktif tut */
.haber--yeni:has(:focus-visible) {
    outline: 1px solid #000;
    outline-offset: -3px;
    box-shadow: 0 0 0 4px #000;
}

.haber--yeni:has(:focus-visible) img,
.haber--yeni:has(:focus-visible) h3,
.haber--yeni:has(:focus-visible) ul {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.haber--yeni:has(:focus-visible) img,
.haber--yeni:has(:focus-visible) ul {
    opacity: 1;
}

/* <a> ve button kendi outline'larını bırakıyor,
   görsel geri bildirim kart kutusundan geliyor */
.haber--yeni a:focus-visible,
.haber--yeni button:focus-visible {
    outline: none;
}

/* Buton görünür durumdayken kendi içinde ince bir halka */
.haber--yeni:has(:focus-visible) button:focus-visible {
    outline: 2px solid rgba(255, 255, 255, 0.8);
    outline-offset: 3px;
    border-radius: 2px;
}

.haber--icerik ul {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
}

.haber--icerik .anahaberokunma,
.haber--icerik a {
    color: #fff;
}

.haber--tarih {
    position: absolute;
    top: 15px;
    left: 20px;
    color: #fff;
    font-size: 12px;
    border-bottom: 2px solid #fff;
    padding-bottom: 4px;
}

.widget-menu {
    z-index: 999;
    position: relative;
    position: fixed;
    top: 45px;
    left: 0px;
}

.duyuru-listesi ul li.duyuru {
    position: relative;
    background-color: #fff;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
}

.duyuru-listesi .duyuru-tarih {
    font-size: 15px;
    color: #fff;
    text-align: center;
    padding: 15px;
    line-height: 25px;
    background: #2E4E8C !important;
    font-family: 'Poppins';
    text-transform: uppercase;
    text-wrap: nowrap;
}

.etkinlik-listesi .duyuru-tarih {
    background: #a01f1d !important;
    text-align: left;
}

.etkinlik-listesi .duyuru-tarih span:not(.yil) {
    margin-left: 0px;
}

.etkinlik-listesi .duyuru-metin .yil {
    transform: rotate(270deg);
    position: relative;
    margin-left: -55px;
    border-bottom: 1px solid #cccccc57;
    padding-bottom: 3px;
    top: 1px;
    /* text-align: center; */
    width: 126px;
    text-align: center;
    margin-right: -40px;
    font-size: 15px;
    letter-spacing: 1px;
}

.etkinlik-listesi .duyuru-tarih.bg-secondary {
    background: #5c5c5c !important;

}

.etkinlik-listesi i {
    width: 19px;
}

.anatumhaber.kirmizi a {
    color: #a01f1d !important;
    border-color: #a01f1d !important;
}

.anatumhaber.kirmizi a:hover {
    color: #fff !important;
    background: #a01f1d !important;
}

/*
.duyuru-listesi .duyuru:hover .duyuru-tarih {
    background: #a01f1d !important;
}
*/

.duyuru-metin a {
    padding: 10px;
    color: #000;
    font-size: 16px;
    height: 100%;
    align-items: center;
    display: flex;
    width: 90%;
    height: 47px;
}


#karsilamaMesaji {
    overflow: visible;
    position: absolute;
    z-index: 9999;
    top: 0px !important;
}

#karsilamaMesaji .modal-dialog {
    max-width: 96vw;
}

#karsilamaMesaji .modal-content {
    margin-top: 90px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    overflow: hidden;
}

#karsilamaMesaji .modal-body img {
    max-width: 100%;
    width: 100%;
}

#karsilamaMesaji.cerceve-renk-000 .modal-content {
    border: 1px solid #1b1b1b;
}

#karsilamaMesaji.cerceve-renk-000 .modal-body {
    color: #fff;
}

#karsilamaMesaji.cerceve-renk-fff .modal-header > * {
    color: #000;
    background: none;
}

#karsilamaMesaji.cerceve-renk-000 .modal-header {
    color: #fff;
    border-bottom: 1px solid #1b1b1b;
}

#karsilamaMesaji.cerceve-renk-000 .modal-header button {
    color: #fff;
}


#karsilamaMesaji.cerceve-renk-000 .modal-footer,
#karsilamaMesaji.cerceve-renk-000 .modal-footer a {
    color: #ababab;
}

#karsilamaMesaji.cerceve-renk-fff .modal-footer,
#karsilamaMesaji.cerceve-renk-fff .modal-footer a {
    color: #000;
}

#karsilamaMesaji.cerceve-renk-000 .modal-footer {
    color: #fff;
    border-top: 1px solid #1b1b1b;
}


#karsilamaMesaji.cerceve-renk-fff .btn-outline-dark.text-white {
    color: #000 !important;
}

#karsilamaMesaji.cerceve-renk-fff .btn-outline-dark.text-white:hover {
    color: #ffffffc9 !important;
}

#karsilamaMesaji.cerceve-renk-000 .btn-outline-dark.text-white {
    color: #ffffffc9 !important;
}

#karsilamaMesaji .modal-footer {
    /* margin-top: -16px; */
}

#karsilamaMesaji p {
    margin-bottom: 0px !important;
}

#karsilamaMesaji br {
    display: none !important;
}

#widget-area {
    position: fixed;
    transform: translate3d(-410px, 0, 0);
    top: 0;
    left: -0;
    width: 409px;
    height: 100%;
    z-index: 998;
    padding: 25px;
    overflow: hidden;
    -webkit-transition: transform .7s cubic-bezier(.25, 1, .2, 1);
    transition: transform .7s cubic-bezier(.25, 1, .2, 1);
    background: #a81115;
    color: #fff;
    display: flex;
    padding-top: 110px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .05);
}

#widget-area-overlay {
    position: fixed;
    display: none;
    background: #000;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    opacity: 0.5;
    z-index: 101;
    transition: all .7s cubic-bezier(.25, 1, .2, 1);
}

/*
#widget-area ul {
    width: 100%;
}

#widget-area li a {
    color: #fff;
    font-size: 18px;
    padding: 15px 0px;
    border-bottom: 1px solid #ffffff4d;
    display: flex;
    align-items: center;
    width: 100%;
    transition: all .2s linear;
}

#widget-area li a:hover {
    padding-left: 16px;
}

#widget-area li:last-child a {
    border-bottom: 0;
}

#widget-area li i {
    color: #fff;
    font-size: 21px;
    width: 50px;
    text-align: center;
}
*/

#widget-area li {
    width: 42%;
    margin: 4%;
    float: left;
}

#widget-area li a {
    color: #fff;
    font-size: 13px;
    padding: 20px 10px;
    border: 1px solid #ffffff4d;
    display: flex;
    align-items: center;
    width: 100%;
    transition: all .2s linear;
    flex-direction: column;
    border-radius: 8px;
    justify-content: center;
}

#widget-area li a:hover {
    background-color: #b50505fc;
}

#widget-area li i {
    color: #fff;
    font-size: 30px;
    width: 50px;
    text-align: center;
    display: block;
    height: 46px;
}

#info .info-container {
    height: 700px;
    width: 100%;
    background: url(../img/infoimg.png) no-repeat;
    background-size: contain;
}

#info .info-section {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .2);
    color: #000;
    padding: 40px;
    width: 70%;
    min-height: 400px;
    font-size: 1em;
}

#search-bar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 12px 20px;
    width: 100%;
    height: 100%;
    background-color: #fff;
    -webkit-transition: height .5s ease, -webkit-transform .5s cubic-bezier(.19, 1, .22, 1);
    transition: height .95s ease, -webkit-transform .5s cubic-bezier(.19, 1, .22, 1);
    transition: transform .95s cubic-bezier(.19, 1, .22, 1), height .5s ease;
    transition: transform .95s cubic-bezier(.19, 1, .22, 1), height .5s ease, -webkit-transform .5s cubic-bezier(.19, 1, .22, 1);
    -webkit-animation: none;
    animation: none;
    border: none !important;
    opacity: 1;
    visibility: hidden;
    overflow: hidden;
    z-index: 99999;
    font-family: 'Poppins';
}

#search-bar.active {

    -webkit-animation: none;
    animation: none;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
    -webkit-transition: height .5s ease, -webkit-transform .5s cubic-bezier(.19, 1, .22, 1);
    transition: height .5s ease, -webkit-transform .5s cubic-bezier(.19, 1, .22, 1);
    transition: transform .5s cubic-bezier(.19, 1, .22, 1), height .5s ease;
    transition: all .5s cubic-bezier(.19, 1, .22, 1), height .5s ease, -webkit-transform .5s cubic-bezier(.19, 1, .22, 1);
}

#search-bar {
    background-imagex: url("../img/footer-comu.png");
    background-repeat: no-repeat;
    background-position: center 85px;

}

#search-barx:before {
    content: "";
    background-image: url(../img/footer-sag.png);
    background-repeat: no-repeat;
    top: 0;
    right: 0;
    width: 477px;
    height: 511px;
    position: absolute;
    z-index: -1
}

#search-barx:after {
    content: "";
    background-image: url(../img/footer-sol.png);
    background-repeat: no-repeat;
    bottom: 0;
    left: 0;
    width: 477px;
    height: 523px;
    position: absolute;
    z-index: -1
}

#search-bar form {
    position: relative;
}

.search-input {
    padding: 10px 30px;
    font-size: 18px;
    border-radius: 0px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    width: 500px;
    box-shadow: none !important;
}

.search-now {
    border: 0px;
    border-radius: 0px;
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
    background-color: #a81115 !important;
}

.search-input:is(:active, :focus) {
    box-shadow: none !important;
    border: 1px solid var(--dark-border) !important;

}

.search-bar-close {
    position: absolute;
    right: 1%;
    top: 10px;
    color: #000;
    background: transparent;
}

#search-bar .sitemap-kutular {
    z-index: 999;
}

#search-bar .sitemap-kutu > div {
    padding: 0px;
}

#search-bar .title {
    font-size: 21px;
    color: #fff;
    padding-bottom: 20px;
    padding-left: 18px;
    display: inline-block;
}

#search-bar ul i {
    font-size: 10px;
    color: #353535;
    padding-right: 3px;
}

#search-bar ul li {
    padding: 3px 0px;
}

#search-bar ul li a {
    font-size: 14px;
    color: #353535;
}

#search-bar ul li ul li a {
    padding-left: 30px !important;
}

#search-bar ul li:not(.acilir) a {
    padding-left: 20px;
}

#search-bar .title-bg {
    position: absolute;
    width: 100%;
    height: 56px;
    top: 195px;
    background-color: #a81115;
}

.modal {
    overflow: hidden;
    backdrop-filter: blur(5px);
}

.modal .modal-header {
    color: #0b0b5a;
    letter-spacing: 4px;
}

.modal .modal-footer,
.modal .modal-footer a {
    color: #0b0b5a;
    letter-spacing: 1px;
}

.modal .modal-content {
    background-color: #fff;
    border: 0px;
}

/*
#dcomu-bar .btn-close {
    right: -29%;
    top: 2%;
    position: fixed;
    filter: invert(1);
    transform: scale(1.5);
}
*/

.modal .btn-close {
    right: 22px;
    top: 18px;
    position: absolute;
}


#dcomu-bar .hizlilinkitem {
    margin: 18px 0px;
    border: 0;
    padding: 8px;
    height: auto;
    box-shadow: none;
    background-color: transparent;
    transition: none;
    border-radius: 10px;
}

#dcomu-bar .hizlilinkitem svg {
    width: 52px;
    height: 52px;
    min-width: 52px;
    color: #000c5c;
}

#dcomu-bar .hizlilinkitem span {
    color: #000c5c;
    font-size: 13px;
    max-height: unset;
    padding-left: 12px;
    padding-top: 2px;
}

#dcomu-bar a {
    position: relative;
}

#dcomu-bar .hizlilinkitem:hover {
    background-color: #000c5c;
}

#dcomu-bar .hizlilinkitem:hover span,
#dcomu-bar .hizlilinkitem:hover svg {
    color: #fff;
}

#dcomu-bar a:before {
    content: '';
    transition: .3s;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background: url(../img/menu-hover.png) center/contain no-repeat;
    z-index: -1;
    opacity: 0;
    transform: scale(1.2);
    width: 170px;
    height: 200px;
}

#dcomu-bar a:hover:before {
    opacity: 1;
}

#dcomu-bar .button-3 {
    gap: 0.1rem;
}

#dcomu-bar a:focus-visible .hizlilinkitem {
    outline: 2px solid #2e4e8c;
    outline-offset: 2px;
    background-color: #000c5c;
}

#dcomu-bar a:focus-visible .hizlilinkitem span,
#dcomu-bar a:focus-visible .hizlilinkitem svg {
    color: #fff;
}

#dcomu-bar a:focus-visible {
    outline: none;
}

#dcomu-bar .modal-footer a:focus-visible {
    outline: revert;
}


#comuradyo-bar {
    overflow: hidden;
    backdrop-filter: blur(5px);
}

#comuradyo-bar iframe {
    width: 799px;
    height: 419px;
    border: 0;
    padding: 0px;
    margin: 0px;
    margin-bottom: -9px;
}

#comuradyo-bar .btn-close {
    position: absolute;
    right: 11px;
    top: 11px;
    filter: invert(1);
}

.header-icon-tabler-radio {
    width: 25px;
    height: 25px;
}

#sosyalaglar {
    position: fixed;
    right: -85px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 999;
}


#sosyalaglar .fl-fl {
    display: flex;
    align-items: center;
    background: #525252c2;
    text-transform: uppercase;
    letter-spacing: 3px;
    padding: 3px;
    width: 152px;
    position: relative;
    right: -25px;
    z-index: 1000;
    padding-right: 0px;
    border-bottom: 1px solid #ffffff0f;
    font: normal normal 10px Arial;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

#sosyalaglar .fl-fl:last-child {
    border-bottom: 0px;
}

#sosyalaglar .fab {
    font-size: 16px;
    color: #fff;
    padding: 10px 0;
    width: 18px;
    margin-left: 12px;
    text-align: center;
}

#sosyalaglar .fa-youtube {
    font-size: 14px;
}

#sosyalaglar .fa-twitter {
    font-size: 14px;
}

#sosyalaglar .fl-fl:hover {
    right: 72px;
    background: #525252db;
}

#sosyalaglar .fl-fl a {
    color: #fff !important;
    text-decoration: none;
    text-align: center;
    vertical-align: top !important;
    display: inline-block;
    width: calc(100% - 50px);
    padding-left: 5px;
}

.wsmenu > .wsmenu-list > li > ul.sub-menu {
    left: unset;
    box-shadow: none;
    width: 950px;
    /*width: 741px;*/
    transition: none;
    transform: none;
    top: 60px;
}

.wsmenu > .wsmenu-list > li:hover > span > button {
    color: #000;
}

.wsmenu > .wsmenu-list > li:hover > span {
    background: #ffffffba;
    color: #000;
}

.wsmenu > .wsmenu-list > li:nth-child(10):hover span,
.wsmenu > .wsmenu-list > li:nth-child(9):hover span,
.wsmenu > .wsmenu-list > li:nth-child(8):hover span,
.wsmenu > .wsmenu-list > li:nth-child(7):hover span,
.wsmenu > .wsmenu-list > li:nth-child(6):hover span {
    background: transparent;
    color: #fff;
}

.wsmenu > .wsmenu-list > li > ul.sub-menu {
    right: 37px;
    border-radius: 0px;
    background: #ffffffba;
}

.wsfixed .wsmenu > .wsmenu-list > li > ul.sub-menu {
    right: 37px;
    border-radius: 0px;
    background: #ffffff;
    top: 56px;
}

.wsmenu > .wsmenu-list > li > aspan {
    padding: 3px 23px !important;
}

.wsmenu > .wsmenu-list > li:nth-last-child(2) > span {
    padding-right: 7px !important;
}

.wsmenu > .wsmenu-list > li > ul.sub-menu > li {
    position: unset;
}

.wsmenu ul.sub-menu > li.acilir:before {
    left: 47%;
    right: unset;
}

.wsmenu > .wsmenu-list > li > ul.sub-menu > li > span > button,
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > span,
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > button,
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > a {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 0.8px;
    color: #080808;
    font-family: 'Poppins';
    font-weight: 500;
    cursor: pointer;
    background: transparent;
}

.wsmenu > .wsmenu-list > li > ul.sub-menu > li > span > button {
    padding: 0;
}

.wsmenu > .wsmenu-list > li > ul.sub-menu > li:hover > span > button,
.wsmenu > .wsmenu-list > li > ul.sub-menu > li:hover > button,
.wsmenu > .wsmenu-list > li > ul.sub-menu > li:hover > span,
.wsmenu > .wsmenu-list > li > ul.sub-menu > li:hover > a {
    background-color: #3d4c88;
    width: 100%;
    color: #fff;
    text-align: left;
}

.wsmenu-list > li:hover > ul li:first-child:hover > a:before {
    display: none !important;
}

.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu {
    background-color: #3d4c88;
    z-index: 9999;
    transition: none !important;
    left: 48%;
    height: 100%;
    width: 52%;
    padding: 10px;
}

.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a {
    color: #ffffffdb;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 0.4px;
}

.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li:hover > a {
    background-color: #3d4c88;
}

.wsfixed .wsmenu > .wsmenu-list > li > ul.sub-menu {
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
    margin-top: 4px;
}

.wsfixed .wsmenu-list ul.sub-menu li ul li a {
    color: #fff !important;
}


#AkademideNelerOluyor .box {
    border-radius: 0px;
    /*border: 1px solid #ccc;
    background-color: transparent;*/
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
    z-index: 1;
    position: relative;
}

#AkademideNelerOluyor h5 {
    border-bottom: 1px solid #ccc;
    text-align: center;
    padding-bottom: 10px;
    margin-bottom: 20px;
    font-family: Roboto;
}

#AkademideNelerOluyor a {
    color: #000;
}

#AkademideNelerOluyor ul {
    height: 550px;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

#AkademideNelerOluyor ul::-webkit-scrollbar {
    display: none;
}

#AkademideNelerOluyor .avatar {
    width: 50px;
    border-radius: 50%;
    position: relative;
    height: 50px;
    overflow: hidden;
}

#AkademideNelerOluyor .avatar img {
    width: 50px;
    min-height: 50px;
    position: absolute;
    border-radius: 50%;
}

#AkademideNelerOluyor .message {
    background-color: #5f5f5f;
    color: #ffffffe8;
    border-radius: 10px;
    padding: 10px;
}

.full-banner {
    height: 380px;
    position: relative;
    font-family: 'Poppins';
    overflow: hidden;
    /*box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);*/
}

.full-banner .bg {
    position: relative;
    height: 380px;
    background: #00000001;
}

.full-banner .bg:before {
    content: '';
    position: absolute;
    width: 300%;
    left: -200%;
    top: 0px;
    height: 100%;
    background: #9a251fdb;
    transform: skewX(-10deg);
    z-index: 0;
    /*  box-shadow: 0 0 15px 0 rgb(0 0 0 / 23%);*/
}

.full-banner .bg-right:before {
    left: unset;
    right: -200%;

}

#banner1 .title {
    font-size: 43px;
    color: #fff;
    width: 90%;
    z-index: 1;
    position: relative;
    line-height: 57px;
    padding-top: 54px;
}

#banner1 .sub-title {
    font-size: 16px;
    color: #fff;
    z-index: 1;
    position: relative;
    padding-top: 20px;
    width: 80%;
}

#banner1 {
    background: url(../img/bilim-universitesi.jpeg);
    /* animation: marquee 30s infinite linear;*/
}

#banner2 {
    background-color: #000;
    background-image: url(../img/arastirma-universitesi.jpeg);
    /* animation: marquee 30s infinite linear;*/
    margin-top: 40px;
}

#banner2 .bg:before {
    background-color: #cccccce8;
}

#banner2 .bg-right:before {
    background-color: #3d4c88eb;
}

#banner2 .left-title {
    font-size: 54px;
    width: 90%;
    z-index: 99;
    position: relative;
    text-align: center;
    color: #fff;
    font-weight: bold;
}

#banner2 .bg-right {
    display: flex;
    align-items: center;
}

#banner2 .right-title li {
    font-size: 19px;
    color: #fff;
    width: 100%;
    z-index: 99;
    position: relative;
    padding-left: 60px;
    padding-bottom: 7px;
}

#banner2 .sub-year {
    font-size: 2rem;
    font-weight: bold;
    color: #0B265B;
}

#banner2 .sub-project {
    font-size: 4rem;
    color: #a01f1d;
    line-height: 5rem;
}

#banner2 .sub-budget {
    font-size: 1.7rem;
    color: #fff;
    padding: 10px;
    margin-top: 10px;
    position: relative;
}

.full-banner .sub-budget:before {
    content: '';
    position: absolute;
    width: 300%;
    left: -200%;
    top: 0px;
    height: 100%;
    background: #9a251fdb;
    transform: skewX(-10deg);
    z-index: -1;
}


#uluslararasiogrenciler {
    height: 600px;
    width: 100%;
    background: linear-gradient(to bottom, #244e8b 0%, #031237 100%);
    position: relative;
}

#uluslararasiogrenciler .map-container {
    z-index: 0;
    position: absolute;
    width: 81%;
    top: 0px;
    left: -200px;
    height: 600px;
    overflow: hidden;
    z-index: 1;
}

#uluslararasiogrenciler iframe {
    z-index: 0;
    position: absolute;
    width: 1000px;
    top: -200px;
    left: 0;
    height: 1200px !important;
}

#uluslararasiogrenciler .photo {
    width: 150px;
    border-radius: 50%;
    position: relative;
    height: 150px;
    overflow: hidden;
    margin-bottom: 20px;
    display: block;
    border: 3px solid #fff;
}

#uluslararasiogrenciler .photo img {
    width: 150px;
    min-height: 150px;
    position: absolute;
}

#uluslararasiogrenciler .testimonial {
    height: 420px;
    overflow: auto;
    padding: 0px 20px;
}

#uluslararasiogrenciler .testimonial a {
    color: #ffffff85;
}

#uluslararasiogrenciler .testimonial::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px transparent;
    border-radius: 10px;
    background-color: transparent;
}

#uluslararasiogrenciler .testimonial::-webkit-scrollbar {
    width: 4px;
    background-color: transparent;
}

#uluslararasiogrenciler .testimonial::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px transparent;
    background-color: #fff;
}

#uluslararasiogrenciler .more {
    display: none
}

#uluslararasiogrenciler .testimonial-read-more {
    background: transparent;
    color: #fff;
    border-bottom: 1px dotted #fff;
}

.projeDestekOfisi .projelerHeader {
    background-color: #f5f5f5;
    border-radius: 10px;
}

#kampuste-yasam {
    overflow: hidden;
    width: 100vw;
    font-family: 'Poppins';
}

#kampuste-yasam .owl-carousel img {
    display: block;
    width: 100%;
    filter: grayscale(1);
}

#kampuste-yasam .owl-image {
    height: 600px;
}

#kampuste-yasam .kutular img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#kampuste-yasam .title {
    position: relative;
    z-index: 2;
    width: auto;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 9;
    width: 530px;
    background: #ffffffe6;
    padding: 60px;
    height: 680px;
}

#kampuste-yasam .title h1 {
    font-size: 3.5rem;
    /*letter-spacing: -2px;*/
    font-weight: 500;
}

#kampuste-yasam .title h2 {
    line-height: 39px;
}

#kampuste-yasam .section {
    padding: 60px;
    position: relative;
    z-index: 1;
}

#kampuste-yasam .section > div {
    background: #00000001;

}

#kampuste-yasam .section:before {
    content: "";
    position: absolute;
    background-image: url(../img/tvbg.png);
    top: 27px;
    left: 10px;
    width: 135px;
    height: 135px;
    z-index: 9999;
}

#kampuste-yasam .section h3 {
    font-size: 2.2rem;
    padding-bottom: 5px;
    background: #00000001;
}

#kampuste-yasam #slideshow {
    position: relative;
    width: 100%;
    height: 680px;
    overflow: hidden;
}

#kampuste-yasam #slideshow img {
    position: absolute;
    width: 100%;
    height: auto;
    top: 50%;
    left: 50%;
    margin-left: -50%;
    margin-top: -25%;
    opacity: 0;
    -webkit-transition-property: opacity, -webkit-transform;
    -webkit-transition-duration: 3s, 10s;
    -moz-transition-property: opacity, -moz-transform;
    -moz-transition-duration: 3s, 10s;
    -ms-transition-property: opacity, -ms-transform;
    -ms-transition-duration: 3s, 10s;
    -o-transition-property: opacity, -o-transform;
    -o-transition-duration: 3s, 10s;
    transition-property: opacity, transform;
    transition-duration: 3s, 10s;
    filter: grayscale(0.1);
}


#kampuste-yasam #slideshow img {
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    transform-origin: bottom left;
}

#kampuste-yasam #slideshow :nth-child(2n+1) {
    -webkit-transform-origin: top right;
    -moz-transform-origin: top right;
    -ms-transform-origin: top right;
    -o-transform-origin: top right;
    transform-origin: top right;
}

#kampuste-yasam #slideshow :nth-child(3n+1) {
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
}

#kampuste-yasam #slideshow :nth-child(4n+1) {
    -webkit-transform-origin: bottom right;
    -moz-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    -o-transform-origin: bottom right;
    transform-origin: bottom right;
}


#kampuste-yasam #slideshow .fx:first-child + img ~ img {
    z-index: -1;
}

#kampuste-yasam #slideshow .fx {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

#kampuste-yasam .incele {
    padding: 10px 20px;
    color: #fff;
    background-color: #000;
    font-size: 16px;
}

#kampuste-yasam .incele:hover {
    background-color: #a81115;
}

#kampuste-yasam svg {
    width: 20px;
    height: 20px;
    color: #fff;
}

#kampuste-yasam #stats .count {
    font-size: 2.5rem;
    font-weight: 500;
}

#kampuste-yasam #stats p {
    font-weight: 300;
    color: #ffffffde;
}

#kampuste-yasam #kutuphane:before {
    content: '';
    background: url(../img/yerleske/kutuphane.JPG) 0 50%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 115%;
    z-index: 0;
}

#kampuste-yasam #kutuphane:after {
    content: '';
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 115%;
    z-index: 0;
    opacity: 0.9;
}

#kampuste-yasam #kutuphane * {
    color: #353535;
}

#kampuste-yasam #kutuphane svg {
    height: 90px;
    width: 90px;
}


#aday-ogrenci {
    overflow: hidden;
    width: 100vw;
    font-family: 'Poppins';
}

#mainSlide {
    width: 100%;
    height: 698px;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

#mainSlide div[data-vbg]:before {
    display: none;
}

.video-intro {
    z-index: -1 !important;
    height: 100vh !important;
    position: relative !important;
}

.video-intro video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.video-intro:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: #161616;
    opacity: 0.5;
    z-index: 1;
}

.video-background {
    background: #000;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -99;
}

.video-foreground,
.video-background iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

@media (min-aspect-ratio: 16/9) {
    .video-foreground {
        height: 300%;
        top: -100%;
    }
}

@media (max-aspect-ratio: 16/9) {
    .video-foreground {
        width: 300%;
        left: -100%;
    }
}

@media all and (max-width: 600px) {
    #mainSlide {
        height: 50vh;
    }
}

#aday-ogrenci .owl-carousel img {
    display: block;
    width: 100% !important;
    height: auto;
}

#aday-ogrenci .owl-image {
    height: 600px;
}

#aday-ogrenci .kutular img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#aday-ogrenci .title {
    position: relative;
    z-index: 2;
    width: auto;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 9;
    width: 37%;
    background: #ffffffd9;
    padding: 60px;
    height: 698px;
}

#aday-ogrenci .title h1 {
    font-size: 3.1rem;
    letter-spacing: -2px;
    font-weight: 500;
}

#aday-ogrenci .title h2 {
    line-height: 39px;
}

#aday-ogrenci .section {
    padding: 60px;
    position: relative;
    z-index: 1;
}

#aday-ogrenci .section:before {
    content: "";
    position: absolute;
    background-image: url(../img/tvbg.png);
    top: 27px;
    left: 10px;
    width: 135px;
    height: 135px;
    z-index: 9999;
}

#aday-ogrenci .section h3 {
    font-size: 2.2rem;
    padding-bottom: 5px;
}

#aday-ogrenci .section > div {
    font-size: 1.2rem !important;
}

#aday-ogrenci #slideshow {
    position: relative;
    width: 100%;
    height: 680px;
    overflow: hidden;
}

#aday-ogrenci #slideshow:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background-color: #fff;
    opacity: 0.5;
    width: 100%;
    height: 100%;
}

#aday-ogrenci #slideshow img {
    position: absolute;
    width: 100%;
    height: auto;
    top: 50%;
    left: 50%;
    margin-left: -50%;
    margin-top: -25%;
    opacity: 0;
    -webkit-transition-property: opacity, -webkit-transform;
    -webkit-transition-duration: 3s, 10s;
    -moz-transition-property: opacity, -moz-transform;
    -moz-transition-duration: 3s, 10s;
    -ms-transition-property: opacity, -ms-transform;
    -ms-transition-duration: 3s, 10s;
    -o-transition-property: opacity, -o-transform;
    -o-transition-duration: 3s, 10s;
    transition-property: opacity, transform;
    transition-duration: 3s, 10s;
    filter: grayscale(0.1);
}


#aday-ogrenci #slideshow img {
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    transform-origin: bottom left;
}

#aday-ogrenci #slideshow :nth-child(2n+1) {
    -webkit-transform-origin: top right;
    -moz-transform-origin: top right;
    -ms-transform-origin: top right;
    -o-transform-origin: top right;
    transform-origin: top right;
}

#aday-ogrenci #slideshow :nth-child(3n+1) {
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
}

#aday-ogrenci #slideshow :nth-child(4n+1) {
    -webkit-transform-origin: bottom right;
    -moz-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    -o-transform-origin: bottom right;
    transform-origin: bottom right;
}


#aday-ogrenci #slideshow .fx:first-child + img ~ img {
    z-index: -1;
}

#aday-ogrenci #slideshow .fx {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

#aday-ogrenci .incele {
    padding: 10px 20px;
    color: #fff;
    background-color: #000;
    font-size: 16px;
}

#aday-ogrenci .incele:hover {
    background-color: #a81115;
}

#aday-ogrenci svg {
    width: 20px;
    height: 20px;
    color: #fff;
}

#aday-ogrenci #stats {
    position: relative;
}

#aday-ogrenci #stats .count {
    font-size: 2.5rem;
    font-weight: 500;
}

#aday-ogrenci #stats p {
    font-weight: 300;
    color: #ffffffde;
}

#aday-ogrenci #stats a {
    color: #fff;
    font-size: 18px;
}

#aday-ogrenci #stats a i {
    font-size: 35px;
    display: block;
    padding-bottom: 10px;
}

#aday-ogrenci #kutuphane:before {
    content: '';
    background: url(../img/yerleske/comu-terzioglu-yerleskesi-2.jpg) 0 50%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

#aday-ogrenci #kutuphane:after {
    content: '';
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 115%;
    z-index: 0;
    opacity: 0.9;
}

#aday-ogrenci #kutuphane .col-6 > * {
    color: #353535;
    z-index: 2;
    position: relative;
}

#aday-ogrenci #kutuphane svg {
    height: 90px;
    width: 90px;
}

#rektorMesaji {
    display: flex;
    align-items: center;
    width: 70%;
}

#rektorMesaji img {
    height: auto;
    margin-right: 1em;
    max-width: 100%;
    padding: 1px;
    border: 1px solid rgba(0, 0, 0, .15);
}

#rektorMesaji > div {
    display: flex;
    width: 50%;
    align-items: center;
    justify-content: space-around;
}

.slogan {
    font-size: 60px;
    position: relative;
    margin-left: 2em;
    width: 60%;
    line-height: 90px;
    z-index: 9;
    position: relative;
    max-width: 580px;

}

.slogan:before {
    content: '"';
    font-family: "Proza Libre", Sans-Serif;
    font-size: 160px;
    color: #aaa;
    top: 30px;
    position: absolute;
    left: -120px;
    transform: scaleX(-1);
}

.slogan:after {
    content: '"';
    font-family: "Proza Libre", Sans-Serif;
    font-size: 160px;
    color: #aaa;
    bottom: -90px;
    position: absolute;
    right: -50px;
    height: 100px;
}

#aday-ogrenci .rektor-imza {
    margin-left: 7.5rem;
    background-color: #374d8a !important;
    border: 0px !important;
    z-index: 99;
    position: relative;
}

#aday-ogrenci .rektor-img {
    position: relative;
    z-index: 1;
    padding: 100px;
    padding-bottom: 0px;
    padding-top: 60px;
    width: 100%;
    height: auto;
}

.rektorMesaj-container {
    display: flex;
    flex-direction: column;
}

#aday-ogrenci #tanitim-videolari a {
    padding-bottom: 5px;
    color: #353535;
    display: block;
}

#aday-ogrenci #tanitim-videolari a:hover,
#aday-ogrenci #tanitim-videolari a:hover i {
    color: #a81115;
}

#aday-ogrenci #tanitim-videolari a i {
    color: #aaa;
    padding-right: 4px;
}


#aday-ogrenci .thumbnail {
    position: relative;
    overflow: hidden;
    height: 200px;
    padding: 0;
    height: 200px;
    margin-bottom: 20px !important;
}

#aday-ogrenci .img-responsive {
    min-height: 100%;
    object-fit: cover;

}

#adayOgrenciFormu {
    padding: 60px 20px;
    position: relative;
}

#adayOgrenciFormu:before {
    content: '';
    /*background: url(/assets/img/yerleske/comu-terzioglu-yerleskesi-2.jpg) 0 50%;*/
    background: #374d8a;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

#adayOgrenciFormu::after {
    content: '';
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    opacity: 0.9;
}

#adayOgrenciFormu > * {
    z-index: 2;
    position: relative;
}

#adayOgrenciFormu .form-container {
    background-color: #374d8a;
    border-radius: 15px;
}

#adayOgrenciFormu button {
    border-radius: 15px;
    text-align: center;
    color: #000;
    width: 100%;
    padding: 10px;
    text-transform: uppercase;
}

#adayOgrenciFormu input[type=checkbox] {
    padding: 3px;
    width: 17px;
    height: 17px;
}

#adayOgrenciFormu label {
    color: #ffff;
    padding-bottom: 6px;
    margin-top: 9px;
}

#ust .adayOgrenci {
    margin-top: -20px;
}

#ust .adayOgrenci.fly {
    animation: switch 12s linear;
}

#ust .adayOgrenci .button {
    position: relative;
    padding: 3px 26px;
    background: #ffffff;
    font-size: 14px;
    font-weight: 500;
    color: #181818;
    border: 3px solid #ffffff;
    border-radius: 74px;
    box-shadow: 0 0 0 #fec1958c;
    transition: all .3s ease-in-out;
    line-height: 33px;
    font-family: 'Nunito';
    letter-spacing: 4px;
    width: 75%;
    text-transform: uppercase;
    margin-left: 25px;
    cursor: pointer;
    margin-top: 50px;
    text-shadow: none;
}

#ust .adayOgrenci .star-1 {
    position: absolute;
    top: 20%;
    left: 20%;
    width: 25px;
    height: auto;
    filter: drop-shadow(0 0 0 #fffdef);
    z-index: -5;
    transition: all 1s cubic-bezier(0.05, 0.83, 0.43, 0.96);
}

#ust .adayOgrenci .star-2 {
    position: absolute;
    top: 30%;
    left: 45%;
    width: 15px;
    height: auto;
    filter: drop-shadow(0 0 0 #fffdef);
    z-index: -5;
    transition: all 1s cubic-bezier(0, 0.4, 0, 1.01);
}

#ust .adayOgrenci .star-3 {
    position: absolute;
    top: 40%;
    left: 40%;
    width: 5px;
    height: auto;
    filter: drop-shadow(0 0 0 #fffdef);
    z-index: -5;
    transition: all 1s cubic-bezier(0, 0.4, 0, 1.01);
}

#ust .adayOgrenci .star-4 {
    position: absolute;
    top: 20%;
    left: 40%;
    width: 8px;
    height: auto;
    filter: drop-shadow(0 0 0 #fffdef);
    z-index: -5;
    transition: all .8s cubic-bezier(0, 0.4, 0, 1.01);
}

#ust .adayOgrenci .star-5 {
    position: absolute;
    top: 25%;
    left: 45%;
    width: 15px;
    height: auto;
    filter: drop-shadow(0 0 0 #fffdef);
    z-index: -5;
    transition: all .6s cubic-bezier(0, 0.4, 0, 1.01);
}

#ust .adayOgrenci .star-6 {
    position: absolute;
    top: 5%;
    left: 50%;
    width: 5px;
    height: auto;
    filter: drop-shadow(0 0 0 #fffdef);
    z-index: -5;
    transition: all .8s ease;
}

#ust .adayOgrenci .button:hover {
    background: #374d8a;
    border-color: #374d8a;
    color: #fff;
    box-shadow: 0 0 25px #374d8a;

}

#ust .adayOgrenci .button:hover .star-1 {
    position: absolute;
    top: -80%;
    left: -30%;
    width: 25px;
    height: auto;
    filter: drop-shadow(0 0 10px #fffdef);
    z-index: 2;
}

#ust .adayOgrenci .button:hover .star-2 {
    position: absolute;
    top: -25%;
    left: 10%;
    width: 15px;
    height: auto;
    filter: drop-shadow(0 0 10px #fffdef);
    z-index: 2;
}

#ust .adayOgrenci .button:hover .star-3 {
    position: absolute;
    top: 55%;
    left: 25%;
    width: 5px;
    height: auto;
    filter: drop-shadow(0 0 10px #fffdef);
    z-index: 2;
}

#ust .adayOgrenci .button:hover .star-4 {
    position: absolute;
    top: 30%;
    left: 80%;
    width: 8px;
    height: auto;
    filter: drop-shadow(0 0 10px #fffdef);
    z-index: 2;
}

#ust .adayOgrenci .button:hover .star-5 {
    position: absolute;
    top: 25%;
    left: 115%;
    width: 15px;
    height: auto;
    filter: drop-shadow(0 0 10px #fffdef);
    z-index: 2;
}

#ust .adayOgrenci .button:hover .star-6 {
    position: absolute;
    top: 5%;
    left: 60%;
    width: 5px;
    height: auto;
    filter: drop-shadow(0 0 10px #fffdef);
    z-index: 2;
}

#ust .adayOgrenci .fil0 {
    fill: #FFFDEF
}

@keyframes switch {
    0% {
        opacity: 0;
        filter: blur(5px);
        transform: scale(1.5)
    }

    3% {
        opacity: 1;
        filter: blur(0);
        transform: scale(1)
    }

    100% {
        opacity: 1;
        filter: blur(0);
        transform: scale(1)
    }
}

.video-loading {
    top: 45vh;
    position: absolute;
    left: 49vw;
}

.captcha {
    width: 100px !important;
    height: 40px !important;
    border-radius: 5px;
}

.lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

.lds-ellipsis div {
    position: absolute;
    top: 33px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #fff;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.lds-ellipsis div:nth-child(1) {
    left: 8px;
    animation: lds-ellipsis1 0.6s infinite;
}

.lds-ellipsis div:nth-child(2) {
    left: 8px;
    animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(3) {
    left: 32px;
    animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(4) {
    left: 56px;
    animation: lds-ellipsis3 0.6s infinite;
}

@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(0);
    }
}

@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(24px, 0);
    }
}


.icon-kampus724 {
    fill: #fff;
}

.wsfixed .icon-kampus724 {
    fill: #000;
}

.notification-ui a:after {
    display: none;
}

.notification-center {
    padding: 0;
    border-radius: 10px;
    -webkit-box-shadow: 0 5px 20px -3px rgba(0, 0, 0, 0.16);
    box-shadow: 0 5px 20px -3px rgba(0, 0, 0, 0.16);
    border: 0;
    max-width: 400px;
    font-size: 12px;
}

.notification-center {
    min-width: 400px;
    position: fixed;
    right: 651px;
    top: 65px;
    background-color: #fffffffa;
    padding-bottom: 15px;
    z-index: 9999;
}

.notification-center.show .notification-center-overlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background-color: transparent;
    z-index: -1;
    cursor: pointer;
}

.notification-center .notification-center-content::-webkit-scrollbar {
    background-color: transparent;
    height: 2px;
    width: 8px;
}

.notification-center .notification-center-content::-webkit-scrollbar-track {
    background-color: transparent
}

.notification-center .notification-center-content::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 4px
}

@media only screen and (min-width: 1199.98px) {

    a.akademik-takvim-beyaz,
    .wsfixed .wsmenu-list ul.sub-menu li a.akademik-takvim-beyaz {
        color: #fff !important;
        background: #a81115 !important;
    }

    .wsfixed .notification-center a,
    .wsfixed .notification-center {
        background-color: #374d8a;
        color: #fff;
    }

    .wsfixed .notification-list,
    .wsfixed .notification-center .notification-center-header {
        border-bottom: 1px solid #576899;
    }

    .wsfixed .notification-center:after {
        border-bottom: 10px solid #374d8a;
    }

    .wsfixed .notification-list .notification-list_detail p small {
        color: #eee;
    }

    .wsfixed .notification-center .notification-center-content::-webkit-scrollbar-thumb {
        background-color: #3f548d;
        border-radius: 4px
    }

}

.notification-center:after {
    content: "";
    position: absolute;
    top: -18px;
    left: calc(50% - 14px);
    border-top: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    border-left: 10px solid transparent;
}

.notification-center .notification-center-header {
    border-bottom: 1px solid #ddd;
    padding: 10px;
}

.notification-center .notification-center-header h3 {
    margin-bottom: 0;
}

.notification-center .notification-center-content {
    height: 500px;
    overflow: auto;
}

.notification-center-content .lds-ellipsis {
    width: 50px;
    height: 50px;
    margin-left: 37%;
    margin-top: 50%;
    transform: scale(0.8);
}

.notification-center-content .lds-ellipsis > div {
    background-color: #aaa;
}

.notification-list {
    display: flex;
    padding: 20px 0;
    margin: 0 20px;
    border-bottom: 1px solid #ddd;
}

.notification-list:last-child {
    border-bottom: 0px;
}

.notification-list a {
    color: #000;
}

.notification-list .notification-list_img span {
    height: 30px;
    width: 32px;
    border-radius: 50%;
    margin-right: 15px;
    padding: 10px 0px;
    display: block;
    font-size: 18px;
    color: #fff;
    line-height: 12px;
    text-align: center;
    margin-top: 0px;
}

.wsfixed .notification-list .notification-list_img span i {
    color: #fff !important;
}

.notification-list .notification-list_img .fa-bullhorn {
    margin-left: -1px;
    margin-top: -1px;
    display: block;
}

.notification-list .notification-list_img .fa-play {
    margin-left: 1px;
    margin-top: -1px;
    display: block;
}

.notification-list .notification-list_img .fa-asterisk {
    margin-left: -1px;
    margin-top: -1px;
    display: block;
}

.notification-list .notification-list_detail p {
    margin-bottom: 0px;
    font-size: 14px;
}

.notification-list .notification-list_detail p small {
    color: #666;
    font-size: 12px;
}

#ust-menu .notification-icon {
    position: relative;
    width: 45px;
    display: flex;
    cursor: pointer;
    background: transparent !important;
    z-index: 99999;
    margin-top: 2px;
}

.notification-icon svg {
    margin: auto;
    position: relative;
    width: 30px;
    height: 32px;
    color: #fff;
}

.wsfixed .notification-icon svg {
    color: #111;
}

.notification-amount {
    /* opacity: 0;
    visibility: hidden;*/
    position: absolute;
    top: 0;
    right: 10%;
    width: 20px;
    height: 20px;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Poppins", serif;
    font-size: 12px;
    line-height: 16px;
    animation: pulse-white 2s infinite;
}

.wsfixed .notification-amount {
    animation: pulse 2s infinite;
}

.notification-amount span {
    position: relative;
}

.notification-amount::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #a81115;
    border-radius: 50%;
    z-index: 0;
    transform: scale(1);
    -webkit-animation-duration: 800ms;
    animation-duration: 800ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.notification-btn.nc-0 .notification-amount {
    display: none;
}


/************
REKTORLUK RANDEVU TALEBI
*************/


#randevuTalepFormu {
    padding: 0px;
    position: relative;
}

#randevuTalepFormu > * {
    z-index: 2;
    position: relative;
}

#randevuTalepFormu .form-container {
    border-radius: 15px;
    /*  box-shadow: rgba(167, 167, 167, 0.1) 0 5px 15px;
    border: 1px solid #dee2e6;*/
}

#randevuTalepFormu button {
    border-radius: 6px;
    text-align: center;
    color: #000;
    width: 100%;
    padding: 7px;
    text-transform: uppercase;
}

#randevuTalepFormu #randevuTalepFormGonder,
#randevuTalepFormu #randevuTalepFormGonder:hover {
    background: #374d8a !important;
    color: #fff;
    padding: 15px;
}

#randevuTalepFormu textarea,
#randevuTalepFormu input {
    padding: 8px 10px;
    /*background: #f5f5f5;*/
    border: 1px solid #aaa;

}

#randevuTalepFormu label {
    color: #000;
    padding-bottom: 6px;
    margin-top: 18px;
    font-weight: bold;
}

#randevuTalepFormu thead th {
    border-bottom: 1px solid #aaa;
}

#randevuTalepFormu tr:last-child td {
    border-bottom: 0 !important;
}

#modal-rektorlukRandevuDogrulama #dogrulama_kodu {
    text-align: center;
    border: 0;
    border-bottom: 1px solid #000;
    border-radius: 0;
    padding: 12px;
    margin-top: 20px;
    margin-bottom: 20px;
    letter-spacing: 15px;
    outline: none !important;
    box-shadow: none !important;
    font-size: 28px;
    font-weight: bold;
}

/************
E-SERTIFIKA
*************/

.icon-tabler-certificate {
    margin-top: -2px;
}

#modal-esertifika .modal-body {
    height: 80vh;
    overflow-y: scroll;
}

#modal-esertifika .modal-body .lds-ellipsis > div {
    background: #000;
}

.kurs a {
    display: block;
    transition: all .2s ease-in-out;
    padding: 25px;
}

.kurs a:hover {
    transform: translateY(-7px);
}

.kurs .title {
    background-color: #374d8a;
    border-radius: 15px;
    height: 453px;
    display: none;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #fff;
    flex-direction: column;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}

.kurs .title span {
    border: 1px solid #ffff;
    padding: 0px 14px;
    border-radius: 8px;
}

.kurs img {
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}

#kurslarimizIcerik .kurs a {
    padding: 20px 0px 20px 0px;
    overflow: hidden;
}

#kurslarimizIcerik .kurs img {
    border-radius: 0px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
    width: 137%;
}

#kurslarimizIcerik .kurs a:hover {
    transform: none;
}

/************
TUSLAR
*************/

.button-3 {
    line-height: 1;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: .75rem;
    background-color: var(--clr);
    color: #fff;
    border-radius: 0.4rem;
    padding: .65rem 1.5rem;
    padding-left: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: background-color .3s;
    justify-content: center;
    font-size: 1rem;
}

.button-3 .button__icon-wrapper {
    flex-shrink: 0;
    width: 25px;
    height: 25px;
    position: relative;
    color: var(--clr);
    background-color: #fff;
    border-radius: 50%;
    display: grid;
    place-items: center;
    overflow: hidden;
    margin-left: 10px;
}

.button-3:hover {
    background-color: #000;
}

.button-3:hover .button__icon-wrapper {
    color: #000;
}

.button-3 .button__icon-svg--copy {
    position: absolute;
    transform: translate(-150%, 150%);
}

.button-3:hover .button__icon-svg:first-child {
    transition: transform .3s ease-in-out;
    transform: translate(150%, -150%);
}

.button-3:hover .button__icon-svg--copy {
    transition: transform .3s ease-in-out .1s;
    transform: translate(0);
}


/************
* ULUSLARARASI DANIŞMA KURULU
*************/

.gradient-img {
    position: relative;
}

.gradient-img::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 80px;
    background: linear-gradient(to top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    pointer-events: none;
}

.gradient-img img {
    width: 95%;
    border-radius: 10px;
}


/************
* GENEL SEKRETERLIK
*************/
.genel-sekreterlik {
    margin-top: -2px;
}

.genel-sekreterlik .comu-single-bread li {
    font-size: 15px;
    color: #000;
}

.genel-sekreterlik .breadcrumb-item + .breadcrumb-item::before {
    color: #0008f;
}

.genel-sekreterlik .page-title-container {
    background: url('../img/genelsekreterlik-bg.jpg');
    background-size: cover;
    height: 330px;
}

.genel-sekreterlik .page-title-container h1 {
    color: #000;
}

.genel-sekreterlik .page-title {
    padding: 55px 0px 55px 0px;
    border-bottom: 0px !important;
}

.genel-sekreterlik .sidebar-menu {
    margin-top: -150px;
    border-radius: var(--bs-card-border-radius);;
}

.genel-sekreterlik .yonetimProfil {
    min-width: inherit;
    margin: 0;
    width: 50%;
    max-width: none;
    margin-bottom: 30px;
}

.genel-sekreterlik .yonetimProfil .profiltitle {
    margin-top: -115px;
}

.genel-sekreterlik .card {
    border: 1px solid #eee;
    box-shadow: 0 4px 10px 0 rgba(197, 197, 197, 0.26);
    margin-top: -150px;
    margin-bottom: 40px;
    font-size: 15px;
}

.genel-sekreterlik .card-header {
    border-bottom: 1px solid #eee;
}

.genel-sekreterlik .ozel2 {
    color: #3479b7;
    font-size: 15px;
    padding: 15px 0;
}

.genel-sekreterlik .iletisim {
    font-size: 13px;
    font-weight: 500;
    margin: 4px;
    margin-bottom: 10px;
}

.genel-sekreterlik .cardRenk3 .card-header {
    color: #3479b7;
    background: #fff;
    padding: 20px;
}

.genel-sekreterlik .yonetimProfil h3 {
    font-size: 1.3rem;
}

.genel-sekreterlik .ozgecmis {
    font-size: 1.1em;
    color: #7d7d7d;
    font-weight: 700;
}


/************
* COMU MARSI
*************/

.comu-marsi-sozleri {
    background: url('../../dosyalar/2024/comu-marsi/comu-marsi-bg.html');
    background-size: cover;
    color: #000;
    font-weight: bold;
    border-radius: 10px;
    padding: 30px;
    font-size: 18px;
    line-height: 32px;
}

/************
* 3D HARITA
*************/


#harita3d .playButton {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
}

@keyframes pulse {
    0% {
        box-shadow: #aa292c 0 0 0 0;
    }

    75% {
        box-shadow: #a8111500 0 0 0 5px;
    }
}

@keyframes pulse-white {
    0% {
        box-shadow: #e73f3c 0 0 0 0;
    }

    75% {
        box-shadow: #ffffff00 0 0 0 5px;
    }
}


@media only screen and (max-width: 1200px) {

    .wsfixed .wsmenu > .wsmenu-list > li > a,
    .wsmenu > .wsmenu-list > li > a {
        padding: 10px 15px !important;
    }

    .wsfixed.wsmenu > .wsmenu-list > li > ul.sub-menu,
    .wsmenu > .wsmenu-list > li > ul.sub-menu {
        min-width: inherit;
        width: inherit;
        top: inherit;
        right: inherit;
        padding: inherit;
    }

    .wsfixed.wsmenu > .wsmenu-list > li > ul.sub-menu > li,
    .wsmenu > .wsmenu-list > li > ul.sub-menu > li {
        float: none;
        width: inherit;
        position: relative;
    }

    .wsfixed .wsmenu > .wsmenu-list > li > ul.sub-menu,
    .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu {
        width: inherit;
        background-color: inherit;
    }

    .wsfixed .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a,
    .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a {
        color: inherit;
        font-weight: inherit;
        font-size: inherit;
        letter-spacing: inherit;
    }

    .wsfixed .wsmenu > .wsmenu-list > li > ul.sub-menu > li:hover > a,
    .wsmenu > .wsmenu-list > li > ul.sub-menu > li:hover > a,
    .wsfixed .wsmenu > .wsmenu-list > li:hover > a,
    .wsmenu > .wsmenu-list > li:hover > a {
        background-color: inherit;
    }

    .wsfixed .wsmenu > .wsmenu-list > li > ul.sub-menu {
        margin-top: inherit;
        box-shadow: inherit;
        top: inherit;
        right: inherit;
        background-color: #213865;
    }
}

/*******************
DARK MODE
***********************/

html[data-bs-theme='darkx'] {
    background: #2a2a2a;
    color: #fff;
}

html[data-bs-theme='dark'] h1,
html[data-bs-theme='dark'] h2,
html[data-bs-theme='dark'] h3,
html[data-bs-theme='dark'] h4,
html[data-bs-theme='dark'] h5,
html[data-bs-theme='dark'] h6 {
    color: var(--dark-color);
}

html[data-bs-theme='dark'] .icon-moon {
    display: none;
}

html[data-bs-theme='dark'] .icon-sun {
    display: block;
}

html[data-bs-theme='light'] .icon-moon {
    display: block;
}

html[data-bs-theme='light'] .icon-sun {
    display: none;
}

html[data-bs-theme='dark'] .content {
    background: var(--dark-bg-gray) !important;
}

html[data-bs-theme='dark'] .wsmainwp.wsfixed {
    background: var(--dark-bg) !important;
}

html[data-bs-theme='dark'] .wsfixed .nav-sublinks {
    border-bottom: 1px solid #333;
}

html[data-bs-theme='dark'] .wsmenu-list > li:hover > ul > li:first-child > a:before {
    border-bottom: 9px solid var(--dark-bg-gray);
}

html[data-bs-theme='dark'] .wsmenu-list > li:hover > ul li:first-child:hover > a:before {
    border-bottom: 9px solid #19366e !important;
}

html[data-bs-theme='dark'] .wsfixed .wsmenu-list li a,
html[data-bs-theme='dark'] .wsfixed .wsmenu-list li span,
html[data-bs-theme='dark'] .wsfixed .wsmenu-list li span button,
html[data-bs-theme='dark'] .wsfixed .nav-sublinks .nav-link,
html[data-bs-theme='dark'] .wsfixed .nav-sublinks .nav-action,
html[data-bs-theme='dark'] .single-post-data span,
html[data-bs-theme='dark'] .icerikPaylas strong,
html[data-bs-theme='dark'] .wsmenu > .wsmenu-list > li > ul.sub-menu > li > a,
html[data-bs-theme='dark'] .wsmenu > .wsmenu-list > li:hover > span > a.wsmenu-trigger,
html[data-bs-theme='dark'] .tvbaslik h2 {
    color: var(--dark-color) !important;
}

html[data-bs-theme='dark'] #iletisimBilgileri .bg,
html[data-bs-theme='dark'] .iletisimButonlar a,
html[data-bs-theme='dark'] #adayOgrenciFormu .form-container,
html[data-bs-theme='dark'] #aday-ogrenci #tanitim-videolari > div,
html[data-bs-theme='dark'] #aday-ogrenci #kutuphane:after,
html[data-bs-theme='dark'] #kampuste-yasam #kutuphane:after,
html[data-bs-theme='dark'] .modal-header,
html[data-bs-theme='dark'] #dcomu-bar .modal-content,
html[data-bs-theme='dark'] #dcomu-bar .hizlilinkitem,
html[data-bs-theme='dark'] #dcomu-bar .hizlilinkitem svg,
html[data-bs-theme='dark'] #dcomu-bar .hizlilinkitem span,
html[data-bs-theme='dark'] #aday-ogrenci .title,
html[data-bs-theme='dark'] #kampuste-yasam .title,
html[data-bs-theme='dark'] .wsmenu > .wsmenu-list > li > ul.sub-menu,
html[data-bs-theme='dark'] #anacarosel,
html[data-bs-theme='dark'] #info,
html[data-bs-theme='dark'] #ust-mesaj,
html[data-bs-theme='dark'] #ust-mesaj button,
html[data-bs-theme='dark'] .topluluk-haber-item:nth-child(odd),
html[data-bs-theme='dark'] #AkademideNelerOluyor .message,
html[data-bs-theme='dark'] .comutvitem,
html[data-bs-theme='dark'] .comutvitem p,
html[data-bs-theme='dark'] .similar-post-duyuru,
html[data-bs-theme='dark'] .similar-post-duyuru a,
html[data-bs-theme='dark'] .similar-post-duyuru:hover a,
html[data-bs-theme='dark'] .similar-post-duyuru:hover span,
html[data-bs-theme='dark'] .similar-post .similar-title,
html[data-bs-theme='dark'] .similar-post .similar-title p,
html[data-bs-theme='dark'] .comu-accordion .accordion-button,
html[data-bs-theme='dark'] .page-title-container,
html[data-bs-theme='dark'] .page-title h1,
html[data-bs-theme='dark'] .page-item.disabled a,
html[data-bs-theme='dark'] .next-prev li,
html[data-bs-theme='dark'] .next-prev li a {
    background: var(--dark-bg-gray) !important;
    color: var(--dark-color) !important;
}

html[data-bs-theme='dark'] .iletisimRehber .comutable .table thead th,
html[data-bs-theme='dark'] .page-title-container {
    border-bottom: 1px solid var(--dark-border) !important;
}

html[data-bs-theme='dark'] #adayOgrenciFormu:after,
html[data-bs-theme='dark'] #aday-ogrenci #stats .bg-overlay,
html[data-bs-theme='dark'] #kampuste-yasam #stats .bg-overlay,
html[data-bs-theme='dark'] #uluslararasiogrenciler,
html[data-bs-theme='dark'] .duyuru-listesi ul li.duyuru,
html[data-bs-theme='dark'] .duyuru-metin a,
html[data-bs-theme='dark'] .activity-container,
html[data-bs-theme='dark'] .activity-current,
html[data-bs-theme='dark'] .bg-light,
html[data-bs-theme='dark'] .box,
html[data-bs-theme='dark'] .etkinlik-thumb,
html[data-bs-theme='dark'] .etkinlikinfo strong,
html[data-bs-theme='dark'] a.etkinlik-thumb:hover .etkinliktitle,
html[data-bs-theme='dark'] #info .info-section,
html[data-bs-theme='dark'] .saycaitem,
html[data-bs-theme='dark'] .sayacrakamlar span,
html[data-bs-theme='dark'] .sayacrakamlar div,
html[data-bs-theme='dark'] #alt-content,
html[data-bs-theme='dark'] .main-content,
html[data-bs-theme='dark'] .anatumhaber.kirmizi a:hover,
html[data-bs-theme='dark'] #AkademideNelerOluyor .box,
html[data-bs-theme='dark'] #AkademideNelerOluyor .user-data a,
html[data-bs-theme='dark'] #comutv,
html[data-bs-theme='dark'] #search-bar,
html[data-bs-theme='dark'] #search-bar a,
html[data-bs-theme='dark'] #search-bar .search-bar-close,
html[data-bs-theme='dark'] #footer {
    background: var(--dark-bg) !important;
    color: var(--dark-color) !important;
}

html[data-bs-theme='dark'] #aday-ogrenci #kutuphane *,
html[data-bs-theme='dark'] #kampuste-yasam #kutuphane *,
html[data-bs-theme='dark'] #search-bar .title,
html[data-bs-theme='dark'] #singleContent h3,
html[data-bs-theme='dark'] #singleContent p,
html[data-bs-theme='dark'] .darkmode svg,
html[data-bs-theme='dark'] .infotext p,
html[data-bs-theme='dark'] .haber .baslik,
html[data-bs-theme='dark'] .activity-table a {
    color: var(--dark-color) !important;
}

html[data-bs-theme='dark'] .footer-butonlar,
html[data-bs-theme='dark'] .footer-info,
html[data-bs-theme='dark'] .accordion-item,
html[data-bs-theme='dark'] .page-title-container .border-top {
    border-top: 1px solid var(--dark-border) !important;
}

html[data-bs-theme='dark'] .kunye p.kunyegorev,
html[data-bs-theme='dark'] .kunye p.kunyeisim,
html[data-bs-theme='dark'] .comu-accordion .listelemeBorder a,
html[data-bs-theme='dark'] .single-title p,
html[data-bs-theme='dark'] .sayfalama a,
html[data-bs-theme='dark'] .comu-single-bread li a,
html[data-bs-theme='dark'] #alt-content table a,
html[data-bs-theme='dark'] .wsmenu ul.sub-menu > li.acilir:before,
html[data-bs-theme='dark'] .icerikPaylas ul li a {
    color: var(--dark-fff);
}

html[data-bs-theme='dark'] .single-title,
html[data-bs-theme='dark'] .infocizgi .saycaitem,
html[data-bs-theme='dark'] #AkademideNelerOluyor h5,
html[data-bs-theme='dark'] #calMonths span {
    border-bottom: 3px solid var(--dark-border);
}


html[data-bs-theme='dark'] #ust .adayOgrenci button,
html[data-bs-theme='dark'] .alt-content-footer p,
html[data-bs-theme='dark'] .accordion-item,
html[data-bs-theme='dark'] .single-album img,
html[data-bs-theme='dark'] .wsfixed .darkmode-switcher label,
html[data-bs-theme='dark'] .activity-prev,
html[data-bs-theme='dark'] .activity-next,
html[data-bs-theme='dark'] .anatumhaber a,
html[data-bs-theme='dark'] .etkinlikimg,
html[data-bs-theme='dark'] .tumEtkinlikButton a {
    border: 1px solid var(--dark-border) !important;
    background-color: var(--dark-bg-gray) !important;
    color: var(--dark-fff) !important;
    text-align: center !important;
}

html[data-bs-theme='dark'] .listelemeBorder,
html[data-bs-theme='dark'] .wsfixed .nav-sublinks .divider > * {
    border-right: 1px solid var(--dark-border);
}

html[data-bs-theme='dark'] .wsfixed .nav-sublinks .divider.left > * {
    border-left: 1px solid var(--dark-border);
    border-right: 0px;
}

html[data-bs-theme='dark'] .saycaitem {
    border-right: 3px solid var(--dark-border);
}

html[data-bs-theme='dark'] .infobosluk .saycaitem {
    border-right: 0px;
}

html[data-bs-theme='dark'] .anatumhaber a {
    background-color: var(--dark-bg) !important;

}

html[data-bs-theme='dark'] .sidebar-menu,
html[data-bs-theme='dark'] .sidebar-menu .btn-sidebar-menu,
html[data-bs-theme='dark'] .sidebar-menu ul li {
    border: 0;
    background-color: var(--dark-bg-gray);
    border-bottom: 1px solid var(--dark-border);
    color: var(--dark-color);
}

html[data-bs-theme='dark'] .similar-post-duyuru,
html[data-bs-theme='dark'] .content .owl-theme .owl-nav button,
html[data-bs-theme='dark'] .topluluk-haber-item,
html[data-bs-theme='dark'] .sidebar-menu-title {
    border: 1px solid var(--dark-border);
    color: #fff;
    background-color: var(--dark-bg);
}

html[data-bs-theme='dark'] #aday-ogrenci #tanitim-videolari a,
html[data-bs-theme='dark'] .wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a,
html[data-bs-theme='dark'] .sidebar-menu a {
    color: var(--dark-color);
}

html[data-bs-theme='dark'] .comutable,
html[data-bs-theme='dark'] .sidebar-menu button.show {
    border: 1px solid var(--dark-border);
}

html[data-bs-theme='dark'] .sidebar-menu-title:before {
    display: none;
}

html[data-bs-theme='dark'] .sidebar-menu-title:after {
    background-color: var(--dark-border);
}

html[data-bs-theme='dark'] .wsmenu > .wsmenu-list > li:hover > span > button,
html[data-bs-theme='dark'] .wsmenu > .wsmenu-list > li:hover > span {
    background-color: var(--dark-bg-gray);
    color: #fff;
}

html[data-bs-theme='dark'] .wsmenu > .wsmenu-list > li > ul.sub-menu > li > span > button,
html[data-bs-theme='dark'] .wsmenu > .wsmenu-list > li > ul.sub-menu > li > span {
    color: var(--dark-color) !important;

}

html[data-bs-theme='dark'] .comutable .aramaBg {
    background-color: var(--dark-bg-gray);
    border-bottom: 3px solid var(--dark-border);
}

html[data-bs-theme='dark'] .aramaBg input:focus,
html[data-bs-theme='dark'] .comutable input {
    background-color: var(--dark-bg);
    color: #fff !important;
}

html[data-bs-theme='dark'] .icerikPaylas {
    border-right: 1px solid var(--dark-border);
}

html[data-bs-theme='dark'] .mobile-logo .logo-mobil-beyaz {
    display: inline;
}

html[data-bs-theme='dark'] .mobile-logo .logo:not(.logo-mobil-beyaz) {
    display: none;
}

html[data-bs-theme='light'] .mobile-logo .logo-mobil-beyaz {
    display: none;
}

html[data-bs-theme='dark'] .yonetimProfil .profiltitle,
html[data-bs-theme='dark'] .yonetimProfil1 .profiltitle {
    border: 1px solid var(--dark-border);
    box-shadow: none;
    background-color: var(--dark-bg-gray);
}

html[data-bs-theme='dark'] #dcomu-bar .button-3,
html[data-bs-theme='dark'] #AkademideNelerOluyor a,
html[data-bs-theme='dark'] #dcomu-bar .hizlilinkitem,
html[data-bs-theme='dark'] #singleContent ul li,
html[data-bs-theme='dark'] .table > :not(caption) > * > *,
html[data-bs-theme='dark'] #gorevDagilimlari tr ol li,
html[data-bs-theme='dark'] .rektor-card tr td {
    color: var(--dark-color);
}

html[data-bs-theme='dark'] #dcomu-bar a:hover .hizlilinkitem * {
    color: #8bc6ff !important;
}

html[data-bs-theme='dark'] #modal-mis .modal-header {
    background-color: #fff !important;
    color: #000 !important;
}

html[data-bs-theme='dark'] #modal-esertifika .modal-body {
    background-color: var(--dark-bg-gray) !important;
}

html[data-bs-theme='dark'] .wsfixed .global-icon img {
    filter: invert(0);
}

html[data-bs-theme='dark'] .notification-icon svg {
    color: #fff;
}

html[data-bs-theme='dark'] .notification-center a,
html[data-bs-theme='dark'] .notification-center {
    background-color: var(--dark-bg-gray);
    color: var(--dark-color);
}

html[data-bs-theme='dark'] .notification-list,
html[data-bs-theme='dark'] .notification-center .notification-center-header {
    border-bottom: 1px solid var(--dark-border);
}

html[data-bs-theme='dark'] .notification-center:after {
    border-bottom: 10px solid var(--dark-bg-gray);
}

html[data-bs-theme='dark'] .notification-center .notification-center-content::-webkit-scrollbar-thumb {
    background-color: var(--dark-border);
}

html[data-bs-theme='dark'] #randevuTalepFormu textarea,
html[data-bs-theme='dark'] #randevuTalepFormu input {
    border: 1px solid var(--dark-border);
    background-color: var(--dark-bg-gray);
    color: var(--dark-color);
}

html[data-bs-theme='dark'] #randevuTalepFormu label {
    color: var(--dark-color);
}

html[data-bs-theme='dark'] #randevuTalepFormu thead th {
    border-bottom: 1px solid var(--dark-border);
}

html[data-bs-theme='dark'] #randevuTalepFormu button {
    border: 0 !important
}

html[data-bs-theme='dark'] #randevuTalepFormu .table {
    --bs-table-bg: var(--dark-bg) !important;
}

html[data-bs-theme='dark'] #randevuTalepFormu .table input[type=text] {
    background: transparent !important;
}

html[data-bs-theme='dark'] #randevuTalepFormu .table tr:last-child input[type=text] {
    background-color: var(--dark-bg-gray) !important;
}

html[data-bs-theme='dark'] #randevuTalepFormu .text-success {
    color: var(--dark-color) !important;
}

html[data-bs-theme='dark'] .wsfixed .icon-kampus724 {
    fill: #fff;
}

html[data-bs-theme='dark'] .gradient-img::after {
    display: none;
}

html[data-bs-theme='dark'] .genel-sekreterlik .comu-single-bread li {
    color: var(--dark-color) !important;

}

html[data-bs-theme='dark'] .genel-sekreterlik .breadcrumb-item + .breadcrumb-item::before {
    color: var(--dark-color) !important;

}

html[data-bs-theme='dark'] .genel-sekreterlik .page-title-container h1 {
    color: var(--dark-color) !important;

}

html[data-bs-theme='dark'] .genel-sekreterlik .card {
    border: 1px solid #444 !important;
    box-shadow: none !important;
    background-color: var(--dark-bg) !important;
}

html[data-bs-theme='dark'] .genel-sekreterlik .card-header {
    color: var(--dark-color) !important;
    border: 1px solid #444 !important;
    box-shadow: none !important;
    background-color: var(--dark-bg) !important;
}

html[data-bs-theme='dark'] .genel-sekreterlik .table th,
html[data-bs-theme='dark'] .genel-sekreterlik .table td {
    background-color: var(--dark-bg) !important;
}

html[data-bs-theme='dark'] .btn.etkinlik-gorunum:not(.active) {
    background: var(--dark-bg-gray) !important;
    color: var(--dark-color) !important;
    border: 1px solid #444 !important;
}

html[data-bs-theme='dark'] #etkinlik-takvimi .fc-button {
    color: var(--dark-color) !important;
    border: 1px solid #444 !important;
}

html[data-bs-theme='dark'] .fc-list,
html[data-bs-theme='dark'] .fc-theme-standard td,
html[data-bs-theme='dark'] .fc-theme-standard th {
    border: 1px solid #333 !important;
    background: var(--dark-bg) !important;
}

html[data-bs-theme='dark'] .fc-list-empty,
html[data-bs-theme='dark'] .fc-theme-standard th {
    background: var(--dark-bg) !important;
}

html[data-bs-theme='dark'] .fc-scrollgrid {
    border: 1px solid #444 !important;
}

html[data-bs-theme='dark'] .fc-event-main {
    color: rgba(255, 255, 255, 0.82) !important;
}

html[data-bs-theme='dark'] .fc-list-event:hover td {
    background: transparent !important;
}

html[data-bs-theme='dark'] .fc-list-event-graphic {
    display: none;
}

/* HALF */

.header-bg-video .video-link {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    display: block;
}

.header-bg-video {
    width: 100%;
    min-height: calc(101vw * 1025 / 1920);
    position: relative;
    z-index: -1;
    background-color: #000;
}

.header-bg-video iframe {
    width: 400vw;
    height: calc(101vw * 1080 / 1920);
    left: -150vw;
    position: absolute;
}

.header-bg-img:before,
.header-bg-video-full:before,
.header-bg-video:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100vw;
    height: 250px;
    background: #161616;
    opacity: 0.7;
    z-index: 1;
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .79)), linear-gradient(180deg, transparent 20%, rgba(0, 0, 0, .79));
}


.header-bg-img {
    min-height: 100vh;
}

.header-bg-img.size-0 {
    width: 100vw;
    height: 100vh;
}

.header-bg-img.size-0 img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.header-bg-img.size-1 {
    min-height: calc(100vw * 1000 / 1920);
}


@media (max-width: 991.98px) {
    .site-wrapper-reveal {
        padding-top: 75px;
    }

    .header-bg-img {
        margin-top: 79px;
        margin-bottom: 0px;
        min-height: unset;

    }

    #ust:before {
        display: none;
    }


    .header-bg-video {
        margin-top: 80px;
    }

    .header-bg-video video {
        margin-bottom: -8px;
    }

    .header-bg-img.size-0 {
        width: auto;
        height: auto;
    }


    .header-bg-img:before,
    .header-bg-video-full:before,
    .header-bg-video:before {
        display: none;
    }

}


#ust-menu .logo-l {
    background: #a2211b;
}

/* CHATBOT WIDGET */

.chatbot-widget {
    position: fixed;
    bottom: 80px;
    right: 40px;
    z-index: 999;
    opacity: 0;
    transform: translateY(20px);
    animation: chatbotFadeIn 0.8s ease-out .5s forwards;
}

.chatbot-icon {
    width: 50px;
    height: 50px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease;
    margin-right: 20px;
}

.chatbot-icon:hover {
    /* transform: scale(1.1);*/
}

.chatbot-icon img {
    width: 90px;
    border-radius: 50%;
}

.chatbot-tooltip {
    position: absolute;
    bottom: 139px;
    right: 0;
    background: #3d4c88;
    color: white;
    padding: 12px 16px;
    border-radius: 8px;
    font-size: 15px;
    white-space: nowrap;
    opacity: 0;
    transform: translateY(10px);
    animation: tooltipFadeIn 0.3s ease-out 3s forwards;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.chatbot-tooltip-m {
    position: absolute;
    bottom: 75px;
    right: 0;
    background: #3d4c88;
    color: white;
    padding: 12px 16px;
    border-radius: 8px;
    font-size: 15px;
    white-space: nowrap;
    opacity: 0;
    transform: translateY(30px);
    animation: tooltipFadeIn 0.3s ease-out 1.8s forwards;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.tooltip-arrow {
    position: absolute;
    bottom: -6px;
    right: 20px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #3d4c88;
}

.chatbot-tooltip .cursor {
    animation: blink 1s infinite;
    color: #fff;
}

@keyframes blink {

    0%,
    50% {
        opacity: 1;
    }

    51%,
    100% {
        opacity: 0;
    }
}

@keyframes chatbotFadeIn {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes tooltipFadeIn {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes tooltipFadeOut {
    to {
        opacity: 0;
        transform: translateY(10px);
    }
}

@media (max-width: 768px) {
    .chatbot-widget {
        bottom: 30px;
        right: 20px;
        z-index: 997;
    }

    .chatbot-icon {
        width: 50px;
        height: 50px;
        margin-right: 10px;

    }

    .chatbot-icon img {
        width: 80px;
    }

    #modal-bilge .modal-dialog-centered {
        min-height: auto;
    }

    #modal-bilge .btn-close {
        top: 140px;
    }

    #bilge-iframe {
        height: 87vh !important;
        margin-top: 90px;
    }

    .wsmenu-trigger {
        pointer-events: none;
    }
}


@-moz-keyframes flicker {

    0%,
    6%,
    12% {
        text-shadow: none;
        color: #111111;
    }

    3%,
    9% {
        text-shadow: 0 0 8px rgba(250, 103, 1, 0.6);
        color: #fa6701;
    }

    60% {
        text-shadow: 0 0 8px rgba(250, 103, 1, 0.6), 0 0 16px rgba(250, 103, 1, 0.4), 0 0 20px rgba(255, 0, 84, 0.2), 0 0 22px rgba(255, 0, 84, 0.1);
        color: #fa6701;
    }

    100% {
        text-shadow: 0 0 8px rgba(250, 103, 1, 0.6), 0 0 16px rgba(250, 103, 1, 0.4), 0 0 20px rgba(255, 0, 84, 0.2), 0 0 22px rgba(255, 0, 84, 0.1);
        color: #fa6701;
    }
}

@-webkit-keyframes flicker {

    0%,
    6%,
    12% {
        text-shadow: none;
        color: #111111;
    }

    3%,
    9% {
        text-shadow: 0 0 8px rgba(250, 103, 1, 0.6);
        color: #fa6701;
    }

    60% {
        text-shadow: 0 0 8px rgba(250, 103, 1, 0.6), 0 0 16px rgba(250, 103, 1, 0.4), 0 0 20px rgba(255, 0, 84, 0.2), 0 0 22px rgba(255, 0, 84, 0.1);
        color: #fa6701;
    }

    100% {
        text-shadow: 0 0 8px rgba(250, 103, 1, 0.6), 0 0 16px rgba(250, 103, 1, 0.4), 0 0 20px rgba(255, 0, 84, 0.2), 0 0 22px rgba(255, 0, 84, 0.1);
        color: #fa6701;
    }
}

@keyframes flicker {

    0%,
    6%,
    12% {
        text-shadow: none;
        color: #111111;
    }

    3%,
    9% {
        text-shadow: 0 0 8px rgba(250, 103, 1, 0.6);
        color: #fa6701;
    }

    60% {
        text-shadow: 0 0 8px rgba(250, 103, 1, 0.6), 0 0 16px rgba(250, 103, 1, 0.4), 0 0 20px rgba(255, 0, 84, 0.2), 0 0 22px rgba(255, 0, 84, 0.1);
        color: #fa6701;
    }

    100% {
        text-shadow: 0 0 8px rgba(250, 103, 1, 0.6), 0 0 16px rgba(250, 103, 1, 0.4), 0 0 20px rgba(255, 0, 84, 0.2), 0 0 22px rgba(255, 0, 84, 0.1);
        color: #fa6701;
    }
}

/* Skip Navigation */
.skip-nav {
    position: absolute;
    top: -100%;
    left: 50%;
    transform: translateX(-50%);
    background: #2e4e8c;
    color: #fff;
    padding: 12px 24px;
    z-index: 100001;
    font-size: 16px;
    font-weight: 600;
    border-radius: 0 0 8px 8px;
    text-decoration: none;
    transition: top 0.2s ease;
}

.skip-nav:focus {
    top: 0;
    outline: 3px solid #a81115;
    outline-offset: 2px;
    color: #fff;
}

/* WCAG 2.2 — Visually Hidden (screen reader only) */
.visually-hidden,
.sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
    background: #000;
    color: #fff;
}

/* ── WCAG Klavye Erişilebilirlik: Dropdown açık durumu ──────────── */

/* Ana dropdown */
.wsmenu-list > li.nav-open > .sub-menu {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

/* İç içe dropdown (wsmenu-submenu-trigger) */
.sub-menu > li.nav-open > .sub-menu {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}