/**
 * see *.less for some documentation
 * some helpers located on libs.less
 */
.inline-block {
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}
.clearfix:after {
  clear: both;
}
/* @link: lighten(#000,15%); */
/* @bar_link_hover: @highlight; */
/**************************************************************************
 *
 * 1. Base
 * 2. Header
 * 3. Header Navbar
 *
 * 4. Components
 * 		4.1. Base
 * 		4.2. Entry Styles
 * 		4.3. Comments Area
 * 		4.4. Lists
 * 		4.5. Breadcrumb
 * 		4.6. Pagination
 * 		4.7. Sidenav
 * 		4.8. Carousel
 * 		4.9. Collapsible Panel
 * 		4.10. Tab
 * 		4.11. Buttons
 * 		4.12. Progress Bar
 * 		4.13. Overlay
 * 		4.14. Table
 * 		4.15. AD/banner
 * 		4.16. Widget calendar
 * 5. Footer
 * 6. Responsive
 */
body {
  background-color: #ecf0f1;
  color: #444444;
}
a {
  color: #2980b9;
}
a:hover {
  color: #3498db;
}
.bg-page {
  background-color: #ecf0f1;
}
.bg-base {
  background-color: #ffffff;
}
.bg-base > .entries > .entry:not(.style-grid) .entry-title a {
  color: #000000;
  /* @link_hover; */
}
.bg-primary {
  background-color: #34495e;
}
.bg-focus {
  background-color: #232323;
}
.bg-secodary {
  background-color: #dde4e6;
}
.bg-bar {
  background-color: #161616;
}
.section-no-margin-bottom,
.section.carousel {
  border-bottom: 4px solid #161616;
}
.form-control {
  background-color: #ecf0f1;
  border-color: rgba(68, 68, 68, 0.3);
}
.sidebar {
  background-color: #ffffff;
}
/**************************************************************************
 * 2. Header
 */
.header-navbar .header-navbar-inner {
  background-color: #161616;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
}
.header-navbar .header-navbar-inner:after {
  border-left-color: #111111;
}
.header-navbar .header-navbar-inner .btn-icon {
  color: #d9d9d9;
  background-color: #34495e;
}
.header-navbar .header-navbar-inner .btn-icon:hover,
.header-navbar .header-navbar-inner .btn-icon:focus,
.header-navbar .header-navbar-inner .btn-icon.focus {
  color: #d9d9d9;
  background-color: #4f6f8f;
}
.scrolled .header-navbar .navbar-brand {
  border-right-color: #1b1b1b;
}
.header-navbar .navbar-brand a {
  background-color: #232323;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
}
.header-navbar .navbar-brand a:after {
  border-right-color: #1b1b1b;
}
.scrolled .header-navbar .navbar-brand a {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-color: #161616;
}
.search-wrapper .search-wrapper-inner {
  border-bottom: 1px dotted #34495e;
}
.search-wrapper input[type="text"] {
  color: #d9d9d9;
}
/**************************************************************************
 * 3. Header Navbar
 */
.header-navbar {
  color: #d9d9d9;
}
.header-navbar .subnav-header {
  color: #d9d9d9;
}
.header-navbar a {
  color: #d9d9d9;
}
.header-navbar a:hover,
.header-navbar li.active > a,
.header-navbar li.active > a:hover {
  color: #34495e;
}
.header-navbar li a:hover,
.header-navbar li li.active > a,
.header-navbar li li.active > a:hover,
.header-navbar li li.active > a:focus {
  color: #ecf0f1;
  background-color: #161616;
}
.header-navbar .nav-pages a {
  color: #94aab0;
}
.header-navbar .nav-pages a:hover {
  color: #000000;
  background-color: transparent;
}
.nav.navbar-nav li .subnav-wrapper {
  border-top-color: #34495e;
  background-color: #232323;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
}
.nav.navbar-nav > li.nav-all {
  border-left-color: #232323;
}
.nav.navbar-nav > li.nav-all > a {
  color: #dfdfdf;
}
.navbar-nav li .subnav-wrapper.subnav-tabbed {
  background-color: #161616;
}
.header-navbar li .subnav-tabbed-tabs li.active > a {
  background-color: #232323;
}
.subnav-tabbed-panels {
  background-color: #232323;
}
.subnav-entries li {
  border-top: 1px dashed #161616;
}
.subnav-entries li:first-child {
  border-top: none;
}
/**************************************************************************
 * 4. Components
 */
