body {
    font-family: 'Oxygen', sans-serif;
    font-size: 13px;
}

.blog-header {
    line-height: 1;
}

.blog-header-logo {
    font-family: "Oxygen";/*rtl:Amiri, Georgia, "Times New Roman", serif*/
    font-size: 2.25rem;
}

    .blog-header-logo:hover {
        text-decoration: none;
    }

.display-4 {
    font-size: 2.5rem;
}

@media (min-width: 768px) {
    .display-4 {
        font-size: 3rem;
    }
}

.nav-scroller {
    position: relative;
    z-index: 2;
    height: 60px;
    overflow-y: hidden;
}

    .nav-scroller .nav {
        display: flex;
        flex-wrap: nowrap;
        padding-bottom: 1rem;
        margin-top: -1px;
        overflow-x: auto;
        text-align: center;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }

    .nav-scroller .nav-link {
        padding-top: .75rem;
        padding-bottom: .75rem;
        font-size: .875rem;
    }

.card-img-right {
    height: 100%;
    border-radius: 0 3px 3px 0;
}

.flex-auto {
    flex: 0 0 auto;
}

.h-250 {
    height: 250px;
}

@media (min-width: 768px) {
    .h-md-250 {
        height: 250px;
    }
}

/* Pagination */
.blog-pagination {
    margin-bottom: 4rem;
}

    .blog-pagination > .btn {
        border-radius: 2rem;
    }

/*
 * Blog posts
 */
.blog-post {
    margin-bottom: 1rem;
    padding-bottom:15px;
    border-bottom:solid 2px #e5e5e5;
}
.blog-post:last-child {
    border-bottom: 0 !important;
}

    .blog-post-title {
        margin-bottom: .25rem;
        font-size: 2.5rem;
    }

.blog-post-meta {
    margin-bottom: 1.25rem;
    color: #727272;
}
/*
 * Footer
 */
.blog-footer {
/*    padding: 50px 0 10px 0;*/
    color: #727272;
    background-color: #f2f9fd;
    border-top: .05rem solid #e5e5e5;
}

    .blog-footer p:last-child {
        margin-bottom: 0;
    }

.link-secondary {
    color: #6c757d;
    font-weight:600;
    text-decoration:none;
}

    .link-secondary:focus, .link-secondary:hover {
        color: #565e64;
        border-bottom:solid 1px #277ee9 !important;
    }
.p-2 { padding:1rem !important;}
.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

@media (min-width: 768px) {
    .bd-placeholder-img-lg {
        font-size: 3.5rem;
    }
}

.social a {
    color: #000000
}

.blog-footer h6 {
    font-weight: bold;
    font-size: 13px;
    font-family: 'Oxygen', sans-serif;
}
/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
    position: fixed;
    display: none;
    width: 40px;
    height: 40px;
    border-radius: 3px;
    right: 15px;
    bottom: 15px;
    background: #428bca;
    color: #fff;
    transition: display 0.5s ease-in-out;
    z-index: 99999;
}

    .back-to-top i {
        font-size: 24px;
        position: absolute;
        top: 8px;
        left: 8px;
    }

    .back-to-top:hover {
        color: #fff;
        background: #629fd3;
        transition: background 0.2s ease-in-out;
    }
.owl-carousel .owl-nav {
    overflow: hidden;
    z-index: 999999;
}


.owl-carousel .item {
    text-align: center;
}

.owl-carousel .nav-btn {
    height: 30px;
    position: absolute;
    width: 30px;
    border: solid 1px #2e86de;
    border-radius: 50%;
    line-height: 27px;
    z-index: 99999;
    cursor: pointer;
    top: 28% !important;
    background-color: #fff;
}

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

.owl-carousel .prev-slide {
    left: -10px;
}

.owl-carousel .next-slide {
    right: -10px;
}

.owl-carousel .prev-slide:hover {
    color: #2e86de;
}

.owl-carousel .next-slide:hover {
    color: #2e86de;
}
.blog-footer a { font-size:12px; color:#727272}
.populer a { color:#000000}
#modalim {
    display: none;
    width: 100%;
    text-align: center;
    right: 10px;
    top: 10px;
    width: 350px;
    font-size: 15px;
    border-radius: 10px;
    position: fixed;
    padding: 10px;
    background: #f00;
    color: #fff;
    font-weight: bold;
    z-index: 10000;
    text-shadow: 0.1em 0.1em 0.2em black
}

    #modalim a {
        color: #fff !important;
        text-decoration: underline;
    }
