/*Sitedeki tüm linklerin altının çizilmemesi ve link rengine dönüşmemesi için*/
html {
    overflow-x: hidden;
}

h1 {
    margin-bottom: 30px; 
}

.mr20 {
    margin-right: 20px !important;
}
.ml20 {
    margin-left: 20px !important;
}
.mre15 {
    margin-right: -15px !important;
}
.no-link {
    color: inherit;
    text-decoration: none;
}

  .no-link:hover {
        color: inherit;
        text-decoration: none;
        cursor: pointer;
 }


.dropdown-toggle::after {
    display: none; /*<!-- dropdown toggle butonunu kaldırmak için-->*/
}

.dropdown-toggle i {
    color: #E30313; /*Yanlış kodlanan renk-> #cd767b;*/
    margin: -4px 0 0 8px;
    font-size: 10px;
    vertical-align: middle;
    /*<!-- dropdown toggle icon nuna renk ve konumlandırma için -->*/
}

.topMenuRight p {
    margin-bottom: 0px;
    color: #333333;
    text-align: right;
    letter-spacing: -0.2px;
    font-weight: 500 !important;
    font-family: 'Raleway', sans-serif;
    font-size: 14px;    
    
}

.bol {
    content: '';
    width: 1px;
    height: 45px;
    right: 0px;
    /* Menuler arasındaki düz çizgi için */
}

.bolfilmogrenme {
    content: '';
    width: 1px;
    height: 90%;
    right: 0px;
    /* film ve öğrenmedeki slider üstü divider için */
}

.vl {
    border-left: 1px solid;
    position: absolute;
    left: 100%;
    top: 0;
}

.navbar-light .navbar-nav .nav-link, .dropdown-item {
    color: #333333;
    font-size: 20px;
    font-family: 'Raleway', sans-serif;
    /* margin: 13px; */
    /*  font-weight: 600 !important;<!-- Menü yazıları için-->*/
}

    .dropdown-item:hover {
        font-weight: bolder;
        color: #E30313;
        background-color: white; /*<!-- dropdown alt menünun üzerine gelince olacaklar -->*/
    }

    .navbar-light .navbar-nav .nav-link:hover {
        color: #E30313; /*Eski Kodlanan renk-> #cd767b; */ /*<!-- Menü linklerinin üzerine gelince kırmızı olması için-->*/
    }

.nav-link22 {
    font-size: 22px !important;
}

.nav-linkmedium {
    font-weight: 500 !important;
}

.img-fluid2 {
    max-width: 90%;
    height: auto;
}

.fixed-top2 {
    border-top: 0px !important;
}

.dropdown-menuitem {
    font-size: 22px;
    font-weight: bold;
}



/* mekan kiralama */
.venue-rental p {
    font-family: Raleway; font-size: 22px; 
}

/* Blog sayfası ölçekleme */

.blogdetailpage {
    width: 100%;
}

    .blogdetailpage p {
        float: left;
        width: 100%
    }


.blog100 {
    width: 100%;
}

.blog100 img {
    width: 100%;
}


.blog50left {
    width: 47%;
    float: left;
    margin: 5px 25px 25px 0;
}

.blog50right {
    width: 47%;
    float: right;
    margin: 5px 0 25px 25px;
}

.blog50centerondesktop {
    width: 49%;
    margin: 0 25% 25px 25%;
}

.blog50center {
    width: 49%;
    margin: 0 25% 25px 25%;
}

    .blog50center::after {
        content: "\A";
    }

.blog30left {
    width: 33%;
    float: left;
    margin: 5px 25px 25px 0;
}

.blog30right {
    width: 33%;
    float: right;
    margin: 5px 0 25px 25px;
}

.blog30center {
    width: 49%;
    margin: 0 33% 25px 33%;
}

.blogcontainer {
    width: 100%;
}

.blog50leftcontainer {
    width: 47%;
    float: left;
    margin: 5px 25px 25px 0;
}

