﻿

@font-face {
    font-family: 'open_sanssemibold';
    src: url('/assets/fonts/opensans-semibold-webfont.eot');
    src: url('/assets/fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/opensans-semibold-webfont.woff2') format('woff2'), url('/assets/fonts/opensans-semibold-webfont.woff') format('woff'), url('/assets/fonts/opensans-semibold-webfont.ttf') format('truetype'), url('/assets/fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('/assets/fonts/opensans-regular-webfont.woff2') format('woff2'), url('/assets/fonts/opensans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'audiowide';
    src: url('/assets/fonts/audiowide-regular-webfont.eot');
    src: url('/assets/fonts/audiowide-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/audiowide-regular-webfont.woff2') format('woff2'), url('/assets/fonts/audiowide-regular-webfont.woff') format('woff'), url('/assets/fonts/audiowide-regular-webfont.ttf') format('truetype'), url('/assets/fonts/audiowide-regular-webfont.svg#audiowideregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sans_light';
    src: url('/assets/fonts/opensans-light-webfont.eot');
    src: url('/assets/fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/opensans-light-webfont.woff2') format('woff2'), url('/assets/fonts/opensans-light-webfont.woff') format('woff'), url('/assets/fonts/opensans-light-webfont.ttf') format('truetype'), url('/assets/fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'raleway';
    src: url('/assets/fonts/raleway-regular-webfont.eot');
    src: url('/assets/fonts/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/raleway-regular-webfont.woff2') format('woff2'), url('/assets/fonts/raleway-regular-webfont.woff') format('woff'), url('/assets/fonts/raleway-regular-webfont.ttf') format('truetype'), url('/assets/fonts/raleway-regular-webfont.svg#ralewayregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'raleway-light';
    src: url('/assets/fonts/raleway-light-webfont.eot');
    src: url('/assets/fonts/raleway-light-webfont.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/raleway-light-webfont.woff2') format('woff2'), url('/assets/fonts/raleway-light-webfont.woff') format('woff'), url('/assets/fonts/raleway-light-webfont.ttf') format('truetype'), url('/assets/fonts/raleway-light-webfont.svg#ralewaylight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'raleway-bold';
    src: url('/assets/fonts/raleway-bold-webfont.eot');
    src: url('/assets/fonts/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/raleway-bold-webfont.woff2') format('woff2'), url('/assets/fonts/raleway-bold-webfont.woff') format('woff'), url('/assets/fonts/raleway-bold-webfont.ttf') format('truetype'), url('/assets/fonts/raleway-bold-webfont.svg#ralewaybold') format('svg');
    font-weight: bold;
    font-style: normal;
}

.openSansSemiBoldFont {
    font-family: 'open_sanssemibold' !important;
}

.openSansRegularFont {
    font-family: 'open_sansregular';
}

html, body, form {
    margin: 0px !important;
    padding: 0px !important;
    width: 100% !important;
}

header, section, footer {
    margin: 0px !important;
    padding: 0px !important;
}

#headertopside {
    background: #333738;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    color: #fff;
    font-size: 13px;
    border-bottom: 1px solid #ff0c22;
}

#headerBottomSide {
}

#socialHeader {
    margin-top: -2px !important;
}

    #socialHeader a {
        font-size: 16px !important;
        color: #fff !important;
        margin-right: 4px;
    }



.bg-light {
    background: #fff !important;
}

.nav-item .nav-link {
    font-size: 14px;
    text-transform: uppercase !important;
    color: #4b5255 !important;
    padding: 0px 6px !important;
    font-weight: bold;
    font-family: 'open_sanssemibold' !important;
}

.dropdown-item {
    font-size: 14px !important;
    text-transform: uppercase !important;
}

div#slider {
    display: block;
    height: 400px;
    padding: 0px !important;
    margin: 0px !important;
    border: 0px !important;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.bx-wrapper {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0px !important;
    border: none !important;
}





    .bx-wrapper img {
        width: 100%;
        height: 100% !important;
    }


    .bx-wrapper .bx-controls-direction a {
        display: block !important;
        text-indent: unset !important;
        text-align: center !important;
        text-decoration: none !important;
        transition: .3s;
        -moz-transition: .3s;
        -webkit-transition: .3s;
        -o-transition: .3s;
        -ms-transition: .3s;
        background: #aba8a4 !important;
        padding-top: 2px !important;
        color: #fff !important;
    }



.bgFirst {
    background: #ac1710;
}

.bgSecond {
    background: #f5261c;
}

.bgFirst, .bgSecond {
    border: 2px solid #fff;
    color: #fff !important;
    height: 230px !important;
    padding: 15px !important;
    text-align: center;
}

    .bgFirst h2, .bgSecond h2 {
        text-align: center;
        font-size: 25px !important;
        margin-bottom: 10px !important;
        display: block;
        height: 45px !important;
        font-family: 'audiowide';
    }

.nesneContent {
    height: 100px !important;
    margin: 10px auto !important;
    font-size: 14px !important;
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
    justify-content: center;
    align-items: center;
    font-family: 'open_sans_light';
}

    .nesneContent div {
        display: inline-block;
        text-align: center;
        width: 100% !important;
    }

.mlmr0 {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.nesneContinue {
    color: #fff !important;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -o-border-radius: 25px;
    -ms-border-radius: 25px;
    border-radius: 25px;
    border: 2px solid #fff;
    background: none !important;
    padding: 5px 15px !important;
    font-size: 13px !important;
    font-family: 'open_sanssemibold';
}

    .nesneContinue:hover {
        text-decoration: none;
    }

input.search {
    display: block;
    width: 200px;
    padding: 5px 10px;
    border: none;
    outline: none !important;
    background: #ff0c22;
    font-family: 'open_sansregular';
    color: #fff !important;
    text-align: left;
    font-size: 13px !important;
    float: left;
    padding-right: 30px !important;
}



.search::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #fff !important;
}

.search::-moz-placeholder {
    color: #fff !important;
}

.search::-ms-input-placeholder {
    color: #fff !important;
}

.search:-moz-placeholder {
    color: #fff !important;
}

.search::placeholder {
    color: #fff !important;
}

.searcbutton {
    display: block;
    float: left;
    background: none;
    padding: 4px 10px;
    text-align: center;
    border: none !important;
    outline: none !important;
    margin-left: -30px !important;
    z-index: 99;
    position: relative;
}

    .searcbutton i {
        color: #fff !important;
    }

div.sliderContent {
    position: absolute;
    right: 50px;
    bottom: 50px;
    display: block;
    height: 150px;
    width: 450px;
}

    div.sliderContent > div.sliderContentSub {
        position: relative;
        display: inline-block;
        width: 100%;
        height: 100%;
    }

        div.sliderContent > div.sliderContentSub > div.sliderTitleContent {
            position: absolute;
            background: #ff0b00;
            display: inline-block;
            right: 0px;
            top: 0px;
            color: #fff;
            font-family: 'open_sanssemibold' !important;
            font-size: 20px;
            text-align: left;
            padding: 15px;
        }

        div.sliderContent > div.sliderContentSub > div.sliderSubContent {
            position: absolute;
            background: #262f36;
            display: inline-block;
            right: 0px;
            bottom: 0px;
            color: #fff;
            font-family: 'open_sanssemibold' !important;
            font-size: 20px;
            text-align: left;
            padding: 15px;
            text-transform: uppercase;
        }

h3.h3title {
    color: #ff2d21;
    font-family: 'raleway';
    font-size: 35px;
    text-align: center;
    display: block;
}

.subTitleComp {
    color: #2a2a2b;
    font-family: 'raleway';
    font-size: 18px;
    text-align: center;
    display: block;
    margin: 10px auto;
}

div.sign {
    width: 100%;
    height: 20px;
    display: block;
    background: url('/assets/images/sign.png') no-repeat center !important;
    background-size: contain;
}

.bgColorRed {
    background: #ff2d21;
    color: #fff;
    font-family: 'raleway';
    font-size: 16px;
    text-align: center;
}

.newsContent h4 {
    font-weight: bold;
    font-size: 15px;
    font-family: 'raleway';
    display: block;
    margin-bottom: 2px;
}

    .newsContent h4:before {
        content: '“';
    }

    .newsContent h4:after {
        content: '”';
    }

.newsSubTitle {
    color: #9b9999;
    font-size: 13px;
    text-align: left;
    display: block;
    height: 55px;
    font-family: 'raleway';
    margin-bottom: 5px;
}

.moreDetailNews {
    color: #ff2d21;
    font-family: 'raleway';
    display: block;
    text-align: left;
    font-size: 13px;
}

#guncelBilimselCalismalar {
    min-height: 80px;
    background: #ff2d21;
    width: 100%;
    padding: 10px 10px 20px;
}

    #guncelBilimselCalismalar > .divsub {
        color: #262626 !important;
        font-family: 'raleway-light';
        font-size: 16px;
        display: block;
        text-align: center;
    }

