.navbar-nav li a{font-weight: bold;}
      .dropdown-menu a{font-weight: normal !important;}

      .dropdown-menu .dropdown-item:hover {background-color:#f0740f  !important; color:#fff !important;}
      .sayfaici h2{color:#000 !important;}

      .dropdown-menu {border-radius: 0px !important}

/*-------- 3.6. Main Menu --------*/
    #ABdev_menu_toggle{
        display: none;
        cursor: pointer;
    }

    nav > ul{
        list-style: none;
        margin: 0;
        float: right;
        position: relative;
        padding: 40px 0 5px 0;
    }

    nav > ul > li{
        float: left;
        line-height: 20px;
    }

    nav > ul > li a{
        color: #111;
        font-family: Calibri;
        font-weight: 300;
        font-size: 16px;
        text-align: center;
        display: inline-block;
        width: 100%;
        margin-left: 15px;
        padding-right: 15px;
        position: relative;
        padding-bottom: 35px;

    }

    nav > ul > li a:hover{
        color: #9b0000;
    }

    nav > ul > li.menu-item-has-children > a:after{
        content:"\f48b"; /*.ci_icon-chevron-down*/
        font-family:'WebHostingHub-Glyphs';
        color: #848994;
        font-size: 7px;
        position: absolute;
        top: 0px;
        right: 12px;
        -webkit-transition: all 180ms ease-in;
        transition: all 180ms ease-in;
    }

    nav > ul > li:hover a{
        -webkit-transition: all 180ms ease-in;
        transition: all 180ms ease-in;
    }

    nav > ul > li:hover a:after{
        color: #9b0000;
        -webkit-transition: all 180ms ease-in;
        transition: all 180ms ease-in;
    }

    nav > ul > li span{
        display: block;
    }

    nav > ul ul{
        display: none;
        list-style: none;
        position: absolute;
        background: #fff;
        border: 1px solid #e9eaec;
        border-radius: 5px;
        margin: 0;
        min-width: 228px;
        z-index: 2001;
        overflow: visible;
        padding-left: 0px;
    }

    nav > ul > li.menu-item-has-children:hover > a:before{
        width: 0; 
        height: 0; 
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #b7b9c2;
        content: "";
        position: absolute;
        bottom: 0;
        left: 50%;
        margin-left: -12px;
    }

    nav > ul li:hover > ul,
    nav > ul li.sfHover > ul{
        display: block;
        z-index: 2003;
    }

    nav > ul ul li{
        position: relative;
        border-bottom: 1px solid rgba(255,255,255,0.2);
    }

    nav > ul ul li:last-child{
        border-bottom: 0px solid #e9eaec;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px; 
    }

    nav > ul ul li a{
        width: 100%;
        text-align: left;
        padding: 10px 13px 10px 13px;
        color: #848998;
        margin-left: 0;
    }

    nav > ul ul li:hover{
        background: #f5f6f8;
    }

    nav > ul ul li:hover a{
        color: #9b0000;
    }

    nav > ul ul ul{
        position: absolute;
        left: 100%;
        top: -1px !important;
        margin-left: 0px;
        margin-top: 0;
        z-index: 2002;
        border-top-left-radius: 0px;
    }

    nav > ul ul ul li > a{
        color: #555!important;
    }

    nav > ul ul ul li > a:hover{
        color: #9b0000!important;
    }

    nav > ul ul ul:after{
        display: none;
    }

    .sf-arrows .sf-with-ul:after{
        content:"\f488"; /*.ci_icon-chevron-right*/
        font-family:'WebHostingHub-Glyphs';
        color: #aaa;
        margin-left: 5px;
        float:right;
        position: relative;
        top: 2px;
    }

    .sf-arrows ul .sf-with-ul:after{
        content:"\f105"; /*.ci_icon-keyboardalt*/
        top: 0;
    }

    .sf-arrows ul li:hover .sf-with-ul:after{
        color: #fff;
    }

    .sf-arrows > li:hover > .sf-with-ul:after{
        color: #d84949;
    }

    .sf-arrows .current_menu_ancestor .sf-with-ul:after{
        color: #333;
    }

    nav > ul > .current-menu-item > a,
    nav > ul > .current-post-ancestor > a,
    nav > ul > .current-menu-ancestor > a,
    nav > ul ul > .current-menu-item > a{
        color: #9b0000 !important;
    }

    .whhg-search {
        float: right;
        width: 36px;
        height: 36px;
        line-height: 36px;
        margin-left: 34px;
        background: #f5f6f8;
        border-radius: 50%;
        text-align: center;
        font-size: 13px;
        margin-top: 17px;
    }

/*-------- 3.6.1. Transparent Main Menu  --------*/
    #ABdev_main_header.transparent nav > ul > .current-menu-item > a,
    #ABdev_main_header.transparent nav > ul > .current-post-ancestor > a,
    #ABdev_main_header.transparent nav > ul > .current-menu-ancestor > a {
        color: #9b0000;
    }

    #ABdev_main_header.transparent nav > ul > li a{
        color: #fff !important;
    }

    #ABdev_main_header.transparent nav > ul > li a:hover{
        color: #9b0000 !important;
    }

    #ABdev_main_header.transparent .megamenu_header a span{
        color: #fff;
    }

    #ABdev_main_header.transparent nav > ul ul{
        list-style: none;
        position: absolute;
        background: rgba(0,0,0,0.2);
        border: 1px solid rgba(255,255,255,0.2);
        border-radius: 5px;
        margin: 0;
        margin-top: 20px;
        z-index: 2001;
        overflow: visible;
    }

    #ABdev_main_header.transparent nav > ul > li > ul:before {
        content: "";
        display: block;
        position: absolute;
        width: 228px;
        min-width: 228px;
        height: 20px;
        top: -20px;
        left: 0;
        z-index: 2004;
    }

    #ABdev_main_header.transparent nav > ul ul li:hover {
        background: rgba(0,0,0,0.2);
    }

    #ABdev_main_header.transparent nav > ul > li.menu-item-has-children:hover > a:before{
        bottom: -20px;
    }

    #ABdev_main_header.transparent .sf-mega{
        top: 96px;
        background: transparent !important;
        margin-left: 0 !important;
        margin-right: -66px;
    }

    #ABdev_main_header.transparent .sf-mega-inner{
        border: none;
        background: transparent !important;
        border: 1px solid rgba(255,255,255,0.2);
    }

    #ABdev_main_header.transparent nav > ul .sf-mega-inner > ul > li{
        background: transparent !important;
        border-right: 1px solid rgba(255,255,255,0.2);
    }

    #ABdev_main_header.transparent nav > ul .sf-mega-inner > ul > li:last-child{
        border-right: none;
    }

    #ABdev_main_header.transparent .sf-mega-inner ul ul{
        border: none;
        background: transparent !important;
    }

    #ABdev_main_header.transparent .sf-mega-inner ul ul li{
        border-left: none;
        border-right: none;
        border-bottom: none;
    }

