body {
    font-family: 'Raleway', sans-serif !important;
}

:focus {
    outline: none !important;
}

.sayfalama {
    display: block;
    float: left;
    background-color: #fff;
    padding: 5px 10px;
    margin-left: 5px;
    text-decoration: none !important;
    font-size: 18px !important;
    border: 1px solid #2d353b;
    color: #2d353b !important;
    transition: 300ms all;
}

    .sayfalama:hover {
        background-color: #a89a5e !important;
        color: #fff !important;
    }

    .sayfalama.active {
        background-color: #a89a5e !important;
        color: #fff !important;
    }

.hata-error {
    margin: 100px 0 !important;
}

.header-bant {
    background-color: #a89a5e;
    min-height: 30px;
    color: #fff;
    padding: 5px 0;
}

.header {
    display: block;
    padding: 10px;
}

.arama {
    margin-top: 20px;
    width: 50%;
    padding: 0px !important;
    position: relative;
    background-color: red !important;
}

.aratext {
    display: block;
    float: left;
    padding: 0 10px !important;
    border: 4px solid #a89a5e;
    width: 100%;
    height: 40px;
    font-weight: 400;
}

    .aratext:focus {
        outline: none;
    }

.btn_ara {
    position: absolute;
    display: block;
    right: 4px;
    top: 4px;
    border: none;
}

    .btn_ara:focus {
        outline: none;
    }

.menu-bar {
    background-color: #a89a5e !important;
}

.bg-menu-solid {
    background-color: #a89a5e !important;
    padding: 0 !important;
    margin: 0 !important;
}

.my-menu {
}

    .my-menu li a {
        font-weight: 700;
        font-size: 18px;
        color: #fff !important;
        padding: 11px 51.3px !important;
        transition: 300ms all;
        border-right:1px solid #7d744e;

    }
    .my-menu li:first-child a {
        border-left:1px solid #7d744e;

    }

        .my-menu li a:hover {
            color: #fff !important;
            background-color: #2d353b;
            text-shadow: none !important;
        }

@media (max-width: 1024px) {
    .my-menu li a {
        font-weight: 700;
        font-size: 18px;
        color: #fff !important;
        padding: 11px 10px !important;
        transition: 300ms all;
    }
}

.special-menu {
    display: block;
    background-color: #fff;
    list-style-type: none !important;
    float: right;
    padding: 0 !important;
    margin: 0 !important;
}

    .special-menu li {
        float: left;
    }

        .special-menu li a {
            transition: 300ms all;
        }

            .special-menu li a:hover img {
                opacity: .80;
                filter: alpha(opacity=80);
                -ms-filter: "alpha(opacity=80)";
                -khtml-opacity: .80;
                -moz-opacity: .80;
            }

@media (max-width: 992px) {
    .my-menu {
        margin-bottom: 10px !important;
        border-top: 1px dotted #cea96b !important;
    }

        .my-menu li a {
            border-bottom: 1px dotted #cea96b !important;
            padding: 10px !important;
            text-align: center;
        }

    .special-menu {
        display: none !important;
    }
}



.box-big {
    display: block;
    width: 100% !important;
    height: 100px;
    background-color: #a89a5e;
    text-align: center;
    line-height: 100px;
    margin-bottom: 20px !important;
}

    .box-big a {
        font-size: 16px;
        font-weight: 700;
        color: #fff;
        text-decoration: none;
        transition: 300ms all;
    }

        .box-big a:hover {
            color: #333;
        }

.box-small {
    display: block;
    width: 100% !important;
    height: 100px;
    background-color: #3d3d3c;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    padding: 10px 0;
    transition: 300ms all;
    margin-bottom: 20px !important;
}

    .box-small img {
        display: block center center;
    }

    .box-small a {
        color: #fff;
        text-decoration: none !important;
    }

    .box-small:hover {
        background-color: #000;
    }

