body {
    background-color: #ddd;
    color: #0984e3;
}

/*Global Css*/
::selection {
    background: #0984e3;
}

::-moz-selection {
    background: #0984e3;
}

::-webkit-selection {
    background: #0984e3;
}

/*My Stil Color*/
.my_bg_color {
    background: #0984e3 !important;
}

.my_bg_color_white {
    background: #fff;
}

a {
    color: #0984e3;
    transition: 300ms all;
}

    a:hover {
        color: #333;
    }

.header_bar {
    background-color: #f9f9f9;
}

ul.header_bar_menu li {
    color: #444;
}

    ul.header_bar_menu li a {
        color: #444;
    }

ul.dil li a, ul.social_media li a {
    color: #444;
}

    ul.dil li a:hover {
        background-color: #f5f5f5;
    }

    ul.social_media li a.facebook:hover {
        color: #fff !important;
        background-color: #3b5999;
    }

    ul.social_media li a.twitter:hover {
        color: #fff !important;
        background-color: #55acee;
    }


    ul.social_media li a.instagram:hover {
        color: #fff !important;
        background-color: #e4405f;
    }

/*Menu Color*/
nav.main-nav ul.menu > li > a {
    color: #333;
    border-right: 1px dotted rgba(0,0,0,.1);
    border-top: 3px solid #fff;
    border-bottom: 3px solid transparent;
}

    nav.main-nav ul.menu > li > a:hover {
        border-top: 3px solid #0984e3;
        border-bottom: 3px solid transparent;
    }

nav.main-nav ul.menu ul {
    background: #0984e3;
}

    nav.main-nav ul.menu ul li a {
        color: #fff;
        border-bottom: 1px solid rgba(0,0,0,.1);
    }

nav.main-nav ul.menu > li ul {
    background: #0984e3;
}

nav.main-nav ul.menu > li > ul li:hover {
    background: #333;
}

nav.main-nav ul.menu > li ul ul {
    background: #444;
}

/*Mobile Menu Color*/
.menu_bar {
    background-color: #fff;
    border-bottom: 1px solid #0984e3;
}

#bt-menu {
    background-color: #0984e3;
    color: #fff;
}

nav.mobil-nav {
    background-color: #f5f5f5;
}

    nav.mobil-nav ul.mobil-menu > li > a {
        color: #333;
        border-bottom: 1px solid #ddd;
    }

    nav.mobil-nav ul.mobil-menu li:hover {
        background-color: #ddd;
    }

    nav.mobil-nav ul.mobil-menu ul {
        background: #f5f5f5;
    }

        nav.mobil-nav ul.mobil-menu ul li a {
            color: #333;
            border-bottom: 1px solid #ddd;
        }

    nav.mobil-nav::-webkit-scrollbar-thumb {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        background-color: #ddd;
    }

ul.mobil-menu-social li a {
    color: #000;
    border: 1px solid #ddd;
}

    ul.mobil-menu-social li a:hover {
        background-color: #000;
        border: 1px solid #000;
    }

.banner_wrap_color {
    background-color: #000;
    color: #fff;
}


.banner_wrap_color2 {
    background-color: #f9f9f9;
    color: #444;
}

.page_wrap_write_detail {
    background-color: #fff;
    color: #444;
}


.page_wrap_write {
    background-color: #fff;
    color: #444;
}

.page_wrap_pattern {
    background: url(../img/pattern.png) #fff;
    color: #444;
}

.page_wrap_h3 {
    color: #444;
}

    .page_wrap_h3:after {
        background-color: #0984e3;
    }

.page_box_link {
    color: #444 !important;
}

    .page_box_link:hover {
        color: #0984e3 !important;
    }


.page_box img {
    border: 10px solid #fff;
    -webkit-box-shadow: 0px 0px 12px -1px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 12px -1px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 12px -1px rgba(0,0,0,0.75);
}

.my_item {
    background-color: #fff;
    border: 1px solid #f5f5f5;
}


.detail-container {
    background-color: #fff;
}

.my_item a {
    color: #444 !important;
}

    .my_item a:hover {
        color: #0984e3 !important;
    }


.footer_wrap {
    background-color: #333;
    border-top-color: rgba(0,0,0,0.2);
    color: rgba(255,255,255,0.2);
}

ul.footer_menu {
    border-top: 1px dotted rgba(255,255,255,0.1);
}



    ul.footer_menu li a {
        color: rgba(255,255,255,0.2);
    }

        ul.footer_menu li a:hover {
            color: rgba(255,255,255,0.6);
        }

.contact_info span {
    border-bottom: 1px dotted rgba(255,255,255,0.1);
}

.copy {
    background-color: #292929;
    color: rgba(255,255,255,0.2);
}

    .copy a {
        color: rgba(255,255,255,0.2);
    }

        .copy a:hover {
            color: rgba(255,255,255,0.6);
        }



.my_breadcrumb_wrap {
    background-color: #f9f9f9;
    color: #444;
}

ul.my_breadcrumb_link li {
    color: #444;
}


    ul.my_breadcrumb_link li a {
        color: #444;
    }

        ul.my_breadcrumb_link li a:hover {
            color: #0984e3 !important;
        }

.page_list_wrap h4 {
    border-bottom: 1px dotted rgba(0,0,0,0.3);
}

ul.page_list li a {
    border-bottom: 1px dotted rgba(0,0,0,0.1);
    color: #444;
}

    ul.page_list li a.active {
        color: #0984e3;
    }

    ul.page_list li a:hover {
        color: #0984e3;
    }

.page_detail_wrap h4 {
    border-bottom: 1px dotted rgba(0,0,0,0.3);
}

.page_galery_item {
    border: 1px solid #ddd;
}

.urun_item a h3 {
    color: #444;
}

.urun_item a:hover h3 {
    color: #0984e3;
}

ul.urun_list li a {
    color: #444;
    border-bottom: 1px dotted rgba(0,0,0,0.1);
}


ul.urun_list li ul li a {
    border-bottom: 1px dotted rgba(0,0,0,0.1);
}

ul.urun_list li a.active {
    color: #0984e3;
}

ul.urun_list li a:hover {
    color: #0984e3;
}



nav.category-nav ul.category_menu {
    border: 1px solid #ddd;
}

    nav.category-nav ul.category_menu > li > a {
        color: #444;
        border-bottom: 1px solid #ddd;
        transition: 500ms all;
    }

        nav.category-nav ul.category_menu > li > a:hover {
            color: #fff;
            background-color: #0984e3;
        }

    nav.category-nav ul.category_menu ul {
        border: 1px solid #ddd;
    }

        nav.category-nav ul.category_menu ul li a {
            color: #444;
            background-color: #fff;
            border-bottom: 1px solid rgba(0,0,0,.1);
        }


            nav.category-nav ul.category_menu ul li a:hover {
                background: #0984e3;
                color: #fff;
            }


a.sayfalama {
    background-color: #fff;
    border: 1px solid #eee;
    color: #444 !important;
}

    a.sayfalama:hover {
        background-color: #0984e3 !important;
        color: #fff !important;
    }

a.active_sayfa {
    background-color: #0984e3 !important;
    color: #fff !important;
}



.yazi_tarih {
    border-bottom: 1px solid #f9f9f9;
    color: #808080;
}

.yazi_tumu {
    background-color: #f9f9f9;
    color: #444;
}

    .yazi_tumu:hover {
        background-color: #f5f5f5;
        color: #0984e3;
    }