/*-------- 3.7. Mega Menu  --------*/
    .sf-mega {
        width: 1170px;
        position: absolute;
        right: 0;
        display: none;
        top: 70%;
        z-index: 9999;
    }
    
    .sf-mega-inner{
        background: #fff;
        border: 1px solid #e9eaec;
        border-radius: 5px;
    }
    
    nav > ul li:hover > .sf-mega,
    nav > ul li.sfHover > .sf-mega {
        display: block;
    }
    
    .sf-mega li,
    .sf-mega ul{
        position: static !important;
        display: block !important;
        padding: 0;
        margin: 0;
        border: none;
        height: auto !important;
        background: none;
        box-shadow: none;
    }
    
    .sf-mega-inner ul li ul ul > li:hover{
        background: #f5f6f8;
    }
    
    nav > ul .sf-mega-inner{
        display: table !important;
        width: 100%;
    }
    
    nav > ul .sf-mega-inner > ul {
        display: table-row !important;
    }
    
    nav > ul .sf-mega-inner > ul > li{
        border-right: 1px solid #e9eaec;
        display: table-cell !important;
        vertical-align: top;
        padding-bottom: 0;
        background: #fff;
    }

    nav > ul .sf-mega-inner > ul > li:first-child{
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }
    
    nav > ul .sf-mega-inner > ul > li:last-child{
        border-right: none;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }
    
    .sf-mega li,
    .sf-mega li{
        border-bottom: none;
    }
    
    nav > ul .sf-mega-inner > ul > li > a{
        font-family: Calibri;
        font-weight: bold;
        text-transform: uppercase;
        color: #a90000;
        font-size: 18px;
        line-height: 28px;
        margin-top: 10px;
        
    }
        
    nav > ul .sf-mega-inner > ul > li > ul > li a{
        font-size: 16px;
        line-height: 16px;
    }
    
    nav > ul .sf-mega-inner a{
        text-transform: none;
        padding: 7px 8px 6px 10px;
        margin-bottom: 1px;
    }
        
    nav > ul > .mega1 .sf-mega-inner > ul > li{width: 100%;}
    nav > ul > .mega2 .sf-mega-inner > ul > li{width: 50%;}
    nav > ul > .mega3 .sf-mega-inner > ul > li{width: 33.33333333333333%;}
    nav > ul > .mega4 .sf-mega-inner > ul > li{width: 25%;}
    nav > ul > .mega5 .sf-mega-inner > ul > li{width: 20%;}
    nav > ul > .mega6 .sf-mega-inner > ul > li{width: 16.66666666666667%;}
    nav > ul > .mega7 .sf-mega-inner > ul > li{width: 14.28571428571429%;}
    

    nav > ul > .mega1 ul,
    nav > ul > .mega2 ul,
    nav > ul > .mega3 ul,
    nav > ul > .mega4 ul,
    nav > ul > .mega5 ul,
    nav > ul > .mega6 ul,
    nav > ul > .mega7 ul{
        min-width: 0;
    }
    
    nav > ul .sf-mega-inner .description_menu_item{
        padding: 20px;
        font-size: 13px;
        font-weight: 300;
        line-height: 22px;
        color: #848994;
    }
    
    nav > ul .sf-mega-inner .description_menu_item a{
        display: inline;
        padding: 0;
        margin: 0;
        line-height: inherit;
        font-size: inherit;
        color: #9b0000;
    }
    
    nav > ul .sf-mega-inner .description_menu_item a:hover{
        color: #056ab2;
        background: none;
    }

    .sf-mega ul ul li:hover a{
        color: #9b0000 !important;
    }

    #ABdev_main_header.default .sf-mega{
        right: -66px;
    }

    .megamenu_header:hover{
        background: #fff;
    }

    .megamenu_header a span{
        font-family: Calibri;
        font-weight: 700;
        text-transform: uppercase;
        color: #3b4550;
        font-size: 14px;
        line-height: 28px;
        margin-top: 25px;
    }
    