.blog30leftcontainer {
    width: 33%;
    float: left;
    margin: 5px 25px 25px 0;
}

.blog50rightcontainer {
    width: 47%;
    float: right;
    margin: 5px 0 25px 25px;
}

.blog30rightcontainer {
    width: 33%;
    float: right;
    margin: 5px 0 25px 25px;
}

.blog50centercontainer {
    width: 47%;
    text-align: center; 
    margin: 5px auto 25px;
}

.blog30centercontainer {
    width: 33%;
    text-align: center;
    margin: 5px auto 25px;
}

.blog100container {
    width: 100%;
}

 .blog100container img, .blog50leftcontainer img, .blog50rightcontainer img, .blog50centercontainer img, .blog30leftcontainer img, .blog30rightcontainer img, .blog30centercontainer img {
        width: 100%;
    }

 .bloglisttitle
 {
     font-weight: 400 !important; 
 }

.collectionArtworkHeader {
    font-size: 1.5em;
}

@media only screen and (max-device-width : 1399px) {

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

}

.contentDetailImage {
    width: 100%;
}

.kunye {
    margin-top: 1rem;
}


.set-margin-top-58 {
    margin-top: 74px;
}

.cookie-bar {
    overflow: hidden;
    position: fixed;
    bottom: -100%;
    left: -100%;
    width: 100%;
    background-color: #d8d45e;
    padding: 20px 40px 20px 20px; 
    text-align: center; 
    z-index:50;
}

.cookie-bar.show{
    left: 0; 
    bottom: 0; 
}

.cookie-bar .cookie-close
{
    width: 20px; 
    position: absolute; 
    right: 10px; 
    margin-top: 2px;
}



/*Arama Motoru Tasarımı Start*/
.searchbar {
    margin-bottom: auto;
    margin-top: auto;
    height: 45px;
    background-color: white;
    /* #353b48;*/
    border-radius: 15px;
    padding: 7px;
}

.search_input {
    color: #333333;
    border: 0;
    outline: 0;
    background: none;
    width: 0;
    caret-color: transparent;
    line-height: 25px;
    transition: width 0.4s linear;
}

.searchbar.show {
    border: 1px solid grey;
}

    .searchbar.show .search_input {
        padding: 0 10px;
        width: 225px;
        caret-color: red;
        transition: width 0.4s linear;
    }

    .searchbar.show  .search_icon {
        background: white;
        color: #e74c3c;
       
    }

.search_icon {
    height: 25px;
    width: 25px;
    top: 0px; 
    float: right;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: white;
    margin-top:-25px
}

/*Arama Motoru Tasarımı End*/


/**********************Diğer CSS LER******************************/

.carousel-control-next{    right: -10%; }*/


.card-body {
    padding: unset;
    margin: 20px 0 0 0;
}

    .card-body p {
        font-family: "Raleway";
        font-size: 20px;
        line-height: 26px;
        color: #333333;
    }

    .card-body h3 {
        font-family: "Raleway";
        font-size: 20px;
        font-weight: 600;
        color: #333333;
    }


.homecards .card-body {
    padding: 20px 0 0 0;
}

.card-header {
    padding: unset;
}


.btn-group-sm > .btn, .btn-sm
{
    font-size: .775rem; 
}

/*BOOTSTRAP 4 de olmayan ve sitede çok kullanılan font-size kodları için*/
.fs-40 {
    font-size: 40px !important;
    color: #1e1e1e;
}

.fs-40 h1 {
    font-size: 40px !important;
    color: #1e1e1e;
}

.fs-30 {
    font-size: 30px !important;
    color: #333333;
}

.fs-22 {
    font-size: 22px !important;
    color: #333333;
}

.fs-20 {
    font-size: 20px !important;
    color: #333333;
}

.fs-16m {
    font-size: unset;
}

.learning-head {
    font-size: 35px;
}

.learning-head-side {
    font-size: 30px;
}

.yayin-subtitle {
    font-size: 40px !important;
    color: #333333;
}