/**************************************************************************
 * 		4.1 Base
 */
.comments-count-balloon {
  color: #444444;
  background-color: #ffffff;
}
.comments-count-balloon:after {
  border-left-color: #ffffff;
}
.comments-count-balloon.bg-focus {
  background-color: #232323;
  color: #dfdfdf;
}
.comments-count-balloon.bg-focus:after {
  border-left-color: #232323;
}
.comments-count-balloon.bg-primary {
  background-color: #34495e;
  color: #ecf0f1;
}
.comments-count-balloon.bg-primary:after {
  border-left-color: #34495e;
}
.comments-count-balloon em {
  color: #444444;
}
.ribbon > a,
.ribbon > span,
.ribbon > .ribbon-inner {
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  background-color: #34495e;
  color: #ecf0f1;
}
.ribbon a:hover {
  text-decoration: none;
}
.ribbon > span,
.ribbon > .ribbon-inner {
  color: #ecf0f1;
}
.ribbon > span a,
.ribbon > .ribbon-inner a {
  color: #ecf0f1;
}
.ribbon > span a:hover,
.ribbon > .ribbon-inner a:hover {
  -webkit-opacity: 0.7;
  -moz-opacity: 0.7;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.ribbon.ribbon-highlight > a,
.ribbon.ribbon-highlight > span,
.ribbon.ribbon-highlight > .ribbon-inner {
  background-color: #34495e;
  color: #ecf0f1;
}
.ribbon.ribbon-highlight > a:hover {
  background-color: #2b3c4e;
}
.ribbon.ribbon-highlight > span,
.ribbon.ribbon-highlight > .ribbon-inner {
  color: #ecf0f1;
}
.ribbon.ribbon-highlight > span a,
.ribbon.ribbon-highlight > .ribbon-inner a {
  color: #ecf0f1;
}
.ribbon.ribbon-focus > a,
.ribbon.ribbon-focus > span,
.ribbon.ribbon-focus > .ribbon-inner {
  background-color: #232323;
  color: #dfdfdf;
}
.ribbon.ribbon-focus > a:hover {
  background-color: #161616;
}
.ribbon.ribbon-focus > span,
.ribbon.ribbon-focus > .ribbon-inner {
  color: #dfdfdf;
}
.ribbon.ribbon-focus > span a,
.ribbon.ribbon-focus > .ribbon-inner a {
  color: #dfdfdf;
}
.ribbon:after {
  border-right-color: #111;
}
/**************************************************************************
 * 		4.2 Entry Styles
 */
.style-score-widget .score:after {
  border-right-color: #222f3d;
}
.style-score-widget .score-bar {
  background-color: #dedede;
  border-bottom-color: #c4c4c4;
}
.style-score-widget .score-bar i {
  background-color: #222f3d;
  border-bottom-color: #10161c;
}
.style-review-score {
  background-color: #34495e;
  color: #ecf0f1;
}
.style-review-list .style-review-score {
  background-color: #34495e;
  color: #ecf0f1;
}
.style-single h1,
.style-single h2,
.style-single h3,
.style-single h4,
.style-single h5 {
  color: #3498db;
}
.style-single h1,
.style-single h2,
.style-single h3 {
  border-bottom-color: #9d9d9d;
}
.after-entry hr {
  border-top: 1px dashed #9d9d9d;
}
.page-header {
  border-bottom-color: #9d9d9d;
}
.page-header .page-title {
  color: #000000;
  /* @link_hover; */
}
.style-hero.hero-nav .small {
  color: #34495e;
}
.style-recent-list {
  border-top-color: #b9c8d8;
}
.style-thumbnail-text {
  border-top: 1px solid #d7e0e2;
  border-left: 1px solid #d7e0e2;
}
.style-thumbnail-text:first-child {
  border-left: none;
}
.style-thumbnail-text a {
  display: block;
}
.style-grid {
  background-color: #34495e;
}
.style-grid .entry-header {
  color: #ffffff;
}
.style-grid .entry-header .entry-meta a {
  color: #ffffff;
}
.style-grid .entry-header .entry-title a {
  color: #ffffff;
  display: inline;
}
.style-grid .entry-header .entry-title a:hover {
  /* color: @light_color; */
  text-decoration: underline;
}
.style-grid .entry-header p.small:first-child {
  color: #34495e;
}
.style-grid .entry-header p.small:first-child a {
  color: #ecf0f1;
}
h3.entry-title a {
  color: #000000;
}
h3.entry-title a:hover {
  color: #000000;
}
/**************************************************************************
 * 		4.3. Comments Area
 */
.comments-area {
  padding-top: 20px;
}
.comments-area > .comment-list {
  border-top: 2px solid #9d9d9d;
}
.comments-area .comment {
  border-left-color: #9d9d9d;
}
/**************************************************************************
 * 		4.4. Lists
 */
.coverageList {
  border: 5px solid #ffffff;
  /* Fallback for web browsers that doesn't support RGBa */
  background-color: #ffffff;
  /* RGBa with 0.6 opacity */
  background-color: rgba(255, 255, 255, 0.6);
  /* For IE 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99ffffff', endColorstr='#99ffffff');
  /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff)";
}
.tagcloud a,
.post-tags a {
  color: #ecf0f1;
  /* Fallback for web browsers that doesn't support RGBa */
  background-color: #34495e;
  /* RGBa with 0.6 opacity */
  background-color: rgba(52, 73, 94, 0.6);
  /* For IE 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9934495e', endColorstr='#9934495e');
  /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#9934495e, endColorstr=#9934495e)";
}
.tagcloud a:hover,
.post-tags a:hover {
  /* Fallback for web browsers that doesn't support RGBa */
  /* RGBa with 0.6 opacity */
  background-color: #34495e;
  /* For IE 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff34495e', endColorstr='#ff34495e');
  /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff34495e, endColorstr=#ff34495e)";
}
/**************************************************************************
 *		4.5. Breadcrumb
 */
.breadcrumb > li.active {
  color: inherit;
}
.breadcrumb > li + li:before {
  color: inherit;
  -webkit-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
/**************************************************************************
 * 		4.6. Pagination
 */
.pagination > li > span,
.pagination > li > a,
.pagination > li > span:hover {
  background-color: transparent;
  color: #2980b9;
}
.pagination > li.active > span,
.pagination > li.active > span:hover,
.pagination > li a:hover {
  background-color: transparent;
  color: #34495e;
}
/**************************************************************************
 * 		4.7. Sidenav
 */
.sidenav .nav {
  /* Fallback for web browsers that doesn't support RGBa */
  background-color: #ecf0f1;
  /* RGBa with 0.6 opacity */
  background-color: rgba(236, 240, 241, 0.4);
  /* For IE 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66ecf0f1', endColorstr='#66ecf0f1');
  /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#66ecf0f1, endColorstr=#66ecf0f1)";
}
.sidenav .nav > li {
  border-bottom: 1px solid #ffffff;
}
.sidenav .nav > li > a:hover,
.sidenav .nav > li > a:focus {
  background-color: #ecf0f1;
}
/**************************************************************************
 * 		4.8. Carousel
 */
.section.carousel .carousel-control,
.widget.carousel .carousel-control {
  /* Fallback for web browsers that doesn't support RGBa */
  background-color: #000000 transparent;
  /* RGBa with 0.6 opacity */
  background-color: rgba(0, 0, 0, 0.4);
  /* For IE 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000', endColorstr='#66000000');
  /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000)";
}
/**************************************************************************
 * 		4.9. Collapsible Panel
 */
.panel,
.panel-group .panel {
  background-color: transparent;
}
.panel-primary > .panel-heading {
  background-color: transparent;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  -o-background-clip: padding-box;
  background-clip: padding-box;
}
.panel-primary > .panel-heading .panel-title a {
  color: #dfdfdf;
  background-color: #232323;
}
.panel-primary > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #9d9d9d;
}
/**************************************************************************
 * 		4.10. Tab
 */
.nav-tabs {
  border-bottom-color: #303030;
  background-color: #232323;
  border-top: 4px solid #232323;
}
.nav-tabs > li > a {
  color: #dfdfdf;
}
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
  border-bottom-color: transparent;
  background-color: #ffffff;
  color: #444444;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  background-color: #ffffff;
  color: #444444;
}
/**************************************************************************
 * 		4.11. Buttons
 */
.btn-default,
.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  -o-background-clip: padding-box;
  background-clip: padding-box;
}
.btn-default {
  color: #444444;
  border-color: #444444;
  background-color: transparent;
}
.btn-default:hover,
.btn-default:active,
.btn-default.active {
  color: #ecf0f1;
  background-color: #444444;
  border-color: #444444;
}
.btn-warning {
  color: #232323;
  border-color: #2f4154;
  background-color: #34495e;
}
.btn-warning:hover,
.btn-warning:active,
.btn-warning.active {
  color: #232323;
  background-color: #2b3c4e;
  border-color: #2f4154;
}
.btn-primary {
  border-color: #2b3c4e;
  background-color: #34495e;
  color: #ecf0f1;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active {
  color: #ecf0f1;
  background-color: #2b3c4e;
  border-color: #273747;
}
/**************************************************************************
 * 		4.12.  Progress Bar
 */
.progress-bar {
  background-color: #444444;
  color: #ecf0f1;
}
/**************************************************************************
 * 		4.13. Overlay
 */
.overlay.overlay-primary {
  -webkit-box-shadow: inset 2px 4px 10px 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 2px 4px 10px 5px rgba(0, 0, 0, 0.15);
  box-shadow: inset 2px 4px 10px 5px rgba(0, 0, 0, 0.15);
  background: -moz-linear-gradient(top, rgba(35, 35, 35, 0.6) 0%, rgba(35, 35, 35, 0.8) 99%, rgba(35, 35, 35, 0.8) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(35, 35, 35, 0.6)), color-stop(99%, rgba(35, 35, 35, 0.8)), color-stop(100%, rgba(35, 35, 35, 0.8)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(35, 35, 35, 0.6) 0%, rgba(35, 35, 35, 0.8) 99%, rgba(35, 35, 35, 0.8) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(35, 35, 35, 0.6) 0%, rgba(35, 35, 35, 0.8) 99%, rgba(35, 35, 35, 0.8) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(35, 35, 35, 0.6) 0%, rgba(35, 35, 35, 0.8) 99%, rgba(35, 35, 35, 0.8) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(35, 35, 35, 0.1) 0%, rgba(35, 35, 35, 0.1) 99%, rgba(35, 35, 35, 0.1) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99#34495e', endColorstr='#cc#34495e',GradientType=0 );
  /* IE6-9 */
}
/**************************************************************************
 * 		4.14. Table
 */
.table-bordered {
  border: 1px solid #ecf0f1;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ecf0f1;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-hover > tbody > tr:hover td,
.table-hover > tbody > tr:hover th {
  /* Fallback for web browsers that doesn't support RGBa */
  background-color: #ecf0f1;
  /* RGBa with 0.6 opacity */
  background-color: rgba(236, 240, 241, 0.7);
  /* For IE 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3ecf0f1', endColorstr='#b3ecf0f1');
  /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3ecf0f1, endColorstr=#b3ecf0f1)";
}
/**************************************************************************
 * 		4.15. Ad/ banner
 */
.ad-wrapper.widget {
  border-top: 2px solid #9d9d9d;
}
/**************************************************************************
 * 		4.16. Widget calendar
 */
.widget_calendar table td {
  border-top: 1px solid #9d9d9d;
}
.widget_calendar table #today {
  background-color: #34495e;
  color: #ecf0f1;
}
/**************************************************************************
 * 5. Footer
 */
.footer-area {
  color: #94aab0;
}
.footer-area a {
  color: #94aab0;
}
.footer-area a:hover {
  color: #000000;
}
.footer-area .widget {
  margin-bottom: 20px;
}
.footer-area .widget .widget-title {
  color: #94aab0;
  border-color: rgba(148, 170, 176, 0.3);
}
.footer-area .footer-bottom {
  border-color: rgba(148, 170, 176, 0.3);
}
/**************************************************************************
 * 5. Responsive
 */
@media (max-width: 768px) {
  .header-navbar,
  body.scrolled .header-navbar {
    border-right-color: #1b1b1b;
  }
  .header-navbar .navbar-brand a,
  body.scrolled .header-navbar .navbar-brand a {
    background-color: #161616;
  }
}