.col4BilimselCalismalar {
    border: 3px solid #eeeeee;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}

.clsBilimselResim {
    height: 200px !important;
    overflow: hidden;
}

    .clsBilimselResim > img {
        display: block;
        width: 100%;
        min-height: 200px !important;
    }

.col4BilimselCalismalar h3 {
    font-family: 'raleway-bold';
    color: #000000;
    display: block;
    text-align: left;
    margin: 10px auto;
    font-size: 15px;
    text-transform: uppercase;
    height: 25px;
}

.col4BilimselCalismalar .date {
    display: block;
    text-align: left;
    font-family: 'raleway-bold';
    font-size: 13px;
    margin: 15px auto !important;
}

    .col4BilimselCalismalar .date > b {
        color: #000000;
        float: left;
    }

        .col4BilimselCalismalar .date > b::after {
            content: ' : ';
            padding-left: 5px;
            padding-right: 5px;
            display: inline-block;
        }

    .col4BilimselCalismalar .date > span {
        color: #ff2d21;
        float: left;
    }

.col4BilimselCalismalar .subExp {
    display: block;
    color: #afafb3;
    font-family: 'raleway';
    font-size: 13px;
    text-align: left;
    margin-top: 10px;
    height: 60px;
}

.col4BilimselCalismalar .detailLink {
    background: #ff2d21;
    display: block;
    width: 160px;
    text-align: center;
    margin: auto;
    padding: 10px 20px;
    color: #fff;
    font-family: 'open_sanssemibold';
    text-transform: uppercase;
    font-size: 13px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -o-border-radius: 25px;
    -ms-border-radius: 25px;
    border-radius: 25px;
}

.newsImage {
    height: 200px;
    overflow: hidden;
}

    .newsImage img {
        min-height: 200px;
        display: block;
    }

.redSubDiv {
    min-height: 50px;
    background: #ff2d21;
    width: 100%;
}

.anasayfaEtkinlikler {
    background: #fafafa;
    height: auto !important;
    min-height: 221px !important;
}

    .anasayfaEtkinlikler > .etkinlikResimCls {
        display: block;
        height: 100%;
    }

.cls_tarih {
    position: absolute;
    width: 100px;
    height: 60px;
    display: block;
    right: 15px;
    top: 10px;
    z-index: 99;
    text-transform: uppercase;
    color: #fff;
    font-family: 'open_sanssemibold';
}

    .cls_tarih > .tr1 {
        width: 100%;
        display: block;
        text-align: center;
        height: 30px;
        background: #ff2d21;
        padding: 0px;
        font-size: 17px;
        padding-top: 3px;
    }

    .cls_tarih > .tr2 {
        padding-top: 10px;
        width: 100%;
        display: block;
        text-align: center;
        height: 30px;
        background: #000;
        padding: 0px;
        font-size: 15px;
        padding-top: 5px;
    }

.etkinlikIcerik h4 {
    color: #000;
    font-family: 'open_sanssemibold';
    display: block;
    text-align: left;
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: bold;
    height: 40px !important;
    text-transform: uppercase;
}

.etkinlikIcerik span {
    float: left;
    padding-left: 10px;
    font-family: 'open_sanssemibold';
    font-size: 14px;
    color: #a0a0a0;
    font-weight: bold;
    margin-top: -3px;
}

.etkinlikIcerik i {
    float: left;
    color: red;
}

.etkinlikIcerik .subText {
    font-family: open_sansregular;
    color: #a0a0a0;
    text-align: left;
    width: 100%;
    font-size: 13px;
    color: #a0a0a0;
    height: 92px;
    margin-bottom: 5px;
}

div#bilgilendirmeMain {
    min-height: 280px;
    width: 100%;
    color: #000;
    position: relative;
    height: auto !important;
}

    div#bilgilendirmeMain > div#araKisim {
        background-size: cover !important;
        width: 100%;
        position: absolute;
        display: block;
        background-color: #fff !important;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
        filter: alpha(opacity=20);
        -khtml-opacity: 0.2;
        -moz-opacity: 0.2;
        height: 100%;
        opacity: 0.2;
        z-index: 9;
    }

    div#bilgilendirmeMain > div#araMain {
        position: absolute;
        width: 100%;
        height: 100%;
        color: #000;
        z-index: 99;
        padding-top: 20px;
        font-family: 'raleway';
    }

        div#bilgilendirmeMain > div#araMain h3 {
            display: block;
            text-align: center;
            color: #000000;
            margin-bottom: 15px;
            font-size: 33px;
            width: 100%;
        }

        div#bilgilendirmeMain > div#araMain div.signRed {
            width: 100%;
            height: 35px;
            margin-bottom: 10px;
            display: block;
            background: url('/assets/images/signred.png') no-repeat center !important;
            background-size: contain;
        }

        div#bilgilendirmeMain > div#araMain div#araAltYazi {
            color: #ff2d21;
            display: block;
            text-align: center;
            font-size: 27px;
            margin-bottom: 15px;
        }

        div#bilgilendirmeMain > div#araMain div#araIcerik {
            color: #afafb3;
            font-size: 19px;
            display: block;
            text-align: center;
        }