/*-------- 3.8. Title/Breadcrumbs Bar --------*/
    #title_breadcrumbs_bar{
        background: #f6f6f6;
        padding: 20px 0;
        font-family: Open Sans;
        font-weight: 300;
        font-size: 18px;
        border-bottom:1px solid #e9eaec;
    }

    #title_breadcrumbs_bar h1{
        font-size: 25px;
        color: #3b4550;
        line-height: 24px;
        margin-bottom: 0;
        font-family: Calibri ,sans-serif;
        font-weight: 700;
        margin-top:5px;
    }

    #title_breadcrumbs_bar .breadcrumbs{
        line-height: 36px;
    }

    #title_breadcrumbs_bar .breadcrumbs,
    #title_breadcrumbs_bar .breadcrumbs a,
    #title_breadcrumbs_bar .breadcrumbs i{
        color: #9b0000;
        font-size: 13px;
        font-family:calibri;
    }

    #title_breadcrumbs_bar .breadcrumbs a:hover{
        color: #056ab2;
    }

    #title_breadcrumbs_bar .breadcrumbs .current{
        color: #848994;
    }

    #title_breadcrumbs_bar .breadcrumbs i{
        font-size: 8px;
        top: 0;
        color: #848994;
        padding: 0 6px;
        
    }
 
