html, html a {
}

a, a:hover, a:focus {
    text-decoration: none;
}

html, form, body {
    margin: 0;
    padding: 0;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

header {
    margin: 0;
    padding: 0;
}

body {
    background-color: #FFF;
    font-family: 'Comfortaa', cursive;
    font-size: 16px;
    color: #333333;
}

/* TEMİZLEME SATIR */

.satir::before, .satir::after {
    display: table;
    line-height: 0;
    content: "";
}

.satir::after {
    clear: both;
}


.satir::before, .satir::after {
    display: table;
    line-height: 0;
    content: "";
}

/* TEMİZLEME SATIR BITIR*/



/* MARGINLER */

.mt0 {
    margin-top: 0px !important;
}

.mt5 {
    margin-top: 5px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mt15 {
    margin-top: 15px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt25 {
    margin-top: 25px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.mt35 {
    margin-top: 35px !important;
}

.mt40 {
    margin-top: 40px !important;
}

.mt45 {
    margin-top: 45px !important;
}

.mt50 {
    margin-top: 50px !important;
}

.mt55 {
    margin-top: 55px !important;
}

.mt60 {
    margin-top: 60px !important;
}

.mt65 {
    margin-top: 65px !important;
}

.mt70 {
    margin-top: 70px !important;
}

.mt150 {
    margin-top: 150px !important;
}

.mt5_ {
    margin-top: -5px !important;
}

.mt10_ {
    margin-top: -10px !important;
}

.mt15_ {
    margin-top: -15px !important;
}

.mt20_ {
    margin-top: -20px !important;
}

.mt25_ {
    margin-top: -25px !important;
}

.mt30_ {
    margin-top: -30px !important;
}

.mt35_ {
    margin-top: -35px !important;
}

.mt40_ {
    margin-top: -40px !important;
}

.mt45_ {
    margin-top: -45px !important;
}

.mt50_ {
    margin-top: -50px !important;
}

.mt55_ {
    margin-top: -55px !important;
}

.mt60_ {
    margin-top: -60px !important;
}

.mt65_ {
    margin-top: -65px !important;
}

.mt70_ {
    margin-top: -70px !important;
}

.mt150_ {
    margin-top: -150px !important;
}

.mb0 {
    margin-bottom: 0px !important;
}

.mb5 {
    margin-bottom: 5px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb25 {
    margin-bottom: 25px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.mb35 {
    margin-bottom: 35px !important;
}

.mb40 {
    margin-bottom: 40px !important;
}

.mb45 {
    margin-bottom: 45px !important;
}

.mb50 {
    margin-bottom: 50px !important;
}

.mb55 {
    margin-bottom: 55px !important;
}

.mb60 {
    margin-bottom: 60px !important;
}

.mb65 {
    margin-bottom: 65px !important;
}

.mb70 {
    margin-bottom: 70px !important;
}

.mb150 {
    margin-bottom: 150px !important;
}

.mb5_ {
    margin-bottom: -5px !important;
}

.mb10_ {
    margin-bottom: -10px !important;
}

.mb15_ {
    margin-bottom: -15px !important;
}

.mb20_ {
    margin-bottom: -20px !important;
}

.mb25_ {
    margin-bottom: -25px !important;
}

.mb30_ {
    margin-bottom: -30px !important;
}

.mb35_ {
    margin-bottom: -35px !important;
}

.mb40_ {
    margin-bottom: -40px !important;
}

.mb45_ {
    margin-bottom: -45px !important;
}

.mb50_ {
    margin-bottom: -50px !important;
}

.mb55_ {
    margin-bottom: -55px !important;
}

.mb60_ {
    margin-bottom: -60px !important;
}

.mb65_ {
    margin-bottom: -65px !important;
}

.mb70_ {
    margin-bottom: -70px !important;
}

.mb150_ {
    margin-bottom: -150px !important;
}


.ml0 {
    margin-left: 0px !important;
}

.ml5 {
    margin-left: 5px !important;
}

.ml10 {
    margin-left: 10px !important;
}

.ml15 {
    margin-left: 15px !important;
}

.ml20 {
    margin-left: 20px !important;
}

.ml25 {
    margin-left: 25px !important;
}

.ml30 {
    margin-left: 30px !important;
}

.ml35 {
    margin-left: 35px !important;
}

.ml40 {
    margin-left: 40px !important;
}

.ml45 {
    margin-left: 45px !important;
}

.ml50 {
    margin-left: 50px !important;
}

.ml55 {
    margin-left: 55px !important;
}

.ml60 {
    margin-left: 60px !important;
}

.ml65 {
    margin-left: 65px !important;
}

.ml70 {
    margin-left: 70px !important;
}

.ml150 {
    margin-left: 150px !important;
}


.ml5_ {
    margin-left: -5px !important;
}

.ml10_ {
    margin-left: -10px !important;
}

.ml15_ {
    margin-left: -15px !important;
}

.ml20_ {
    margin-left: -20px !important;
}

.ml25_ {
    margin-left: -25px !important;
}

.ml30_ {
    margin-left: -30px !important;
}

.ml35_ {
    margin-left: -35px !important;
}

.ml40_ {
    margin-left: -40px !important;
}

.ml45_ {
    margin-left: -45px !important;
}

.ml50_ {
    margin-left: -50px !important;
}

.ml55_ {
    margin-left: -55px !important;
}

.ml60_ {
    margin-left: -60px !important;
}

.ml65_ {
    margin-left: -65px !important;
}

.ml70_ {
    margin-left: -70px !important;
}

.ml150_ {
    margin-left: -150px !important;
}

.mr0 {
    margin-right: 0px !important;
}

.mr5 {
    margin-right: 5px !important;
}

.mr10 {
    margin-right: 10px !important;
}

.mr15 {
    margin-right: 15px !important;
}

.mr20 {
    margin-right: 20px !important;
}

.mr25 {
    margin-right: 25px !important;
}

.mr30 {
    margin-right: 30px !important;
}

.mr35 {
    margin-right: 35px !important;
}

.mr40 {
    margin-right: 40px !important;
}

.mr45 {
    margin-right: 45px !important;
}

.mr50 {
    margin-right: 50px !important;
}

.mr55 {
    margin-right: 55px !important;
}

.mr60 {
    margin-right: 60px !important;
}

.mr65 {
    margin-right: 65px !important;
}

.mr70 {
    margin-right: 70px !important;
}

.mr150 {
    margin-right: 150px !important;
}

.mr5_ {
    margin-right: -5px !important;
}

.mr10_ {
    margin-right: -10px !important;
}

.mr15_ {
    margin-right: -15px !important;
}

.mr20_ {
    margin-right: -20px !important;
}

.mr25_ {
    margin-right: -25px !important;
}

.mr30_ {
    margin-right: -30px !important;
}

.mr35_ {
    margin-right: -35px !important;
}

.mr40_ {
    margin-right: -40px !important;
}

.mr45_ {
    margin-right: -45px !important;
}

.mr50_ {
    margin-right: -50px !important;
}

.mr55_ {
    margin-right: -55px !important;
}

.mr60_ {
    margin-right: -60px !important;
}

.mr65_ {
    margin-right: -65px !important;
}

.mr70_ {
    margin-right: -70px !important;
}

.mr150_ {
    margin-right: 150px !important;
}
/* MARGINLER BITIR */







/* TEXTBOX TEMIZLEME */

.arama textarea, .arama input[type="text"], .arama input[type="password"], .arama input[type="datetime"], .arama input[type="datetime-local"], .arama input[type="date"], .arama input[type="month"], .arama input[type="time"], .arama input[type="week"], .arama input[type="number"], .arama input[type="email"], .arama input[type="url"], .arama input[type="search"], .arama input[type="tel"], .arama input[type="color"], .arama .uneditable-input {
    background-color: #ffffff;
    border: 0px solid #cccccc;
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.000);
    -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.000);
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.000);
    -webkit-transition: border linear 0.0s, box-shadow linear 0.0s;
    -moz-transition: border linear 0.0s, box-shadow linear 0.0s;
    -o-transition: border linear 0.0s, box-shadow linear 0.0s;
    transition: border linear 0.0s, box-shadow linear 0.0s;
}

.arama {
    margin-right: -4px;
}

.inputarama {
    background: url('../img/inputbg.jpg') no-repeat;
    font-size: 10px;
    color: #FF0000;
    border: 0px solid #fff;
    padding: 0;
    padding-left: 0px;
    width: 135px;
    height: 28px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin: 10px 0 0 -2px;
}

/* TEXTBOX TEMIZLEME BITIR */



/*Master.Page*/

.ana-form {
    width: 100%;
    overflow: hidden;
}

.ana-cont {
    position: relative;
}

.head-ana {
    position: relative;
}

    .head-ana > img {
        width: 100%;
        margin: 0;
        padding: 0;
    }

.logo {
    position: absolute;
    width: 56.66%;
    height: auto;
    margin: 10% 21.6%;
    z-index: 90;
}

.btn-anasayfa {
    display: block;
    position: absolute;
    width: 7.777%;
    right: 0;
    margin-right: 4.3%;
    margin-top: 10%;
    cursor: pointer;
}

.logo > img {
    width: 100%;
}

#menu-ac {
    position: absolute;
    width: 9.72%;
    margin-left: 1.3%;
    margin-top: 10%;
    cursor: pointer;
}

.sol-menu-cont {
    width: 82%;
    position: absolute;
    top: 0;
    left: -82%;
    z-index: 999;
    height: auto;
    background: url(../img/mn_uc.png) repeat-y right;
    background-color: #EEE;
}

    .sol-menu-cont > ul {
        width: 100%;
    }

        .sol-menu-cont > ul > li {
            
            margin-right: 6px;
            background: url(../img/sol_li_sp.png) repeat-x bottom;
        }


            .sol-menu-cont > ul > li > a {
                font-size: 1em;
                color: #333333;
                width:100%;
                display:block;
                padding: 6.53% 0;
            }

                .sol-menu-cont > ul > li > a > img {
                    width: 11.28%;
                    height: auto;
                    margin-left: 2.82%;
                }

    .sol-menu-cont table {
        text-align: center;
        width: 100%;
    }

.sol-menu-alt {
    margin-right: 6px;
}

.sol-menu-cont table a {
    font-size: 1em;
    color: #333333;
}

.sol-menu-cont table td {
    width: 50%;
}

    .sol-menu-cont table td > a {
    display:block;
    }

    .sol-menu-cont table td > a > img {
        width: 39.5%;
        height: auto;
        margin-top: 20%;
    }

    .sol-menu-cont table td > a > p {
        margin: 12% 0;
    }


.sol-menu-cont table tr:first-child {
    background: url(../img/sol_li_sp.png) repeat-x bottom;
}

.sol-menu-cont table tr > td:first-child {
    background: url(../img/sol_li_sp_dik.png) repeat-y right;
}

/*.sol-menu-cont > table tr:first-child td:first-child {
            background:url(../img/sol_li_sp.png) repeat-y right;
        }*/





















/*default.aspx*/
.df-header > img {
    width: 100%;
    margin: 0;
    padding: 0;
}

.dil-cont {
    margin-top: 5%;
    position: relative;
}

.dil-list {
    margin: 0 1.944%;
}

    .dil-list > li {
        float: left;
        width: 24.946%;
        margin: 5% 4.19%;
        text-align: center;
        cursor: pointer;
    }

        .dil-list > li > img {
            width: 73.91%;
            height: auto;
        }

        .dil-list > li > p {
            font-size: 1em;
            letter-spacing: -1px;
            font-weight: bold;
            margin: 10% 0;
        }

.tefsir-tip {
    width: 100%;
    height: 40%;
    background: rgba(85, 147, 182, 0.90);
    position: fixed;
    left: 0;
    bottom: -40%;
    z-index: 999;
    overflow: auto;
}

    .tefsir-tip > ul {
        padding: 2% 0;
    }

        .tefsir-tip > ul > li {
           
            font-size: 1.5em;
            font-weight: bold;
            font-family: Arial;
        }

            .tefsir-tip > ul > li > a {
                color: #FFF;
                display:block; 
                padding: 2% 7%;
            }


/*cuz.aspx*/

.cuz-list {
}

    .cuz-list > li {
        background: url(../img/ayet_bas.png) no-repeat;
        background-position: 3% center;
        background-size: auto 77%;
        font-size: 1em;
        position: relative;
        color: #5593B6;
        padding: 2% 6% 2% 13%;
    }

    .cuz-list > li {
        position: relative;
        border-top: solid 1px #F2F2F2;
        border-bottom: solid 1px #D9E9EC;
        cursor: pointer;
    }

.li-it {
}

    .li-it > p {
        width: 40%;
        float: left;
        margin: 0;
        font-size: .9em;
        font-weight: bold;
        line-height: 1em;
        padding: 2% 0 2% 0;
        position: relative;
    }

        .li-it > p + p {
            text-align: right;
            width: 60%;
        }

.video-calar {
    width: 100%;
    height: auto;
    position: fixed;
    z-index: 999;
    bottom: -90px;
    height: 70px;
    background: rgba(85, 147, 182, 0.65);
    right: 0;
    padding-top:20px;
}

    .video-calar > audio {
        width: 80%;
        margin: 10px 10% 0 10px;
        cursor: pointer;
    }


/*hakkimizda.aspx*/
.sf-baslik {
    background-color: #5593B6;
    text-align: center;
}

.sf-icerik {
    color: #5593B6;
    font-size: 1em;
    line-height: 1.2em;
}

.sf-baslik > img {
    width: 11%;
    height: auto;
    margin-top: 6%;
    margin-bottom: 1%;
}

.sf-baslik > h1 {
    font-size: 1.3em;
    line-height: 2em;
    margin: 0;
    padding: 0;
    color: #FFFFFF;
}

.sf-list {
    margin: 4% 7.85%;
}

    .sf-list > li {
        padding-left: 11%;
        padding-top: 3%;
        background: url(../img/ayet_bas.png) no-repeat top left;
        background-size: 9% auto;
        margin-bottom: 5%;
        text-align: center;
    }

        .sf-list > li > p {
            padding: 0;
            text-align: left;
        }

        .sf-list > li > h1 {
            margin: 0 0 10px 0;
            padding: 0;
            font-size: 1em;
            line-height: 1.2em;
            font-weight: bold;
            text-align: left;
        }

        .sf-list > li > img {
            max-width: 90%;
            margin: 3% 0;
            -webkit-box-shadow: 0px 0px 4px 0px rgba(87, 124, 141, 1);
            -moz-box-shadow: 0px 0px 4px 0px rgba(87, 124, 141, 1);
            box-shadow: 0px 0px 4px 0px rgba(87, 124, 141, 1);
        }


        .sf-list > li > a > p {
            padding: 0;
            text-align: left;
        }

        .sf-list > li > a > h1 {
            margin: 0 0 10px 0;
            padding: 0;
            font-size: 1em;
            line-height: 1.2em;
            font-weight: bold;
            text-align: left;
        }

        .sf-list > li > a > img {
            max-width: 90%;
            margin: 3% 0;
        }

/*iletisim.aspx*/

.sf-footer {
    background-color: #5593B6;
}

.ft-ilet > p {
    margin: 10% auto;
    /*width:62.5%;*/
    text-align: center;
    font-size: 1em;
    /*background:url(../img/sf_iletisim.png) no-repeat left center;
background-size:auto 100%;*/
}

    .ft-ilet > p > a {
        color: #FFF;
        height: 28.8%;
    }

    .ft-ilet > p > img {
        width: 8%;
        height: auto;
    }


.ilt-form-cont {
    width: 68.75%;
    margin: 10% auto;
}

    .ilt-form-cont input[type="text"], .ilt-form-cont textarea, .ilt-form-cont select {
        width: 90%;
        padding: 2%;
        font-size: 1em;
        line-height: 1.2em;
        margin: 0 0 5% 0;
        font-family: 'Comfortaa', cursive;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        border: none;
        border-bottom: solid 1px #5593B6;
        box-shadow: none;
    }

        .ilt-form-cont input[type="text"] :active, .ilt-form-cont textarea:active, .ilt-form-cont input[type="submit"], .ilt-form-cont select:active {
            box-shadow: none !important;
        }

        .ilt-form-cont select:hover,
        .ilt-form-cont select:focus, .ilt-form-cont select:active {
            box-shadow: none !important;
            border-bottom: solid 1px #5593B6 !important;
        }

    .ilt-form-cont select {
        width: 94%;
        height: 4%;
        line-height: 2%;
        padding: 2%;
        border: solid 1px #FFF;
        border-bottom: solid 1px #5593B6;
    }



    .ilt-form-cont textarea {
        border: solid 1px #5593B6;
    }

    .ilt-form-cont input[type="submit"] {
        width: 40%;
        text-align: center;
        margin: 5% auto;
        display: block;
        font-size: 1em;
        line-height: 1.2em;
        font-family: 'Comfortaa', cursive;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        border: none;
        font-weight: bold;
        padding: 3% 0;
        box-shadow: none;
        background-color: #5593B6;
        color: #FFF;
    }

    .ilt-form-cont > p {
        margin-top: 5%;
        color:#5593B6;
    }


.tvs-ic {
    margin-bottom: 5%;
}


.yrm-cont > p {
    line-height: 2em;
    text-align: center;
    margin: 5% 0;
}

    .yrm-cont > p > span {
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        border: solid 1px #5593B6;
        display: inline-block;
        width: 2em;
        height: 2em;
        line-height: 2em;
    }

.md-baslik {
    margin: 10% 7.5%;
    background: url(../img/ayet_bas.png) no-repeat center left;
    background-size: auto 100%;
}

    .md-baslik > p {
        text-align: center;
        font-size: 1em;
        line-height: 1.2em;
        padding: .5em 0;
        margin: 0;
        font-weight: bold;
    }

.md-nav {
    margin: 2% 2.5%;
    color: #FFF;
}

.md-btn-izleyin {
    width: 50%;
    float: left;
    background-color: #5593B6;
    text-align: center;
    cursor: pointer;
}

    .md-btn-izleyin > img {
        width: 20%;
        height: auto;
        margin: 2% 0;
    }

.md-btn-button {
    width: 50%;
    float: left;
    text-align: center;
    background-color: #6B98AD;
    cursor: pointer;
}

    .md-btn-button > img {
        width: 20%;
        height: auto;
        margin: 2% 0;
    }

.md-acilir-cont {
    width: 100%;
    position: fixed;
    left: 0;
    background: #FFF;
    overflow: auto;
    z-index: 999;
}

.md-video-cont {
    display: none;
}

    .md-video-cont > video {
    margin-top:50px;
    }

.md-yazi-cont {
    display: none;
    padding: 5%;
    font-size: 1em;
    line-height: 1.2em;
    color: #5593B6;
}

.md-video-cont > video {
    width: 90% !important;
    margin-left: 5%;
    height: auto !important;
}
.md-yorum-list {
color:#5593B6;
}

.md-yorum-list > li {
    background: url(../img/yorum-list.png) repeat-x bottom;
    padding: 5% 15%;
}

    .md-yorum-list > li:first-child {
        background: none;
    }

        .md-yorum-list > li:first-child .yrm-cont {
            border-bottom: solid 1px #5593B6;
        }

.yarumcu > p {
    float: left;
    width: 65%;
    color: #999999;
    font-size: .7em;
    padding: 2% 0;
    border-right: solid 1px #999999;
}

    .yarumcu > p + p {
        width: 32%;
        border-right: none;
        padding-left: 2%;
    }

.hadis-bas-sol {
    float: left;
    width: 65.625%;
    background-color: #5593B6;
    text-align: center;
    padding: 4% 0 1% 0;
}

    .hadis-bas-sol > img {
        width: 9.52%;
    }

.hadis-bas-sag {
    float: left;
    width: 34.375%;
    background-color: #6B98AD;
    padding: 4% 0 1% 0;
}

    .hadis-bas-sag > img {
        width: 30.90%;
    }


    .hadis-bas-sag > h1, .hadis-bas-sol > h1 {
        font-size: 1em;
        line-height: 1.2em;
        margin: 0;
        padding: 0;
        color: #FFFFFF;
        margin: 1em 0;
    }

.sf-icerik > h1 {
    margin: 0;
    padding: 5% 15% 0 15%;
    text-align: center;
    font-size: 1.3em;
    font-weight: bold;
}

.ntf-cont {
    padding-bottom: 2%;
    background: url(../img/ntf_bg.png) repeat-x bottom;
    text-align: center;
}

.chk-cont {
    font-size: .6em;
}

    .chk-cont input[type="checkbox"] {
        margin: 0 5px 0 0;
    }

.ntf-dt-cont {
    text-align: center;
}


.burada-baslik {
margin:3% 0; 
}


    .sm-list > li {
        background: url(../img/ayet_bas.png) no-repeat;
        background-position: 3% center;
        background-size: auto 77%;
        font-size: 1em;
        position: relative;
        padding: 2% 6% 2% 13%;  
        border-top: solid 1px #F2F2F2;
        border-bottom: solid 1px #D9E9EC;
        cursor: pointer;
    }

        .sm-list > li > a {
        color: #5593B6;
        }


.mak-btn-yorum {
    text-align: center;
    background-color: #6B98AD;
    cursor: pointer;
    color:#FFF;
    font-size:1em;
    cursor:pointer;
}

    .mak-btn-yorum > img {
        width: 10%;
        height: auto;
        margin: 2% 0;
    }

.makale-player {
padding:5% 0;
}

    .makale-player > audio {
    width:90%;
    margin-left:5%;
    }

.mk-dt-cont {
background-color:#5593B6;
cursor:pointer;
}

    .mk-dt-cont .yrm-cont {
    color:#FFF;
    padding:1% 0;
    }

        .mk-dt-cont .yrm-cont > p {
        padding:1% 0;
        margin:0;
        }

    .mk-dt-cont .yrm-cont > p > span {
        border: solid 1px #FFF;
    }

.yrm-cont > b {
margin-left:10%;
display:inline-block;
}


.md-yorumlar-cont {
    display: none;
}


.df-cloase {
cursor:pointer;
position:absolute;
top:5%;
right:5%;
width:30px;
height:30px;
text-align:center;
z-index:999;
}

    .df-cloase > img {
    margin-top:50%;
    }