.mainPageGalleryImage {
    height: 200px !important;
    overflow: hidden;
    width: 100% !important;
    border: 2px solid #fff !important;
    display: block !important;
}

    .mainPageGalleryImage img {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        min-height: 200px;
    }

div#galeriAlti {
    width: 100%;
    background: #ff2d21;
    min-height: 100px;
    padding: 20px;
    display: block;
    font-family: raleway-bold;
}

.cls_GaleriyiGorBaslik {
    color: #fff;
    font-size: 19px;
    text-align: left;
}

.cls_GaleriyiGorIcerik {
    font-weight: lighter;
    font-size: 16px !important;
}

.ancGaleriyiGor {
    background: #fff;
    color: #000;
    padding: 10px 20px;
    min-width: 160px;
    display: block;
    font-size: 14px;
    text-align: center;
    font-weight: lighter;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -o-border-radius: 25px;
    -ms-border-radius: 25px;
    border-radius: 25px;
    text-transform: uppercase;
    font-family: raleway-bold;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
}

    .ancGaleriyiGor:hover {
        text-decoration: none;
        color: red;
    }

div#galeriAltiBg {
    background-size: cover !important;
    height: 120px;
    display: block;
    width: 100%;
}

footer {
    width: 100%;
    display: block;
    background-color: #252525;
    padding-top: 30px;
    color: #fff;
    min-height: 200px;
    font-family: open_sans_light !important;
    font-size: 15px;
}