/*-------- 3.9. Search --------*/
    .search-toggle {
        cursor: pointer;
        float: right;
        margin-left: 10px;
        position: relative;
    }
    
    .search-toggle:hover .search-icon i{
        background: #9b0000;
        -webkit-transition: all 180ms ease-in;
        transition: all 180ms ease-in;
    }

    .search-toggle:hover .search-icon i{
        color: #fff;
        -webkit-transition: all 180ms ease-in;
        transition: all 180ms ease-in;
    }

    .search-icon i{
        float: right;
        width: 1px;
        height: 1px;
        line-height: 1px;
        margin-left: 0px;
        background: #f5f6f8;
        border-radius: 50%;
        text-align: center;
        font-size: 1px;
        margin-top: 1px;
        margin-bottom: 1px;
    }

    .search-icon.active i{
        background: #9b0000;
        color: #fff;
    }

    .search-toggle.active{
        background: #E4664D;
        color: #fff;
    } 
    
    .search-toggle .screen-reader-text i{ 
        color: #8a8d94;
        font-size: 15px;
        line-height: 76px;
    }
    
    .search-box-wrapper {
        -webkit-box-sizing: border-box;
        -moz-box-sizing:    border-box;
        box-sizing:         border-box;
        position: absolute;
        top: 76px;
        right: 0;
        width: 250px;
        height: 74px;
        z-index: 2;
        background: #fff;
        border:1px solid #e9eaec;
        border-radius: 5px;
        -webkit-box-shadow: 0px 1px 1px 1px rgba(151,156,162,0.1);
        -moz-box-shadow:    0px 1px 1px 1px rgba(151,156,162,0.1);
        box-shadow:         0px 1px 1px 1px rgba(151,156,162,0.1);
    }
    
    .search-box {
        padding: 12px;
    }
    
    .search-box:before {
        width: 0;
        height: 0;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #b7b9c2;
        content: "";
        position: absolute;
        top: -8px;
        right: 10px;
    }

    #search-container .widget_search input[type="text"]{
        border: 0;
        background: #f5f6f8;
        text-align: left;
        outline:0;
        font-size: 13px;
        line-height: 22px;
        color: #848994;
        border: 1px solid #e9eaec;
        border-radius: 45px;
        width: 210px;
        height: 32px;
        margin: 6px 0 0 7px;
        position: relative;
    }

    #search-container .widget_search input[type="text"]:focus{
        -moz-box-shadow:    inset 0 0 2px #9b0000;
        -webkit-box-shadow: inset 0 0 2px #9b0000;
        box-shadow:         inset 0 0 2px #9b0000;
    }

    #search-container .widget_search i{
        color: #9b0000;
        position: absolute;
        top: 16px;
        right: 20px;
    }

    #search-container .widget_search i:hover{
        color: #848994;
    }

    .hide{
        display: none;
    }


#top_bar {
    background: #f5f6f8;
    border-bottom: 1px solid #ebedef;
    max-height: 200px;
    overflow: hidden;
    transition: all 600ms ease-in;
    -webkit-transition: all 600ms ease-in;
}