h5.card-title a {
    color: #333 !important;
    text-decoration: none !important;
    font-weight: 700;
}

.my-card {
    border-radius: 0 !important;
    border: none !important;
}

.my-card-title {
    height: 40px !important;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 0 !important;
}

.my-card-body h5 a {
    transition: 300ms all;
}

    .my-card-body h5 a:hover {
        color: #a89a5e !important;
    }


.my-card-time {
    font-size: 12px !important;
}

.news-list {
    padding: 20px 0;
    background-color: #fff;
}

.news-list-title {
    border-bottom: 1px solid #ddd !important;
    margin-bottom: 20px;
}

    .news-list-title h1 {
        display: inline-block;
        padding: 10px 20px !important;
        margin: 0 !important;
        background-color: #a89a5e;
        font-size: 20px !important;
        font-weight: 700 !important;
        color: #fff;
    }

    .news-list-title a {
        font-size: 14px !important;
        font-weight: 700 !important;
        color: #a89a5e;
        text-decoration: none !important;
        margin-top: 20px !important;
        transition: 300ms all;
    }

        .news-list-title a:hover {
            color: #ddd;
        }


.my-card-body {
    padding: 10px 0 !important;
}

    .my-card-body p {
        font-size: 14px !important;
        font-weight: 300 !important;
        padding-top: 0px !important;
    }

.my-card img {
    border-radius: 0 !important;
}

.my-video-title {
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
}

    .my-video-title h2 a {
        color: #333 !important;
        text-decoration: none !important;
        transition: 300ms all;
    }

        .my-video-title h2 a:hover {
            color: #a89a5e !important;
        }

section.footer {
    background-color: #2d353b;
    padding: 40px 0 20px 0 !important;
    color: #fff !important;
    border-top: 3px solid #000;
}

    section.footer h3 {
        font-size: 20px !important;
        font-weight: 700 !important;
        padding: 10px 0 !important;
        border-bottom: 1px solid #404d56 !important;
    }

    section.footer p {
        font-size: 16px !important;
        padding: 10px 0 !important;
        color: #647989 !important;
    }

ul.footer-contact {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

    ul.footer-contact li {
        padding: 10px 0 !important;
        color: #647989;
    }

.footer-txt {
    margin: 0 !important;
    background-color: #1b1f23;
    border: 1px solid #404d56;
    padding: 5px 10px !important;
    color: #404d56 !important;
    width: 100% !important;
}

    .footer-txt:focus {
        outline: none !important;
    }

.footer-btn {
    margin: 0 !important;
    background-color: #a89a5e;
    border: 1px solid #a89a5e;
    padding: 5px 10px !important;
    color: #fff !important;
    width: 100% !important;
    cursor: pointer;
    transition: 300ms all;
}

    .footer-btn:hover {
        background-color: #404d56;
        border: 1px solid #404d56;
    }

.footer-txt:focus {
    outline: none !important;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #404d56;
}

::-moz-placeholder { /* Firefox 19+ */
    color: #404d56;
}

:-ms-input-placeholder { /* IE 10+ */
    color: #404d56;
}

:-moz-placeholder { /* Firefox 18- */
    color: #404d56;
}

.footer-down {
    margin: 20px 0 !important;
    border-top: 1px solid #404d56;
    padding: 10px 0 0 0 !important;
    color: #647989;
    font-size: 14px !important;
}

    .footer-down a {
        color: #647989;
        text-decoration: none !important;
        transition: 300ms all;
    }

        .footer-down a:hover {
            color: #000;
        }

.my-card-menu {
    border-radius: 0 !important;
    padding: 5px !important;
    margin: 0 !important;
}

.my-card-body-menu {
    padding: 0 !important;
    margin: 0 !important;
}

    .my-card-body-menu i {
        display: inline-block;
        float: left;
        padding: 14px 7px !important;
        margin-right: 5px !important;
        font-size: 20px;
    }

.my-card-body-menu-title {
    display: block;
    float: left;
    font-size: 13px !important;
    line-height: normal !important;
    margin: 7px 0 !important;
}

    .my-card-body-menu-title strong {
        display: block;
        font-weight: 700 !important;
    }

    .my-card-body-menu-title span {
        display: block;
        font-weight: 300 !important;
    }

.my-card a img {
    transition: 300ms all;
}

.my-card a.my-card-link:hover img {
    opacity: .80;
    filter: alpha(opacity=80);
    -ms-filter: "alpha(opacity=80)";
    -khtml-opacity: .80;
    -moz-opacity: .80;
    overflow: hidden !important;
}

.my-search {
    width: 50% !important;
    float: right;
    position: relative;
}

    .my-search i {
        position: absolute;
        bottom: 10px;
        right: 10px;
        color: #ddd;
    }

.ara-txt {
    float: right;
    width: 90% !important;
    padding: 6px !important;
    border: none !important;
    border-left: 3px solid #a89a5e !important;
    background-color: #fbfbfb;
    color: #ddd;
}

    .ara-txt:focus {
        outline: none !important;
    }

    .ara-txt::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        color: #ddd;
        font-weight: 300 !important;
    }

    .ara-txt::-moz-placeholder { /* Firefox 19+ */
        color: #ddd;
        font-weight: 300 !important;
    }

    .ara-txt:-ms-input-placeholder { /* IE 10+ */
        color: #ddd;
        font-weight: 300 !important;
    }

    .ara-txt:-moz-placeholder { /* Firefox 18- */
        color: #ddd;
        font-weight: 300 !important;
    }