h4.footerTitle {
    color: #fff;
    display: block;
    text-align: left;
    font-size: 19px;
}

.bordershort, .borderlong {
    width: 100px;
    height: 2px;
    background: #e80000;
    margin-top: 3px;
    margin-bottom: 3px;
    display: block;
}

.borderlong {
    width: 200px;
}

.footerCategoryLink {
    color: #a5aaa2;
    width: auto;
    border: 1px solid #a5aaa2;
    padding: 5px 10px;
    display: block;
    float: left;
    margin: 0px 10px 10px 0px;
    font-size: 14px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
}

    .footerCategoryLink:hover {
        border: 1px solid #e80000;
        color: #e80000;
        text-decoration: none;
    }

.btnBulletinSend {
    width: 100%;
    border: none;
    display: block;
    background: #e80000;
    color: #fff;
    text-align: center;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    font-size: 14px;
    height: 100%;
    padding: 0px;
    margin-left: 0px;
    text-transform: uppercase;
}

.inputEBulten {
    border: 1px solid #d3d3d3;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    font-size: 13px;
    background-clip: border-box;
}

.footerBorder {
    display: block;
    width: 100%;
    height: 1px;
    background: #313131;
}

.footerBottom {
    height: 70px;
    font-size: 13px;
}

    .footerBottom > div#copyright {
        color: #8e968c;
        font-size: 13px;
    }