.blogicerik {font-size:14px !important;}
.blogpaylas a {color:#000000 !important;}

h5.cizgi, h6.cizgi {
    position: relative;
}

    h5.cizgi:before, h6.cizgi:before {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        bottom: 0;
        content: attr(data-content);
        background-color: #FFF;
        color: #FFF;
        z-index: -1;
        padding-right: 30px;
    }

    h5.cizgi:after, h6.cizgi:after {
        position: absolute;
        content: '';
        display: block;
        left: 0;
        right: 0;
        top: 50%;
        background-color: #ccc;
        height: 1px;
        min-height: 1px;
        z-index: -2;
    }
.populer a {color:#000000}
.menu-container {
    margin: 0 auto;
}

.menu-mobile {
    display: none;
    padding: 20px;
}

    .menu-mobile:after {
        content: "\f0c9";
        font-family: "FontAwesome";
        font-size: 20px;
        padding: 0;
        float: right;
        position: relative;
        top: 50%;
        transform: translateY(-25%);
    }

.menu-dropdown-icon:before {
    content: "\f067";
    font-family: "FontAwesome";
    display: none;
    cursor: pointer;
    float: right;
    padding: 1.5em 2em;
    background: #fff;
    color: #333;
}

.menu > ul {
    margin: 0 auto;
    width: 100%;
    list-style: none;
    padding: 0;
    position: relative;
    /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
    box-sizing: border-box;
}

    .menu > ul:before,
    .menu > ul:after {
        content: "";
        display: table;
    }

    .menu > ul:after {
        clear: both;
    }

    .menu > ul > li {
        float: left;
        padding: 0;
        margin: 0;
    }

        .menu > ul > li a {
            text-decoration: none;
            padding: 20px 25px;
            display: block;
        }

        .menu > ul > li:hover {
            background: #f4f4f4;
        }

        .menu > ul > li > ul {
            display: none;
            width: 100%;
            background: #f4f4f4;
            padding: 20px;
            position: absolute;
            z-index: 9999;
            left: 0;
            margin: 0;
            list-style: none;
            box-sizing: border-box;
        }

            .menu > ul > li > ul:before,
            .menu > ul > li > ul:after {
                content: "";
                display: table;
            }

            .menu > ul > li > ul:after {
                clear: both;
            }

            .menu > ul > li > ul > li {
                margin: 0;
                padding-bottom: 0;
                list-style: none;
                width: 25%;
                background: none;
                float: left;
            }

                .menu > ul > li > ul > li a {
                    color: #777;
                    padding: 0.2em 0;
                    width: 95%;
                    display: block;
                    border-bottom: 1px solid #ccc;
                }

                .menu > ul > li > ul > li > ul {
                    display: block;
                    padding: 0;
                    margin: 10px 0 0;
                    list-style: none;
                    box-sizing: border-box;
                }

                    .menu > ul > li > ul > li > ul:before,
                    .menu > ul > li > ul > li > ul:after {
                        content: "";
                        display: table;
                    }

                    .menu > ul > li > ul > li > ul:after {
                        clear: both;
                    }

                    .menu > ul > li > ul > li > ul > li {
                        float: left;
                        width: 100%;
                        padding: 4px 0;
                        margin: 0;
                    }

                        .menu > ul > li > ul > li > ul > li a {
                            border: 0;
                        }

            .menu > ul > li > ul.normal-sub {
                width: 300px;
                left: auto;
                right: 0;
                text-align: left;
                padding: 10px 20px;
            }

                .menu > ul > li > ul.normal-sub > li {
                    width: 100%;
                }

                    .menu > ul > li > ul.normal-sub > li a {
                        border: 0;
                        padding: 1em 0;
                    }
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
        Mobile style's
        –––––––––––––––––––––––––––––––––––––––––––––––––– */
@media only screen and (max-width: 767px) {
    .menu-container {
        width: 100%;
    }

    .menu-mobile {
        display: block;
    }

    .menu-dropdown-icon:before {
        display: block;
    }

    .menu > ul {
        display: none;
    }

        .menu > ul > li {
            width: 100%;
            float: none;
            display: block;
        }

            .menu > ul > li a {
                padding: 1.5em;
                width: 100%;
                display: block;
            }

            .menu > ul > li > ul {
                position: relative;
            }

                .menu > ul > li > ul.normal-sub {
                    width: 100%;
                }

                .menu > ul > li > ul > li {
                    float: none;
                    width: 100%;
                    margin-top: 20px;
                }

                    .menu > ul > li > ul > li:first-child {
                        margin: 0;
                    }

                    .menu > ul > li > ul > li > ul {
                        position: relative;
                    }

                        .menu > ul > li > ul > li > ul > li {
                            float: none;
                        }

    .menu .show-on-mobile {
        display: block;
    }
}

#bilgi {
    color: #e71c1c;
}

.field-icon {
    float: right;
    margin-right: 10px;
    margin-top: -23px;
    position: relative;
    z-index: 2;
}

.input-group-prepend select {
    border: solid 1px #ced4da;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.menu > ul > li > a {
    font-family: 'Oxygen', sans-serif;
    font-weight: 700 !important;
}

.menu > ul > li > ul > li > a {
    font-family: 'Raleway', sans-serif;
    font-weight: 600 !important;
    font-style: italic;
}

.menu > ul > li > ul > li > ul > li > a {
    font-family: 'Raleway', sans-serif;
    font-weight: 400 !important;
}