@media (max-width: 425px) {
    .social-media-wrap {
        display: none;
    }

    .logo {
        display: block !important;
        text-align: center !important;
    }

    .arama {
        display: none;
    }

    .news-list-title h1 {
        display: block;
    }

    .news-list-title a {
        margin-top: 5px !important;
    }
}

.page-container-title {
    font-size: 24px !important;
    padding: 10px 10px !important;
    font-weight: 700;
    margin: 0 !important;
    background-color: #fff;
    border-top: 1px solid #eee !important;
}

.page-container-title2 {
    font-size: 24px !important;
    padding: 10px 10px !important;
    font-weight: 700;
    margin: 0 !important;
    background-color: #fff;
    border-bottom: 1px solid #eee !important;
}

.page-span {
    display: block !important;
    padding: 18px 10px !important;
    background-color: #fff;
    color: #2d353b;
    font-size: 14px !important;
}

.page-img {
    border-bottom: 3px solid #ddd !important;
}

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

    .page-span span i {
        margin-right: 4px !important;
    }

.page-container div.ppp {
    padding: 10px 10px !important;
    font-size: 17px !important;
    font-weight: 400;
}

.page-container p {
    padding: 0 !important;
    margin: 0 !important;
}

.diger-yazi a {
    color: #2d353b !important;
    text-decoration: none !important;
}

    .diger-yazi a h6 {
        color: #2d353b !important;
        text-decoration: none !important;
        padding: 5px 0 !important;
        border-bottom: 1px solid #eee !important;
        font-size: 18px !important;
        font-weight: 300 !important;
    }

.diger-yazi-wrapper {
    background-color: #fbfbfb !important;
    padding: 10px !important;
}

    .diger-yazi-wrapper h3 {
        font-size: 24px !important;
        font-weight: 300 !important;
        padding: 10px 0 !important;
        border-bottom: 1px solid #eee !important;
    }



.page-all-link {
    display: block !important;
    text-align: center !important;
    color: #a89a5e !important;
    text-decoration: none !important;
    transition: 300ms all;
}

    .page-all-link:hover {
        color: #ddd !important;
        text-decoration: none !important;
    }