/*-----------------------------------------------------------------*/
/* 3. Header
/*-----------------------------------------------------------------*/
    #ABdev_main_header.default{
        padding: 0px 0 0px 0px;
        box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.2);
        z-index: 9999;
        width: 100%;
        position: fixed;
        background: #fff;
    }

    #top_bar{
        background: #f5f6f8;
        border-bottom: 1px solid #ebedef;
        max-height: 200px;
        overflow: hidden;
        transition: all 600ms ease-in;
        -webkit-transition: all 600ms ease-in;
    }

    .top_social_icon{
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 7px;
        padding-top: 15px;
        border-left: 1px solid #ebedef;
        float: left;
    }

    .top_social_icon:last-of-type{
        border-right: 1px solid #ebedef;
    }

    .top_social_icon i{
        font-size: 13px;
        color: #848994;
        position: relative;
        top: -3px;
    }

    #header_social_info .top_social_icon.top_social_icon_facebook:hover{background: #3B5998;}
    #header_social_info .top_social_icon.top_social_icon_twitter:hover{background: #4099FF;}
    #header_social_info .top_social_icon.top_social_icon_googleplus:hover{background: #d34836;}
    #header_social_info .top_social_icon.top_social_icon_linkedin:hover{background: #0e76a8;}
    #header_social_info .top_social_icon.top_social_icon_youtube:hover{background: #c4302b;}
    #header_social_info .top_social_icon.top_social_icon_pinterest:hover{background: #c8232c;}
    #header_social_info .top_social_icon.top_social_icon_github:hover{background: #171515;}
    #header_social_info .top_social_icon.top_social_icon_feed:hover{background: #ee802f;}
    #header_social_info .top_social_icon.top_social_icon_behance:hover{background: #1769ff;}
    #header_social_info .top_social_icon.top_social_icon_blogger:hover{background: #f57d00;}
    #header_social_info .top_social_icon.top_social_icon_delicious:hover{background: #3399ff;}
    #header_social_info .top_social_icon.top_social_icon_designContest:hover{background: #5faad2;}
    #header_social_info .top_social_icon.top_social_icon_deviantART:hover{background: #4e6252;}
    #header_social_info .top_social_icon.top_social_icon_digg:hover{background: #000;}
    #header_social_info .top_social_icon.top_social_icon_dribble:hover{background: #ea4c89;}
    #header_social_info .top_social_icon.top_social_icon_dropbox:hover{background: #007ee5;}
    #header_social_info .top_social_icon.top_social_icon_email:hover{background: #ed1c16;}
    #header_social_info .top_social_icon.top_social_icon_flickr:hover{background: #ff0084;}
    #header_social_info .top_social_icon.top_social_icon_forrst:hover{background: #5b9a68;}
    #header_social_info .top_social_icon.top_social_icon_instagram:hover{background: #3f729b;}
    #header_social_info .top_social_icon.top_social_icon_lastfm:hover{background: #c3000d;}
    #header_social_info .top_social_icon.top_social_icon_myspace:hover{background: #313131;}
    #header_social_info .top_social_icon.top_social_icon_picasa:hover{background: #9a45a0;}
    #header_social_info .top_social_icon.top_social_icon_skype:hover{background: #00aff0;}
    #header_social_info .top_social_icon.top_social_icon_stumbleUpon:hover{background: #f74425;}
    #header_social_info .top_social_icon.top_social_icon_vimeo:hover{background: #44bbff;}
    #header_social_info .top_social_icon.top_social_icon_zerply:hover{background: #9dcc7a;}

    #header_social_info .top_social_icon:hover i{
        color: #fff;
    }

    .quick_contact_phone,
    .quick_contact_mail{
        color: #848994;
        font-size: 14px;
        margin-left: 20px;
        display: inline-block;
        margin-top: 11px;
    }

    .quick_contact_phone{
        margin-right: 16px;
    }

    .quick_contact_mail a{
        color: #848994;
    }

    .quick_contact_mail a:hover{
        color: #9b0000;
    }

    .quick_contact_phone i,
    .quick_contact_mail i{
        margin-right: 11px;
        position: relative;
        top: 2px;
    }
    
    .shop_nav_links{
        color: #848994;
        font-size: 14px;
        margin-top: 11px;
        margin-bottom: 11px;
    }

    .shop_nav_links a{
        color: #848994;
    }

    .shop_nav_links a:hover{
        color: #9b0000;
    }

    .shop_nav_links a.link_cart{
        color: #9b0000;
        margin-left: 3px;
    }

    .shop_nav_links a.link_cart:hover{
        color: #056ab2;
    }

    #ABdev_main_slider{
        padding: 0;
        background-size: cover;
        position: relative;
        height: 455px;
        background: #f2f3f4;
        overflow: hidden;
    }

    #ABdev_main_slider_content{
        text-align: center;
    }

    #ABdev_main_slider_logo{
        position: absolute;
        top: 10%;
        width: 100%;
    }

    #ABdev_main_slider_text{
        font-size: 70px;
        font-weight: 300;
        text-transform: uppercase;
        line-height: 84px;
        position: absolute;
        top: 30%;
        width: 100%;
    }

    #ABdev_main_slider_text .bold{
        font-size: 84px;
        display: block;
    }

    #ABdev_main_slider_scroll{
        position: absolute;
        bottom:70px;
        width: 100%;
    }

    .ABdev_main_slider_scroll_icon{
        display: inline-block;
        background: rgba(0,0,0,0.5);
        padding: 9px 25px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

    .ABdev_main_slider_scroll_info{
        font-family: Calibri;
        text-transform: uppercase;
    }

    .pattern_overlayed #ABdev_main_slider_content{
        z-index: 1;
    }