ul#footerBottomRight {
    list-style-type: circle !important;
    color: #fff !important;
    display: block;
    list-style-position: inside !important;
    margin-bottom: 3px;
    padding-left: 0px !important;
}

    ul#footerBottomRight li {
        float: left;
        display: inline-block;
        margin-right: 10px;
    }

        ul#footerBottomRight li a {
            display: inline-block;
            color: #fff !important;
        }

        ul#footerBottomRight li:last-child a {
            color: red !important;
        }

.Modals {
    color: #000 !important;
    text-align: left !important;
}

#contentPageHeader {
    width: 100%;
    height: 380px;
    background-size: cover !important;
    display: block;
}

.colContent {
    font-family: open_sansregular !important;
    font-size: 14px !important;
}

    .colContent h1 {
        font-size: 23px;
        font-weight: lighter;
        display: block;
        margin: 15px 0px 20px;
        font-family: open_sanssemibold !important;
        text-transform: uppercase !important;
    }

.bgRed {
    background: #ff0c22 !important;
    border: 1px solid #fff !important;
}

.cardTitle {
    font-size: 15px !important;
    display: block;
    text-align: center;
    font-weight: bold;
    height: 25px;
    margin-bottom: 20px !important;
}

.cardText {
    display: block !important;
    text-align: center;
    font-weight: bold;
    font-size: 13px !important;
    margin-top: 10px !important;
}

.cardImage {
    height: 180px;
    overflow: hidden;
}

    .cardImage img {
        min-height: 180px;
        display: block;
    }

#detailControl {
    font-family: open_sansregular !important;
}

.clsGalleryIamge a, .clsGalleryIamge a img {
    display: block !important;
    width: 100% !important;
    position: relative !important;
    height: auto !important;
}

    .clsGalleryIamge a img {
        border: 1px solid #000;
    }

#googleMaps {
    width: 100% !important;
    padding: 0px !important;
    display: inline-block;
    overflow: hidden !important;
}

    #googleMaps iframe {
        padding: 0px !important;
        border: 1px solid #000 !important;
    }

.borderless td, .borderless th {
    border: none;
    text-align: left;
    padding-left: 0px !important;
}

.contactInformation h3, .contactInformation h4 {
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: left;
}

.contactInformation {
    font-size: 15px;
    text-align: left;
}

    .contactInformation i:before {
        font-size: 19px !important;
        display: inline-block;
        text-align: center;
    }

    .contactInformation input, .contactInformation textarea {
        border: 1px solid #000;
    }

#btn_iletisimgonder {
    background-color: #ff0c22 !important;
    color: #fff !important;
    border: 1px solid #fff !important;
}

.sliderUl {
    display: none !important;
}




@media all and (max-width:1024px) {
    #contentPageHeader {
        height: 200px !important;
    }
}