ul.sayfa-link {
    display: block !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}


    ul.sayfa-link li a {
        display: block !important;
        text-decoration: none !important;
        color: #333 !important;
        padding: 5px !important;
        border-bottom: 1px solid #eee !important;
        transition: 300ms all;
    }

        ul.sayfa-link li a:hover {
            border-bottom: 1px solid #a89a5e !important;
            color: #a89a5e !important;
        }

/*.diger-yazi-wrapper2{
    background-color:#fbfbfb!important;
    padding:10px!important;
}
.diger-yazi-wrapper2 h3{
    font-size:22px!important;
    font-weight:700!important;
    padding:5px 0!important;
    border-bottom:1px solid #eee!important;

}*/

h3.diger-ana-baslik {
    background-color: #a89a5e !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    padding: 11px 10px !important;
}

    h3.diger-ana-baslik a {
        color: #fff !important;
        text-decoration: none !important;
        transition: 300ms all;
    }

        h3.diger-ana-baslik a:hover {
            color: #ddd !important;
        }

.form-alani {
    padding: 10px 5px !important;
}

.btn-primary-2 {
    background-color: #a89a5e !important;
    color: #fff !important;
    transition: 300ms all;
}

    .btn-primary-2:hover {
        background-color: #2d353b !important;
        color: #fff !important;
    }

.form-control {
    border-radius: 0 !important;
    border: 1px solid #ced4da !important;
}

    .form-control:focus {
        border-bottom: 1px solid #a89a5e !important;
        outline: none !important;
        box-shadow: none !important;
    }

ul.iletisim-bilgileri {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    margin-top: 15px !important;
}

    ul.iletisim-bilgileri li {
        padding: 6px !important;
        font-size: 18px !important;
        margin-bottom: 10px !important;
        border-bottom: 1px solid #fbfbfb !important;
        transition: 300ms all;
    }

        ul.iletisim-bilgileri li:hover {
            background-color: #fbfbfb !important;
        }

        ul.iletisim-bilgileri li i {
            border: 1px solid #ddd !important;
            width: 30px !important;
            height: 30px !important;
            line-height: 30px !important;
            text-align: center !important;
            color: #ddd !important;
            font-size: 17px !important;
            margin-right: 10px !important;
            margin-bottom: 10px !important;
        }

h3.video-title {
    padding: 0 !important;
    margin: 0 !important;
}

    /*h3.video-title{
        display:block!important;
        font-size:18px!important;
        background-color:#fbfbfb;
        text-decoration:none!important;
        padding:20px 10px!important;
        color:#333!important;
        min-height:60px!important;
        max-height:60px!important;
        border-bottom:2px solid #ddd;
        transition: 300ms all;
    }*/

    h3.video-title a {
        display: block !important;
        font-size: 18px !important;
        background-color: #fbfbfb;
        text-decoration: none !important;
        padding: 10px 10px !important;
        color: #333 !important;
        min-height: 60px !important;
        max-height: 60px !important;
        border-bottom: 2px solid #ddd;
        transition: 300ms all;
    }

        h3.video-title a:hover {
            color: #a89a5e !important;
            border-bottom: 2px solid #a89a5e;
        }

.video-desc {
    padding: 10px 0 !important;
}

ul.video-kategori {
    padding: 0 !important;
    margin: 0 !important;
    margin-top: -20px !important;
}

.ara{
    display:block!important;
    margin-bottom:50px!important;
}

.ara h4 {
    font-size:20px!important;
    border-bottom:1px solid #a89a5e;
    padding:8px 0!important;
}

.ara h4 strong{
    background-color: #a89a5e;
    padding:5px 10px!important;
    color:#fff;
    margin-right:10px;
}

ul.ara-liste {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

    ul.ara-liste li a {
        display: block !important;
        background-color: #fff;
        padding: 10px !important;
        border-bottom: 1px solid #eee;
        color: #333 !important;
        text-decoration: none !important;
        transition: 300ms all;
    }

        ul.ara-liste li a:hover {
            background-color: #fbfbfb;
        }