.onevideo {
    width: 100%;
    height: 772px;
}

.twovideos {
    width: 100%;
    height: 464px;
}

.oneofthreevideos {
    width: 100%;
    height: 464px;
}

.twoofthreevideos {
    width: 100%;
    height: 230px;
} 



    



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

    /* The radio */
    .radio {
        display: block;
        position: relative;
        padding-left: 30px;
        margin-bottom: 12px;
        cursor: pointer;
        font-size: 20px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

        /* Hide the browser's default radio button */
        .radio input {
            position: absolute;
            opacity: 0;
            cursor: pointer;
        }

    /* Create a custom radio button */
    .checkround {
        position: absolute;
        top: 6px;
        left: 0;
        height: 20px;
        width: 20px;
        background-color: #fff;
        border-color: white; /*#f8204f;*/
        border-style: solid;
        border-width: 2px;
        border-radius: 50%;
    }


    /* When the radio button is checked, add a blue background */
    .radio input:checked ~ .checkround {
        background-color: #fff;
    }

    /* Create the indicator (the dot/circle - hidden when not checked) */
    .checkround:after {
        content: "";
        position: absolute;
        display: none;
    }

    /* Show the indicator (dot/circle) when checked */
    .radio input:checked ~ .checkround:after {
        display: block;
    }

    /* Style the indicator (dot/circle) */
    .radio .checkround:after {
        left: 2px;
        top: 2px;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background: #333333; /*#f8204f;*/
    }

    /* The check */
    .check {
        display: block;
        position: relative;
        padding-left: 25px;
        margin-bottom: 12px;
        padding-right: 15px;
        cursor: pointer;
        font-size: 18px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

        /* Hide the browser's default checkbox */
        .check input {
            position: absolute;
            opacity: 0;
            cursor: pointer;
        }

    /* Create a custom checkbox */
    .checkmark {
        position: absolute;
        top: 3px;
        left: 0;
        height: 18px;
        width: 18px;
        background-color: #fff;
        border-color: #f8204f;
        border-style: solid;
        border-width: 2px;
    }



    /* When the checkbox is checked, add a blue background */
    .check input:checked ~ .checkmark {
        background-color: #fff;
    }

    /* Create the checkmark/indicator (hidden when not checked) */
    .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

    /* Show the checkmark when checked */
    .check input:checked ~ .checkmark:after {
        display: block;
    }

    /* Style the checkmark/indicator */
    .check .checkmark:after {
        left: 5px;
        top: 1px;
        width: 5px;
        height: 10px;
        border: solid;
        border-color: #f8204f;
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .cust-btn {
        margin-bottom: 10px;
        background-color: #f8204f;
        border-width: 2px;
        border-color: #f8204f;
        color: #fff;
    }

        .cust-btn:hover {
            border-color: #f8204f;
            background-color: #fff;
            color: #f8204f;
            border-radius: 20px;
            transform-style: 2s;
        }


    /* Paste this css to your style sheet file or under head tag */
    /* This only works with JavaScript,
        if it's not present, don't show loader */
    .no-js #loader {
        display: none;
    }

    .js #loader {
        display: block;
        position: absolute;
        left: 100px;
        top: 0;
    }

    .se-pre-con {
        position: fixed;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: 9999;
        /* background: url('../PeraIconLarge.gif') center no-repeat #fff;  */
        background: url('/assets/img/loader/tr.gif') center no-repeat #fff;
        background-size: 85px 85px;
    }

    /*Ana menüde açılır menüyü yukarı taşıyan kod parçacığı*/
    .dropdown-menu {
        top: 90%;
        border-radius: 0rem;
        /*box-shadow: 0px 5px 5px rgba(0,0,0,0.5);*/
    }

   

    /*Blog sayfası için divder tasarımı*/
    .blogHorizontalDivider {
        background-color: #d8d8d8;
        height: 6px;
        border: 1px solid #D8D8D8;
        margin-bottom: 25px;
        margin-top: 25px;
        width: 100%;
    }


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

    .header-right .topMenuRight {
        border-right: 1px solid #313131;
        padding-right: 20px;
        margin-right: 20px;
    }

.menu-trigger {
    display: flex;
    gap:14px;
    cursor:pointer;
}

.menu-trigger .text{ font-size:16px; font-weight:600; color:#4a4a4a;}
.menu-trigger .icon{display:flex; flex-direction:column; gap:7px}
.menu-trigger .icon span{width:22px; height:2px; background:#313131;}

.home-section-title{font-weight:100; font-size:50px; color:#333}
.home-view-all{color:#435a6c; font-size:10px; border:1px solid #435a6c; padding:7px 11px; border-radius:6px; text-decoration:none;}
.home-view-all:hover{color:#435a6c;  text-decoration:none;}

.events-filter{ display:flex; justify-content:flex-end; align-items:center; gap:10px; flex-wrap:wrap;}
.events-filter .item{font-size:14px; color:#333333; border:1px solid #333333; padding:7px 11px; border-radius:6px;  }
.events-filter .item:hover{text-decoration:none; color:#fff; background:#333333; }
.events-filter .item.dropdown{ padding:0; }
.events-filter .item.dropdown > a{ color:#333333; padding:7px 11px; display:block; }
.events-filter .item.dropdown > a.dropdown-toggle i{ color:#333333; font-size:20px; }
.events-filter .item.dropdown > a:hover{ color:#fff; text-decoration:none;}
.events-filter .item.dropdown > a:hover i{ color:#fff; text-decoration:none;}
.events-filter .item.dropdown.show > a{ color:#fff!important; text-decoration:none; background:#333333;}
.events-filter .item.dropdown.show > a i{ color:#fff!important; text-decoration:none; }
.events-filter .item.dropdown .dropdown-item{ font-size:14px;}
.events-filter .item.dropdown .dropdown-menu{ border:1px solid #333333}
.events-filter .filter-calendar{outline:none !important; width:75px;}
    .events-filter .calendar-container { position:relative;
    }
        .events-filter .calendar-container:after {
        content: "\f107";
        font: normal normal normal 14px/1 FontAwesome;
        position:absolute;
        right:10px; top:12px;
    }
        .events-filter .calendar-container:hover:after{color:#fff}





        .event-card-item {
            border: none;
        }
.event-card-item .card-body{ border:1px solid; 
    
}
    
.event-card-item h2{font-size:17px; color:#2c2c2c; font-weight:500;}
.event-card-item .date{ font-size:17px; color:#2c2c2c; font-weight:400; margin-bottom: 12px; }
.event-card-item p{color:#676767; font-size:14px !important; line-height:20px;}

.event-card-footer{ display:flex; justify-content:space-between; align-items:center; border-top:1px solid #08283a;  padding:1rem 0 0 0 ;  }
.event-card-footer .tag{font-size:12px; font-weight:700; color:#343434;}
.event-card-footer .card-footer-actions {display:flex; align-items:center; justify-content: flex-end; gap:9px;}
.card-footer-actions a {
    font-size: 10px;
    color: #343434;
    padding: 7px 11px;
    border-radius: 6px;
    text-decoration: none;
    border: 1px solid #343434;
    display: block;
}

.card-footer-actions a.buy{}
    .card-footer-actions a.buy:hover {
        background: #343434;
        color: #fff
    }
.card-footer-actions a.detail{background:#d22302; color:#fff; border-color:#d22302; }
.card-footer-actions a.detail:hover{background:none; color:#d22302; border-color:#d22302; }

.bg-none {
    background: none !important;
}
.range-highlight {
    background: red
}

.event-title{text-align:center;font-weight:400; font-size:40px; margin:30px 0;}
.event-tag{color:#1f1f1f; font-size:16px}
.event-date{color:#1f1f1f; font-size:16px; text-align:center}
.buy-ticket{border:1px solid #333333; border-radius:4px; font-size:14px;padding:8px 35px; text-decoration:none; color:#333333;}
.buy-ticket:hover{background:#333333; color:#fff;text-decoration:none;}
.seperated{border-right:1px solid #333; }
.seperated-top{border-top:1px solid #333}
.event-details p{font-size:18px; line-height:35px}
.event-rules{font-size:22px; color:#333333; font-family:"Raleway"; font-style:italic; text-decoration:none !important; font-weight:600; display:flex; align-items:center; gap:10px;}
.event-rules span{ display:block; border-top:15px solid #333333; border-right:8px solid transparent;border-left:8px solid transparent }
.event-rules:hover{color:#bd2130 }
.event-rules:hover span{border-top-color:#bd2130 }

.header {
    position: fixed;
    width: 100%;
    background: #fff;
    z-index: 9;
      
}
    .header > .container{position:relative;}
    .header > .container:after {
        content: "";
        background: #121212;
        height: 1px;
        width: calc(100% - 30px);
        position: absolute;
        bottom: 0;
        display:none;
    }

main{margin-top:110px}

body:has(.show-header-border) main {
    margin-top:140px
}
body:has(.show-header-border) .header > .container:after{display:block}

#fullScreenMenu {background: #d22302; position:fixed;width:100%;height:100vh;left:0;top:-120%;z-index:99999;padding:30px 0;opacity:0; transition:all .5s;}
#fullScreenMenu.show { opacity:1; top:0;}
#fullScreenMenu .menu-header{ display:flex; justify-content:space-between; align-items:center; padding-bottom:35px}
#fullScreenMenu .menu-header .logo{width:340px;}
#fullScreenMenu .menu-header .logo img{width:auto; height:65px;}
#fullScreenMenu .menu-header .right{ display:flex; align-items:center; justify-content: flex-end;}
#fullScreenMenu .menu-header .right .language{}
#fullScreenMenu .menu-header .right .language a{ font-size:14px; color:#fff; padding:0 10px;}
#fullScreenMenu .menu-header .right .searchbar{background:none;}
#fullScreenMenu .menu-header .right .searchbar.show{border-color:#fff;}
#fullScreenMenu .menu-header .right .searchbar input{color:#fff}
#fullScreenMenu .menu-header .right .searchbar input::placeholder{color:#fff}
#fullScreenMenu .menu-header .right .searchbar .search_icon{background:none; cursor:pointer;}
#fullScreenMenu .menu-header .right .searchbar .search_icon img{ width:100%}
#fullScreenMenu .menu-header .right .close-btn{ display:flex; justify-content:center; align-items:center; width:23px; height:23px; cursor:pointer;   position:relative; margin-left:30px;}
#fullScreenMenu .menu-header .right .close-btn:after{content:""; height:100%; width:1px; background:#fff; position:absolute; left:-15px;}
#fullScreenMenu .menu-header .right .close-btn span{width:20px; height:1px; background:#fff; display:block; position:absolute;left:0}
#fullScreenMenu .menu-header .right .close-btn span:nth-child(1){transform:rotate(45deg)}
#fullScreenMenu .menu-header .right .close-btn span:nth-child(2){transform:rotate(-45deg)}
#fullScreenMenu .menu-body{ height:calc(100vh - 350px); overflow:auto; position:relative; display:flex; justify-content:space-between; margin-bottom:40px; margin-top: 50px;}
#fullScreenMenu .menu-body .main-menu { width:35%; overflow:auto; }
#fullScreenMenu .menu-body .main-menu ul{ padding:0 ; margin:0; display:flex; flex-direction:column; gap:10px; position:relative; }
#fullScreenMenu .menu-body .main-menu ul:after{content:""; width:1px; height:0; background:#fff; position:absolute; right:0; top:0; transition:height .4s; }
#fullScreenMenu .menu-body .main-menu ul:after{content:""; width:1px; height:0; background:#fff; position:absolute; right:0; top:0; }
#fullScreenMenu .menu-body:has(.sub-menu ul) .main-menu ul:after{height:100%;}
#fullScreenMenu .menu-body .main-menu  ul li{position:relative; display:flex; align-items:center; justify-content:space-between;}
#fullScreenMenu .menu-body .main-menu  ul li:after{content:""; height:1px; background:#fff; width:0; display:block; position:absolute; z-index:-1; left:0; opacity:0; transition:all .4s}
#fullScreenMenu .menu-body .main-menu  ul li:before{content:""; border-left:10px solid #fff; border-top:10px solid transparent;border-bottom:10px solid transparent; right:100%; position:absolute;opacity:0;transition:all .4s}
#fullScreenMenu .menu-body .main-menu  ul li a{ font-size:35px; color:#fff; font-weight:100; background:#d22302; padding-right:20px; }
#fullScreenMenu .menu-body .main-menu  ul li a:hover{text-decoration:none;}
#fullScreenMenu .menu-body .main-menu  ul li ul{ display:none;}
#fullScreenMenu .menu-body .main-menu ul li.selected:after{opacity:1;width:calc(100% - 40px);}
#fullScreenMenu .menu-body .main-menu ul li.selected:before{opacity:1; right:40px}
#fullScreenMenu .menu-body .sub-menu { width:65%; overflow:auto; }
#fullScreenMenu .menu-body .sub-menu:has(ul) { }
#fullScreenMenu .menu-body .sub-menu ul { display:flex; flex-direction:column; gap:15px;  }
    #fullScreenMenu .menu-body .sub-menu ul.menu_2{margin-top:130px;}
    #fullScreenMenu .menu-body .sub-menu ul.menu_3 {
        margin-top: 195px;
    }
    #fullScreenMenu .menu-body .sub-menu ul.menu_4 {
        margin-top: 260px;
    }
    #fullScreenMenu .menu-body .sub-menu ul.menu_5 {
        margin-top: 260px;
    }
    
    #fullScreenMenu .menu-body .sub-menu ul li {
    }
#fullScreenMenu .menu-body .sub-menu ul li.back-button{ display:none;  }
#fullScreenMenu .menu-body .sub-menu ul li a{ font-size:25px; font-weight:100; color:#fff;  text-decoration:none; }
#fullScreenMenu .menu-body .sub-menu ul li a:hover{ font-weight:600 ;text-decoration:none; }
#fullScreenMenu .menu-footer {display:flex; justify-content:space-between;  border-top:1px solid #fff; padding-top:36px;}
    /* align-items:center; responsive tanımlı */
#fullScreenMenu .menu-footer .text {color:#fff; font-size:30px; font-weight:100;}
#fullScreenMenu .menu-footer .social-medias {}
#fullScreenMenu .menu-footer .social-medias ul {}
#fullScreenMenu .menu-footer .social-medias ul li {margin:0 5px}
#fullScreenMenu .menu-footer .social-medias ul li a {background:#fff; width:41px; height:41px;}
#fullScreenMenu .menu-footer .social-medias ul li a i {color: #d22302; line-height:41px;}

html:has(#fullScreenMenu.show){overflow:hidden;}


.corporate-identity-button{ color:#333; display:flex; justify-content:center;align-items:center; text-decoration:none; gap:40px;} 
.corporate-identity-button:hover{ text-decoration:none; color:#333} 
.corporate-identity-button .text{ font-size:25px;font-weight:500;line-height:28px;}
.corporate-identity-button .icon{width:50px; height:50px; border-radius:100%; border:2px solid #333; display:flex; justify-content:center;align-items:center; font-size:34px;}

.page-title-200{font-size:40px; font-weight:200; margin:0}

.event-detail-meta{ display:flex;}
.event-detail-meta .item{flex:1; display:flex; justify-content:center; align-items:center; border-right:1px solid #333; }
    .event-detail-meta .item:nth-last-child(1) {border:none;}