/*!
 * Здесь распологаются стили которые взяты из файла bootstrap.css
 * и заменены на классы под данный шаблон 
*/

@import url(//fonts.googleapis.com/css?family=Roboto:400,500,500italic,700,400italic&subset=cyrillic,latin);

/*Color *********************************************/
.sl_desc {
  background-color: rgba(31, 31, 31, 0.7);
}
.sl_cat {
  background-color: rgba(212, 14, 82, 0.7);
  color: #fff;
}

.board-avatar-circle,
.avatar-wheel img,
.info-bar-style1 .avatar-circle {
    border: 3px solid transparent;
}
.info-bar-user .bar-user-title:hover .avatar-circle {
  border: 2px solid transparent;
}
.caret {
  border-top-color:#383838;
}
.navbar-default .caret {
  border-top-color:#1f1f1f;
}
.navbar-inverse .caret {
  border-top-color:#fff;
}
.board-avatar-circle,
.avatar-wheel img,
.info-bar-style1 .avatar-circle,
.info-bar-user .bar-user-title:hover .avatar-circle,
.navbar-inverse {
  border-color: #0b99bc;
}
h1,
.cont_head,
.info-bar-user  .bar-user-item:hover *,
.info-bar-user .bar-user-title-a:hover,
.title_album:hover,
.tiles_info_bar li:hover *,
.content_title,
.info_bar > li:hover,
.info_bar > li:hover a,
.info_bar > li:hover span,
.tags_bar a:hover,
aside .wd_title,
.wg_comm .subject:hover,
a,
.positive,
.footer_title,
#breadcrumbs > ul > li > a:hover,
.props-info .value,
a:hover, a:focus,
.f_title a:hover,
.info-bar-user .bar-user-title-a,
.info-bar-user .bar-user-item *,
.info-bar-style1 .bar-user-item *,
.nav-filtr .active a,
.nav-filtr li a:hover,
.cont_cat li a:hover,
.comment-head .glyphicon,
.cont_cat li a:hover .glyphicon,
.site-home .glyphicon,
.wd_content_list .item .title a:hover{
  color: #0b99bc;
}

@media (max-width: 767px) {
  .head-trian .nav li .menu-avatar-a {
    background-color: #0b99bc;
    border-bottom: 1px solid #e7e7e7;
  }
}
.widget_content_slider .items .item.active,
.navbar-inverse,
.dark-share .b-share_theme_counter .b-share_type_small .b-share__link:hover,
.dark-share .b-share_theme_counter .b-share_type_small .b-share__link:active,
.is_online,
#pm_window .contacts .contact a.selected,
#wall_widget #wall_add_link:hover span,
.aside .navbar-user > li,
#user_profile_tabs,
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus,
.widget_content_slider .items .item.active,
.pagebar_current {
  background-color: #0b99bc;
}
#left_aside .wd_title{
  background-color: #3b3b3b;
}

.section .wd-tab, .section .wd_title, #right_aside .wd_title {
  background-color: #fff;
  color: #383838;
}

.wd-tab > .links-wrap a span,
.wd-tab > li > a {
  color:#383838;
}
.wd-tab > .links-wrap a .caret {
  border-top-color: #383838;
}
.wd-tab > .links-wrap a:hover .caret {
  border-top-color: #d40e52;
}
.wd-tab > .links-wrap a:hover span,
.wd-tab > li > a:hover {color:#d40e52;cursor:pointer;background:transparent; }

.wd-tab.nav .open > a, 
.wd-tab.nav .open > a:hover, 
.wd-tab.nav .open > a:focus {
  background-color: #eee;
}
.wd-tab > li > .active {
  color:#d40e52;
  position: relative;
}
.wd-tab > li > .active::before {
  border-bottom: 5px solid #d40e52;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  bottom: 0;
  content: "";
  display: block;
  height: 0;
  left: 50%;
  margin-left: -5px;
  position: absolute;
  vertical-align: middle;
  width: 0;
}

.navbar-default .navbar-nav > li > a {color: #1f1f1f;}
.nav-tabs {
  margin-bottom: 20px;
}
.navbar-default {
  background-color: #fff;
}
.profile-h1 a,
.navbar-inverse .navbar-nav > li > a {
  color: #fff;
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
  background-color: rgba(0, 0, 0, 0.1);
  color: #fff;
}
#right_aside .navbar-user > li a:hover,
.navbar-inverse .navbar-nav > .open > a, 
.navbar-inverse .navbar-nav > .open > a:hover, 
.navbar-inverse .navbar-nav > .open > a:focus,
.navbar-inverse .navbar-nav > .active > a, 
.navbar-inverse .navbar-nav > .active > a:hover, 
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, 
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, 
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
  background-color: rgba(0, 0, 0, 0.1);
  color: #fff;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
  color: #fff;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form,
.navbar-inverse .navbar-toggle {
  border-color: #038fb2;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
  background-color: #038fb2;
}
.navbar-inverse .navbar-brand {
  color: #f0f0f0;
}

@media (max-width: 767px) {
  .navbar-inverse .navbar-nav > li {
    border-bottom: 1px solid #0793b6;
  }
  .navbar-inverse .navbar-nav > li:first-child {
    border-top: 1px solid #0793b6;
  }
  .navbar .nav.navbar-nav > li > .dropdown-mobile {
    position: absolute !important;
    display: block;
    right: 0;
    top: 0;
    z-index: 10;
  }
  .navbar-inverse .nav.navbar-nav > li > .dropdown-mobile {
    border-left: 1px solid #0793b6;
  }
  .dropdown-menu-2 li a {
    padding-left: 35px !important;
  }
  .navbar-collapse {
    overflow-y: auto;
  }
}